@kolisachint/hoocode-agent 0.5.39 → 0.5.41

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

@@ -50,6 +50,8 @@ import { CustomMessageComponent } from "./components/custom-message.js";
 import { DynamicBorder } from "./components/dynamic-border.js";
 import { FooterComponent } from "./components/footer.js";
 import { keyHint, keyText, rawKeyHint } from "./components/keybinding-hints.js";
+import { renderSessionChip } from "./components/session-chip.js";
+import { SessionColorSelectorComponent } from "./components/session-color-selector.js";
 import { SessionSelectorComponent } from "./components/session-selector.js";
 import { SettingsSelectorComponent } from "./components/settings-selector.js";
 import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
@@ -760,6 +762,9 @@ export class InteractiveMode {
         onThemeChange(() => {
             this.ui.invalidate();
             this.updateEditorBorderColor();
+            // The chip's fill and ink are baked in at build time, so a theme swap
+            // has to rebuild it or it keeps the old theme's colours.
+            this.updateSessionChip();
             this.ui.requestRender();
         });
         // Set up git branch watcher (uses provider instead of footer)
@@ -781,6 +786,29 @@ export class InteractiveMode {
         // Initialize available provider count for footer display
         await this.modelController.updateAvailableProviderCount();
     }
+    /**
+     * Refresh everything in the chrome that says *which session this is*: the
+     * terminal title and the chip on the input box. Both read from the same
+     * source, so they can never disagree about a rename.
+     */
+    refreshSessionIdentity() {
+        this.updateTerminalTitle();
+        this.updateSessionChip();
+    }
+    /**
+     * Rebuild the session chip and hand it to the editor, telling the footer to
+     * stand down from showing the name itself. Cheap enough to call on any change
+     * that could move the name, the colour, or the theme they are drawn in.
+     */
+    updateSessionChip() {
+        const chip = renderSessionChip(this.sessionManager.getDisplayName(), this.sessionManager.getSessionColorSlot());
+        this.defaultEditor.topBorderLabel = chip;
+        if (this.editor !== this.defaultEditor) {
+            this.editor.topBorderLabel = chip;
+        }
+        this.footer.setSessionChipShown(chip !== undefined);
+        this.ui.requestRender();
+    }
     /**
      * Update terminal title with session name and cwd.
      */
@@ -1059,7 +1087,7 @@ export class InteractiveMode {
         this.subscribeToAgent();
         await this.modelController.updateAvailableProviderCount();
         this.updateEditorBorderColor();
-        this.updateTerminalTitle();
+        this.refreshSessionIdentity();
     }
     async handleFatalRuntimeError(prefix, error) {
         const message = error instanceof Error ? error.message : String(error);
@@ -1228,7 +1256,7 @@ export class InteractiveMode {
         this.setCustomEditorComponent(undefined);
         this.setupAutocompleteProvider();
         this.defaultEditor.onExtensionShortcut = undefined;
-        this.updateTerminalTitle();
+        this.refreshSessionIdentity();
         this.workingMessage = undefined;
         this.workingVisible = true;
         this.setWorkingIndicator();
@@ -1389,6 +1417,7 @@ export class InteractiveMode {
             this.editor = this.defaultEditor;
         }
         this.editorContainer.addChild(this.editor);
+        this.updateSessionChip();
         this.ui.setFocus(this.editor);
         this.ui.requestRender();
     }
@@ -1606,6 +1635,18 @@ export class InteractiveMode {
                     clearEditor();
                 },
             },
+            "/color": {
+                withArgs: true,
+                run: (text) => {
+                    // An argument sets the slot outright; bare `/color` opens the
+                    // swatches, since a slot number is not something anyone knows
+                    // by heart.
+                    if (!this.commandExecutor.handleColor(text)) {
+                        this.showSessionColorSelector();
+                    }
+                    clearEditor();
+                },
+            },
             "/session": {
                 run: () => {
                     this.commandExecutor.handleSession();
@@ -1916,7 +1957,7 @@ export class InteractiveMode {
                 this.ui.requestRender();
                 break;
             case "session_info_changed":
-                this.updateTerminalTitle();
+                this.refreshSessionIdentity();
                 this.footer.invalidate();
                 this.ui.requestRender();
                 break;
@@ -3440,6 +3481,36 @@ export class InteractiveMode {
             return { component: selector, focus: selector };
         });
     }
+    /**
+     * Swatch picker for the session chip's colour. Moving through the list
+     * repaints the live chip, so the choice is made by looking at the real thing
+     * in the real theme rather than at a preview of it.
+     */
+    showSessionColorSelector() {
+        const originalSlot = this.sessionManager.getSessionColorSlot();
+        this.showSelector((done) => {
+            const previewSlot = (slot) => {
+                const chip = renderSessionChip(this.sessionManager.getDisplayName(), slot);
+                this.defaultEditor.topBorderLabel = chip;
+                if (this.editor !== this.defaultEditor) {
+                    this.editor.topBorderLabel = chip;
+                }
+                this.ui.requestRender();
+            };
+            const selector = new SessionColorSelectorComponent(this.sessionManager.getDisplayName(), originalSlot, (slot) => {
+                done();
+                this.session.setSessionColor(slot);
+                this.showStatus(`Session color set to ${slot}`);
+            }, () => {
+                done();
+                // Cancelling must put back the colour the session actually has,
+                // not leave it wearing the last swatch the cursor passed over.
+                previewSlot(originalSlot);
+                this.ui.requestRender();
+            }, previewSlot);
+            return { component: selector, focus: selector.getSelectList() };
+        });
+    }
     showSessionSelector() {
         this.showSelector((done) => {
             const selector = new SessionSelectorComponent((onProgress) => SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir(), onProgress), SessionManager.listAll, async (sessionPath) => {
@@ -3456,7 +3527,7 @@ export class InteractiveMode {
                     if (!next)
                         return;
                     const mgr = SessionManager.open(sessionFilePath);
-                    mgr.appendSessionInfo(next);
+                    mgr.appendSessionInfo({ name: next });
                 },
                 showRenameHint: true,
                 keybindings: this.keybindings,