@dreb/coding-agent 1.16.0

package/dist/modes/interactive/components/buddy-component.js

@@ -0,0 +1,351 @@
+/**
+ * BuddyComponent — TUI component rendering the buddy companion.
+ *
+ * Renders below the editor with:
+ * - 3-frame idle animation cycling at 500ms
+ * - Speech bubbles for reactions and name-call responses
+ * - Pet hearts animation (2.5s)
+ * - Narrow terminal fallback (<100 cols)
+ * - Stat display and rarity badge
+ */
+import { truncateToWidth, visibleWidth } from "@dreb/tui";
+import { marked } from "marked";
+import { applyEyes, getSpeciesFrames, getSpeciesWidth } from "../../../core/buddy/buddy-species.js";
+import { Rarity, Stat } from "../../../core/buddy/buddy-types.js";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+const IDLE_INTERVAL_MS = 500;
+const SPEECH_BUBBLE_DURATION_MS = 10000;
+const PET_DURATION_MS = 2500;
+const HEART_CHARS = ["❤️", "💕", "💖", "💗", "✨"];
+const NARROW_THRESHOLD = 100;
+export class BuddyComponent {
+    ui;
+    state;
+    interval = null;
+    // Animation state
+    currentFrame = 0;
+    totalFrames = 3;
+    // Speech bubble
+    speechText = null;
+    speechTimeout = null;
+    // Pet animation
+    isPetting = false;
+    petTimeout = null;
+    hearts = [];
+    // Thinking indicator
+    thinkingLabel = null;
+    thinkingDots = 0;
+    static THINKING_DOT_COUNT = 4; // cycles 0,1,2,3 → ".", "..", "...", "...."
+    // Cached render
+    cachedLines = [];
+    cachedWidth = 0;
+    cachedVersion = -1;
+    renderVersion = 0;
+    constructor(ui, state) {
+        this.ui = ui;
+        this.state = state;
+        this.totalFrames = getSpeciesFrames(state.species).length;
+        this.startAnimation();
+    }
+    /** Update buddy state (e.g. after reroll) */
+    updateState(state) {
+        this.state = state;
+        this.totalFrames = getSpeciesFrames(state.species).length;
+        this.currentFrame = 0;
+        this.bumpVersion();
+        this.ui.requestRender();
+    }
+    /** Show a speech bubble with text */
+    showSpeech(text) {
+        this.speechText = text;
+        if (this.speechTimeout)
+            clearTimeout(this.speechTimeout);
+        this.speechTimeout = setTimeout(() => {
+            this.speechText = null;
+            this.speechTimeout = null;
+            this.bumpVersion();
+            this.ui.requestRender();
+        }, SPEECH_BUBBLE_DURATION_MS);
+        this.bumpVersion();
+        this.ui.requestRender();
+    }
+    /** Trigger pet animation */
+    pet() {
+        this.isPetting = true;
+        // Spawn hearts
+        const spriteWidth = getSpeciesWidth(this.state.species);
+        for (let i = 0; i < 5; i++) {
+            this.hearts.push({
+                x: Math.floor(Math.random() * spriteWidth),
+                y: -1 - Math.floor(Math.random() * 3),
+                char: HEART_CHARS[Math.floor(Math.random() * HEART_CHARS.length)],
+                life: 5 + Math.floor(Math.random() * 5),
+            });
+        }
+        if (this.petTimeout)
+            clearTimeout(this.petTimeout);
+        this.petTimeout = setTimeout(() => {
+            this.isPetting = false;
+            this.hearts = [];
+            this.petTimeout = null;
+            this.bumpVersion();
+            this.ui.requestRender();
+        }, PET_DURATION_MS);
+        this.bumpVersion();
+        this.ui.requestRender();
+    }
+    /** Show a pulsing thinking indicator with optional label */
+    showThinking(label) {
+        this.thinkingLabel = label ?? "thinking";
+        this.thinkingDots = 0;
+        this.bumpVersion();
+        this.ui.requestRender();
+    }
+    /** Hide the thinking indicator */
+    hideThinking() {
+        this.thinkingLabel = null;
+        this.thinkingDots = 0;
+        this.bumpVersion();
+        this.ui.requestRender();
+    }
+    invalidate() {
+        this.cachedWidth = 0;
+    }
+    render(width) {
+        if (width === this.cachedWidth && this.cachedVersion === this.renderVersion) {
+            return this.cachedLines;
+        }
+        if (width < NARROW_THRESHOLD) {
+            this.cachedLines = this.renderNarrow(width);
+        }
+        else {
+            this.cachedLines = this.renderFull(width);
+        }
+        this.cachedWidth = width;
+        this.cachedVersion = this.renderVersion;
+        return this.cachedLines;
+    }
+    dispose() {
+        this.stopAnimation();
+        this.thinkingLabel = null;
+        if (this.speechTimeout) {
+            clearTimeout(this.speechTimeout);
+            this.speechTimeout = null;
+        }
+        if (this.petTimeout) {
+            clearTimeout(this.petTimeout);
+            this.petTimeout = null;
+        }
+    }
+    // =============================================================================
+    // Full rendering (wide terminal)
+    // =============================================================================
+    renderFull(width) {
+        const lines = [];
+        const frames = getSpeciesFrames(this.state.species);
+        const frame = frames[this.currentFrame % this.totalFrames];
+        const rendered = applyEyes(frame, this.state.eyeStyle);
+        // Hat line (if present)
+        if (this.state.hat) {
+            const hatPad = Math.max(0, Math.floor((getSpeciesWidth(this.state.species) - 1) / 2) - 1);
+            lines.push(" ".repeat(hatPad) + this.state.hat);
+        }
+        // Sprite lines
+        const spriteWidth = getSpeciesWidth(this.state.species);
+        lines.push(...rendered);
+        // Heart animation line above sprite
+        if (this.isPetting && this.hearts.length > 0) {
+            const heartLine = " ".repeat(spriteWidth);
+            const chars = heartLine.split("");
+            for (const heart of this.hearts) {
+                const x = Math.min(heart.x, chars.length - 2);
+                if (x >= 0 && heart.life > 0) {
+                    const hChar = heart.char;
+                    chars.splice(x, hChar.length, ...hChar.split(""));
+                }
+            }
+            // Insert heart line before sprite
+            lines.splice(this.state.hat ? 1 : 0, 0, chars.join(""));
+        }
+        // Name + rarity line
+        const shinyMark = this.state.shiny ? " ✨" : "";
+        const rarityColor = this.rarityColor(this.state.rarity);
+        const nameLine = ` ${theme.bold(this.state.name)}${shinyMark} ${theme.fg(rarityColor, `[${this.state.rarity}]`)} ${theme.fg("muted", this.state.species)}`;
+        lines.push(nameLine);
+        // Stats line
+        const statParts = Object.values(Stat).map((s) => {
+            const val = this.state.stats[s];
+            const bar = this.statBar(val);
+            return `${theme.fg("muted", s[0])}:${bar}`;
+        });
+        lines.push(` ${statParts.join(" ")}`);
+        // Thinking indicator
+        if (this.thinkingLabel !== null) {
+            const dots = ".".repeat((this.thinkingDots % BuddyComponent.THINKING_DOT_COUNT) + 1);
+            const label = this.thinkingLabel || "thinking";
+            lines.push(` ${theme.fg("muted", `💭 ${label}${dots}`)}`);
+        }
+        // Speech bubble (beside or below sprite)
+        if (this.speechText) {
+            const bubbleLines = this.formatSpeechBubble(this.speechText, Math.min(width - 4, 60));
+            lines.push(...bubbleLines);
+        }
+        return lines;
+    }
+    // =============================================================================
+    // Narrow rendering (< 100 cols)
+    // =============================================================================
+    renderNarrow(width) {
+        const lines = [];
+        // Single-line face
+        const eyes = this.state.eyeStyle;
+        const mouth = this.isPetting ? "♥" : ">";
+        const face = `${this.state.hat}${eyes}${mouth}${eyes}`;
+        // Name + truncated quip
+        const shinyMark = this.state.shiny ? "✨" : "";
+        const name = `${theme.bold(this.state.name)}${shinyMark}`;
+        if (this.speechText) {
+            const maxQuip = Math.max(10, width - face.length - this.state.name.length - 6);
+            const styledQuip = this.renderInlineMarkdown(this.speechText);
+            const quip = visibleWidth(styledQuip) > maxQuip ? `${truncateToWidth(styledQuip, maxQuip - 1)}…` : styledQuip;
+            lines.push(` ${face} ${name}: ${theme.fg("accent", quip)}`);
+        }
+        else if (this.thinkingLabel !== null) {
+            const dots = ".".repeat((this.thinkingDots % BuddyComponent.THINKING_DOT_COUNT) + 1);
+            const label = this.thinkingLabel || "thinking";
+            lines.push(` ${face} ${name} ${theme.fg("muted", `💭 ${label}${dots}`)}`);
+        }
+        else {
+            lines.push(` ${face} ${name}`);
+        }
+        return lines;
+    }
+    // =============================================================================
+    // Animation
+    // =============================================================================
+    startAnimation() {
+        this.interval = setInterval(() => {
+            this.currentFrame = (this.currentFrame + 1) % this.totalFrames;
+            // Tick thinking dots
+            if (this.thinkingLabel !== null) {
+                this.thinkingDots = (this.thinkingDots + 1) % BuddyComponent.THINKING_DOT_COUNT;
+            }
+            // Tick hearts
+            if (this.isPetting) {
+                for (const heart of this.hearts) {
+                    heart.life--;
+                    heart.y++;
+                }
+                this.hearts = this.hearts.filter((h) => h.life > 0);
+            }
+            this.bumpVersion();
+            this.ui.requestRender();
+        }, IDLE_INTERVAL_MS);
+    }
+    stopAnimation() {
+        if (this.interval) {
+            clearInterval(this.interval);
+            this.interval = null;
+        }
+    }
+    bumpVersion() {
+        this.renderVersion++;
+    }
+    // =============================================================================
+    // Formatting helpers
+    // =============================================================================
+    statBar(value) {
+        const filled = Math.round(value / 10);
+        const empty = 10 - filled;
+        const bar = "█".repeat(filled) + "░".repeat(empty);
+        const color = value >= 70 ? "success" : value >= 40 ? "warning" : "error";
+        return theme.fg(color, bar);
+    }
+    rarityColor(rarity) {
+        switch (rarity) {
+            case Rarity.COMMON:
+                return "muted";
+            case Rarity.UNCOMMON:
+                return "success";
+            case Rarity.RARE:
+                return "accent";
+            case Rarity.EPIC:
+                return "warning";
+            case Rarity.LEGENDARY:
+                return "error";
+        }
+    }
+    formatSpeechBubble(text, maxWidth) {
+        if (!text.trim())
+            return [];
+        // Render inline markdown (bold, italic, code) to styled text with ANSI codes
+        const styledText = this.renderInlineMarkdown(text);
+        // Word-wrap using visible width (ANSI-aware)
+        const lines = [];
+        const words = styledText.split(" ");
+        let currentLine = "";
+        for (const word of words) {
+            const test = currentLine ? `${currentLine} ${word}` : word;
+            if (visibleWidth(test) > maxWidth) {
+                if (currentLine)
+                    lines.push(currentLine);
+                currentLine = word;
+            }
+            else {
+                currentLine = test;
+            }
+        }
+        if (currentLine)
+            lines.push(currentLine);
+        // Wrap in bubble border using visible width for measurement
+        const maxLineWidth = Math.max(...lines.map((l) => visibleWidth(l)));
+        const bubbleWidth = Math.max(6, Math.min(maxLineWidth + 4, maxWidth + 4));
+        const top = `╭${"─".repeat(bubbleWidth - 2)}╮`;
+        const bottom = `╰${"─".repeat(bubbleWidth - 2)}╯`;
+        const result = [];
+        result.push(` ${theme.fg("accent", top)}`);
+        for (const line of lines) {
+            const padding = Math.max(0, bubbleWidth - 4 - visibleWidth(line));
+            const padded = line + " ".repeat(padding);
+            result.push(` ${theme.fg("accent", "│")} ${padded} ${theme.fg("accent", "│")}`);
+        }
+        result.push(` ${theme.fg("accent", bottom)}`);
+        return result;
+    }
+    /** Render inline markdown tokens (bold, italic, code) to ANSI-styled text */
+    renderInlineMarkdown(text) {
+        const mdTheme = getMarkdownTheme();
+        const tokens = marked.lexer(text);
+        // Flatten: we expect a paragraph containing inline tokens
+        const inlineTokens = tokens.flatMap((t) => t.type === "paragraph" ? (t.tokens ?? []) : t.type === "text" ? t : []);
+        return this.renderInlineTokens(inlineTokens, mdTheme);
+    }
+    /** Recursively render marked inline tokens to ANSI-styled strings */
+    renderInlineTokens(tokens, mdTheme) {
+        let result = "";
+        for (const token of tokens) {
+            switch (token.type) {
+                case "text":
+                    result += token.text ?? this.renderInlineTokens(token.tokens ?? [], mdTheme);
+                    break;
+                case "strong":
+                    result += mdTheme.bold(this.renderInlineTokens(token.tokens ?? [], mdTheme));
+                    break;
+                case "em":
+                    result += mdTheme.italic(this.renderInlineTokens(token.tokens ?? [], mdTheme));
+                    break;
+                case "codespan":
+                    result += mdTheme.code(token.text);
+                    break;
+                case "escape":
+                    result += token.text;
+                    break;
+                default:
+                    result += token.text ?? token.raw ?? "";
+                    break;
+            }
+        }
+        return result;
+    }
+}
+//# sourceMappingURL=buddy-component.js.map

