@bubblebrain-ai/bubble 0.0.2 → 0.0.3

package/dist/main.d.ts

@@ -1,4 +1,4 @@
-#!/usr/bin/env bun
+#!/usr/bin/env node
 /**
  * Main entry point - assembles all layers and runs the agent.
  */

package/dist/main.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env bun
+#!/usr/bin/env node
 /**
  * Main entry point - assembles all layers and runs the agent.
  */

package/dist/tui/run.js

@@ -387,6 +387,10 @@ function OpenTuiApp(props) {
     const sidebarLspRows = [];
     const sidebarLspMarkers = [];
     const sidebarLspLabels = [];
+    let sidebarTodoSection;
+    const sidebarTodoRows = [];
+    const sidebarTodoMarkers = [];
+    const sidebarTodoLabels = [];
     const sidebarFileRows = [];
     const sidebarFileLabels = [];
     const sidebarFileAdditions = [];
@@ -621,6 +625,12 @@ function OpenTuiApp(props) {
         setSidebarTick((value) => value + 1);
         syncSidebarContext();
     };
+    const syncTodosFromAgent = () => {
+        const nextTodos = props.agent.getTodos();
+        setTodos(nextTodos);
+        syncSidebarTodos(nextTodos);
+        bumpSidebar();
+    };
     function refreshGitSidebar() {
         setGitState(readGitSidebarState(props.args.cwd));
         syncSidebarFiles();
@@ -721,6 +731,35 @@ function OpenTuiApp(props) {
         }
         sidebarShell?.requestRender();
     }
+    function syncSidebarTodos(nextTodos = todos()) {
+        const visible = nextTodos.slice(0, 8);
+        if (sidebarTodoSection) {
+            sidebarTodoSection.visible = visible.length > 0;
+        }
+        for (let index = 0; index < 8; index++) {
+            const row = sidebarTodoRows[index];
+            const marker = sidebarTodoMarkers[index];
+            const label = sidebarTodoLabels[index];
+            const todo = visible[index];
+            if (!row || !marker || !label)
+                continue;
+            row.visible = !!todo;
+            if (!todo) {
+                safeRequestRender(row);
+                continue;
+            }
+            const completed = todo.status === "completed";
+            const inProgress = todo.status === "in_progress";
+            const labelText = inProgress ? (todo.activeForm || todo.content) : todo.content;
+            marker.content = completed ? "✓" : inProgress ? "◉" : "○";
+            marker.fg = completed ? theme.success : inProgress ? theme.warning : theme.textMuted;
+            label.content = labelText;
+            label.fg = completed ? theme.success : inProgress ? theme.warning : theme.textMuted;
+            safeRequestRender(row);
+        }
+        sidebarShell?.requestRender();
+        rootBox?.requestRender();
+    }
     function showSidebarLspRows(statuses) {
         for (let index = 0; index < sidebarLspRows.length; index++) {
             const row = sidebarLspRows[index];
@@ -3016,6 +3055,7 @@ function OpenTuiApp(props) {
             return true;
         if (props.agent.mode !== mode())
             setMode(props.agent.mode);
+        syncTodosFromAgent();
         syncModelChrome();
         syncModeChrome();
         if (uiDisposed)
@@ -3494,6 +3534,7 @@ function OpenTuiApp(props) {
                 }
                 else if (event.type === "todos_updated") {
                     setTodos(event.todos);
+                    syncSidebarTodos(event.todos);
                     bumpSidebar();
                 }
                 else if (event.type === "mode_changed") {
@@ -4068,7 +4109,6 @@ function OpenTuiApp(props) {
         const context = sidebarContextState();
         const mcpStates = sidebarMcpStates();
         const files = gitState().files;
-        const activeTodos = todos().filter((todo) => todo.status !== "completed");
         return h("box", {
             ref: (ref) => {
                 sidebarShell = ref;
@@ -4154,7 +4194,7 @@ function OpenTuiApp(props) {
                 ? renderSidebarSection("Compactions", [
                     h("text", { fg: theme.info, wrapMode: "word" }, `${currentTranscriptMessages().filter((m) => m.syntheticKind === "ui_compact_card").length} in this session`),
                 ])
-                : null, renderSidebarMcp(mcpStates), renderSidebarLsp(), activeTodos.length ? renderSidebarTodos(activeTodos) : null, renderSidebarFiles(files))),
+                : null, renderSidebarMcp(mcpStates), renderSidebarLsp(), renderSidebarTodos(todos()), renderSidebarFiles(files))),
             renderSidebarFooter(),
         ]);
     }
@@ -4239,11 +4279,37 @@ function OpenTuiApp(props) {
             }),
         ]);
     }
