jet-jot · 5 standalone popup patterns

Standalone — não vivem dentro do blipjot widget. Cada um é a sua própria aplicação que pode ser aberta como tab, popup window, ou PWA instalada. T é a recomendação final de produção (combina o melhor de cada).

Mobile PWA · Stocard-clone

install-to-home · bottom tabs · 480px width · full app feel

💳Wallet é home (default tab) com Stocard-style card stack + filter pills 📷Scan tab com viewfinder + session counter + recent results ❓Ask tab com composer + tools + histórico 👤Profile tab com stats + family + settings + PWA install

Best for: mobile users que querem app dedicado · install para home screen · feel nativo

Abrir P →

Desktop popup · 1Password style

400×600 compact · search-first · browser extension feel

🔍Search bar sempre no topo · filtra cards/codes/actions instantaneamente ⚡Quick action row · Scan/Ask/Add num clique 💳Lista com Favoritos / Nearby / Todos · tap → detail slide-in pane ⌨Cmd+K focus search · keyboard nav

Best for: desktop power users · open-on-click extension style · quick copy/paste de números

Abrir Q →

Conversational AI · ChatGPT-style

chat interface · natural language drives tudo

💬"mostra o meu Continente" → AI responde com cartão inline 📊"qual uso mais?" → stats inline + sugestão temporal 📷"scanear novo" → viewfinder inline; detect → smart store 🎤Voz com transcrição live · suggestions chips por baixo

Best for: users que preferem perguntar em vez de navegar · zero learning curve · sente-se mágico

Abrir R →

Command palette · Linear/Raycast

⌘K é tudo · keyboard-first · power user

⌘KCmd+K abre palette · type para fazer qualquer coisa ⌨Shortcuts ⌘⇧S/A/W · ⌘N/F · ⌘1-3 para cards pinned 📌Recent + pinned + filters tudo na palette 💳Card open dentro da palette · sem layers de modal

Best for: desktop devs · keyboard-only workflows · zero mouse · Linear/Raycast users

Abrir S →

Hybrid · PWA + AI + smart context

mobile-first · AI search input · location-aware · production

📱PWA shell (P) — install to home · bottom tabs · feel nativo 🤖AI search input no topo (R) — "mostra Continente" / "qual uso mais" 📍Smart suggestion banner (O) — context-aware location/time/usage 💳Family Bento home (visual de O) — killer feature visível logo 📷Scan com smart-detect (prefix → store automático) ❓Ask com auto-context (page, time, location, device incluídos) ⌨⌘K focus AI search · funciona em desktop também

Best for: todos. Mobile-first sem deixar desktop atrás. Smart enough para casual users mas com shortcuts para power users.

Abrir T →

🎯 Porquê T é a recomendação final

Depois de testares G/H/I/J (visual menu styles), K/L/M/N/O (workflow patterns) e agora P/Q/R/S (standalone popup types), T destila o que funciona melhor de cada:

De P: shell PWA mobile-first, install-to-home, bottom tabs como spinal cord da nav
De Q: search input prominente sempre visível no topo
De R: AI input entende natural language ("mostra Continente") sem precisar de menus
De S: ⌘K shortcut para focus do search no desktop
De O: smart context banner (location + time + usage) + smart-detect store no scan + auto-context no ask
De F/G/etc: wallet-primary (Family Bento como home) — o killer feature está visível antes de qualquer menu

O resultado: uma app que parece Stocard à primeira vista (familiar) mas com a inteligência do ChatGPT e a velocidade do Linear. Funciona em mobile (PWA install) e desktop (Cmd+K). Casual users tocam ícones; power users falam ou usam atalhos.

Próximo passo recomendado: arrancar Phase 2 com T como referência — backend para ALTER loyalty_cards ADD visibility + card_shares + endpoint /blip-scan/api/wallet com smart-detect logic + AI router (start simples: regex matching, depois LLM se valer a pena).