package/dist/modes/interactive/components/buddy-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buddy-component.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/buddy-component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * BuddyComponent — TUI component rendering the buddy companion.\n *\n * Renders below the editor with:\n * - 3-frame idle animation cycling at 500ms\n * - Speech bubbles for reactions and name-call responses\n * - Pet hearts animation (2.5s)\n * - Narrow terminal fallback (<100 cols)\n * - Stat display and rarity badge\n */\n\nimport type { Component, MarkdownTheme as MT, TUI } from \"@dreb/tui\";\nimport { truncateToWidth, visibleWidth } from \"@dreb/tui\";\nimport { marked } from \"marked\";\nimport { applyEyes, getSpeciesFrames, getSpeciesWidth } from \"../../../core/buddy/buddy-species.js\";\nimport type { BuddyState } from \"../../../core/buddy/buddy-types.js\";\nimport { Rarity, Stat } from \"../../../core/buddy/buddy-types.js\";\nimport { getMarkdownTheme, theme } from \"../theme/theme.js\";\n\nconst IDLE_INTERVAL_MS = 500;\nconst SPEECH_BUBBLE_DURATION_MS = 10000;\nconst PET_DURATION_MS = 2500;\nconst HEART_CHARS = [\"❤️\", \"💕\", \"💖\", \"💗\", \"✨\"];\nconst NARROW_THRESHOLD = 100;\n\nexport class BuddyComponent implements Component {\n\tprivate ui: TUI;\n\tprivate state: BuddyState;\n\tprivate interval: ReturnType<typeof setInterval> | null = null;\n\n\t// Animation state\n\tprivate currentFrame = 0;\n\tprivate totalFrames = 3;\n\n\t// Speech bubble\n\tprivate speechText: string | null = null;\n\tprivate speechTimeout: ReturnType<typeof setTimeout> | null = null;\n\n\t// Pet animation\n\tprivate isPetting = false;\n\tprivate petTimeout: ReturnType<typeof setTimeout> | null = null;\n\tprivate hearts: Array<{ x: number; y: number; char: string; life: number }> = [];\n\n\t// Thinking indicator\n\tprivate thinkingLabel: string | null = null;\n\tprivate thinkingDots = 0;\n\tprivate static readonly THINKING_DOT_COUNT = 4; // cycles 0,1,2,3 → \".\", \"..\", \"...\", \"....\"\n\n\t// Cached render\n\tprivate cachedLines: string[] = [];\n\tprivate cachedWidth = 0;\n\tprivate cachedVersion = -1;\n\tprivate renderVersion = 0;\n\n\tconstructor(ui: TUI, state: BuddyState) {\n\t\tthis.ui = ui;\n\t\tthis.state = state;\n\t\tthis.totalFrames = getSpeciesFrames(state.species).length;\n\t\tthis.startAnimation();\n\t}\n\n\t/** Update buddy state (e.g. after reroll) */\n\tupdateState(state: BuddyState): void {\n\t\tthis.state = state;\n\t\tthis.totalFrames = getSpeciesFrames(state.species).length;\n\t\tthis.currentFrame = 0;\n\t\tthis.bumpVersion();\n\t\tthis.ui.requestRender();\n\t}\n\n\t/** Show a speech bubble with text */\n\tshowSpeech(text: string): void {\n\t\tthis.speechText = text;\n\t\tif (this.speechTimeout) clearTimeout(this.speechTimeout);\n\t\tthis.speechTimeout = setTimeout(() => {\n\t\t\tthis.speechText = null;\n\t\t\tthis.speechTimeout = null;\n\t\t\tthis.bumpVersion();\n\t\t\tthis.ui.requestRender();\n\t\t}, SPEECH_BUBBLE_DURATION_MS);\n\t\tthis.bumpVersion();\n\t\tthis.ui.requestRender();\n\t}\n\n\t/** Trigger pet animation */\n\tpet(): void {\n\t\tthis.isPetting = true;\n\t\t// Spawn hearts\n\t\tconst spriteWidth = getSpeciesWidth(this.state.species);\n\t\tfor (let i = 0; i < 5; i++) {\n\t\t\tthis.hearts.push({\n\t\t\t\tx: Math.floor(Math.random() * spriteWidth),\n\t\t\t\ty: -1 - Math.floor(Math.random() * 3),\n\t\t\t\tchar: HEART_CHARS[Math.floor(Math.random() * HEART_CHARS.length)],\n\t\t\t\tlife: 5 + Math.floor(Math.random() * 5),\n\t\t\t});\n\t\t}\n\t\tif (this.petTimeout) clearTimeout(this.petTimeout);\n\t\tthis.petTimeout = setTimeout(() => {\n\t\t\tthis.isPetting = false;\n\t\t\tthis.hearts = [];\n\t\t\tthis.petTimeout = null;\n\t\t\tthis.bumpVersion();\n\t\t\tthis.ui.requestRender();\n\t\t}, PET_DURATION_MS);\n\t\tthis.bumpVersion();\n\t\tthis.ui.requestRender();\n\t}\n\n\t/** Show a pulsing thinking indicator with optional label */\n\tshowThinking(label?: string): void {\n\t\tthis.thinkingLabel = label ?? \"thinking\";\n\t\tthis.thinkingDots = 0;\n\t\tthis.bumpVersion();\n\t\tthis.ui.requestRender();\n\t}\n\n\t/** Hide the thinking indicator */\n\thideThinking(): void {\n\t\tthis.thinkingLabel = null;\n\t\tthis.thinkingDots = 0;\n\t\tthis.bumpVersion();\n\t\tthis.ui.requestRender();\n\t}\n\n\tinvalidate(): void {\n\t\tthis.cachedWidth = 0;\n\t}\n\n\trender(width: number): string[] {\n\t\tif (width === this.cachedWidth && this.cachedVersion === this.renderVersion) {\n\t\t\treturn this.cachedLines;\n\t\t}\n\n\t\tif (width < NARROW_THRESHOLD) {\n\t\t\tthis.cachedLines = this.renderNarrow(width);\n\t\t} else {\n\t\t\tthis.cachedLines = this.renderFull(width);\n\t\t}\n\n\t\tthis.cachedWidth = width;\n\t\tthis.cachedVersion = this.renderVersion;\n\t\treturn this.cachedLines;\n\t}\n\n\tdispose(): void {\n\t\tthis.stopAnimation();\n\t\tthis.thinkingLabel = null;\n\t\tif (this.speechTimeout) {\n\t\t\tclearTimeout(this.speechTimeout);\n\t\t\tthis.speechTimeout = null;\n\t\t}\n\t\tif (this.petTimeout) {\n\t\t\tclearTimeout(this.petTimeout);\n\t\t\tthis.petTimeout = null;\n\t\t}\n\t}\n\n\t// =============================================================================\n\t// Full rendering (wide terminal)\n\t// =============================================================================\n\n\tprivate renderFull(width: number): string[] {\n\t\tconst lines: string[] = [];\n\t\tconst frames = getSpeciesFrames(this.state.species);\n\t\tconst frame = frames[this.currentFrame % this.totalFrames];\n\t\tconst rendered = applyEyes(frame, this.state.eyeStyle);\n\n\t\t// Hat line (if present)\n\t\tif (this.state.hat) {\n\t\t\tconst hatPad = Math.max(0, Math.floor((getSpeciesWidth(this.state.species) - 1) / 2) - 1);\n\t\t\tlines.push(\" \".repeat(hatPad) + this.state.hat);\n\t\t}\n\n\t\t// Sprite lines\n\t\tconst spriteWidth = getSpeciesWidth(this.state.species);\n\t\tlines.push(...rendered);\n\n\t\t// Heart animation line above sprite\n\t\tif (this.isPetting && this.hearts.length > 0) {\n\t\t\tconst heartLine = \" \".repeat(spriteWidth);\n\t\t\tconst chars = heartLine.split(\"\");\n\t\t\tfor (const heart of this.hearts) {\n\t\t\t\tconst x = Math.min(heart.x, chars.length - 2);\n\t\t\t\tif (x >= 0 && heart.life > 0) {\n\t\t\t\t\tconst hChar = heart.char;\n\t\t\t\t\tchars.splice(x, hChar.length, ...hChar.split(\"\"));\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Insert heart line before sprite\n\t\t\tlines.splice(this.state.hat ? 1 : 0, 0, chars.join(\"\"));\n\t\t}\n\n\t\t// Name + rarity line\n\t\tconst shinyMark = this.state.shiny ? \" ✨\" : \"\";\n\t\tconst rarityColor = this.rarityColor(this.state.rarity);\n\t\tconst nameLine = ` ${theme.bold(this.state.name)}${shinyMark} ${theme.fg(rarityColor, `[${this.state.rarity}]`)} ${theme.fg(\"muted\", this.state.species)}`;\n\t\tlines.push(nameLine);\n\n\t\t// Stats line\n\t\tconst statParts = (Object.values(Stat) as Stat[]).map((s) => {\n\t\t\tconst val = this.state.stats[s];\n\t\t\tconst bar = this.statBar(val);\n\t\t\treturn `${theme.fg(\"muted\", s[0])}:${bar}`;\n\t\t});\n\t\tlines.push(` ${statParts.join(\" \")}`);\n\n\t\t// Thinking indicator\n\t\tif (this.thinkingLabel !== null) {\n\t\t\tconst dots = \".\".repeat((this.thinkingDots % BuddyComponent.THINKING_DOT_COUNT) + 1);\n\t\t\tconst label = this.thinkingLabel || \"thinking\";\n\t\t\tlines.push(` ${theme.fg(\"muted\", `💭 ${label}${dots}`)}`);\n\t\t}\n\n\t\t// Speech bubble (beside or below sprite)\n\t\tif (this.speechText) {\n\t\t\tconst bubbleLines = this.formatSpeechBubble(this.speechText, Math.min(width - 4, 60));\n\t\t\tlines.push(...bubbleLines);\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\t// =============================================================================\n\t// Narrow rendering (< 100 cols)\n\t// =============================================================================\n\n\tprivate renderNarrow(width: number): string[] {\n\t\tconst lines: string[] = [];\n\n\t\t// Single-line face\n\t\tconst eyes = this.state.eyeStyle;\n\t\tconst mouth = this.isPetting ? \"♥\" : \">\";\n\t\tconst face = `${this.state.hat}${eyes}${mouth}${eyes}`;\n\n\t\t// Name + truncated quip\n\t\tconst shinyMark = this.state.shiny ? \"✨\" : \"\";\n\t\tconst name = `${theme.bold(this.state.name)}${shinyMark}`;\n\n\t\tif (this.speechText) {\n\t\t\tconst maxQuip = Math.max(10, width - face.length - this.state.name.length - 6);\n\t\t\tconst styledQuip = this.renderInlineMarkdown(this.speechText);\n\t\t\tconst quip = visibleWidth(styledQuip) > maxQuip ? `${truncateToWidth(styledQuip, maxQuip - 1)}…` : styledQuip;\n\t\t\tlines.push(` ${face} ${name}: ${theme.fg(\"accent\", quip)}`);\n\t\t} else if (this.thinkingLabel !== null) {\n\t\t\tconst dots = \".\".repeat((this.thinkingDots % BuddyComponent.THINKING_DOT_COUNT) + 1);\n\t\t\tconst label = this.thinkingLabel || \"thinking\";\n\t\t\tlines.push(` ${face} ${name} ${theme.fg(\"muted\", `💭 ${label}${dots}`)}`);\n\t\t} else {\n\t\t\tlines.push(` ${face} ${name}`);\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\t// =============================================================================\n\t// Animation\n\t// =============================================================================\n\n\tprivate startAnimation(): void {\n\t\tthis.interval = setInterval(() => {\n\t\t\tthis.currentFrame = (this.currentFrame + 1) % this.totalFrames;\n\n\t\t\t// Tick thinking dots\n\t\t\tif (this.thinkingLabel !== null) {\n\t\t\t\tthis.thinkingDots = (this.thinkingDots + 1) % BuddyComponent.THINKING_DOT_COUNT;\n\t\t\t}\n\n\t\t\t// Tick hearts\n\t\t\tif (this.isPetting) {\n\t\t\t\tfor (const heart of this.hearts) {\n\t\t\t\t\theart.life--;\n\t\t\t\t\theart.y++;\n\t\t\t\t}\n\t\t\t\tthis.hearts = this.hearts.filter((h) => h.life > 0);\n\t\t\t}\n\n\t\t\tthis.bumpVersion();\n\t\t\tthis.ui.requestRender();\n\t\t}, IDLE_INTERVAL_MS);\n\t}\n\n\tprivate stopAnimation(): void {\n\t\tif (this.interval) {\n\t\t\tclearInterval(this.interval);\n\t\t\tthis.interval = null;\n\t\t}\n\t}\n\n\tprivate bumpVersion(): void {\n\t\tthis.renderVersion++;\n\t}\n\n\t// =============================================================================\n\t// Formatting helpers\n\t// =============================================================================\n\n\tprivate statBar(value: number): string {\n\t\tconst filled = Math.round(value / 10);\n\t\tconst empty = 10 - filled;\n\t\tconst bar = \"█\".repeat(filled) + \"░\".repeat(empty);\n\t\tconst color: \"success\" | \"warning\" | \"error\" = value >= 70 ? \"success\" : value >= 40 ? \"warning\" : \"error\";\n\t\treturn theme.fg(color, bar);\n\t}\n\n\tprivate rarityColor(rarity: Rarity): \"muted\" | \"success\" | \"accent\" | \"warning\" | \"error\" {\n\t\tswitch (rarity) {\n\t\t\tcase Rarity.COMMON:\n\t\t\t\treturn \"muted\";\n\t\t\tcase Rarity.UNCOMMON:\n\t\t\t\treturn \"success\";\n\t\t\tcase Rarity.RARE:\n\t\t\t\treturn \"accent\";\n\t\t\tcase Rarity.EPIC:\n\t\t\t\treturn \"warning\";\n\t\t\tcase Rarity.LEGENDARY:\n\t\t\t\treturn \"error\";\n\t\t}\n\t}\n\n\tprivate formatSpeechBubble(text: string, maxWidth: number): string[] {\n\t\tif (!text.trim()) return [];\n\n\t\t// Render inline markdown (bold, italic, code) to styled text with ANSI codes\n\t\tconst styledText = this.renderInlineMarkdown(text);\n\n\t\t// Word-wrap using visible width (ANSI-aware)\n\t\tconst lines: string[] = [];\n\t\tconst words = styledText.split(\" \");\n\t\tlet currentLine = \"\";\n\n\t\tfor (const word of words) {\n\t\t\tconst test = currentLine ? `${currentLine} ${word}` : word;\n\t\t\tif (visibleWidth(test) > maxWidth) {\n\t\t\t\tif (currentLine) lines.push(currentLine);\n\t\t\t\tcurrentLine = word;\n\t\t\t} else {\n\t\t\t\tcurrentLine = test;\n\t\t\t}\n\t\t}\n\t\tif (currentLine) lines.push(currentLine);\n\n\t\t// Wrap in bubble border using visible width for measurement\n\t\tconst maxLineWidth = Math.max(...lines.map((l) => visibleWidth(l)));\n\t\tconst bubbleWidth = Math.max(6, Math.min(maxLineWidth + 4, maxWidth + 4));\n\t\tconst top = `╭${\"─\".repeat(bubbleWidth - 2)}╮`;\n\t\tconst bottom = `╰${\"─\".repeat(bubbleWidth - 2)}╯`;\n\n\t\tconst result: string[] = [];\n\t\tresult.push(` ${theme.fg(\"accent\", top)}`);\n\t\tfor (const line of lines) {\n\t\t\tconst padding = Math.max(0, bubbleWidth - 4 - visibleWidth(line));\n\t\t\tconst padded = line + \" \".repeat(padding);\n\t\t\tresult.push(` ${theme.fg(\"accent\", \"│\")} ${padded} ${theme.fg(\"accent\", \"│\")}`);\n\t\t}\n\t\tresult.push(` ${theme.fg(\"accent\", bottom)}`);\n\n\t\treturn result;\n\t}\n\n\t/** Render inline markdown tokens (bold, italic, code) to ANSI-styled text */\n\tprivate renderInlineMarkdown(text: string): string {\n\t\tconst mdTheme = getMarkdownTheme();\n\t\tconst tokens = marked.lexer(text);\n\n\t\t// Flatten: we expect a paragraph containing inline tokens\n\t\tconst inlineTokens = tokens.flatMap((t: any) =>\n\t\t\tt.type === \"paragraph\" ? (t.tokens ?? []) : t.type === \"text\" ? t : [],\n\t\t);\n\n\t\treturn this.renderInlineTokens(inlineTokens, mdTheme);\n\t}\n\n\t/** Recursively render marked inline tokens to ANSI-styled strings */\n\tprivate renderInlineTokens(tokens: any[], mdTheme: MT): string {\n\t\tlet result = \"\";\n\t\tfor (const token of tokens) {\n\t\t\tswitch (token.type) {\n\t\t\t\tcase \"text\":\n\t\t\t\t\tresult += token.text ?? this.renderInlineTokens(token.tokens ?? [], mdTheme);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"strong\":\n\t\t\t\t\tresult += mdTheme.bold(this.renderInlineTokens(token.tokens ?? [], mdTheme));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"em\":\n\t\t\t\t\tresult += mdTheme.italic(this.renderInlineTokens(token.tokens ?? [], mdTheme));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"codespan\":\n\t\t\t\t\tresult += mdTheme.code(token.text);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"escape\":\n\t\t\t\t\tresult += token.text;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tresult += token.text ?? token.raw ?? \"\";\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t}\n}\n"]}

