indusagi-coding-agent 0.1.0

package/dist/modes/interactive/components/settings-selector.js

@@ -0,0 +1,250 @@
+import { Container, getCapabilities, SelectList, SettingsList, Spacer, Text, } from "indusagi/tui";
+import { getSelectListTheme, getSettingsListTheme, theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+const THINKING_DESCRIPTIONS = {
+    off: "No reasoning",
+    minimal: "Very brief reasoning (~1k tokens)",
+    low: "Light reasoning (~2k tokens)",
+    medium: "Moderate reasoning (~8k tokens)",
+    high: "Deep reasoning (~16k tokens)",
+    xhigh: "Maximum reasoning (~32k tokens)",
+};
+/**
+ * A submenu component for selecting from a list of options.
+ */
+class SelectSubmenu extends Container {
+    constructor(title, description, options, currentValue, onSelect, onCancel, onSelectionChange) {
+        super();
+        // Title
+        this.addChild(new Text(theme.bold(theme.fg("accent", title)), 0, 0));
+        // Description
+        if (description) {
+            this.addChild(new Spacer(1));
+            this.addChild(new Text(theme.fg("muted", description), 0, 0));
+        }
+        // Spacer
+        this.addChild(new Spacer(1));
+        // Select list
+        this.selectList = new SelectList(options, Math.min(options.length, 10), getSelectListTheme());
+        // Pre-select current value
+        const currentIndex = options.findIndex((o) => o.value === currentValue);
+        if (currentIndex !== -1) {
+            this.selectList.setSelectedIndex(currentIndex);
+        }
+        this.selectList.onSelect = (item) => {
+            onSelect(item.value);
+        };
+        this.selectList.onCancel = onCancel;
+        if (onSelectionChange) {
+            this.selectList.onSelectionChange = (item) => {
+                onSelectionChange(item.value);
+            };
+        }
+        this.addChild(this.selectList);
+        // Hint
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.fg("dim", "  Enter to select · Esc to go back"), 0, 0));
+    }
+    handleInput(data) {
+        this.selectList.handleInput(data);
+    }
+}
+/**
+ * Main settings selector component.
+ */
+export class SettingsSelectorComponent extends Container {
+    constructor(config, callbacks) {
+        super();
+        const supportsImages = getCapabilities().images;
+        const items = [
+            {
+                id: "autocompact",
+                label: "Auto-compact",
+                description: "Automatically compact context when it gets too large",
+                currentValue: config.autoCompact ? "true" : "false",
+                values: ["true", "false"],
+            },
+            {
+                id: "steering-mode",
+                label: "Steering mode",
+                description: "Enter while streaming queues steering messages. 'one-at-a-time': deliver one, wait for response. 'all': deliver all at once.",
+                currentValue: config.steeringMode,
+                values: ["one-at-a-time", "all"],
+            },
+            {
+                id: "follow-up-mode",
+                label: "Follow-up mode",
+                description: "Alt+Enter queues follow-up messages until agent stops. 'one-at-a-time': deliver one, wait for response. 'all': deliver all at once.",
+                currentValue: config.followUpMode,
+                values: ["one-at-a-time", "all"],
+            },
+            {
+                id: "hide-thinking",
+                label: "Hide thinking",
+                description: "Hide thinking blocks in assistant responses",
+                currentValue: config.hideThinkingBlock ? "true" : "false",
+                values: ["true", "false"],
+            },
+            {
+                id: "collapse-changelog",
+                label: "Collapse changelog",
+                description: "Show condensed changelog after updates",
+                currentValue: config.collapseChangelog ? "true" : "false",
+                values: ["true", "false"],
+            },
+            {
+                id: "quiet-startup",
+                label: "Quiet startup",
+                description: "Disable verbose printing at startup",
+                currentValue: config.quietStartup ? "true" : "false",
+                values: ["true", "false"],
+            },
+            {
+                id: "double-escape-action",
+                label: "Double-escape action",
+                description: "Action when pressing Escape twice with empty editor",
+                currentValue: config.doubleEscapeAction,
+                values: ["tree", "fork"],
+            },
+            {
+                id: "thinking",
+                label: "Thinking level",
+                description: "Reasoning depth for thinking-capable models",
+                currentValue: config.thinkingLevel,
+                submenu: (currentValue, done) => new SelectSubmenu("Thinking Level", "Select reasoning depth for thinking-capable models", config.availableThinkingLevels.map((level) => ({
+                    value: level,
+                    label: level,
+                    description: THINKING_DESCRIPTIONS[level],
+                })), currentValue, (value) => {
+                    callbacks.onThinkingLevelChange(value);
+                    done(value);
+                }, () => done()),
+            },
+            {
+                id: "theme",
+                label: "Theme",
+                description: "Color theme for the interface",
+                currentValue: config.currentTheme,
+                submenu: (currentValue, done) => new SelectSubmenu("Theme", "Select color theme", config.availableThemes.map((t) => ({
+                    value: t,
+                    label: t,
+                })), currentValue, (value) => {
+                    callbacks.onThemeChange(value);
+                    done(value);
+                }, () => {
+                    // Restore original theme on cancel
+                    callbacks.onThemePreview?.(currentValue);
+                    done();
+                }, (value) => {
+                    // Preview theme on selection change
+                    callbacks.onThemePreview?.(value);
+                }),
+            },
+        ];
+        // Only show image toggle if terminal supports it
+        if (supportsImages) {
+            // Insert after autocompact
+            items.splice(1, 0, {
+                id: "show-images",
+                label: "Show images",
+                description: "Render images inline in terminal",
+                currentValue: config.showImages ? "true" : "false",
+                values: ["true", "false"],
+            });
+        }
+        // Image auto-resize toggle (always available, affects both attached and read images)
+        items.splice(supportsImages ? 2 : 1, 0, {
+            id: "auto-resize-images",
+            label: "Auto-resize images",
+            description: "Resize large images to 2000x2000 max for better model compatibility",
+            currentValue: config.autoResizeImages ? "true" : "false",
+            values: ["true", "false"],
+        });
+        // Block images toggle (always available, insert after auto-resize-images)
+        const autoResizeIndex = items.findIndex((item) => item.id === "auto-resize-images");
+        items.splice(autoResizeIndex + 1, 0, {
+            id: "block-images",
+            label: "Block images",
+            description: "Prevent images from being sent to LLM providers",
+            currentValue: config.blockImages ? "true" : "false",
+            values: ["true", "false"],
+        });
+        // Skill commands toggle (insert after block-images)
+        const blockImagesIndex = items.findIndex((item) => item.id === "block-images");
+        items.splice(blockImagesIndex + 1, 0, {
+            id: "skill-commands",
+            label: "Skill commands",
+            description: "Register skills as /skill:name commands",
+            currentValue: config.enableSkillCommands ? "true" : "false",
+            values: ["true", "false"],
+        });
+        // Hardware cursor toggle (insert after skill-commands)
+        const skillCommandsIndex = items.findIndex((item) => item.id === "skill-commands");
+        items.splice(skillCommandsIndex + 1, 0, {
+            id: "show-hardware-cursor",
+            label: "Show hardware cursor",
+            description: "Show the terminal cursor while still positioning it for IME support",
+            currentValue: config.showHardwareCursor ? "true" : "false",
+            values: ["true", "false"],
+        });
+        // Editor padding toggle (insert after show-hardware-cursor)
+        const hardwareCursorIndex = items.findIndex((item) => item.id === "show-hardware-cursor");
+        items.splice(hardwareCursorIndex + 1, 0, {
+            id: "editor-padding",
+            label: "Editor padding",
+            description: "Horizontal padding for input editor (0-3)",
+            currentValue: String(config.editorPaddingX),
+            values: ["0", "1", "2", "3"],
+        });
+        // Add borders
+        this.addChild(new DynamicBorder());
+        this.settingsList = new SettingsList(items, 10, getSettingsListTheme(), (id, newValue) => {
+            switch (id) {
+                case "autocompact":
+                    callbacks.onAutoCompactChange(newValue === "true");
+                    break;
+                case "show-images":
+                    callbacks.onShowImagesChange(newValue === "true");
+                    break;
+                case "auto-resize-images":
+                    callbacks.onAutoResizeImagesChange(newValue === "true");
+                    break;
+                case "block-images":
+                    callbacks.onBlockImagesChange(newValue === "true");
+                    break;
+                case "skill-commands":
+                    callbacks.onEnableSkillCommandsChange(newValue === "true");
+                    break;
+                case "steering-mode":
+                    callbacks.onSteeringModeChange(newValue);
+                    break;
+                case "follow-up-mode":
+                    callbacks.onFollowUpModeChange(newValue);
+                    break;
+                case "hide-thinking":
+                    callbacks.onHideThinkingBlockChange(newValue === "true");
+                    break;
+                case "collapse-changelog":
+                    callbacks.onCollapseChangelogChange(newValue === "true");
+                    break;
+                case "quiet-startup":
+                    callbacks.onQuietStartupChange(newValue === "true");
+                    break;
+                case "double-escape-action":
+                    callbacks.onDoubleEscapeActionChange(newValue);
+                    break;
+                case "show-hardware-cursor":
+                    callbacks.onShowHardwareCursorChange(newValue === "true");
+                    break;
+                case "editor-padding":
+                    callbacks.onEditorPaddingXChange(parseInt(newValue, 10));
+                    break;
+            }
+        }, callbacks.onCancel, { enableSearch: true });
+        this.addChild(this.settingsList);
+        this.addChild(new DynamicBorder());
+    }
+    getSettingsList() {
+        return this.settingsList;
+    }
+}