-    function renderSidebarTodos(activeTodos) {
-        return renderSidebarSection("Todo", activeTodos.slice(0, 6).map((todo) => {
-            const marker = todo.status === "in_progress" ? ">" : "o";
-            const color = todo.status === "in_progress" ? theme.primary : theme.textMuted;
-            return h("text", { fg: color, wrapMode: "word" }, `${marker} ${todo.activeForm || todo.content}`);
+    function renderSidebarTodos(todos) {
+        const visible = todos.slice(0, 8);
+        return h("box", {
+            flexDirection: "column",
+            flexShrink: 0,
+            visible: visible.length > 0,
+            ref: (ref) => {
+                sidebarTodoSection = ref;
+                syncSidebarTodos();
+            },
+        }, h("text", { fg: theme.text }, "Todo"), ...Array.from({ length: 8 }, (_, index) => {
+            const todo = visible[index];
+            const completed = todo?.status === "completed";
+            const inProgress = todo?.status === "in_progress";
+            const labelText = todo
+                ? (inProgress ? (todo.activeForm || todo.content) : todo.content)
+                : "";
+            return h("box", {
+                flexDirection: "row",
+                gap: 1,
+                visible: !!todo,
+                ref: (ref) => { sidebarTodoRows[index] = ref; },
+            }, h("text", {
+                fg: completed ? theme.success : inProgress ? theme.warning : theme.textMuted,
+                flexShrink: 0,
+                ref: (ref) => { sidebarTodoMarkers[index] = ref; },
+            }, completed ? "✓" : inProgress ? "◉" : "○"), h("text", {
+                fg: completed ? theme.success : inProgress ? theme.warning : theme.textMuted,
+                wrapMode: "word",
+                ref: (ref) => { sidebarTodoLabels[index] = ref; },
+            }, labelText));
         }));
     }
     function renderSidebarFiles(files) {
@@ -5249,10 +5315,50 @@ function createModelSwitchEntry(ctx, model, key, signature) {
     ]);
     return { key, signature, node, refs: {} };
 }
+function createTodoWriteRenderable(ctx, tool) {
+    const todos = tool.args.todos || [];
+    const summary = tool.result || "";
+    if (!isToolFinished(tool)) {
+        return createBox(ctx, {
+            paddingLeft: 3,
+            marginTop: 1,
+            flexDirection: "column",
+            flexShrink: 0,
+        }, [
+            createText(ctx, `~ → Planning tasks...`, { fg: toolColor(tool) }),
+        ]);
+    }
+    return createBox(ctx, {
+        border: ["left"],
+        borderColor: theme.borderSubtle,
+        backgroundColor: theme.backgroundPanel,
+        marginTop: 1,
+        paddingTop: 1,
+        paddingBottom: 1,
+        paddingLeft: 2,
+        flexDirection: "column",
+        flexShrink: 0,
+    }, [
+        createText(ctx, `# Todo  ${summary ? `— ${summary}` : ""}`, { fg: theme.textMuted }),
+        ...todos.map((todo, index) => {
+            const completed = todo.status === "completed";
+            const inProgress = todo.status === "in_progress";
+            const marker = completed ? "✓" : inProgress ? "◉" : "○";
+            const fg = completed ? theme.success : inProgress ? theme.warning : theme.textMuted;
+            return createText(ctx, `  ${marker} ${todo.content}`, {
+                fg,
+                marginTop: index === 0 ? 1 : 0,
+            });
+        }),
+    ]);
+}
 function createToolRenderable(ctx, tool, syntaxStyle, width = 80) {
     if (tool.name === "question") {
         return createQuestionToolRenderable(ctx, tool);
     }
+    if (tool.name === "todo_write") {
+        return createTodoWriteRenderable(ctx, tool);
+    }
     const icon = tool.name === "bash" ? "$" : tool.name === "edit" || tool.name === "write" ? "✎" : "●";
     const color = toolColor(tool);
     const header = toolHeader(tool);
@@ -5988,8 +6094,10 @@ function extractToolDiff(tool) {
     const index = tool.result.indexOf(marker);
     if (index === -1)
         return undefined;
-    const diff = tool.result.slice(index + marker.length).trim();
-    return diff ? diff : undefined;
+    const rawDiff = tool.result.slice(index + marker.length);
+    const diagnosticsIndex = rawDiff.search(/\n\nLSP diagnostics in /);
+    const diff = diagnosticsIndex === -1 ? rawDiff : rawDiff.slice(0, diagnosticsIndex);
+    return diff.trim().length > 0 ? diff : undefined;
 }
 function diffViewMode(width = 80) {
     return width > 120 ? "split" : "unified";

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@bubblebrain-ai/bubble",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A terminal coding agent",
   "type": "module",
+  "engines": {
+    "node": ">=20.0.0"
+  },
   "bin": {
     "bubble": "dist/main.js"
   },