package/dist/modes/interactive/components/compaction-summary-message.d.ts

@@ -0,0 +1,16 @@
+import { Box, type MarkdownTheme } from "@dreb/tui";
+import type { CompactionSummaryMessage } from "../../../core/messages.js";
+/**
+ * Component that renders a compaction message with collapsed/expanded state.
+ * Uses same background color as custom messages for visual consistency.
+ */
+export declare class CompactionSummaryMessageComponent extends Box {
+    private expanded;
+    private message;
+    private markdownTheme;
+    constructor(message: CompactionSummaryMessage, markdownTheme?: MarkdownTheme);
+    setExpanded(expanded: boolean): void;
+    invalidate(): void;
+    private updateDisplay;
+}
+//# sourceMappingURL=compaction-summary-message.d.ts.map

package/dist/modes/interactive/components/compaction-summary-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compaction-summary-message.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/compaction-summary-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,KAAK,aAAa,EAAgB,MAAM,WAAW,CAAC;AAC5E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAI1E;;;GAGG;AACH,qBAAa,iCAAkC,SAAQ,GAAG;IACzD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,aAAa,CAAgB;IAErC,YAAY,OAAO,EAAE,wBAAwB,EAAE,aAAa,GAAE,aAAkC,EAK/F;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAGnC;IAEQ,UAAU,IAAI,IAAI,CAG1B;IAED,OAAO,CAAC,aAAa;CA2BrB","sourcesContent":["import { Box, Markdown, type MarkdownTheme, Spacer, Text } from \"@dreb/tui\";\nimport type { CompactionSummaryMessage } from \"../../../core/messages.js\";\nimport { getMarkdownTheme, theme } from \"../theme/theme.js\";\nimport { keyText } from \"./keybinding-hints.js\";\n\n/**\n * Component that renders a compaction message with collapsed/expanded state.\n * Uses same background color as custom messages for visual consistency.\n */\nexport class CompactionSummaryMessageComponent extends Box {\n\tprivate expanded = false;\n\tprivate message: CompactionSummaryMessage;\n\tprivate markdownTheme: MarkdownTheme;\n\n\tconstructor(message: CompactionSummaryMessage, markdownTheme: MarkdownTheme = getMarkdownTheme()) {\n\t\tsuper(1, 1, (t) => theme.bg(\"customMessageBg\", t));\n\t\tthis.message = message;\n\t\tthis.markdownTheme = markdownTheme;\n\t\tthis.updateDisplay();\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tthis.expanded = expanded;\n\t\tthis.updateDisplay();\n\t}\n\n\toverride invalidate(): void {\n\t\tsuper.invalidate();\n\t\tthis.updateDisplay();\n\t}\n\n\tprivate updateDisplay(): void {\n\t\tthis.clear();\n\n\t\tconst tokenStr = this.message.tokensBefore.toLocaleString();\n\t\tconst label = theme.fg(\"customMessageLabel\", `\\x1b[1m[compaction]\\x1b[22m`);\n\t\tthis.addChild(new Text(label, 0, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tif (this.expanded) {\n\t\t\tconst header = `**Compacted from ${tokenStr} tokens**\\n\\n`;\n\t\t\tthis.addChild(\n\t\t\t\tnew Markdown(header + this.message.summary, 0, 0, this.markdownTheme, {\n\t\t\t\t\tcolor: (text: string) => theme.fg(\"customMessageText\", text),\n\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tthis.addChild(\n\t\t\t\tnew Text(\n\t\t\t\t\ttheme.fg(\"customMessageText\", `Compacted from ${tokenStr} tokens (`) +\n\t\t\t\t\t\ttheme.fg(\"dim\", keyText(\"app.tools.expand\")) +\n\t\t\t\t\t\ttheme.fg(\"customMessageText\", \" to expand)\"),\n\t\t\t\t\t0,\n\t\t\t\t\t0,\n\t\t\t\t),\n\t\t\t);\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/compaction-summary-message.js

