@leg3ndy/otto-bridge 1.1.1 → 1.1.3

package/README.md

@@ -15,7 +15,7 @@ Para o estado atual da arquitetura, capacidades entregues, limitacoes e roadmap
 
 Para o corte de arquitetura do `0.9.0`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_0_9_0_RELEASE.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_0_9_0_RELEASE.md).
 
-Para o patch atual `1.1.1`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_1_PATCH.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_1_PATCH.md). Para o corte funcional da linha `1.1.0`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_0_RELEASE.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_0_RELEASE.md).
+Para o patch atual `1.1.3`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_3_PATCH.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_3_PATCH.md). Para o corte funcional da linha `1.1.0`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_0_RELEASE.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_0_RELEASE.md).
 
 ## Distribuicao
 
@@ -38,14 +38,14 @@ Enquanto o pacote nao estiver publicado, voce pode gerar um tarball local:
 
 ```bash
 npm pack
-npm install -g ./leg3ndy-otto-bridge-1.1.1.tgz
+npm install -g ./leg3ndy-otto-bridge-1.1.3.tgz
 ```
 
-Na linha `1.1.1`, `playwright` segue como dependencia obrigatoria no `otto-bridge`. O primeiro `npm install -g @leg3ndy/otto-bridge` pode demorar mais porque instala o browser persistente usado pelo WhatsApp Web e pelos fluxos web em background do bridge.
+Na linha `1.1.3`, `playwright` segue como dependencia obrigatoria no `otto-bridge`. O primeiro `npm install -g @leg3ndy/otto-bridge` pode demorar mais porque instala o browser persistente usado pelo WhatsApp Web e pelos fluxos web em background do bridge.
 
-No macOS, a linha `1.1.1` usa o provider `macos-helper`, um helper `WKWebView` sem Dock para o WhatsApp Web. O helper sobe com user-agent de Chrome moderno para evitar o bloqueio do WhatsApp ao detectar Safari/WebKit. O runtime antigo com Chromium/Playwright fica disponivel apenas como override explicito via `OTTO_BRIDGE_WHATSAPP_RUNTIME_PROVIDER=embedded-playwright`.
+No macOS, a linha `1.1.3` usa o provider `macos-helper`, um helper `WKWebView` sem Dock para o WhatsApp Web. O helper sobe com user-agent de Chrome moderno para evitar o bloqueio do WhatsApp ao detectar Safari/WebKit. O runtime antigo com Chromium/Playwright fica disponivel apenas como override explicito via `OTTO_BRIDGE_WHATSAPP_RUNTIME_PROVIDER=embedded-playwright`.
 
-No nivel arquitetural, o `0.9.0` marcou a mudanca de papel do bridge: ele publica tools e resultados estruturados para o Otto, em vez de injetar resposta pronta como caminho principal do chat. O `1.0.0` oficializou isso como runtime agentico; o `1.1.1` adiciona a camada workspace-first com rail de coding, trust/policy por workspace, source control first-class, working set persistido e grounding remoto por repositório.
+No nivel arquitetural, o `0.9.0` marcou a mudanca de papel do bridge: ele publica tools e resultados estruturados para o Otto, em vez de injetar resposta pronta como caminho principal do chat. O `1.0.0` oficializou isso como runtime agentico; o `1.1.3` mantem a camada workspace-first com rail de coding, trust/policy por workspace, source control first-class, working set persistido e grounding remoto por repositório, enquanto troca o `Otto Console` para scrollback real, menu com setas e palette de comandos ao digitar `/`.
 
 ## Publicacao
 
@@ -152,8 +152,9 @@ Dentro do console, use:
 - `/workspace attach <path>` para anexar uma pasta/repo novo pelo helper autenticado
 - `/workspace use <id|n>` para fixar um workspace anexado na sessão atual
 - `/workspace clear` para limpar o binding atual do chat/sessão
+- `/new` para iniciar uma nova sessão e limpar o contexto local do console
 
-No TTY, o composer agora fica ancorado no rodapé com placeholder `Peça algo ao Otto`, quebra por largura real do terminal e deixa o transcript do Otto sempre visível acima. Logo abaixo do input, o console mostra o modelo ativo, a barra de uso de contexto/tokens e o modo de aprovação atual; `Shift+Tab` alterna esse modo sem sair do console.
+No TTY, o console agora reaproveita a própria tela do bridge quando você entra no `Otto Console`, em vez de abrir uma segunda viewport logo abaixo do hub. O header é impresso uma vez no topo da sessão, o histórico completo fica salvo no scrollback real do terminal e o conteúdo vai empurrando os blocos para cima naturalmente. O composer continua com placeholder `Peça algo ao Otto`, o footer mantém modelo/tokens/aprovação, e ao digitar `/` o bridge abre uma palette navegável por setas, com `Enter` preenchendo comandos como `/new` para iniciar uma nova sessão local.
 
 No modo `OttoAI Thinking`, o terminal agora marca explicitamente o trecho de raciocínio com `Pensando (OttoAI Thinking)` e separa esse bloco da resposta final do Otto.
 
@@ -169,7 +170,7 @@ Esse comando abre um shell local interativo para instalar extensoes, rodar coman
 
 ### WhatsApp Web em background
 
