openvibe 0.63.2 → 0.63.3

package/dist/modes/interactive/interactive-mode.js

@@ -13,6 +13,7 @@ import { createCompactionSummaryMessage } from "../../core/messages.js";
 import { hasConfiguredModels, runOnboarding } from "../../core/onboarding.js";
 import { SessionManager } from "../../core/session-manager.js";
 import { BUILTIN_SLASH_COMMANDS } from "../../core/slash-commands.js";
+import { addTodo, clearAll, clearCompleted, completeTodo, getStats, listTodos, removeTodo, uncompleteTodo, } from "../../core/todo-manager.js";
 import { getChangelogPath, getNewEntries, parseChangelog } from "../../utils/changelog.js";
 import { copyToClipboard } from "../../utils/clipboard.js";
 import { extensionForImageMimeType, readClipboardImage } from "../../utils/clipboard-image.js";
@@ -35,6 +36,7 @@ import { SessionSelectorComponent } from "./components/session-selector.js";
 import { SettingsSelectorComponent } from "./components/settings-selector.js";
 import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
 import { SkillsSelectorComponent } from "./components/skills-selector.js";
+import { createTodoDisplay } from "./components/todo-display.js";
 import { ToolExecutionComponent } from "./components/tool-execution.js";
 import { TreeSelectorComponent } from "./components/tree-selector.js";
 import { UserMessageComponent } from "./components/user-message.js";