@@ -0,0 +1,45 @@
+import { Box, Markdown, Spacer, Text } from "@dreb/tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+import { keyText } from "./keybinding-hints.js";
+/**
+ * Component that renders a compaction message with collapsed/expanded state.
+ * Uses same background color as custom messages for visual consistency.
+ */
+export class CompactionSummaryMessageComponent extends Box {
+    expanded = false;
+    message;
+    markdownTheme;
+    constructor(message, markdownTheme = getMarkdownTheme()) {
+        super(1, 1, (t) => theme.bg("customMessageBg", t));
+        this.message = message;
+        this.markdownTheme = markdownTheme;
+        this.updateDisplay();
+    }
+    setExpanded(expanded) {
+        this.expanded = expanded;
+        this.updateDisplay();
+    }
+    invalidate() {
+        super.invalidate();
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        this.clear();
+        const tokenStr = this.message.tokensBefore.toLocaleString();
+        const label = theme.fg("customMessageLabel", `\x1b[1m[compaction]\x1b[22m`);
+        this.addChild(new Text(label, 0, 0));
+        this.addChild(new Spacer(1));
+        if (this.expanded) {
+            const header = `**Compacted from ${tokenStr} tokens**\n\n`;
+            this.addChild(new Markdown(header + this.message.summary, 0, 0, this.markdownTheme, {
+                color: (text) => theme.fg("customMessageText", text),
+            }));
+        }
+        else {
+            this.addChild(new Text(theme.fg("customMessageText", `Compacted from ${tokenStr} tokens (`) +
+                theme.fg("dim", keyText("app.tools.expand")) +
+                theme.fg("customMessageText", " to expand)"), 0, 0));
+        }
+    }
+}
+//# sourceMappingURL=compaction-summary-message.js.map

