@elyracode/coding-agent 0.5.6 → 0.5.7

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

@@ -54,6 +54,7 @@ import { SessionSelectorComponent } from "./components/session-selector.js";
 import { SettingsSelectorComponent } from "./components/settings-selector.js";
 import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
 import { StartupAnimation } from "./components/startup-animation.js";
+import { ThemeSelectorComponent } from "./components/theme-selector.js";
 import { ToolExecutionComponent } from "./components/tool-execution.js";
 import { TreeSelectorComponent } from "./components/tree-selector.js";
 import { UserMessageComponent } from "./components/user-message.js";
@@ -310,6 +311,21 @@ export class InteractiveMode {
                 }));
             };
         }
+        const themeCommand = slashCommands.find((command) => command.name === "theme");
+        if (themeCommand) {
+            themeCommand.getArgumentCompletions = (prefix) => {
+                const themes = getAvailableThemes();
+                const currentTheme = this.settingsManager.getTheme() || "dark";
+                const filtered = themes.filter((t) => t.toLowerCase().includes(prefix.toLowerCase()));
+                if (filtered.length === 0)
+                    return null;
+                return filtered.map((t) => ({
+                    value: t,
+                    label: t,
+                    description: t === currentTheme ? "(current)" : undefined,
+                }));
+            };
+        }
         // Convert prompt templates to SlashCommand format for autocomplete
         const templateCommands = this.session.promptTemplates.map((cmd) => ({
             name: cmd.name,
@@ -1930,6 +1946,12 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
+            if (text === "/theme" || text.startsWith("/theme ")) {
+                const themeName = text.startsWith("/theme ") ? text.slice(7).trim() : undefined;
+                this.editor.setText("");
+                this.handleThemeCommand(themeName);
+                return;
+            }
             if (text === "/scoped-models") {
                 this.editor.setText("");
                 await this.showModelsSelector();
@@ -3237,6 +3259,54 @@ export class InteractiveMode {
             return { component: selector, focus: selector.getSettingsList() };
         });
     }
+    handleThemeCommand(themeName) {
+        if (!themeName) {
+            this.showThemeSelector();
+            return;
+        }
+        const available = getAvailableThemes();
+        if (!available.includes(themeName)) {
+            this.showError(`Unknown theme: "${themeName}". Available: ${available.join(", ")}`);
+            return;
+        }
+        const result = setTheme(themeName, true);
+        this.settingsManager.setTheme(themeName);
+        this.ui.invalidate();
+        if (result.success) {
+            this.showStatus(`Theme: ${themeName}`);
+        }
+        else {
+            this.showError(`Failed to load theme "${themeName}": ${result.error}\nFell back to dark theme.`);
+        }
+    }
+    showThemeSelector() {
+        const currentTheme = this.settingsManager.getTheme() || "dark";
+        const previousTheme = currentTheme;
+        this.showSelector((done) => {
+            const selector = new ThemeSelectorComponent(currentTheme, (themeName) => {
+                const result = setTheme(themeName, true);
+                this.settingsManager.setTheme(themeName);
+                this.ui.invalidate();
+                done();
+                if (!result.success) {
+                    this.showError(`Failed to load theme "${themeName}": ${result.error}\nFell back to dark theme.`);
+                }
+            }, () => {
+                // Cancel: restore previous theme
+                setTheme(previousTheme, true);
+                this.ui.invalidate();
+                done();
+            }, (themeName) => {
+                // Preview on hover
+                const result = setTheme(themeName, true);
+                if (result.success) {
+                    this.ui.invalidate();
+                    this.ui.requestRender();
+                }
+            });
+            return { component: selector, focus: selector.getSelectList() };
+        });
+    }
     async handleModelCommand(searchTerm) {
         if (!searchTerm) {
             this.showModelSelector();