@@ -1240,6 +1242,7 @@ export class InteractiveMode {
         this.defaultEditor.onCtrlD = () => this.handleCtrlD();
         this.defaultEditor.onAction("suspend", () => this.handleCtrlZ());
         this.defaultEditor.onAction("cycleThinkingLevel", () => this.cycleThinkingLevel());
+        this.defaultEditor.onAction("cycleMode", () => this.cycleMode());
         this.ui.onDebug = () => this.handleDebugCommand();
         this.defaultEditor.onAction("expandTools", () => this.toggleToolOutputExpansion());
         this.defaultEditor.onAction("toggleThinking", () => this.toggleThinkingBlockVisibility());
@@ -1373,6 +1376,45 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
+            if (text === "/todo") {
+                this.handleTodoCommand();
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:add" || text.startsWith("/todo:add ")) {
+                const todoText = text.startsWith("/todo:add ") ? text.slice(10).trim() : "";
+                this.handleTodoAddCommand(todoText);
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:done" || text.startsWith("/todo:done ")) {
+                const todoText = text.startsWith("/todo:done ") ? text.slice(11).trim() : "";
+                this.handleTodoDoneCommand(todoText);
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:undo" || text.startsWith("/todo:undo ")) {
+                const todoText = text.startsWith("/todo:undo ") ? text.slice(11).trim() : "";
+                this.handleTodoUndoCommand(todoText);
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:remove" || text.startsWith("/todo:remove ")) {
+                const todoText = text.startsWith("/todo:remove ") ? text.slice(13).trim() : "";
+                this.handleTodoRemoveCommand(todoText);
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:clear") {
+                this.handleTodoClearCommand();
+                this.editor.setText("");
+                return;
+            }
+            if (text === "/todo:clear-all") {
+                this.handleTodoClearAllCommand();
+                this.editor.setText("");
+                return;
+            }
             if (text === "/quit") {
                 this.editor.setText("");
                 await this.shutdown();
@@ -1924,6 +1966,18 @@ export class InteractiveMode {
             this.showStatus(`Thinking level: ${newLevel}`);
         }
     }
+    cycleMode() {
+        const newMode = this.session.cycleMode();
+        const modeNames = {
+            default: "Agent",
+            plan: "Plan",
+            spec: "Spec",
+        };
+        const modeName = modeNames[newMode];
+        this.footer.invalidate();
+        this.updateEditorBorderColor();
+        this.showStatus(`Mode switched to: ${modeName}`);
+    }
     toggleToolOutputExpansion() {
         this.setToolsExpanded(!this.toolOutputExpanded);
     }
@@ -2716,6 +2770,7 @@ export class InteractiveMode {
         const clear = this.getAppKeyDisplay("clear");
         const exit = this.getAppKeyDisplay("exit");
         const suspend = this.getAppKeyDisplay("suspend");
+        const cycleMode = this.getAppKeyDisplay("cycleMode");
         const cycleThinkingLevel = this.getAppKeyDisplay("cycleThinkingLevel");
         const expandTools = this.getAppKeyDisplay("expandTools");
         const toggleThinking = this.getAppKeyDisplay("toggleThinking");
@@ -2753,6 +2808,7 @@ export class InteractiveMode {
 | \`${clear}\` | Clear editor (first) / exit (second) |
 | \`${exit}\` | Exit (when editor is empty) |
 | \`${suspend}\` | Suspend to background |
+| \`${cycleMode}\` | Cycle mode (Agent/Plan/Spec) |
 | \`${cycleThinkingLevel}\` | Cycle thinking level |
 | \`${expandTools}\` | Toggle tool output expansion |
 | \`${toggleThinking}\` | Toggle thinking block visibility |
@@ -2872,6 +2928,101 @@ export class InteractiveMode {
         this.updateEditorBorderColor();
         this.showStatus(`Thinking level set to: ${normalizedLevel}`);
     }
+    handleTodoCommand() {
+        const items = listTodos();
+        const _stats = getStats();
+        if (items.length === 0) {
+            this.chatContainer.addChild(new Spacer(1));
+            this.chatContainer.addChild(new Text(theme.fg("dim", "No todos yet. Use /todo:add <text> to add one."), 1, 0));
+            this.ui.requestRender();
+            return;
+        }
+        const todoDisplay = createTodoDisplay(this.ui, {
+            items,
+            showCompleted: true,
+            title: "Your Tasks",
+        });
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(todoDisplay);
+        this.ui.requestRender();
+    }
+    handleTodoAddCommand(text) {
+        if (!text) {
+            this.chatContainer.addChild(new Spacer(1));
+            this.chatContainer.addChild(new Text(theme.fg("warning", "Usage: /todo:add <text>"), 1, 0));
+            this.ui.requestRender();
+            return;
+        }
+        const item = addTodo(text);
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("success", `✓ Added: ${item.text}`), 1, 0));
+        this.ui.requestRender();
+    }
+    handleTodoDoneCommand(idOrText) {
+        if (!idOrText) {
+            const items = listTodos("active");
+            if (items.length === 0) {
+                this.showWarning("No active todos to complete");
+                return;
+            }
+            // Show the list so user can see IDs
+            this.handleTodoCommand();
+            return;
+        }
+        const item = completeTodo(idOrText);
+        if (!item) {
+            this.showError(`Could not find active todo matching "${idOrText}"`);
+            return;
+        }
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("success", `✓ Completed: ${item.text}`), 1, 0));
+        this.ui.requestRender();
+    }
+    handleTodoUndoCommand(idOrText) {
+        if (!idOrText) {
+            this.showWarning("Usage: /todo:undo <id or text>");
+            return;
+        }
+        const item = uncompleteTodo(idOrText);
+        if (!item) {
+            this.showError(`Could not find completed todo matching "${idOrText}"`);
+            return;
+        }
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("dim", `↺ Reopened: ${item.text}`), 1, 0));
+        this.ui.requestRender();
+    }
+    handleTodoRemoveCommand(idOrText) {
+        if (!idOrText) {
+            this.showWarning("Usage: /todo:remove <id or text>");
+            return;
+        }
+        const item = removeTodo(idOrText);
+        if (!item) {
+            this.showError(`Could not find todo matching "${idOrText}"`);
+            return;
+        }
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("dim", `✗ Removed: ${item.text}`), 1, 0));
+        this.ui.requestRender();
+    }
+    handleTodoClearCommand() {
+        const count = clearCompleted();
+        this.chatContainer.addChild(new Spacer(1));
+        if (count > 0) {
+            this.chatContainer.addChild(new Text(theme.fg("success", `Cleared ${count} completed todo(s)`), 1, 0));
+        }
+        else {
+            this.chatContainer.addChild(new Text(theme.fg("dim", "No completed todos to clear"), 1, 0));
+        }
+        this.ui.requestRender();
+    }
+    handleTodoClearAllCommand() {
+        clearAll();
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("dim", "All todos cleared"), 1, 0));
+        this.ui.requestRender();
+    }
     async handleBashCommand(command, excludeFromContext = false) {
         const extensionRunner = this.session.extensionRunner;
         const eventResult = extensionRunner