package/dist/modes/interactive/components/compaction-summary-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compaction-summary-message.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/compaction-summary-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAsB,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,iCAAkC,SAAQ,GAAG;IACjD,QAAQ,GAAG,KAAK,CAAC;IACjB,OAAO,CAA2B;IAClC,aAAa,CAAgB;IAErC,YAAY,OAAiC,EAAE,aAAa,GAAkB,gBAAgB,EAAE,EAAE;QACjG,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,aAAa,EAAE,CAAC;IAAA,CACrB;IAED,WAAW,CAAC,QAAiB,EAAQ;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,aAAa,EAAE,CAAC;IAAA,CACrB;IAEQ,UAAU,GAAS;QAC3B,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IAAA,CACrB;IAEO,aAAa,GAAS;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,oBAAoB,EAAE,6BAA6B,CAAC,CAAC;QAC5E,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,oBAAoB,QAAQ,eAAe,CAAC;YAC3D,IAAI,CAAC,QAAQ,CACZ,IAAI,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE;gBACrE,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC;aAC5D,CAAC,CACF,CAAC;QACH,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,QAAQ,CACZ,IAAI,IAAI,CACP,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,QAAQ,WAAW,CAAC;gBACnE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;gBAC5C,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,aAAa,CAAC,EAC7C,CAAC,EACD,CAAC,CACD,CACD,CAAC;QACH,CAAC;IAAA,CACD;CACD","sourcesContent":["import { Box, Markdown, type MarkdownTheme, Spacer, Text } from \"@dreb/tui\";\nimport type { CompactionSummaryMessage } from \"../../../core/messages.js\";\nimport { getMarkdownTheme, theme } from \"../theme/theme.js\";\nimport { keyText } from \"./keybinding-hints.js\";\n\n/**\n * Component that renders a compaction message with collapsed/expanded state.\n * Uses same background color as custom messages for visual consistency.\n */\nexport class CompactionSummaryMessageComponent extends Box {\n\tprivate expanded = false;\n\tprivate message: CompactionSummaryMessage;\n\tprivate markdownTheme: MarkdownTheme;\n\n\tconstructor(message: CompactionSummaryMessage, markdownTheme: MarkdownTheme = getMarkdownTheme()) {\n\t\tsuper(1, 1, (t) => theme.bg(\"customMessageBg\", t));\n\t\tthis.message = message;\n\t\tthis.markdownTheme = markdownTheme;\n\t\tthis.updateDisplay();\n\t}\n\n\tsetExpanded(expanded: boolean): void {\n\t\tthis.expanded = expanded;\n\t\tthis.updateDisplay();\n\t}\n\n\toverride invalidate(): void {\n\t\tsuper.invalidate();\n\t\tthis.updateDisplay();\n\t}\n\n\tprivate updateDisplay(): void {\n\t\tthis.clear();\n\n\t\tconst tokenStr = this.message.tokensBefore.toLocaleString();\n\t\tconst label = theme.fg(\"customMessageLabel\", `\\x1b[1m[compaction]\\x1b[22m`);\n\t\tthis.addChild(new Text(label, 0, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tif (this.expanded) {\n\t\t\tconst header = `**Compacted from ${tokenStr} tokens**\\n\\n`;\n\t\t\tthis.addChild(\n\t\t\t\tnew Markdown(header + this.message.summary, 0, 0, this.markdownTheme, {\n\t\t\t\t\tcolor: (text: string) => theme.fg(\"customMessageText\", text),\n\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tthis.addChild(\n\t\t\t\tnew Text(\n\t\t\t\t\ttheme.fg(\"customMessageText\", `Compacted from ${tokenStr} tokens (`) +\n\t\t\t\t\t\ttheme.fg(\"dim\", keyText(\"app.tools.expand\")) +\n\t\t\t\t\t\ttheme.fg(\"customMessageText\", \" to expand)\"),\n\t\t\t\t\t0,\n\t\t\t\t\t0,\n\t\t\t\t),\n\t\t\t);\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/config-selector.d.ts

