Skip to content

docs: HTML prototype of the console interface - #171

Merged
lippdev merged 1 commit into
mainfrom
docs/console-prototype
Oct 29, 2026
Merged

lippdev merged 1 commit into
mainfrom
docs/console-prototype

Conversation

@lippdev

@lippdev lippdev commented Oct 22, 2026

Copy link
Copy Markdown
Owner

O que é

docs/prototype/console.html: protótipo em HTML da interface Console da 1.7, para prototipar telas antes de mexer no XAML.

Ele copia o que está na main:

  • Estilos (App.xaml): cores, tamanhos, cantos, fonte Inter, anel de foco branco, hover que aparece e some em 200 ms e clique que afunda para 97% (PR fix: smooth hover and press on console buttons, fix settings selection #165).
  • Tela (ConsoleHomeView.xaml): papel de parede Aurora com os degradês, barra do topo com abas LB/RB, Início (fileira de lançadores em que o foco escolhe, selo ✓, barra verde e botão Jogar), Sessão (telas e ajustes rápidos), Sistema (categorias e opções), seletor de opções e dicas do controle.
  • Dados: textos do Strings.pt-BR.json e cores do LaunchArt.cs e do MonitorRowViewModel, todos reunidos no objeto DATA do script.

Como usar

Abra o arquivo direto no navegador do Windows. A fonte é carregada do src/ConsoleMode/Assets/Fonts e os ícones vêm da Segoe Fluent Icons. Teclas: setas movem o foco, Enter = A, Esc = B, Q/E = LB/RB. O mouse também funciona.

Ao converter para XAML, atenção à ordem das cores: no CSS é #RRGGBBAA, no XAML é #AARRGGBB.

Só documentação, não muda o app.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

@pullfrog pullfrog Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ℹ️ The audio picker currently appears interactive but cannot change the displayed setting.

Reviewed changes This review covers the standalone HTML prototype and its modeled interactions.

  • Console screen mockup: Adds home, session, and system views with sample Portuguese content and styling based on the app.
  • Prototype interactions: Adds keyboard and mouse focus navigation, launcher selection, and option pickers.

Pullfrog  | Fix all ➔ | Fix 👍s ➔ | View workflow run | Using gpt-6-luna | 𝕏

if (act === "close") return closePicker();
if (act.startsWith("choose:")) {
const [, key, i] = act.split(":");
if (key === "launch") { const idx = Math.min(+i, DATA.launchers.length - 1); DATA.selected = idx; }

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Choosing an audio option closes the picker but only the launch case updates DATA, so the displayed output remains unchanged. Please persist the audio selection and reflect it in the session quick card and settings row, as the launcher picker already does.

@lippdev
lippdev merged commit ad04c82 into main Oct 29, 2026
5 checks passed
@lippdev lippdev mentioned this pull request Oct 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant