@leg3ndy/otto-bridge 1.1.4 → 1.1.5

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.4`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_4_PATCH.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_4_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.5`, veja [`leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_5_PATCH.md`](../leg3ndy-ai-backend/docs/otto-bridge/releases/OTTO_BRIDGE_1_1_5_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.4.tgz
+npm install -g ./leg3ndy-otto-bridge-1.1.5.tgz
 ```
 
-Na linha `1.1.4`, `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.5`, `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.4` 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.5` 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.4` 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 corrige a regressao do `Otto Console` e volta ao renderer fixo com header no topo, transcript acima do composer, menu com setas e palette de comandos ao digitar `/`.
+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.5` 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 corrige o `Otto Console` para voltar ao scrollback real, aceitar digitação enquanto o Otto streama e reaproveitar a tela do hub sem duplicar o banner.
 
 ## Publicacao
 
@@ -170,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.4`:
+Fluxo recomendado na linha `1.1.5`:
 
 ```bash
 otto-bridge extensions --install whatsappweb
@@ -180,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.4`:
+Contrato da linha `1.1.5`:
 
 - `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.4
+## Handoff rapido da linha 1.1.5
 
 Ja fechado no codigo:
 

package/dist/cli_terminal.js

@@ -540,7 +540,7 @@ class ConsoleScreenRenderer {
     modelMode;
     approvalMode;
     headerFactory;
-    transcript = [];
+    liveEntries = [];
     onResize = () => {
         this.render();
     };
@@ -551,7 +551,8 @@ class ConsoleScreenRenderer {
     approvalStatusSuffix = null;
     slashSuggestions = [];
     selectedSuggestionIndex = 0;
-    usingAlternateBuffer = false;
+    renderedOnce = false;
+    renderedCursorLineIndex = 0;
     constructor(modelMode, approvalMode, headerFactory = () => []) {
         this.modelMode = modelMode;
         this.approvalMode = approvalMode;
@@ -562,8 +563,6 @@ class ConsoleScreenRenderer {
             return;
         }
         this.active = true;
-        output.write("\u001b[?1049h");
-        this.usingAlternateBuffer = true;
         output.on("resize", this.onResize);
         this.render();
     }
@@ -572,34 +571,40 @@ class ConsoleScreenRenderer {
             return;
         }
         output.off("resize", this.onResize);
+        this.clearRenderBlock();
         this.active = false;
         output.write("\u001b[?25h");
-        if (this.usingAlternateBuffer) {
-            output.write("\u001b[?1049l");
-            this.usingAlternateBuffer = false;
-        }
     }
     isActive() {
         return this.active;
     }
     clearTranscript() {
-        this.transcript.splice(0, this.transcript.length);
+        this.liveEntries.splice(0, this.liveEntries.length);
+        this.renderedOnce = false;
+        clearScreen();
+        output.write(this.headerFactory().join("\n"));
+        output.write("\n\n");
         this.render();
     }
     pushEntry(entry) {
         const id = this.nextEntryId++;
-        this.transcript.push({
+        const nextEntry = {
             id,
             ...entry,
-        });
-        this.render();
+        };
+        if (nextEntry.text.length === 0 && (Boolean(nextEntry.prefix) || nextEntry.tone === "reasoning")) {
+            this.liveEntries.push(nextEntry);
+            this.render();
+            return id;
+        }
+        this.printCommittedEntry(nextEntry);
         return id;
     }
     appendToEntry(id, text) {
         if (!id || !text) {
             return;
         }
-        const entry = this.transcript.find((item) => item.id === id);
+        const entry = this.liveEntries.find((item) => item.id === id);
         if (!entry) {
             return;
         }
@@ -627,6 +632,15 @@ class ConsoleScreenRenderer {
         this.selectedSuggestionIndex = 0;
         this.render();
     }
+    commitLiveEntries() {
+        if (this.liveEntries.length === 0) {
+            return;
+        }
+        const width = this.getRenderWidth();
+        const lines = this.liveEntries.flatMap((entry) => this.buildEntryLines(entry, width));
+        this.liveEntries.splice(0, this.liveEntries.length);
+        this.printLinesAbove(lines);
+    }
     setConversationMessages(messages) {
         this.conversationMessages = [...messages];
         this.render();
@@ -665,19 +679,50 @@ class ConsoleScreenRenderer {
         }
         return rendered;
     }
+    getRenderWidth() {
+        return Math.max(48, Number(output.columns || 96));
+    }
+    clearRenderBlock() {
+        if (!this.renderedOnce) {
+            return;
+        }
+        output.write("\u001b[?25l");
+        cursorTo(output, 0);
+        if (this.renderedCursorLineIndex > 0) {
+            moveCursor(output, 0, -this.renderedCursorLineIndex);
+        }
+        clearScreenDown(output);
+        output.write("\u001b[?25h");
+        this.renderedOnce = false;
+        this.renderedCursorLineIndex = 0;
+    }
+    printLinesAbove(lines) {
+        if (!this.active) {
+            return;
+        }
+        this.clearRenderBlock();
+        if (lines.length > 0) {
+            output.write(lines.join("\n"));
+            output.write("\n");
+        }
+        this.render();
+    }
+    printCommittedEntry(entry) {
+        this.printLinesAbove(this.buildEntryLines(entry, this.getRenderWidth()));
+    }
     render() {
         if (!this.active) {
             return;
         }
         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 width = this.getRenderWidth();
         const separator = style("─".repeat(width), ANSI.brandBlue, enabled);
         const composer = renderConsoleComposerLines(this.draftValue, width, enabled);
         const suggestionLines = buildConsoleSlashSuggestionLines(this.slashSuggestions, this.selectedSuggestionIndex, width, enabled);
         const usageTokens = Math.min(estimateConsoleContextTokens(this.conversationMessages, this.draftValue), getCliModelContextWindowTokens(this.modelMode));
-        const footerLines = [
+        const liveLines = this.liveEntries.flatMap((entry) => this.buildEntryLines(entry, width));
+        const blockLines = [
+            ...liveLines,
             separator,
             ...composer.renderedLines,
             ...suggestionLines,
@@ -685,18 +730,17 @@ class ConsoleScreenRenderer {
             buildConsoleFooterStatusLine(width, this.modelMode, usageTokens, enabled),
             buildConsoleFooterApprovalLine(this.approvalMode, enabled, this.approvalStatusSuffix),
         ];
-        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 = [
-            ...Array.from({ length: Math.max(0, transcriptHeight - visibleTranscript.length) }, () => ""),
-            ...visibleTranscript,
-        ];
+        this.clearRenderBlock();
         output.write("\u001b[?25l");
-        output.write("\u001b[H\u001b[2J");
-        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(blockLines.join("\n"));
+        this.renderedOnce = true;
+        this.renderedCursorLineIndex = liveLines.length + 1 + composer.cursorLineIndex;
+        const linesBelowCursor = blockLines.length - 1 - this.renderedCursorLineIndex;
+        cursorTo(output, Math.min(width - 1, CONSOLE_COMPOSER_CURSOR_COLUMN + composer.cursorColumn));
+        if (linesBelowCursor > 0) {
+            moveCursor(output, 0, -linesBelowCursor);
+        }
+        cursorTo(output, Math.min(width - 1, CONSOLE_COMPOSER_CURSOR_COLUMN + composer.cursorColumn));
         output.write("\u001b[?25h");
     }
 }
@@ -709,7 +753,7 @@ export function createConsoleScreenRenderer(modelMode, approvalMode, runtimeSess
         return null;
     }
     const renderer = new ConsoleScreenRenderer(modelMode, approvalMode, () => buildConsoleHeaderLines(runtimeSession));
-    if (options?.autoActivate ?? true) {
+    if (options?.autoActivate ?? false) {
         renderer.activate();
     }
     return renderer;
@@ -1411,6 +1455,183 @@ export function tryConsumeControlSequence(buffer) {
     }
     return null;
 }
+class ConsoleInputController {
+    rl;
+    ui;
+    options;
+    active = false;
+    value = "";
+    controlBuffer = "";
+    selectedSuggestionIndex = 0;
+    queuedValues = [];
+    pendingResolvers = [];
+    terminalError = null;
+    constructor(rl, ui, options) {
+        this.rl = rl;
+        this.ui = ui;
+        this.options = options;
+    }
+    activate() {
+        if (this.active || typeof input.setRawMode !== "function" || !input.isTTY) {
+            return;
+        }
+        this.active = true;
+        this.rl.pause();
+        input.setRawMode(true);
+        input.resume();
+        input.on("data", this.onData);
+        this.render();
+    }
+    dispose() {
+        if (!this.active) {
+            return;
+        }
+        input.removeListener("data", this.onData);
+        input.setRawMode(false);
+        input.pause();
+        this.rl.resume();
+        this.active = false;
+        this.ui.resetComposer();
+    }
+    nextValue() {
+        if (this.queuedValues.length > 0) {
+            return Promise.resolve(this.queuedValues.shift() || "");
+        }
+        if (this.terminalError) {
+            return Promise.reject(this.terminalError);
+        }
+        return new Promise((resolve, reject) => {
+            this.pendingResolvers.push({ resolve, reject });
+        });
+    }
+    getVisibleSuggestions() {
+        const suggestions = resolveConsoleSlashSuggestions(this.value).slice(0, 6);
+        if (this.selectedSuggestionIndex >= suggestions.length) {
+            this.selectedSuggestionIndex = Math.max(0, suggestions.length - 1);
+        }
+        return suggestions;
+    }
+    render() {
+        this.ui.setComposerState(this.value, this.getVisibleSuggestions(), this.selectedSuggestionIndex);
+    }
+    enqueueValue(value) {
+        const next = this.pendingResolvers.shift();
+        if (next) {
+            next.resolve(value);
+            return;
+        }
+        this.queuedValues.push(value);
+    }
+    rejectPending(error) {
+        while (this.pendingResolvers.length > 0) {
+            const next = this.pendingResolvers.shift();
+            next?.reject(error);
+        }
+    }
+    closeWithError(error) {
+        this.terminalError = error;
+        this.rejectPending(error);
+        this.dispose();
+    }
+    applySelectedSuggestion() {
+        const suggestions = this.getVisibleSuggestions();
+        const selected = suggestions[this.selectedSuggestionIndex];
+        if (!selected) {
+            return false;
+        }
+        if (normalizeText(this.value) === selected.insertText) {
+            return false;
+        }
+        this.value = selected.insertText;
+        this.selectedSuggestionIndex = 0;
+        this.render();
+        return true;
+    }
+    consumeControlBuffer() {
+        while (this.controlBuffer.length > 0) {
+            const parsed = tryConsumeControlSequence(this.controlBuffer);
+            if (!parsed) {
+                this.controlBuffer = "";
+                return;
+            }
+            if (parsed.action === "incomplete") {
+                return;
+            }
+            this.controlBuffer = this.controlBuffer.slice(parsed.consumed);
+            if (parsed.action === "ignore") {
+                continue;
+            }
+            if (parsed.action === "cycle_approval") {
+                void Promise.resolve(this.options?.onCycleApprovalMode?.()).finally(() => {
+                    this.render();
+                });
+                continue;
+            }
+            if (parsed.action === "move_up") {
+                const suggestions = this.getVisibleSuggestions();
+                if (suggestions.length > 0) {
+                    this.selectedSuggestionIndex = this.selectedSuggestionIndex > 0
+                        ? this.selectedSuggestionIndex - 1
+                        : suggestions.length - 1;
+                    this.render();
+                }
+                continue;
+            }
+            if (parsed.action === "move_down") {
+                const suggestions = this.getVisibleSuggestions();
+                if (suggestions.length > 0) {
+                    this.selectedSuggestionIndex = this.selectedSuggestionIndex < suggestions.length - 1
+                        ? this.selectedSuggestionIndex + 1
+                        : 0;
+                    this.render();
+                }
+                continue;
+            }
+            if (parsed.action === "newline") {
+                this.value += "\n";
+                this.selectedSuggestionIndex = 0;
+                this.render();
+            }
+        }
+    }
+    onData = (chunk) => {
+        const text = Buffer.isBuffer(chunk) ? chunk.toString("utf8") : String(chunk);
+        for (const char of Array.from(text)) {
+            if (this.controlBuffer || char === "\u001b") {
+                this.controlBuffer += char;
+                this.consumeControlBuffer();
+                continue;
+            }
+            if (char === "\u0003") {
+                this.closeWithError(createCliExitError());
+                return;
+            }
+            if (char === "\r" || char === "\n") {
+                if (this.applySelectedSuggestion()) {
+                    continue;
+                }
+                const submittedValue = normalizeText(this.value);
+                this.value = "";
+                this.selectedSuggestionIndex = 0;
+                this.render();
+                this.enqueueValue(submittedValue);
+                continue;
+            }
+            if (char === "\u007f" || char === "\b") {
+                this.value = this.value.slice(0, -1);
+                this.selectedSuggestionIndex = 0;
+                this.render();
+                continue;
+            }
+            if (char === "\t") {
+                this.applySelectedSuggestion();
+                continue;
+            }
+            this.value += char;
+            this.render();
+        }
+    };
+}
 async function askConsoleInput(rl, options) {
     if (!supportsAnsi() || typeof input.setRawMode !== "function" || !input.isTTY) {
         return normalizeText(await question(rl, "> "));
@@ -1888,10 +2109,20 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
     let activeModel = "fast";
     let sessionId = randomUUID();
     const conversation = [];
-    const ui = createConsoleScreenRenderer(activeModel, config.approvalMode, runtimeSession);
+    const ui = createConsoleScreenRenderer(activeModel, config.approvalMode, runtimeSession, {
+        autoActivate: false,
+    });
     if (!ui) {
         printConsoleScreen(runtimeSession);
     }
+    else if (options?.reuseHubHeader) {
+        output.write(`${style(`Comandos: ${CONSOLE_COMMAND_HINT}`, ANSI.slateItalic, supportsAnsi())}\n\n`);
+        ui.activate();
+    }
+    else {
+        printConsoleScreen(runtimeSession);
+        ui.activate();
+    }
     const renderConversationState = () => {
         ui?.setConversationMessages(conversation);
         ui?.setModelMode(activeModel);
@@ -1962,7 +2193,16 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
     const cycleApprovalMode = () => {
         void setApprovalMode(getNextApprovalMode(config.approvalMode));
     };
+    const inputController = ui
+        ? new ConsoleInputController(rl, ui, {
+            onCycleApprovalMode: cycleApprovalMode,
+        })
+        : null;
+    inputController?.activate();
     const readConsoleInput = async () => {
+        if (inputController) {
+            return await inputController.nextValue();
+        }
         return await askConsoleInput(rl, {
             ui,
             onCycleApprovalMode: cycleApprovalMode,
@@ -2322,6 +2562,7 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
             }
             streamedAssistant += contentChunk;
         });
+        ui?.commitLiveEntries();
         if (assistantPrefixPrinted && !ui) {
             output.write("\n");
         }
@@ -2366,6 +2607,7 @@ async function runOttoConsole(rl, config, runtimeSession, options) {
         }
     }
     finally {
+        inputController?.dispose();
         ui?.dispose();
     }
 }
@@ -2410,6 +2652,14 @@ function renderHomeOptionLine(label, selected) {
     }
     return `${style("▸", ANSI.brandBlue, supportsAnsi())} ${style(label, `${ANSI.bold}${ANSI.white}`, supportsAnsi())}`;
 }
+function clearHomeMenuBlock(optionCount) {
+    if (!supportsAnsi() || !output.isTTY) {
+        return;
+    }
+    cursorTo(output, 0);
+    moveCursor(output, 0, -(optionCount + 4));
+    clearScreenDown(output);
+}
 async function pickHomeChoice(rl, paired, renderBaseScreen) {
     const options = paired
         ? [
@@ -2496,9 +2746,15 @@ async function pickHomeChoice(rl, paired, renderBaseScreen) {
                     return;
                 }
                 if (char === "\r" || char === "\n") {
+                    const selectedOption = options[selectedIndex];
                     cleanup();
-                    output.write("\n");
-                    resolve(options[selectedIndex].value);
+                    if (selectedOption?.value === "console") {
+                        clearHomeMenuBlock(options.length);
+                    }
+                    else {
+                        output.write("\n");
+                    }
+                    resolve(selectedOption?.value || "exit");
                     return;
                 }
             }
@@ -2601,7 +2857,7 @@ export async function launchInteractiveCli(options) {
                 continue;
             }
             if (choice === "console" && runtimeSession) {
-                await runOttoConsole(rl, config, runtimeSession);
+                await runOttoConsole(rl, config, runtimeSession, { reuseHubHeader: true });
                 continue;
             }
             if (choice === "status" && runtimeSession) {

package/dist/types.js

@@ -1,5 +1,5 @@
 export const BRIDGE_CONFIG_VERSION = 1;
-export const BRIDGE_VERSION = "1.1.4";
+export const BRIDGE_VERSION = "1.1.5";
 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.4",
+  "version": "1.1.5",
   "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.4");
+console.log("\n[otto-bridge] Welcome to OTTOAI 1.1.5");
 console.log("[otto-bridge] Vamos iniciar o setup interativo do bridge.\n");
 
 const result = spawnSync(process.execPath, [mainPath, "setup", "--postinstall"], {