@@ -0,0 +1,71 @@
+/**
+ * TUI component for managing package resources (enable/disable)
+ */
+import { type Component, Container, type Focusable } from "@dreb/tui";
+import type { PathMetadata, ResolvedPaths } from "../../../core/package-manager.js";
+import type { SettingsManager } from "../../../core/settings-manager.js";
+type ResourceType = "extensions" | "skills" | "prompts" | "themes";
+interface ResourceItem {
+    path: string;
+    enabled: boolean;
+    metadata: PathMetadata;
+    resourceType: ResourceType;
+    displayName: string;
+    groupKey: string;
+    subgroupKey: string;
+}
+interface ResourceSubgroup {
+    type: ResourceType;
+    label: string;
+    items: ResourceItem[];
+}
+interface ResourceGroup {
+    key: string;
+    label: string;
+    scope: "user" | "project" | "temporary";
+    origin: "package" | "top-level";
+    source: string;
+    subgroups: ResourceSubgroup[];
+}
+declare class ResourceList implements Component, Focusable {
+    private groups;
+    private flatItems;
+    private filteredItems;
+    private selectedIndex;
+    private searchInput;
+    private maxVisible;
+    private settingsManager;
+    private cwd;
+    private agentDir;
+    onCancel?: () => void;
+    onExit?: () => void;
+    onToggle?: (item: ResourceItem, newEnabled: boolean) => void;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(groups: ResourceGroup[], settingsManager: SettingsManager, cwd: string, agentDir: string);
+    private buildFlatList;
+    private findNextItem;
+    private filterItems;
+    private selectFirstItem;
+    updateItem(item: ResourceItem, enabled: boolean): void;
+    invalidate(): void;
+    render(width: number): string[];
+    handleInput(data: string): void;
+    private toggleResource;
+    private toggleTopLevelResource;
+    private togglePackageResource;
+    private getTopLevelBaseDir;
+    private getResourcePattern;
+    private getPackageResourcePattern;
+}
+export declare class ConfigSelectorComponent extends Container implements Focusable {
+    private resourceList;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(resolvedPaths: ResolvedPaths, settingsManager: SettingsManager, cwd: string, agentDir: string, onClose: () => void, onExit: () => void, requestRender: () => void);
+    getResourceList(): ResourceList;
+}
+export {};
+//# sourceMappingURL=config-selector.d.ts.map