-Fluxo recomendado na linha `1.1.1`:
+Fluxo recomendado na linha `1.1.3`:
 
 ```bash
 otto-bridge extensions --install whatsappweb
@@ -179,13 +180,13 @@ otto-bridge extensions --status whatsappweb
 
 O setup agora abre o login do WhatsApp Web no helper/background browser do proprio bridge. Depois do QR code, o Otto usa a sessao local em background, sem depender de aba visivel no Safari.
 
-Contrato da linha `1.1.1`:
+Contrato da linha `1.1.3`:
 
 - `otto-bridge extensions --setup whatsappweb`: autentica a sessao uma vez
 - `otto-bridge`: mantem o browser persistente do WhatsApp vivo em background enquanto o runtime do hub estiver ativo, sem depender de uma aba aberta no Safari
 - ao fechar o `otto-bridge`: o browser em background e desligado, mas a sessao local fica lembrada para o proximo boot
 
-## Handoff rapido da linha 1.1.1
+## Handoff rapido da linha 1.1.3
 
 Ja fechado no codigo:
 

package/dist/cli_terminal.js

@@ -56,11 +56,74 @@ const MAX_RENDERED_LIST_ENTRIES_COMPACT = 10;
 const MAX_RENDERED_FILE_CHARS = 6_000;
 const MAX_RENDERED_FILE_CHARS_COMPACT = 1_400;
 const CONSOLE_PLACEHOLDER = "Peça algo ao Otto";
-const CONSOLE_COMMAND_HINT = "/help, /model [fast|thinking], /approval [preview|confirm|trusted], /workspace, /status, /clear, /exit";
+const CONSOLE_COMMAND_HINT = "/help, /model [fast|thinking], /approval [preview|confirm|trusted], /workspace, /status, /clear, /new, /exit";
 const CONSOLE_COMPOSER_PROMPT_WIDTH = 2;
 const CONSOLE_COMPOSER_CURSOR_COLUMN = 2;
 const CONSOLE_EST_CHARS_PER_TOKEN = 4;
 const CONSOLE_EST_MESSAGE_OVERHEAD_TOKENS = 8;
+const CONSOLE_MENU_HINT = "↑ ↓ navegar • Enter selecionar";
+const CONSOLE_SLASH_SUGGESTIONS = [
+    {
+        command: "/new",
+        insertText: "/new",
+        description: "inicia uma nova sessão e limpa o contexto local",
+    },
+    {
+        command: "/help",
+        insertText: "/help",
+        description: "mostra os comandos disponíveis no console",
+    },
+    {
+        command: "/model fast",
+        insertText: "/model fast",
+        description: "troca para OttoAI Fast",
+    },
+    {
+        command: "/model thinking",
+        insertText: "/model thinking",
+        description: "troca para OttoAI Thinking",
+    },
+    {
+        command: "/approval preview",
+        insertText: "/approval preview",
+        description: "usa permissões padrão no device",
+    },
+    {
+        command: "/approval confirm",
+        insertText: "/approval confirm",
+        description: "pede confirmação manual por passo",
+    },
+    {
+        command: "/approval trusted",
+        insertText: "/approval trusted",
+        description: "ativa bypass de permissões no device",
+    },
+    {
+        command: "/workspace",
+        insertText: "/workspace",
+        description: "mostra o workspace ativo e os anexados",
+    },
+    {
+        command: "/workspace list",
+        insertText: "/workspace list",
+        description: "lista os workspaces anexados ao device",
+    },
+    {
+        command: "/status",
+        insertText: "/status",
+        description: "mostra status técnico do bridge e do runtime",
+    },
+    {
+        command: "/clear",
+        insertText: "/clear",
+        description: "limpa a tela e o contexto local desta sessão",
+    },
+    {
+        command: "/exit",
+        insertText: "/exit",
+        description: "sai do Otto Console",
+    },
+];
 class CliRuntimeSession {
     config;
     runtime = null;
@@ -238,6 +301,9 @@ function renderBanner() {
         `${style(subtitle, ANSI.slate, enabled)}`,
     ].join("\n");
 }
+function getCardMaxContentWidth() {
+    return Math.max(24, Number(output.columns || 96) - 4);
+}
 function createCliExitError() {
     return new Error(CLI_EXIT_SENTINEL);
 }
@@ -384,6 +450,16 @@ function getNextApprovalMode(mode) {
     }
     return "preview";
 }
+export function resolveConsoleSlashSuggestions(value) {
+    const normalized = normalizeText(value).toLowerCase();
+    if (!normalized.startsWith("/") || normalized.includes("\n")) {
+        return [];
+    }
+    if (normalized === "/") {
+        return [...CONSOLE_SLASH_SUGGESTIONS];
+    }
+    return CONSOLE_SLASH_SUGGESTIONS.filter((item) => item.command.startsWith(normalized));
+}
 function styleTranscriptLine(text, tone, enabled) {
     if (!enabled) {
         return text;
@@ -425,16 +501,30 @@ function buildConsoleFooterStatusLine(width, modelMode, usageTokens, enabled) {
     const usageRatio = contextLimit > 0 ? usageTokens / contextLimit : 0;
     const percent = Math.round(Math.max(0, Math.min(usageRatio, 1)) * 100);
     const barWidth = Math.max(12, Math.min(28, Math.floor(width * 0.18)));
-    return `${getCliModelLabel(modelMode)} | ${buildConsoleUsageBar(barWidth, usageRatio, enabled)} ${percent}% | ${formatCompactTokenCount(usageTokens)} tokens`;
+    const modelLabel = style(getCliModelLabel(modelMode), ANSI.slate, enabled);
+    return `${modelLabel} | ${buildConsoleUsageBar(barWidth, usageRatio, enabled)} ${percent}% | ${formatCompactTokenCount(usageTokens)} tokens`;
 }
 function buildConsoleFooterApprovalLine(mode, enabled, statusSuffix) {
     const state = getConsoleApprovalFooterState(mode);
     const hint = statusSuffix || "Shift+Tab para alternar";
     return style(`${state.label} (${hint})`, state.tone === "warning" ? ANSI.red : state.tone === "primary" ? ANSI.amber : ANSI.slate, enabled);
 }
+function styleTranscriptPrefix(text, tone, enabled) {
+    if (!enabled || !text) {
+        return text;
+    }
+    if (tone === "assistant") {
+        return `${ANSI.bold}${ANSI.brandBlue}${text}${ANSI.reset}`;
+    }
+    if (tone === "user") {
+        return `${ANSI.bold}${ANSI.white}${text}${ANSI.reset}`;
+    }
+    return text;
+}
 class ConsoleScreenRenderer {
     modelMode;
     approvalMode;
+    headerFactory;
     transcript = [];
     onResize = () => {
         this.render();
@@ -444,15 +534,19 @@ class ConsoleScreenRenderer {
     draftValue = "";
     conversationMessages = [];
     approvalStatusSuffix = null;
-    constructor(modelMode, approvalMode) {
+    usingAlternateBuffer = false;
+    constructor(modelMode, approvalMode, headerFactory = () => []) {
         this.modelMode = modelMode;
         this.approvalMode = approvalMode;
+        this.headerFactory = headerFactory;
     }
     activate() {
         if (this.active || !supportsAnsi() || !input.isTTY || !output.isTTY) {
             return;
         }
         this.active = true;
+        output.write("\u001b[?1049h");
+        this.usingAlternateBuffer = true;
         output.on("resize", this.onResize);
         this.render();
     }
@@ -463,6 +557,10 @@ class ConsoleScreenRenderer {
         output.off("resize", this.onResize);
         this.active = false;
         output.write("\u001b[?25h");
+        if (this.usingAlternateBuffer) {
+            output.write("\u001b[?1049l");
+            this.usingAlternateBuffer = false;
+        }
     }
     isActive() {
         return this.active;
@@ -523,7 +621,8 @@ class ConsoleScreenRenderer {
             const wrapped = sliceByWidth(logicalLine, Math.max(1, width - currentPrefix.length));
             wrapped.forEach((segment, index) => {
                 const linePrefix = isFirstVisualLine && index === 0 ? prefix : continuationPrefix;
-                rendered.push(styleTranscriptLine(`${linePrefix}${segment}`, entry.tone, supportsAnsi()));
+                const prefixTone = isFirstVisualLine && index === 0 ? entry.prefixTone : undefined;
+                rendered.push(`${styleTranscriptPrefix(linePrefix, prefixTone, supportsAnsi())}${styleTranscriptLine(segment, entry.tone, supportsAnsi())}`);
             });
             if (logicalLine.length === 0 && wrapped.length === 0) {
                 rendered.push("");
@@ -539,6 +638,7 @@ class ConsoleScreenRenderer {
         const enabled = supportsAnsi();
         const width = Math.max(48, Number(output.columns || 96));
         const height = Math.max(12, Number(output.rows || 24));
+        const headerLines = this.headerFactory();
         const separator = style("─".repeat(width), ANSI.brandBlue, enabled);
         const composer = renderConsoleComposerLines(this.draftValue, width, enabled);
         const usageTokens = Math.min(estimateConsoleContextTokens(this.conversationMessages, this.draftValue), getCliModelContextWindowTokens(this.modelMode));
@@ -549,7 +649,8 @@ class ConsoleScreenRenderer {
             buildConsoleFooterStatusLine(width, this.modelMode, usageTokens, enabled),
             buildConsoleFooterApprovalLine(this.approvalMode, enabled, this.approvalStatusSuffix),
         ];
-        const transcriptHeight = Math.max(0, height - footerLines.length);
+        const visibleHeader = headerLines.slice(0, Math.max(0, height - footerLines.length));
+        const transcriptHeight = Math.max(0, height - visibleHeader.length - footerLines.length);
         const transcriptLines = this.transcript.flatMap((entry) => this.buildEntryLines(entry, width));
         const visibleTranscript = transcriptLines.slice(-transcriptHeight);
         const paddedTranscript = [
@@ -558,11 +659,14 @@ class ConsoleScreenRenderer {
         ];
         output.write("\u001b[?25l");
         output.write("\u001b[H\u001b[2J");
-        output.write([...paddedTranscript, ...footerLines].join("\n"));
-        cursorTo(output, Math.min(width - 1, CONSOLE_COMPOSER_CURSOR_COLUMN + composer.cursorColumn), transcriptHeight + 1 + composer.cursorLineIndex);
+        output.write([...visibleHeader, ...paddedTranscript, ...footerLines].join("\n"));
+        cursorTo(output, Math.min(width - 1, CONSOLE_COMPOSER_CURSOR_COLUMN + composer.cursorColumn), visibleHeader.length + transcriptHeight + 1 + composer.cursorLineIndex);
         output.write("\u001b[?25h");
     }
 }
+function createConsoleScreenRenderer(_modelMode, _approvalMode, _runtimeSession) {
+    return null;
+}
 export function resolveCliModelMode(value) {
     const normalized = normalizeText(value).toLowerCase();
     if (!normalized) {
@@ -797,13 +901,14 @@ function styleCardLine(line, tone, enabled) {
     }
     return `${ANSI.white}${line}${ANSI.reset}`;
 }
-function renderInfoCard(lines) {
+export function renderInfoCard(lines, maxContentWidth = 82) {
     const enabled = supportsAnsi();
+    const safeMaxContentWidth = Math.max(20, maxContentWidth);
     const normalized = lines.map((line) => ({
-        text: truncate(line.text, 82),
+        text: truncate(line.text, safeMaxContentWidth),
         tone: line.tone,
     }));
-    const width = Math.max(44, ...normalized.map((line) => line.text.length));
+    const width = Math.max(Math.min(44, safeMaxContentWidth), ...normalized.map((line) => line.text.length));
     const top = style(`┌${"─".repeat(width + 2)}┐`, ANSI.brandBlue, enabled);
     const bottom = style(`└${"─".repeat(width + 2)}┘`, ANSI.brandBlue, enabled);
     return [
@@ -816,17 +921,31 @@ function renderInfoCard(lines) {
         bottom,
     ].join("\n");
 }
-function buildWelcomeCard(runtimeSession, modelMode) {
+export function buildWelcomeCard(runtimeSession) {
     return [
         { text: "Welcome to OttoAI", tone: "title" },
         { text: "", tone: "muted" },
         { text: "/help inside the console, /status for bridge details", tone: "muted" },
         { text: "", tone: "muted" },
-        { text: `model: ${getCliModelLabel(modelMode)}`, tone: "muted" },
         { text: `cwd: ${process.cwd()}`, tone: "muted" },
         { text: renderRuntimeHeadline(runtimeSession), tone: "muted" },
     ];
 }
+function buildConsoleHeaderLines(runtimeSession) {
+    const lines = [
+        ...renderBanner().split("\n"),
+        "",
+        ...renderInfoCard(buildWelcomeCard(runtimeSession), getCardMaxContentWidth()).split("\n"),
+    ];
+    const releaseNotice = runtimeSession.getReleaseNotice();
+    if (releaseNotice) {
+        lines.push("");
+        lines.push(...renderInfoCard(buildBridgeReleaseCard(releaseNotice), getCardMaxContentWidth()).split("\n"));
+    }
+    lines.push("");
+    lines.push(style(`Comandos: ${CONSOLE_COMMAND_HINT}`, ANSI.slateItalic, supportsAnsi()));
+    return lines;
+}
 function buildBridgeReleaseCard(notice) {
     const isRequired = notice.kind === "required";
     return [
@@ -916,29 +1035,20 @@ async function buildExtensionsCard(config) {
     }
     return lines;
 }
-function printHubScreen(runtimeSession, modelMode) {
+function printHubScreen(runtimeSession) {
     clearScreen();
     console.log(renderBanner());
     console.log("");
-    console.log(renderInfoCard(buildWelcomeCard(runtimeSession, modelMode)));
+    console.log(renderInfoCard(buildWelcomeCard(runtimeSession), getCardMaxContentWidth()));
     const releaseNotice = runtimeSession?.getReleaseNotice();
     if (releaseNotice) {
         console.log("");
-        console.log(renderInfoCard(buildBridgeReleaseCard(releaseNotice)));
+        console.log(renderInfoCard(buildBridgeReleaseCard(releaseNotice), getCardMaxContentWidth()));
     }
 }
-function printConsoleScreen(runtimeSession, modelMode) {
+function printConsoleScreen(runtimeSession) {
     clearScreen();
-    console.log(renderBanner());
-    console.log("");
-    console.log(renderInfoCard(buildWelcomeCard(runtimeSession, modelMode)));
-    const releaseNotice = runtimeSession.getReleaseNotice();
-    if (releaseNotice) {
-        console.log("");
-        console.log(renderInfoCard(buildBridgeReleaseCard(releaseNotice)));
-    }
-    console.log("");
-    printSoft(`Comandos: ${CONSOLE_COMMAND_HINT}`);
+    console.log(buildConsoleHeaderLines(runtimeSession).join("\n"));
     console.log("");
 }
 function formatConsoleWorkspaceLine(workspace, options) {
@@ -1202,6 +1312,30 @@ export function tryConsumeControlSequence(buffer) {
             };
         }
     }
+    const moveUpSequences = [
+        "\u001b[A",
+        "\u001bOA",
+    ];
+    for (const sequence of moveUpSequences) {
+        if (buffer.startsWith(sequence)) {
+            return {
+                consumed: sequence.length,
+                action: "move_up",
+            };
+        }
+    }
+    const moveDownSequences = [
+        "\u001b[B",
+        "\u001bOB",
+    ];
+    for (const sequence of moveDownSequences) {
+        if (buffer.startsWith(sequence)) {
+            return {
+                consumed: sequence.length,
+                action: "move_down",
+            };
+        }
+    }
     if (buffer === "\u001b" || /^\u001b\[[0-9;?]*$/.test(buffer)) {
         return {
             consumed: 0,
@@ -1240,55 +1374,100 @@ async function askConsoleInput(rl, options) {
     return await new Promise((resolve, reject) => {
         const enabled = supportsAnsi();
         const ui = options?.ui && options.ui.isActive() ? options.ui : null;
-        const availableWidth = Number(output.columns || 96);
-        const innerWidth = Math.max(42, Math.min(availableWidth - 8, 116));
-        const sectionTopOffsetFromInputLine = 1;
         let value = "";
         let renderedOnce = false;
+        let renderedCursorLineIndex = 0;
         let controlBuffer = "";
+        let selectedSuggestionIndex = 0;
+        const getPromptWidth = () => Math.max(48, Number(output.columns || 96));
+        const getModelMode = () => options?.getModelMode?.() || "fast";
+        const getApprovalMode = () => options?.getApprovalMode?.() || "preview";
+        const getConversationMessages = () => options?.getConversationMessages?.() || [];
+        const getVisibleSuggestions = () => {
+            const suggestions = resolveConsoleSlashSuggestions(value).slice(0, 6);
+            if (selectedSuggestionIndex >= suggestions.length) {
+                selectedSuggestionIndex = Math.max(0, suggestions.length - 1);
+            }
+            return suggestions;
+        };
         const cleanup = () => {
             input.removeListener("data", onData);
+            output.off("resize", renderPromptBlock);
+            if (!ui && renderedOnce) {
+                cursorTo(output, 0);
+                moveCursor(output, 0, -renderedCursorLineIndex);
+                clearScreenDown(output);
+            }
             input.setRawMode(false);
             input.pause();
             rl.resume();
             ui?.setDraftValue("");
         };
-        const renderInputContent = () => {
-            const promptPlain = "> ";
-            const promptStyled = style(">", `${ANSI.bold}${ANSI.white}`, enabled);
-            const maxValueLength = Math.max(0, innerWidth - promptPlain.length);
-            if (!value) {
-                const placeholder = truncate(CONSOLE_PLACEHOLDER, maxValueLength);
-                const padded = `${style(placeholder, ANSI.slate, enabled)}${" ".repeat(Math.max(0, maxValueLength - placeholder.length))}`;
-                return `${promptStyled} ${padded}`;
+        const renderSuggestionLines = (width) => {
+            const suggestions = getVisibleSuggestions();
+            if (!suggestions.length) {
+                return [];
             }
-            const visibleValue = value.length > maxValueLength
-                ? value.slice(value.length - maxValueLength)
-                : value;
-            return `${promptStyled} ${visibleValue}${" ".repeat(Math.max(0, maxValueLength - visibleValue.length))}`;
+            const suggestionWidth = Math.max(24, width - 4);
+            return suggestions.map((item, index) => {
+                const selected = index === selectedSuggestionIndex;
+                const prefix = selected
+                    ? style("›", `${ANSI.bold}${ANSI.brandBlue}`, enabled)
+                    : style(" ", ANSI.slate, enabled);
+                const command = style(item.command, selected ? `${ANSI.bold}${ANSI.white}` : ANSI.brandBlue, enabled);
+                const description = style(truncate(item.description, Math.max(12, suggestionWidth - item.command.length - 4)), selected ? ANSI.white : ANSI.slate, enabled);
+                return `${prefix} ${command} ${description}`;
+            });
         };
-        const renderLegacyInput = () => {
+        const renderPromptBlock = () => {
             if (ui) {
                 ui.setDraftValue(value);
                 return;
             }
+            const width = getPromptWidth();
+            const composer = renderConsoleComposerLines(value, width, enabled);
+            const modelMode = getModelMode();
+            const approvalMode = getApprovalMode();
+            const usageTokens = Math.min(estimateConsoleContextTokens(getConversationMessages(), value), getCliModelContextWindowTokens(modelMode));
+            const suggestionLines = renderSuggestionLines(width);
+            const blockLines = [
+                style("─".repeat(width), ANSI.brandBlue, enabled),
+                ...composer.renderedLines,
+                ...suggestionLines,
+                style("─".repeat(width), ANSI.brandBlue, enabled),
+                buildConsoleFooterStatusLine(width, modelMode, usageTokens, enabled),
+                buildConsoleFooterApprovalLine(approvalMode, enabled),
+            ];
             if (renderedOnce) {
                 cursorTo(output, 0);
-                moveCursor(output, 0, -sectionTopOffsetFromInputLine);
+                moveCursor(output, 0, -renderedCursorLineIndex);
+                clearScreenDown(output);
             }
             else {
                 renderedOnce = true;
             }
-            const top = renderPromptFrameLine(innerWidth + 2, "┌", "┐");
-            const border = style("│", ANSI.brandBlue, enabled);
-            const middle = `${border} ${renderInputContent()} ${border}`;
-            const bottom = renderPromptFrameLine(innerWidth + 2, "└", "┘");
-            clearScreenDown(output);
-            output.write(`${top}\n${middle}\n${bottom}\n`);
+            output.write(blockLines.join("\n"));
+            renderedCursorLineIndex = 1 + composer.cursorLineIndex;
+            const linesBelowCursor = blockLines.length - 1 - renderedCursorLineIndex;
             cursorTo(output, 0);
-            moveCursor(output, 0, -2);
-            const visibleValueLength = Math.min(value.length, Math.max(0, innerWidth - 2));
-            cursorTo(output, 4 + visibleValueLength);
+            if (linesBelowCursor > 0) {
+                moveCursor(output, 0, -linesBelowCursor);
+            }
+            cursorTo(output, Math.min(width - 1, CONSOLE_COMPOSER_CURSOR_COLUMN + composer.cursorColumn));
+        };
+        const applySelectedSuggestion = () => {
+            const suggestions = getVisibleSuggestions();
+            const selected = suggestions[selectedSuggestionIndex];
+            if (!selected) {
+                return false;
+            }
+            if (normalizeText(value) === selected.insertText) {
+                return false;
+            }
+            value = selected.insertText;
+            selectedSuggestionIndex = 0;
+            renderPromptBlock();
+            return true;
         };
         const consumeControlBuffer = () => {
             while (controlBuffer.length > 0) {
@@ -1305,12 +1484,31 @@ async function askConsoleInput(rl, options) {
                     continue;
                 }
                 if (parsed.action === "cycle_approval") {
-                    void options?.onCycleApprovalMode?.();
+                    void Promise.resolve(options?.onCycleApprovalMode?.()).finally(() => {
+                        renderPromptBlock();
+                    });
+                    continue;
+                }
+                if (parsed.action === "move_up") {
+                    const suggestions = getVisibleSuggestions();
+                    if (suggestions.length > 0) {
+                        selectedSuggestionIndex = selectedSuggestionIndex > 0 ? selectedSuggestionIndex - 1 : suggestions.length - 1;
+                        renderPromptBlock();
+                    }
+                    continue;
+                }
+                if (parsed.action === "move_down") {
+                    const suggestions = getVisibleSuggestions();
+                    if (suggestions.length > 0) {
+                        selectedSuggestionIndex = selectedSuggestionIndex < suggestions.length - 1 ? selectedSuggestionIndex + 1 : 0;
+                        renderPromptBlock();
+                    }
                     continue;
                 }
                 if (parsed.action === "newline") {
                     value += "\n";
-                    renderLegacyInput();
+                    selectedSuggestionIndex = 0;
+                    renderPromptBlock();
                 }
             }
         };
@@ -1328,26 +1526,30 @@ async function askConsoleInput(rl, options) {
                     return;
                 }
                 if (char === "\r" || char === "\n") {
-                    cleanup();
-                    if (!ui) {
-                        output.write("\n");
+                    if (applySelectedSuggestion()) {
+                        continue;
                     }
+                    cleanup();
+                    output.write("\n");
                     resolve(normalizeText(value));
                     return;
                 }
                 if (char === "\u007f" || char === "\b") {
                     value = value.slice(0, -1);
-                    renderLegacyInput();
+                    selectedSuggestionIndex = 0;
+                    renderPromptBlock();
                     continue;
                 }
                 if (char === "\t") {
+                    applySelectedSuggestion();
                     continue;
                 }
                 value += char;
-                renderLegacyInput();
+                renderPromptBlock();
             }
         };
-        renderLegacyInput();
+        output.on("resize", renderPromptBlock);
+        renderPromptBlock();
         input.on("data", onData);
     });
 }
@@ -1649,14 +1851,11 @@ async function followConsoleJob(rl, config, jobId) {
 }
 async function runOttoConsole(rl, config, runtimeSession, options) {
     let activeModel = "fast";
-    const sessionId = randomUUID();
+    let sessionId = randomUUID();
     const conversation = [];
-    const ui = supportsAnsi() && typeof input.setRawMode === "function" && input.isTTY && output.isTTY
-        ? new ConsoleScreenRenderer(activeModel, config.approvalMode)
-        : null;
-    ui?.activate();
+    const ui = createConsoleScreenRenderer(activeModel, config.approvalMode, runtimeSession);
     if (!ui) {
-        printConsoleScreen(runtimeSession, activeModel);
+        printConsoleScreen(runtimeSession);
     }
     const renderConversationState = () => {
         ui?.setConversationMessages(conversation);
@@ -1669,12 +1868,13 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
                 text,
                 tone,
                 prefix: options?.prefix,
+                prefixTone: options?.prefixTone,
                 continuationPrefix: options?.continuationPrefix,
             });
             return;
         }
         if (options?.prefix) {
-            console.log(`${options.prefix}${text}`);
+            console.log(`${styleTranscriptPrefix(options.prefix, options.prefixTone, supportsAnsi())}${styleTranscriptLine(text, tone, supportsAnsi())}`);
             return;
         }
         if (tone === "warning") {
@@ -1698,6 +1898,14 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
     const emitUserPrompt = (text) => {
         emitConsoleEntry(text, "user", {
             prefix: "> ",
+            prefixTone: "user",
+            continuationPrefix: "  ",
+        });
+    };
+    const emitAssistantPrompt = (text) => {
+        emitConsoleEntry(text, "assistant", {
+            prefix: "• ",
+            prefixTone: "assistant",
             continuationPrefix: "  ",
         });
     };
@@ -1723,6 +1931,9 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
         return await askConsoleInput(rl, {
             ui,
             onCycleApprovalMode: cycleApprovalMode,
+            getConversationMessages: () => conversation,
+            getModelMode: () => activeModel,
+            getApprovalMode: () => config.approvalMode,
         });
     };
     const askConsoleDecision = async (promptText, defaultValue = true) => {
@@ -1736,7 +1947,7 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
     };
     const printConsoleHelp = () => {
         emitConsoleEntry("Console", "headline");
-        emitConsoleEntry("Comandos: /help, /model [fast|thinking], /approval [preview|confirm|trusted], /workspace, /status, /clear, /exit", "muted");
+        emitConsoleEntry("Comandos: /help, /model [fast|thinking], /approval [preview|confirm|trusted], /workspace, /status, /clear, /new, /exit", "muted");
         emitConsoleEntry("Composer: Enter envia, Shift+Enter adiciona linha e Shift+Tab alterna o modo de aprovação.", "muted");
         emitConsoleEntry("Workspace: /workspace list, /workspace attach <path>, /workspace use <id|n>, /workspace clear", "muted");
     };
@@ -1886,7 +2097,12 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
                         : status === "failed"
                             ? "Execução local falhou."
                             : "Execução local cancelada.");
-                emitConsoleEntry(summary, status === "failed" ? "error" : status === "cancelled" ? "warning" : "assistant");
+                if (status === "completed") {
+                    emitAssistantPrompt(summary);
+                }
+                else {
+                    emitConsoleEntry(summary, status === "failed" ? "error" : "warning");
+                }
                 const rendered = renderStructuredOutcome(job);
                 if (rendered) {
                     emitConsoleEntry(rendered, "muted");
@@ -1910,11 +2126,22 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
             ui?.clearTranscript();
             renderConversationState();
             if (!ui) {
-                printConsoleScreen(runtimeSession, activeModel);
+                printConsoleScreen(runtimeSession);
             }
             emitConsoleEntry("Contexto local do console limpo.", "muted");
             return;
         }
+        if (normalizedPrompt === "/new") {
+            sessionId = randomUUID();
+            conversation.splice(0, conversation.length);
+            ui?.clearTranscript();
+            renderConversationState();
+            if (!ui) {
+                printConsoleScreen(runtimeSession);
+            }
+            emitConsoleEntry("Nova sessão iniciada. Contexto local reiniciado.", "muted");
+            return;
+        }
         if (normalizedPrompt === "/model") {
             emitConsoleEntry(`Modelo ativo: ${getCliModelLabel(activeModel)}.`, "muted");
             emitConsoleEntry("Use /model fast ou /model thinking para trocar.", "muted");
@@ -1978,10 +2205,8 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
             throw createCliExitError();
         }
         emitUserPrompt(normalizedPrompt);
+        emitConsoleEntry("", "muted");
         conversation.push({ role: "user", content: normalizedPrompt });
-        while (conversation.length > 18) {
-            conversation.shift();
-        }
         renderConversationState();
         let streamedAssistant = "";
         let assistantEntryId = null;
@@ -2041,8 +2266,17 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
             }
             if (!assistantPrefixPrinted) {
                 assistantEntryId = ui
-                    ? ui.pushEntry({ text: "", tone: "assistant" })
+                    ? ui.pushEntry({
+                        text: "",
+                        tone: "assistant",
+                        prefix: "• ",
+                        prefixTone: "assistant",
+                        continuationPrefix: "  ",
+                    })
                     : null;
+                if (!ui) {
+                    output.write(styleTranscriptPrefix("• ", "assistant", supportsAnsi()));
+                }
                 assistantPrefixPrinted = true;
             }
             if (ui && assistantEntryId) {
@@ -2065,7 +2299,7 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
                 : null;
             const jobId = normalizeText(job?.id);
             if (bridgeSummary && !jobId) {
-                emitConsoleEntry(bridgeSummary, "assistant");
+                emitAssistantPrompt(bridgeSummary);
             }
             if (jobId) {
                 finalAssistantSummary = await followConsoleJobUi(jobId);
@@ -2076,9 +2310,6 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
         }
         if (finalAssistantSummary) {
             conversation.push({ role: "assistant", content: finalAssistantSummary });
-            while (conversation.length > 18) {
-                conversation.shift();
-            }
             renderConversationState();
         }
     };
@@ -2134,52 +2365,112 @@ async function printHelpView(rl) {
         { text: "otto-bridge version | otto-bridge unpair", tone: "primary" },
         { text: "Mostra a versao instalada ou remove o pairing local.", tone: "muted" },
         { text: "", tone: "muted" },
-        { text: "Dentro do console: /help, /model fast|thinking, /approval preview|confirm|trusted, /status, /clear, /exit", tone: "muted" },
+        { text: "Dentro do console: /help, /model fast|thinking, /approval preview|confirm|trusted, /status, /clear, /new, /exit", tone: "muted" },
     ]));
     await pauseForEnter(rl);
 }
-async function pickHomeChoice(rl, paired) {
-    printSection("Home");
+function renderHomeOptionLine(label, selected) {
+    if (!selected) {
+        return `  ${label}`;
+    }
+    return `${style("▸", ANSI.brandBlue, supportsAnsi())} ${style(label, `${ANSI.bold}${ANSI.white}`, supportsAnsi())}`;
+}
+async function pickHomeChoice(rl, paired, renderBaseScreen) {
     const options = paired
         ? [
-            `${style("1.", ANSI.brandBlue, supportsAnsi())} Otto Console`,
-            `${style("2.", ANSI.brandBlue, supportsAnsi())} Terminal`,
-            `${style("3.", ANSI.brandBlue, supportsAnsi())} Setup / parear novamente`,
-            `${style("4.", ANSI.brandBlue, supportsAnsi())} Status detalhado`,
-            `${style("5.", ANSI.brandBlue, supportsAnsi())} Extensões`,
-            `${style("6.", ANSI.brandBlue, supportsAnsi())} Ajuda`,
-            `${style("7.", ANSI.brandBlue, supportsAnsi())} Sair`,
+            { value: "console", label: "Otto Console" },
+            { value: "terminal", label: "Terminal" },
+            { value: "setup", label: "Setup / parear novamente" },
+            { value: "status", label: "Status detalhado" },
+            { value: "extensions", label: "Extensões" },
+            { value: "help", label: "Ajuda" },
+            { value: "exit", label: "Sair" },
         ]
         : [
-            `${style("1.", ANSI.brandBlue, supportsAnsi())} Pairing setup`,
-            `${style("2.", ANSI.brandBlue, supportsAnsi())} Terminal`,
-            `${style("3.", ANSI.brandBlue, supportsAnsi())} Ajuda`,
-            `${style("4.", ANSI.brandBlue, supportsAnsi())} Sair`,
+            { value: "setup", label: "Pairing setup" },
+            { value: "terminal", label: "Terminal" },
+            { value: "help", label: "Ajuda" },
+            { value: "exit", label: "Sair" },
         ];
-    console.log(options.join("\n"));
-    const answer = await ask(rl, "Escolha");
-    if (!paired) {
-        if (answer === "1")
-            return "setup";
-        if (answer === "2")
-            return "terminal";
-        if (answer === "3")
-            return "help";
+    if (!supportsAnsi() || typeof input.setRawMode !== "function" || !input.isTTY) {
+        printSection("Home");
+        console.log(options.map((option, index) => `${style(`${index + 1}.`, ANSI.brandBlue, supportsAnsi())} ${option.label}`).join("\n"));
+        const answer = await ask(rl, "Escolha");
+        const numericIndex = Number(answer);
+        if (Number.isInteger(numericIndex) && numericIndex >= 1 && numericIndex <= options.length) {
+            return options[numericIndex - 1].value;
+        }
         return "exit";
     }
-    if (answer === "1")
-        return "console";
-    if (answer === "2")
-        return "terminal";
-    if (answer === "3")
-        return "setup";
-    if (answer === "4")
-        return "status";
-    if (answer === "5")
-        return "extensions";
-    if (answer === "6")
-        return "help";
-    return "exit";
+    rl.pause();
+    input.setRawMode(true);
+    input.resume();
+    return await new Promise((resolve, reject) => {
+        let selectedIndex = 0;
+        let controlBuffer = "";
+        const cleanup = () => {
+            input.removeListener("data", onData);
+            input.setRawMode(false);
+            input.pause();
+            rl.resume();
+        };
+        const render = () => {
+            renderBaseScreen();
+            printSection("Home");
+            console.log(options.map((option, index) => renderHomeOptionLine(option.label, index === selectedIndex)).join("\n"));
+            console.log("");
+            printSoft(CONSOLE_MENU_HINT);
+        };
+        const consumeControlBuffer = () => {
+            while (controlBuffer.length > 0) {
+                const parsed = tryConsumeControlSequence(controlBuffer);
+                if (!parsed) {
+                    controlBuffer = "";
+                    return;
+                }
+                if (parsed.action === "incomplete") {
+                    return;
+                }
+                controlBuffer = controlBuffer.slice(parsed.consumed);
+                if (parsed.action === "move_up") {
+                    selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : options.length - 1;
+                    render();
+                    continue;
+                }
+                if (parsed.action === "move_down") {
+                    selectedIndex = selectedIndex < options.length - 1 ? selectedIndex + 1 : 0;
+                    render();
+                    continue;
+                }
+                if (parsed.action === "ignore" || parsed.action === "cycle_approval" || parsed.action === "newline") {
+                    continue;
+                }
+            }
+        };
+        const onData = (chunk) => {
+            const text = Buffer.isBuffer(chunk) ? chunk.toString("utf8") : String(chunk);
+            for (const char of Array.from(text)) {
+                if (controlBuffer || char === "\u001b") {
+                    controlBuffer += char;
+                    consumeControlBuffer();
+                    continue;
+                }
+                if (char === "\u0003") {
+                    cleanup();
+                    reject(createCliExitError());
+                    return;
+                }
+                if (char === "\r" || char === "\n") {
+                    cleanup();
+                    output.write("\n");
+                    resolve(options[selectedIndex].value);
+                    return;
+                }
+            }
+        };
+        render();
+        input.on("data", onData);
+    });
 }
 export async function launchInteractiveCli(options) {
     let rl = await createPromptInterface();
@@ -2188,7 +2479,7 @@ export async function launchInteractiveCli(options) {
     try {
         let config = await loadBridgeConfig();
         if (!config) {
-            printHubScreen(null, "fast");
+            printHubScreen(null);
             const setup = await runSetupWizard(rl, options);
             config = setup.config;
             if (config && setup.openConsole) {
@@ -2205,8 +2496,8 @@ export async function launchInteractiveCli(options) {
         await runtimeSession.ensureStarted();
         await runtimeSession.waitForReady();
         for (;;) {
-            printHubScreen(runtimeSession, "fast");
-            const choice = await pickHomeChoice(rl, true);
+            printHubScreen(runtimeSession);
+            const choice = await pickHomeChoice(rl, true, () => printHubScreen(runtimeSession));
             if (choice === "exit") {
                 break;
             }
@@ -2303,7 +2594,7 @@ export async function runSetupCommand(options) {
     const rl = await createPromptInterface();
     let runtimeSession = null;
     try {
-        printHubScreen(null, "fast");
+        printHubScreen(null);
         const setup = await runSetupWizard(rl, options);
         if (setup.config && setup.openConsole) {
             runtimeSession = new CliRuntimeSession(setup.config);
@@ -2326,7 +2617,7 @@ export async function runConsoleCommand(initialPrompt) {
     const rl = await createPromptInterface();
     let runtimeSession = null;
     try {
-        printHubScreen(null, "fast");
+        printHubScreen(null);
         let config = await loadBridgeConfig();
         if (!config) {
             const setup = await runSetupWizard(rl);

package/dist/main.js

@@ -129,6 +129,7 @@ Console:
   /workspace clear
   /status
   /clear
+  /new
   /exit
 
 Examples:

package/dist/types.js

@@ -1,5 +1,5 @@
 export const BRIDGE_CONFIG_VERSION = 1;
-export const BRIDGE_VERSION = "1.1.1";
+export const BRIDGE_VERSION = "1.1.3";
 export const BRIDGE_PACKAGE_NAME = "@leg3ndy/otto-bridge";
 export const DEFAULT_API_BASE_URL = "http://localhost:8000";
 export const DEFAULT_POLL_INTERVAL_MS = 3000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leg3ndy/otto-bridge",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "private": false,
   "type": "module",
   "description": "Local companion for Otto Bridge device pairing and WebSocket runtime.",

package/scripts/postinstall.mjs

@@ -24,7 +24,7 @@ if (!existsSync(mainPath)) {
   process.exit(0);
 }
 
-console.log("\n[otto-bridge] Welcome to OTTOAI 1.1.1");
+console.log("\n[otto-bridge] Welcome to OTTOAI 1.1.3");
 console.log("[otto-bridge] Vamos iniciar o setup interativo do bridge.\n");
 
 const result = spawnSync(process.execPath, [mainPath, "setup", "--postinstall"], {