package/dist/modes/interactive/components/show-images-selector.js

@@ -0,0 +1,33 @@
+import { Container, SelectList } from "indusagi/tui";
+import { getSelectListTheme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+/**
+ * Component that renders a show images selector with borders
+ */
+export class ShowImagesSelectorComponent extends Container {
+    constructor(currentValue, onSelect, onCancel) {
+        super();
+        const items = [
+            { value: "yes", label: "Yes", description: "Show images inline in terminal" },
+            { value: "no", label: "No", description: "Show text placeholder instead" },
+        ];
+        // Add top border
+        this.addChild(new DynamicBorder());
+        // Create selector
+        this.selectList = new SelectList(items, 5, getSelectListTheme());
+        // Preselect current value
+        this.selectList.setSelectedIndex(currentValue ? 0 : 1);
+        this.selectList.onSelect = (item) => {
+            onSelect(item.value === "yes");
+        };
+        this.selectList.onCancel = () => {
+            onCancel();
+        };
+        this.addChild(this.selectList);
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+    }
+    getSelectList() {
+        return this.selectList;
+    }
+}

package/dist/modes/interactive/components/skill-invocation-message.js

@@ -0,0 +1,44 @@
+import { Box, Markdown, Text } from "indusagi/tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+import { editorKey } from "./keybinding-hints.js";
+/**
+ * Component that renders a skill invocation message with collapsed/expanded state.
+ * Uses same background color as custom messages for visual consistency.
+ * Only renders the skill block itself - user message is rendered separately.
+ */
+export class SkillInvocationMessageComponent extends Box {
+    constructor(skillBlock, markdownTheme = getMarkdownTheme()) {
+        super(1, 1, (t) => theme.bg("customMessageBg", t));
+        this.expanded = false;
+        this.skillBlock = skillBlock;
+        this.markdownTheme = markdownTheme;
+        this.updateDisplay();
+    }
+    setExpanded(expanded) {
+        this.expanded = expanded;
+        this.updateDisplay();
+    }
+    invalidate() {
+        super.invalidate();
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        this.clear();
+        if (this.expanded) {
+            // Expanded: label + skill name header + full content
+            const label = theme.fg("customMessageLabel", `\x1b[1m[skill]\x1b[22m`);
+            this.addChild(new Text(label, 0, 0));
+            const header = `**${this.skillBlock.name}**\n\n`;
+            this.addChild(new Markdown(header + this.skillBlock.content, 0, 0, this.markdownTheme, {
+                color: (text) => theme.fg("customMessageText", text),
+            }));
+        }
+        else {
+            // Collapsed: single line - [skill] name (hint to expand)
+            const line = theme.fg("customMessageLabel", `\x1b[1m[skill]\x1b[22m `) +
+                theme.fg("customMessageText", this.skillBlock.name) +
+                theme.fg("dim", ` (${editorKey("expandTools")} to expand)`);
+            this.addChild(new Text(line, 0, 0));
+        }
+    }
+}

package/dist/modes/interactive/components/theme-selector.js

@@ -0,0 +1,43 @@
+import { Container, SelectList } from "indusagi/tui";
+import { getAvailableThemes, getSelectListTheme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+/**
+ * Component that renders a theme selector
+ */
+export class ThemeSelectorComponent extends Container {
+    constructor(currentTheme, onSelect, onCancel, onPreview) {
+        super();
+        this.onPreview = onPreview;
+        // Get available themes and create select items
+        const themes = getAvailableThemes();
+        const themeItems = themes.map((name) => ({
+            value: name,
+            label: name,
+            description: name === currentTheme ? "(current)" : undefined,
+        }));
+        // Add top border
+        this.addChild(new DynamicBorder());
+        // Create selector
+        this.selectList = new SelectList(themeItems, 10, getSelectListTheme());
+        // Preselect current theme
+        const currentIndex = themes.indexOf(currentTheme);
+        if (currentIndex !== -1) {
+            this.selectList.setSelectedIndex(currentIndex);
+        }
+        this.selectList.onSelect = (item) => {
+            onSelect(item.value);
+        };
+        this.selectList.onCancel = () => {
+            onCancel();
+        };
+        this.selectList.onSelectionChange = (item) => {
+            this.onPreview(item.value);
+        };
+        this.addChild(this.selectList);
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+    }
+    getSelectList() {
+        return this.selectList;
+    }
+}

package/dist/modes/interactive/components/thinking-selector.js

@@ -0,0 +1,45 @@
+import { Container, SelectList } from "indusagi/tui";
+import { getSelectListTheme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+const LEVEL_DESCRIPTIONS = {
+    off: "No reasoning",
+    minimal: "Very brief reasoning (~1k tokens)",
+    low: "Light reasoning (~2k tokens)",
+    medium: "Moderate reasoning (~8k tokens)",
+    high: "Deep reasoning (~16k tokens)",
+    xhigh: "Maximum reasoning (~32k tokens)",
+};
+/**
+ * Component that renders a thinking level selector with borders
+ */
+export class ThinkingSelectorComponent extends Container {
+    constructor(currentLevel, availableLevels, onSelect, onCancel) {
+        super();
+        const thinkingLevels = availableLevels.map((level) => ({
+            value: level,
+            label: level,
+            description: LEVEL_DESCRIPTIONS[level],
+        }));
+        // Add top border
+        this.addChild(new DynamicBorder());
+        // Create selector
+        this.selectList = new SelectList(thinkingLevels, thinkingLevels.length, getSelectListTheme());
+        // Preselect current level
+        const currentIndex = thinkingLevels.findIndex((item) => item.value === currentLevel);
+        if (currentIndex !== -1) {
+            this.selectList.setSelectedIndex(currentIndex);
+        }
+        this.selectList.onSelect = (item) => {
+            onSelect(item.value);
+        };
+        this.selectList.onCancel = () => {
+            onCancel();
+        };
+        this.addChild(this.selectList);
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+    }
+    getSelectList() {
+        return this.selectList;
+    }
+}