package/dist/modes/interactive/components/config-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/config-selector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * TUI component for managing package resources (enable/disable)\n */\n\nimport { basename, dirname, join, relative } from \"node:path\";\nimport {\n\ttype Component,\n\tContainer,\n\ttype Focusable,\n\tgetKeybindings,\n\tInput,\n\tmatchesKey,\n\tSpacer,\n\ttruncateToWidth,\n\tvisibleWidth,\n} from \"@dreb/tui\";\nimport { CONFIG_DIR_NAME } from \"../../../config.js\";\nimport type { PathMetadata, ResolvedPaths, ResolvedResource } from \"../../../core/package-manager.js\";\nimport type { PackageSource, SettingsManager } from \"../../../core/settings-manager.js\";\nimport { theme } from \"../theme/theme.js\";\nimport { DynamicBorder } from \"./dynamic-border.js\";\nimport { rawKeyHint } from \"./keybinding-hints.js\";\n\ntype ResourceType = \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\nconst RESOURCE_TYPE_LABELS: Record<ResourceType, string> = {\n\textensions: \"Extensions\",\n\tskills: \"Skills\",\n\tprompts: \"Prompts\",\n\tthemes: \"Themes\",\n};\n\ninterface ResourceItem {\n\tpath: string;\n\tenabled: boolean;\n\tmetadata: PathMetadata;\n\tresourceType: ResourceType;\n\tdisplayName: string;\n\tgroupKey: string;\n\tsubgroupKey: string;\n}\n\ninterface ResourceSubgroup {\n\ttype: ResourceType;\n\tlabel: string;\n\titems: ResourceItem[];\n}\n\ninterface ResourceGroup {\n\tkey: string;\n\tlabel: string;\n\tscope: \"user\" | \"project\" | \"temporary\";\n\torigin: \"package\" | \"top-level\";\n\tsource: string;\n\tsubgroups: ResourceSubgroup[];\n}\n\nfunction getGroupLabel(metadata: PathMetadata): string {\n\tif (metadata.origin === \"package\") {\n\t\treturn `${metadata.source} (${metadata.scope})`;\n\t}\n\t// Top-level resources\n\tif (metadata.source === \"auto\") {\n\t\treturn metadata.scope === \"user\" ? \"User (~/.dreb/agent/)\" : \"Project (.dreb/)\";\n\t}\n\treturn metadata.scope === \"user\" ? \"User settings\" : \"Project settings\";\n}\n\nfunction buildGroups(resolved: ResolvedPaths): ResourceGroup[] {\n\tconst groupMap = new Map<string, ResourceGroup>();\n\n\tconst addToGroup = (resources: ResolvedResource[], resourceType: ResourceType) => {\n\t\tfor (const res of resources) {\n\t\t\tconst { path, enabled, metadata } = res;\n\t\t\tconst groupKey = `${metadata.origin}:${metadata.scope}:${metadata.source}`;\n\n\t\t\tif (!groupMap.has(groupKey)) {\n\t\t\t\tgroupMap.set(groupKey, {\n\t\t\t\t\tkey: groupKey,\n\t\t\t\t\tlabel: getGroupLabel(metadata),\n\t\t\t\t\tscope: metadata.scope,\n\t\t\t\t\torigin: metadata.origin,\n\t\t\t\t\tsource: metadata.source,\n\t\t\t\t\tsubgroups: [],\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst group = groupMap.get(groupKey)!;\n\t\t\tconst subgroupKey = `${groupKey}:${resourceType}`;\n\n\t\t\tlet subgroup = group.subgroups.find((sg) => sg.type === resourceType);\n\t\t\tif (!subgroup) {\n\t\t\t\tsubgroup = {\n\t\t\t\t\ttype: resourceType,\n\t\t\t\t\tlabel: RESOURCE_TYPE_LABELS[resourceType],\n\t\t\t\t\titems: [],\n\t\t\t\t};\n\t\t\t\tgroup.subgroups.push(subgroup);\n\t\t\t}\n\n\t\t\tconst fileName = basename(path);\n\t\t\tconst parentFolder = basename(dirname(path));\n\t\t\tlet displayName: string;\n\t\t\tif (resourceType === \"extensions\" && parentFolder !== \"extensions\") {\n\t\t\t\tdisplayName = `${parentFolder}/${fileName}`;\n\t\t\t} else if (resourceType === \"skills\" && fileName === \"SKILL.md\") {\n\t\t\t\tdisplayName = parentFolder;\n\t\t\t} else {\n\t\t\t\tdisplayName = fileName;\n\t\t\t}\n\t\t\tsubgroup.items.push({\n\t\t\t\tpath,\n\t\t\t\tenabled,\n\t\t\t\tmetadata,\n\t\t\t\tresourceType,\n\t\t\t\tdisplayName,\n\t\t\t\tgroupKey,\n\t\t\t\tsubgroupKey,\n\t\t\t});\n\t\t}\n\t};\n\n\taddToGroup(resolved.extensions, \"extensions\");\n\taddToGroup(resolved.skills, \"skills\");\n\taddToGroup(resolved.prompts, \"prompts\");\n\taddToGroup(resolved.themes, \"themes\");\n\n\t// Sort groups: packages first, then top-level; user before project\n\tconst groups = Array.from(groupMap.values());\n\tgroups.sort((a, b) => {\n\t\tif (a.origin !== b.origin) {\n\t\t\treturn a.origin === \"package\" ? -1 : 1;\n\t\t}\n\t\tif (a.scope !== b.scope) {\n\t\t\treturn a.scope === \"user\" ? -1 : 1;\n\t\t}\n\t\treturn a.source.localeCompare(b.source);\n\t});\n\n\t// Sort subgroups within each group by type order, and items by name\n\tconst typeOrder: Record<ResourceType, number> = { extensions: 0, skills: 1, prompts: 2, themes: 3 };\n\tfor (const group of groups) {\n\t\tgroup.subgroups.sort((a, b) => typeOrder[a.type] - typeOrder[b.type]);\n\t\tfor (const subgroup of group.subgroups) {\n\t\t\tsubgroup.items.sort((a, b) => a.displayName.localeCompare(b.displayName));\n\t\t}\n\t}\n\n\treturn groups;\n}\n\ntype FlatEntry =\n\t| { type: \"group\"; group: ResourceGroup }\n\t| { type: \"subgroup\"; subgroup: ResourceSubgroup; group: ResourceGroup }\n\t| { type: \"item\"; item: ResourceItem };\n\nclass ConfigSelectorHeader implements Component {\n\tinvalidate(): void {}\n\n\trender(width: number): string[] {\n\t\tconst title = theme.bold(\"Resource Configuration\");\n\t\tconst sep = theme.fg(\"muted\", \" · \");\n\t\tconst hint = rawKeyHint(\"space\", \"toggle\") + sep + rawKeyHint(\"esc\", \"close\");\n\t\tconst hintWidth = visibleWidth(hint);\n\t\tconst titleWidth = visibleWidth(title);\n\t\tconst spacing = Math.max(1, width - titleWidth - hintWidth);\n\n\t\treturn [\n\t\t\ttruncateToWidth(`${title}${\" \".repeat(spacing)}${hint}`, width, \"\"),\n\t\t\ttheme.fg(\"muted\", \"Type to filter resources\"),\n\t\t];\n\t}\n}\n\nclass ResourceList implements Component, Focusable {\n\tprivate groups: ResourceGroup[];\n\tprivate flatItems: FlatEntry[] = [];\n\tprivate filteredItems: FlatEntry[] = [];\n\tprivate selectedIndex = 0;\n\tprivate searchInput: Input;\n\tprivate maxVisible = 15;\n\tprivate settingsManager: SettingsManager;\n\tprivate cwd: string;\n\tprivate agentDir: string;\n\n\tpublic onCancel?: () => void;\n\tpublic onExit?: () => void;\n\tpublic onToggle?: (item: ResourceItem, newEnabled: boolean) => void;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\n\tconstructor(groups: ResourceGroup[], settingsManager: SettingsManager, cwd: string, agentDir: string) {\n\t\tthis.groups = groups;\n\t\tthis.settingsManager = settingsManager;\n\t\tthis.cwd = cwd;\n\t\tthis.agentDir = agentDir;\n\t\tthis.searchInput = new Input();\n\t\tthis.buildFlatList();\n\t\tthis.filteredItems = [...this.flatItems];\n\t}\n\n\tprivate buildFlatList(): void {\n\t\tthis.flatItems = [];\n\t\tfor (const group of this.groups) {\n\t\t\tthis.flatItems.push({ type: \"group\", group });\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tthis.flatItems.push({ type: \"subgroup\", subgroup, group });\n\t\t\t\tfor (const item of subgroup.items) {\n\t\t\t\t\tthis.flatItems.push({ type: \"item\", item });\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// Start selection on first item (not header)\n\t\tthis.selectedIndex = this.flatItems.findIndex((e) => e.type === \"item\");\n\t\tif (this.selectedIndex < 0) this.selectedIndex = 0;\n\t}\n\n\tprivate findNextItem(fromIndex: number, direction: 1 | -1): number {\n\t\tlet idx = fromIndex + direction;\n\t\twhile (idx >= 0 && idx < this.filteredItems.length) {\n\t\t\tif (this.filteredItems[idx].type === \"item\") {\n\t\t\t\treturn idx;\n\t\t\t}\n\t\t\tidx += direction;\n\t\t}\n\t\treturn fromIndex; // Stay at current if no item found\n\t}\n\n\tprivate filterItems(query: string): void {\n\t\tif (!query.trim()) {\n\t\t\tthis.filteredItems = [...this.flatItems];\n\t\t\tthis.selectFirstItem();\n\t\t\treturn;\n\t\t}\n\n\t\tconst lowerQuery = query.toLowerCase();\n\t\tconst matchingItems = new Set<ResourceItem>();\n\t\tconst matchingSubgroups = new Set<ResourceSubgroup>();\n\t\tconst matchingGroups = new Set<ResourceGroup>();\n\n\t\tfor (const entry of this.flatItems) {\n\t\t\tif (entry.type === \"item\") {\n\t\t\t\tconst item = entry.item;\n\t\t\t\tif (\n\t\t\t\t\titem.displayName.toLowerCase().includes(lowerQuery) ||\n\t\t\t\t\titem.resourceType.toLowerCase().includes(lowerQuery) ||\n\t\t\t\t\titem.path.toLowerCase().includes(lowerQuery)\n\t\t\t\t) {\n\t\t\t\t\tmatchingItems.add(item);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Find which subgroups and groups contain matching items\n\t\tfor (const group of this.groups) {\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tfor (const item of subgroup.items) {\n\t\t\t\t\tif (matchingItems.has(item)) {\n\t\t\t\t\t\tmatchingSubgroups.add(subgroup);\n\t\t\t\t\t\tmatchingGroups.add(group);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.filteredItems = [];\n\t\tfor (const entry of this.flatItems) {\n\t\t\tif (entry.type === \"group\" && matchingGroups.has(entry.group)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t} else if (entry.type === \"subgroup\" && matchingSubgroups.has(entry.subgroup)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t} else if (entry.type === \"item\" && matchingItems.has(entry.item)) {\n\t\t\t\tthis.filteredItems.push(entry);\n\t\t\t}\n\t\t}\n\n\t\tthis.selectFirstItem();\n\t}\n\n\tprivate selectFirstItem(): void {\n\t\tconst firstItemIndex = this.filteredItems.findIndex((e) => e.type === \"item\");\n\t\tthis.selectedIndex = firstItemIndex >= 0 ? firstItemIndex : 0;\n\t}\n\n\tupdateItem(item: ResourceItem, enabled: boolean): void {\n\t\titem.enabled = enabled;\n\t\t// Update in groups too\n\t\tfor (const group of this.groups) {\n\t\t\tfor (const subgroup of group.subgroups) {\n\t\t\t\tconst found = subgroup.items.find((i) => i.path === item.path && i.resourceType === item.resourceType);\n\t\t\t\tif (found) {\n\t\t\t\t\tfound.enabled = enabled;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tinvalidate(): void {}\n\n\trender(width: number): string[] {\n\t\tconst lines: string[] = [];\n\n\t\t// Search input\n\t\tlines.push(...this.searchInput.render(width));\n\t\tlines.push(\"\");\n\n\t\tif (this.filteredItems.length === 0) {\n\t\t\tlines.push(theme.fg(\"muted\", \"  No resources found\"));\n\t\t\treturn lines;\n\t\t}\n\n\t\t// Calculate visible range\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.filteredItems.length - this.maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst entry = this.filteredItems[i];\n\t\t\tconst isSelected = i === this.selectedIndex;\n\n\t\t\tif (entry.type === \"group\") {\n\t\t\t\t// Main group header (no cursor)\n\t\t\t\tconst groupLine = theme.fg(\"accent\", theme.bold(entry.group.label));\n\t\t\t\tlines.push(truncateToWidth(`  ${groupLine}`, width, \"\"));\n\t\t\t} else if (entry.type === \"subgroup\") {\n\t\t\t\t// Subgroup header (indented, no cursor)\n\t\t\t\tconst subgroupLine = theme.fg(\"muted\", entry.subgroup.label);\n\t\t\t\tlines.push(truncateToWidth(`    ${subgroupLine}`, width, \"\"));\n\t\t\t} else {\n\t\t\t\t// Resource item (cursor only on items)\n\t\t\t\tconst item = entry.item;\n\t\t\t\tconst cursor = isSelected ? \"> \" : \"  \";\n\t\t\t\tconst checkbox = item.enabled ? theme.fg(\"success\", \"[x]\") : theme.fg(\"dim\", \"[ ]\");\n\t\t\t\tconst name = isSelected ? theme.bold(item.displayName) : item.displayName;\n\t\t\t\tlines.push(truncateToWidth(`${cursor}    ${checkbox} ${name}`, width, \"...\"));\n\t\t\t}\n\t\t}\n\n\t\t// Scroll indicator\n\t\tif (startIndex > 0 || endIndex < this.filteredItems.length) {\n\t\t\tlines.push(theme.fg(\"dim\", `  (${this.selectedIndex + 1}/${this.filteredItems.length})`));\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\thandleInput(data: string): void {\n\t\tconst kb = getKeybindings();\n\n\t\tif (kb.matches(data, \"tui.select.up\")) {\n\t\t\tthis.selectedIndex = this.findNextItem(this.selectedIndex, -1);\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.down\")) {\n\t\t\tthis.selectedIndex = this.findNextItem(this.selectedIndex, 1);\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.pageUp\")) {\n\t\t\t// Jump up by maxVisible, then find nearest item\n\t\t\tlet target = Math.max(0, this.selectedIndex - this.maxVisible);\n\t\t\twhile (target < this.filteredItems.length && this.filteredItems[target].type !== \"item\") {\n\t\t\t\ttarget++;\n\t\t\t}\n\t\t\tif (target < this.filteredItems.length) {\n\t\t\t\tthis.selectedIndex = target;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.pageDown\")) {\n\t\t\t// Jump down by maxVisible, then find nearest item\n\t\t\tlet target = Math.min(this.filteredItems.length - 1, this.selectedIndex + this.maxVisible);\n\t\t\twhile (target >= 0 && this.filteredItems[target].type !== \"item\") {\n\t\t\t\ttarget--;\n\t\t\t}\n\t\t\tif (target >= 0) {\n\t\t\t\tthis.selectedIndex = target;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.cancel\")) {\n\t\t\tthis.onCancel?.();\n\t\t\treturn;\n\t\t}\n\t\tif (matchesKey(data, \"ctrl+c\")) {\n\t\t\tthis.onExit?.();\n\t\t\treturn;\n\t\t}\n\t\tif (data === \" \" || kb.matches(data, \"tui.select.confirm\")) {\n\t\t\tconst entry = this.filteredItems[this.selectedIndex];\n\t\t\tif (entry?.type === \"item\") {\n\t\t\t\tconst newEnabled = !entry.item.enabled;\n\t\t\t\tthis.toggleResource(entry.item, newEnabled);\n\t\t\t\tthis.updateItem(entry.item, newEnabled);\n\t\t\t\tthis.onToggle?.(entry.item, newEnabled);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Pass to search input\n\t\tthis.searchInput.handleInput(data);\n\t\tthis.filterItems(this.searchInput.getValue());\n\t}\n\n\tprivate toggleResource(item: ResourceItem, enabled: boolean): void {\n\t\tif (item.metadata.origin === \"top-level\") {\n\t\t\tthis.toggleTopLevelResource(item, enabled);\n\t\t} else {\n\t\t\tthis.togglePackageResource(item, enabled);\n\t\t}\n\t}\n\n\tprivate toggleTopLevelResource(item: ResourceItem, enabled: boolean): void {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst settings =\n\t\t\tscope === \"project\" ? this.settingsManager.getProjectSettings() : this.settingsManager.getGlobalSettings();\n\n\t\tconst arrayKey = item.resourceType as \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\t\tconst current = (settings[arrayKey] ?? []) as string[];\n\n\t\t// Generate pattern for this resource\n\t\tconst pattern = this.getResourcePattern(item);\n\t\tconst disablePattern = `-${pattern}`;\n\t\tconst enablePattern = `+${pattern}`;\n\n\t\t// Filter out existing patterns for this resource\n\t\tconst updated = current.filter((p) => {\n\t\t\tconst stripped = p.startsWith(\"!\") || p.startsWith(\"+\") || p.startsWith(\"-\") ? p.slice(1) : p;\n\t\t\treturn stripped !== pattern;\n\t\t});\n\n\t\tif (enabled) {\n\t\t\tupdated.push(enablePattern);\n\t\t} else {\n\t\t\tupdated.push(disablePattern);\n\t\t}\n\n\t\tif (scope === \"project\") {\n\t\t\tif (arrayKey === \"extensions\") {\n\t\t\t\tthis.settingsManager.setProjectExtensionPaths(updated);\n\t\t\t} else if (arrayKey === \"skills\") {\n\t\t\t\tthis.settingsManager.setProjectSkillPaths(updated);\n\t\t\t} else if (arrayKey === \"prompts\") {\n\t\t\t\tthis.settingsManager.setProjectPromptTemplatePaths(updated);\n\t\t\t} else if (arrayKey === \"themes\") {\n\t\t\t\tthis.settingsManager.setProjectThemePaths(updated);\n\t\t\t}\n\t\t} else {\n\t\t\tif (arrayKey === \"extensions\") {\n\t\t\t\tthis.settingsManager.setExtensionPaths(updated);\n\t\t\t} else if (arrayKey === \"skills\") {\n\t\t\t\tthis.settingsManager.setSkillPaths(updated);\n\t\t\t} else if (arrayKey === \"prompts\") {\n\t\t\t\tthis.settingsManager.setPromptTemplatePaths(updated);\n\t\t\t} else if (arrayKey === \"themes\") {\n\t\t\t\tthis.settingsManager.setThemePaths(updated);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate togglePackageResource(item: ResourceItem, enabled: boolean): void {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst settings =\n\t\t\tscope === \"project\" ? this.settingsManager.getProjectSettings() : this.settingsManager.getGlobalSettings();\n\n\t\tconst packages = [...(settings.packages ?? [])] as PackageSource[];\n\t\tconst pkgIndex = packages.findIndex((pkg) => {\n\t\t\tconst source = typeof pkg === \"string\" ? pkg : pkg.source;\n\t\t\treturn source === item.metadata.source;\n\t\t});\n\n\t\tif (pkgIndex === -1) return;\n\n\t\tlet pkg = packages[pkgIndex];\n\n\t\t// Convert string to object form if needed\n\t\tif (typeof pkg === \"string\") {\n\t\t\tpkg = { source: pkg };\n\t\t\tpackages[pkgIndex] = pkg;\n\t\t}\n\n\t\t// Get the resource array for this type\n\t\tconst arrayKey = item.resourceType as \"extensions\" | \"skills\" | \"prompts\" | \"themes\";\n\t\tconst current = (pkg[arrayKey] ?? []) as string[];\n\n\t\t// Generate pattern relative to package root\n\t\tconst pattern = this.getPackageResourcePattern(item);\n\t\tconst disablePattern = `-${pattern}`;\n\t\tconst enablePattern = `+${pattern}`;\n\n\t\t// Filter out existing patterns for this resource\n\t\tconst updated = current.filter((p) => {\n\t\t\tconst stripped = p.startsWith(\"!\") || p.startsWith(\"+\") || p.startsWith(\"-\") ? p.slice(1) : p;\n\t\t\treturn stripped !== pattern;\n\t\t});\n\n\t\tif (enabled) {\n\t\t\tupdated.push(enablePattern);\n\t\t} else {\n\t\t\tupdated.push(disablePattern);\n\t\t}\n\n\t\t(pkg as Record<string, unknown>)[arrayKey] = updated.length > 0 ? updated : undefined;\n\n\t\t// Clean up empty filter object\n\t\tconst hasFilters = [\"extensions\", \"skills\", \"prompts\", \"themes\"].some(\n\t\t\t(k) => (pkg as Record<string, unknown>)[k] !== undefined,\n\t\t);\n\t\tif (!hasFilters) {\n\t\t\tpackages[pkgIndex] = (pkg as { source: string }).source;\n\t\t}\n\n\t\tif (scope === \"project\") {\n\t\t\tthis.settingsManager.setProjectPackages(packages);\n\t\t} else {\n\t\t\tthis.settingsManager.setPackages(packages);\n\t\t}\n\t}\n\n\tprivate getTopLevelBaseDir(scope: \"user\" | \"project\"): string {\n\t\treturn scope === \"project\" ? join(this.cwd, CONFIG_DIR_NAME) : this.agentDir;\n\t}\n\n\tprivate getResourcePattern(item: ResourceItem): string {\n\t\tconst scope = item.metadata.scope as \"user\" | \"project\";\n\t\tconst baseDir = this.getTopLevelBaseDir(scope);\n\t\treturn relative(baseDir, item.path);\n\t}\n\n\tprivate getPackageResourcePattern(item: ResourceItem): string {\n\t\tconst baseDir = item.metadata.baseDir ?? dirname(item.path);\n\t\treturn relative(baseDir, item.path);\n\t}\n}\n\nexport class ConfigSelectorComponent extends Container implements Focusable {\n\tprivate resourceList: ResourceList;\n\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.resourceList.focused = value;\n\t}\n\n\tconstructor(\n\t\tresolvedPaths: ResolvedPaths,\n\t\tsettingsManager: SettingsManager,\n\t\tcwd: string,\n\t\tagentDir: string,\n\t\tonClose: () => void,\n\t\tonExit: () => void,\n\t\trequestRender: () => void,\n\t) {\n\t\tsuper();\n\n\t\tconst groups = buildGroups(resolvedPaths);\n\n\t\t// Add header\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new ConfigSelectorHeader());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Resource list\n\t\tthis.resourceList = new ResourceList(groups, settingsManager, cwd, agentDir);\n\t\tthis.resourceList.onCancel = onClose;\n\t\tthis.resourceList.onExit = onExit;\n\t\tthis.resourceList.onToggle = () => requestRender();\n\t\tthis.addChild(this.resourceList);\n\n\t\t// Bottom border\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new DynamicBorder());\n\t}\n\n\tgetResourceList(): ResourceList {\n\t\treturn this.resourceList;\n\t}\n}\n"]}