catui-agent 1.0.0-beta.0

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

@@ -0,0 +1 @@
+var x=Object.defineProperty;var l=(c,e)=>x(c,"name",{value:e,configurable:!0});import{Container as S,getCapabilities as L,SelectList as y,SettingsList as T,Spacer as g,Text as b}from"@catui/tui";import{getSelectListTheme as E,getSettingsListTheme as A,theme as h}from"../theme/theme.js";import{ALL_SPRITES as M}from"./buddy/pet-sprites.js";import{DynamicBorder as f}from"./dynamic-border.js";const P={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)"};class k extends S{static{l(this,"SelectSubmenu")}selectList;constructor(e,t,o,i,p,m,d){super(),this.addChild(new b(h.bold(h.fg("accent",e)),0,0)),t&&(this.addChild(new g(1)),this.addChild(new b(h.fg("muted",t),0,0))),this.addChild(new g(1)),this.selectList=new y(o,Math.min(o.length,10),E());const u=o.findIndex(n=>n.value===i);u!==-1&&this.selectList.setSelectedIndex(u),this.selectList.onSelect=n=>{p(n.value)},this.selectList.onCancel=m,d&&(this.selectList.onSelectionChange=n=>{d(n.value)}),this.addChild(this.selectList),this.addChild(new g(1)),this.addChild(new b(h.fg("dim","  Enter to select \xB7 Esc to go back"),0,0))}handleInput(e){this.selectList.handleInput(e)}}class q extends S{static{l(this,"SettingsSelectorComponent")}settingsList;constructor(e,t){super();const o=L().images,i=[{id:"autocompact",label:"Auto-compact",description:"Automatically compact context when it gets too large",currentValue:e.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:e.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:e.followUpMode,values:["one-at-a-time","all"]},{id:"transport",label:"Transport",description:"Preferred transport for providers that support multiple transports",currentValue:e.transport,values:["sse","websocket","auto"]},{id:"agent-loop",label:"Agent loop",description:"Default loop adaptation. Model default preserves per-model configuration.",currentValue:e.agentLoopFramework,values:["model-default","standard","weak-model-compatible"]},{id:"hide-thinking",label:"Hide thinking",description:"Hide thinking blocks in assistant responses",currentValue:e.hideThinkingBlock?"true":"false",values:["true","false"]},{id:"collapse-changelog",label:"Collapse changelog",description:"Show condensed changelog after updates",currentValue:e.collapseChangelog?"true":"false",values:["true","false"]},{id:"quiet-startup",label:"Quiet startup",description:"Disable verbose printing at startup",currentValue:e.quietStartup?"true":"false",values:["true","false"]},{id:"show-working-trace",label:"Show working trace",description:"Show coding and tool execution steps in chat",currentValue:e.showWorkingTrace?"true":"false",values:["true","false"]},{id:"show-memory-trace",label:"Show memory trace",description:"Show NanoMem search, recall, and alignment traces in chat",currentValue:e.showMemoryTrace?"true":"false",values:["true","false"]},{id:"double-escape-action",label:"Double-escape action",description:"Action when pressing Escape twice with empty editor",currentValue:e.doubleEscapeAction,values:["tree","fork","none"]},{id:"thinking",label:"Thinking level",description:"Reasoning depth for thinking-capable models",currentValue:e.thinkingLevel,submenu:l((a,s)=>new k("Thinking Level","Select reasoning depth for thinking-capable models",e.availableThinkingLevels.map(r=>({value:r,label:r,description:P[r]})),a,r=>{t.onThinkingLevelChange(r),s(r)},()=>s()),"submenu")},{id:"theme",label:"Theme",description:"Color theme for the interface",currentValue:e.currentTheme,submenu:l((a,s)=>new k("Theme","Select color theme",e.availableThemes.map(r=>({value:r,label:r})),a,r=>{t.onThemeChange(r),s(r)},()=>{t.onThemePreview?.(a),s()},r=>{t.onThemePreview?.(r)}),"submenu")}];o&&i.splice(1,0,{id:"show-images",label:"Show images",description:"Render images inline in terminal",currentValue:e.showImages?"true":"false",values:["true","false"]}),i.splice(o?2:1,0,{id:"auto-resize-images",label:"Auto-resize images",description:"Resize large images to 2000x2000 max for better model compatibility",currentValue:e.autoResizeImages?"true":"false",values:["true","false"]});const p=i.findIndex(a=>a.id==="auto-resize-images");i.splice(p+1,0,{id:"block-images",label:"Block images",description:"Prevent images from being sent to LLM providers",currentValue:e.blockImages?"true":"false",values:["true","false"]});const m=i.findIndex(a=>a.id==="block-images");i.splice(m+1,0,{id:"skill-commands",label:"Skill commands",description:"Register skills as /skill:name commands",currentValue:e.enableSkillCommands?"true":"false",values:["true","false"]});const d=i.findIndex(a=>a.id==="skill-commands");i.splice(d+1,0,{id:"show-hardware-cursor",label:"Show hardware cursor",description:"Show the terminal cursor while still positioning it for IME support",currentValue:e.showHardwareCursor?"true":"false",values:["true","false"]});const u=i.findIndex(a=>a.id==="show-hardware-cursor");i.splice(u+1,0,{id:"editor-padding",label:"Editor padding",description:"Horizontal padding for input editor (0-3)",currentValue:String(e.editorPaddingX),values:["0","1","2","3"]});const n=i.findIndex(a=>a.id==="editor-padding");i.splice(n+1,0,{id:"autocomplete-max-visible",label:"Autocomplete max items",description:"Max visible items in autocomplete dropdown (3-20)",currentValue:String(e.autocompleteMaxVisible),values:["3","5","7","10","15","20"]});const w=i.findIndex(a=>a.id==="autocomplete-max-visible");i.splice(w+1,0,{id:"clear-on-shrink",label:"Clear on shrink",description:"Clear empty rows when content shrinks (may cause flicker)",currentValue:e.clearOnShrink?"true":"false",values:["true","false"]}),i.splice(w+2,0,{id:"show-token-stats",label:"Show token stats",description:"Show token usage in footer (input, output, cost)",currentValue:e.showTokenStats?"true":"false",values:["true","false"]});const C=i.findIndex(a=>a.id==="show-token-stats");i.splice(C+1,0,{id:"buddy-enabled",label:"Buddy pet",description:"Show an animated terminal pet above the footer",currentValue:e.buddyEnabled?"true":"false",values:["true","false"]}),i.splice(C+2,0,{id:"buddy-species",label:"Cat style",description:"Pick from several small ASCII cats with occasional idle blinks",currentValue:String(e.buddySpecies),submenu:l((a,s)=>new k("Cat style","Pick a small terminal cat",M.map((r,I)=>({value:String(I),label:r.name})),a,r=>{t.onBuddySpeciesChange(parseInt(r,10)),s(r)},()=>s()),"submenu")});const v=i.findIndex(a=>a.id==="buddy-species");i.splice(v+1,0,{id:"presence-enabled",label:"Presence greeting",description:"Show AI-generated greeting and idle messages based on memory context",currentValue:e.presenceEnabled?"true":"false",values:["true","false"]}),this.addChild(new f),this.settingsList=new T(i,10,A(),(a,s)=>{switch(a){case"autocompact":t.onAutoCompactChange(s==="true");break;case"show-images":t.onShowImagesChange(s==="true");break;case"auto-resize-images":t.onAutoResizeImagesChange(s==="true");break;case"block-images":t.onBlockImagesChange(s==="true");break;case"skill-commands":t.onEnableSkillCommandsChange(s==="true");break;case"steering-mode":t.onSteeringModeChange(s);break;case"follow-up-mode":t.onFollowUpModeChange(s);break;case"transport":t.onTransportChange(s);break;case"agent-loop":t.onAgentLoopFrameworkChange(s);break;case"hide-thinking":t.onHideThinkingBlockChange(s==="true");break;case"collapse-changelog":t.onCollapseChangelogChange(s==="true");break;case"quiet-startup":t.onQuietStartupChange(s==="true");break;case"show-working-trace":t.onShowWorkingTraceChange(s==="true");break;case"show-memory-trace":t.onShowMemoryTraceChange(s==="true");break;case"double-escape-action":t.onDoubleEscapeActionChange(s);break;case"show-hardware-cursor":t.onShowHardwareCursorChange(s==="true");break;case"editor-padding":t.onEditorPaddingXChange(parseInt(s,10));break;case"autocomplete-max-visible":t.onAutocompleteMaxVisibleChange(parseInt(s,10));break;case"clear-on-shrink":t.onClearOnShrinkChange(s==="true");break;case"show-token-stats":t.onShowTokenStatsChange(s==="true");break;case"buddy-enabled":t.onBuddyEnabledChange(s==="true");break;case"buddy-species":t.onBuddySpeciesChange(parseInt(s,10));break;case"presence-enabled":t.onPresenceEnabledChange(s==="true");break}},t.onCancel,{enableSearch:!0}),this.addChild(this.settingsList),this.addChild(new f)}getSettingsList(){return this.settingsList}}export{q as SettingsSelectorComponent};

package/dist/modes/interactive/components/show-images-selector.d.ts

@@ -0,0 +1,15 @@
+/**
+ * [WHO]: ShowImagesSelectorComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js, ./dynamic-border.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/show-images-selector.ts -
+ */
+import { Container, SelectList } from "@catui/tui";
+/**
+ * Component that renders a show images selector with borders
+ */
+export declare class ShowImagesSelectorComponent extends Container {
+    private selectList;
+    constructor(currentValue: boolean, onSelect: (show: boolean) => void, onCancel: () => void);
+    getSelectList(): SelectList;
+}

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

@@ -0,0 +1 @@
+var r=Object.defineProperty;var s=(t,e)=>r(t,"name",{value:e,configurable:!0});import{Container as a,SelectList as d}from"@catui/tui";import{getSelectListTheme as h}from"../theme/theme.js";import{DynamicBorder as i}from"./dynamic-border.js";class u extends a{static{s(this,"ShowImagesSelectorComponent")}selectList;constructor(e,l,o){super();const n=[{value:"yes",label:"Yes",description:"Show images inline in terminal"},{value:"no",label:"No",description:"Show text placeholder instead"}];this.addChild(new i),this.selectList=new d(n,5,h()),this.selectList.setSelectedIndex(e?0:1),this.selectList.onSelect=c=>{l(c.value==="yes")},this.selectList.onCancel=()=>{o()},this.addChild(this.selectList),this.addChild(new i)}getSelectList(){return this.selectList}}export{u as ShowImagesSelectorComponent};

package/dist/modes/interactive/components/skill-invocation-message.d.ts

@@ -0,0 +1,22 @@
+/**
+ * [WHO]: SkillInvocationMessageComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js, ./keybinding-hints.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/skill-invocation-message.ts -
+ */
+import { Box, type MarkdownTheme } from "@catui/tui";
+import type { ParsedSkillBlock } from "../../../core/runtime/agent-session.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 declare class SkillInvocationMessageComponent extends Box {
+    private expanded;
+    private skillBlock;
+    private markdownTheme;
+    constructor(skillBlock: ParsedSkillBlock, markdownTheme?: MarkdownTheme);
+    setExpanded(expanded: boolean): void;
+    invalidate(): void;
+    private updateDisplay;
+}

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

@@ -0,0 +1,3 @@
+var d=Object.defineProperty;var i=(l,e)=>d(l,"name",{value:e,configurable:!0});import{Box as n,Markdown as m,Text as o}from"@catui/tui";import{getMarkdownTheme as h,theme as s}from"../theme/theme.js";import{editorKey as p}from"./keybinding-hints.js";class g extends n{static{i(this,"SkillInvocationMessageComponent")}expanded=!1;skillBlock;markdownTheme;constructor(e,t=h()){super(1,1,a=>s.bg("customMessageBg",a)),this.skillBlock=e,this.markdownTheme=t,this.updateDisplay()}setExpanded(e){this.expanded=e,this.updateDisplay()}invalidate(){super.invalidate(),this.updateDisplay()}updateDisplay(){if(this.clear(),this.expanded){const e=s.fg("customMessageLabel","\x1B[1m[skill]\x1B[22m");this.addChild(new o(e,0,0));const t=`**${this.skillBlock.name}**
+
+`;this.addChild(new m(t+this.skillBlock.content,0,0,this.markdownTheme,{color:i(a=>s.fg("customMessageText",a),"color")}))}else{const e=s.fg("customMessageLabel","\x1B[1m[skill]\x1B[22m ")+s.fg("customMessageText",this.skillBlock.name)+s.fg("dim",` (${p("expandTools")} to expand)`);this.addChild(new o(e,0,0))}}}export{g as SkillInvocationMessageComponent};

package/dist/modes/interactive/components/soul-stats.d.ts

@@ -0,0 +1,15 @@
+/**
+ * [WHO]: formatSoulStats
+ * [FROM]: No external dependencies
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/soul-stats.ts -
+ */
+import type { SoulManager } from "@catui/soul";
+interface DisplayOptions {
+    compact?: boolean;
+}
+/**
+ * Format Soul stats for display
+ */
+export declare function formatSoulStats(soul: SoulManager, options?: DisplayOptions): string;
+export {};

package/dist/modes/interactive/components/soul-stats.js

@@ -0,0 +1,2 @@
+var h=Object.defineProperty;var u=(t,n)=>h(t,"name",{value:n,configurable:!0});function g(t,n={}){const e=t.getProfile(),s=t.getStats();return n.compact?y(e,s):b(e,s)}u(g,"formatSoulStats");function y(t,n){const e=t.personality,s=n.expertise.slice(0,3),l=Object.entries(e).filter(([i,a])=>typeof a=="number"&&(a>.6||a<.4)).map(([i,a])=>{const c=$(i),o=typeof a=="number"?a:.5,r=o>.6?"\u2191":o<.4?"\u2193":"\u2192";return`${c}${r} ${(o*100).toFixed(0)}%`}).slice(0,3).join(", "),p=s.map(i=>`${i.domain}(${(i.confidence*100).toFixed(0)}%)`).join(", ");return`\u{1F9E0} Soul: ${l} | Expertise: ${p} | Interactions: ${n.stats.totalInteractions}`}u(y,"formatCompactSoul");function b(t,n){const e=[];e.push("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557"),e.push("\u2551           \u{1F9E0} AI Soul - Personality & Stats          \u2551"),e.push("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563"),e.push("\u2551"),e.push("\u2551 \u{1F4CA} Personality Traits"),e.push("\u2551 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");const s=t.personality,l=[{key:"openness",label:"Openness",emoji:"\u{1F3A8}"},{key:"conscientiousness",label:"Conscientious",emoji:"\u{1F4CB}"},{key:"codeVerbosity",label:"Code Verbosity",emoji:"\u{1F4DD}"},{key:"abstractionLevel",label:"Abstraction",emoji:"\u{1F3D7}\uFE0F"},{key:"safetyMargin",label:"Safety Margin",emoji:"\u{1F6E1}\uFE0F"},{key:"explorationDrive",label:"Exploration",emoji:"\u{1F50D}"}];for(const o of l){const r=s[o.key],m=d(r,10),f=(r*100).toFixed(0).padStart(3);e.push(`\u2551 ${o.emoji} ${o.label.padEnd(12)} ${m} ${f}%`)}e.push("\u2551"),e.push("\u2551 \u{1F3AF} Top Expertise Areas");const p=n.expertise.slice(0,5);if(p.length===0)e.push("\u2551   (No expertise data yet. Keep using to accumulate.)");else for(const o of p){const r=(o.confidence*100).toFixed(0).padStart(3),m=o.examples.toString().padStart(3),f=typeof o.domain=="object"&&o.domain!==null?o.domain.name||JSON.stringify(o.domain):String(o.domain??"Unknown");e.push(`\u2551   \u2022 ${f.padEnd(20)} Confidence: ${r}%  Successes: ${m}`)}e.push("\u2551"),e.push("\u2551 \u{1F4AD} Current Mood");const i=t.emotionalState,a=[{label:"Confidence",value:i.confidence,emoji:"\u{1F60A}"},{label:"Curiosity",value:i.curiosity,emoji:"\u{1F914}"},{label:"Frustration",value:i.frustration,emoji:"\u{1F624}"},{label:"Flow",value:i.flow,emoji:"\u2728"}];for(const o of a){const r=d(o.value,8),m=(o.value*100).toFixed(0).padStart(3);e.push(`\u2551   ${o.emoji} ${o.label.padEnd(8)} ${r} ${m}%`)}e.push("\u2551"),e.push("\u2551 \u{1F4C8} Development Stats"),e.push("\u2551 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"),e.push(`\u2551   Total Interactions: ${n.stats.totalInteractions}`),e.push(`\u2551   Success Rate: ${(n.stats.successRate*100).toFixed(1)}%`),e.push(`\u2551   Soul Version: ${t.version}`),e.push(`\u2551   Soul Age: ${Math.floor((Date.now()-t.createdAt.getTime())/(1e3*60*60*24))} days`),e.push(`\u2551   Last Evolution: ${S(t.lastEvolved)}`),e.push("\u2551"),e.push("\u2551 \u{1F9D8} User Relationship"),e.push("\u2551 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");const c=t.userRelationship;return e.push(`\u2551   Interactions: ${c.interactionCount}`),e.push(`\u2551   Satisfaction: ${(c.satisfactionScore*100).toFixed(0)}%`),e.push(`   Communication Style: ${c.communicationStyle}`),c.knownPreferences.length>0&&e.push(`\u2551   Known Preferences: ${c.knownPreferences.slice(0,3).join(", ")}`),e.push("\u2551"),e.push("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D"),e.join(`
+`)}u(b,"formatFullSoul");function d(t,n){const e=Math.round(t*n),s=n-e;return"\u2588".repeat(e)+"\u2591".repeat(s)}u(d,"createBar");function $(t){return{openness:"Openness",conscientiousness:"Conscientious",extraversion:"Extraversion",agreeableness:"Agreeableness",neuroticism:"Neuroticism",codeVerbosity:"Code Verbosity",abstractionLevel:"Abstraction",safetyMargin:"Safety Margin",explorationDrive:"Exploration"}[t]||t}u($,"getTraitLabel");function S(t){const e=Date.now()-t.getTime(),s=Math.floor(e/(1e3*60)),l=Math.floor(e/(1e3*60*60)),p=Math.floor(e/(1e3*60*60*24));return s<1?"just now":s<60?`${s} minutes ago`:l<24?`${l} hours ago`:`${p} days ago`}u(S,"formatTimeAgo");export{g as formatSoulStats};

package/dist/modes/interactive/components/sub-agent-panel.d.ts

@@ -0,0 +1,24 @@
+/**
+ * [WHO]: SubAgentPanelComponent - renders grouped sub-agent progress with tree layout
+ * [FROM]: Depends on @catui/tui, ../state/interactive-state (SubAgentState)
+ * [TO]: Consumed by StreamRenderController
+ * [HERE]: modes/interactive/components/sub-agent-panel.ts - CC-style multi-agent TUI panel
+ */
+import { Container, type TUI } from "@catui/tui";
+import type { Theme } from "../theme/theme.js";
+import type { SubAgentState } from "../state/interactive-state.js";
+export declare class SubAgentPanelComponent extends Container {
+    private tui;
+    private theme;
+    private spinnerFrame;
+    private headerText;
+    private agentLines;
+    private statusLines;
+    private isCondensed;
+    private condensedText;
+    constructor(tui: TUI, theme: Theme);
+    /** Rebuild the entire panel from current sub-agent states. */
+    update(agents: Map<string, SubAgentState>): void;
+    private renderFull;
+    private renderCondensed;
+}

package/dist/modes/interactive/components/sub-agent-panel.js

@@ -0,0 +1 @@
+var v=Object.defineProperty;var f=(c,t)=>v(c,"name",{value:t,configurable:!0});import{Container as E,Spacer as w,Text as a}from"@catui/tui";const $=["\u28FE","\u28FD","\u28FB","\u28BF","\u287F","\u28DF","\u28EF","\u28F7"],F=16;class D extends E{static{f(this,"SubAgentPanelComponent")}tui;theme;spinnerFrame=0;headerText;agentLines=[];statusLines=[];isCondensed=!1;condensedText;constructor(t,n){super(),this.tui=t,this.theme=n,this.headerText=new a("",0,0),this.addChild(new w(1)),this.addChild(this.headerText)}update(t){const n=Array.from(t.values()),i=n.some(e=>!e.isResolved),o=n.some(e=>e.isError);i&&(this.spinnerFrame=(this.spinnerFrame+1)%$.length);const h=i?this.theme.fg("accent",$[this.spinnerFrame]):o?this.theme.fg("error","\u2716"):this.theme.fg("success","\u2714"),r=this.tui.terminal?.rows??24,s=1+n.length*2;this.isCondensed=r<F||r-s<4;for(const e of this.agentLines)super.removeChild(e);for(const e of this.statusLines)super.removeChild(e);this.condensedText&&(super.removeChild(this.condensedText),this.condensedText=void 0),this.agentLines=[],this.statusLines=[],this.isCondensed?this.renderCondensed(n,h,i):this.renderFull(n,h,i)}renderFull(t,n,i){const o=t.reduce((s,e)=>s+e.toolUseCount,0),h=t.filter(s=>s.isResolved).length,r=i?`Running ${t.length} agent${t.length>1?"s":""}\u2026`:`${h} agent${h>1?"s":""} finished`;this.headerText.setText(` ${n} ${r}  ${this.theme.fg("dim","\xB7")} ${o} tool use${o!==1?"s":""}`);for(let s=0;s<t.length;s++){const e=t[s],m=s===t.length-1,C=m?"\u2514\u2500":"\u251C\u2500",T=m?"   ":"\u2502  ",p=this.theme.fg("accent",e.agentType),x=e.description?` ${this.theme.fg("dim",`(${e.description})`)}`:"",L=e.toolUseCount>0?` ${this.theme.fg("dim","\xB7")} ${e.toolUseCount} tool use${e.toolUseCount!==1?"s":""}`:"",R=e.isResolved?l=>l:l=>this.theme.fg("dim",l),u=new a(R(` ${C} ${p}${x}${L}`),0,0);this.agentLines.push(u),this.addChild(u);let d;e.isResolved?e.isError?d=this.theme.fg("error","Error"):d=this.theme.fg("success","Done"):d=e.lastToolName?this.theme.fg("dim",e.lastToolName):this.theme.fg("dim","Initializing\u2026");const g=new a(` ${T}  \u23BF  ${d}`,0,0);this.statusLines.push(g),this.addChild(g)}}renderCondensed(t,n,i){const o=t.reduce((s,e)=>s+e.toolUseCount,0),r=` ${n} ${i?"In progress\u2026":"Done"} ${this.theme.fg("dim","\xB7")} ${o} tool use${o!==1?"s":""}`;this.condensedText=new a(r,0,0),this.addChild(this.condensedText),this.headerText.setText("")}}export{D as SubAgentPanelComponent};

package/dist/modes/interactive/components/task-status-panel.d.ts

@@ -0,0 +1,36 @@
+/**
+ * [WHO]: TaskStatusPanelComponent - renders persistent task status with checkboxes
+ * [FROM]: Depends on @catui/tui, extensions/builtin/task/task-store
+ * [TO]: Consumed by StreamRenderController
+ * [HERE]: modes/interactive/components/task-status-panel.ts - CC-style task status TUI panel
+ */
+import { Container, type TUI } from "@catui/tui";
+import type { Theme } from "../theme/theme.js";
+export interface TaskStatusEntry {
+    id: string;
+    subject: string;
+    status: "pending" | "in_progress" | "completed";
+    activeForm?: string;
+    blockedBy?: string[];
+}
+export declare class TaskStatusPanelComponent extends Container {
+    private tui;
+    private theme;
+    private spinnerFrame;
+    private headerText;
+    private taskLines;
+    private overflowLine;
+    private lastTasks;
+    constructor(tui: TUI, theme: Theme);
+    /** Rebuild the panel from current task list. */
+    update(tasks: TaskStatusEntry[]): void;
+    /**
+     * Prioritize tasks for display:
+     * 1. in_progress (most important — user needs to see what's happening)
+     * 2. pending (what's next)
+     * 3. completed (least important, show most recent first)
+     */
+    private prioritizeTasks;
+    /** Get the last known tasks. */
+    getLastTasks(): TaskStatusEntry[];
+}

package/dist/modes/interactive/components/task-status-panel.js

@@ -0,0 +1 @@
+var y=Object.defineProperty;var c=(T,t)=>y(T,"name",{value:t,configurable:!0});import{Container as I,Spacer as F,Text as g,truncateToWidth as j}from"@catui/tui";const L=["\u28FE","\u28FD","\u28FB","\u28BF","\u287F","\u28DF","\u28EF","\u28F7"],B=10,M=3;class V extends I{static{c(this,"TaskStatusPanelComponent")}tui;theme;spinnerFrame=0;headerText;taskLines=[];overflowLine;lastTasks=[];constructor(t,i){super(),this.tui=t,this.theme=i,this.headerText=new g("",0,0),this.addChild(new F(1)),this.addChild(this.headerText)}update(t){this.lastTasks=t;for(const e of this.taskLines)super.removeChild(e);if(this.taskLines=[],this.overflowLine&&(super.removeChild(this.overflowLine),this.overflowLine=void 0),t.length===0){this.headerText.setText("");return}const i=t.filter(e=>e.status==="completed").length,l=t.filter(e=>e.status==="in_progress").length,a=t.length-i-l,m=l>0,n=i===t.length;m&&(this.spinnerFrame=(this.spinnerFrame+1)%L.length);const b=m?this.theme.fg("accent",L[this.spinnerFrame]):n?this.theme.fg("success","\u2714"):this.theme.fg("dim","\u25FC"),p=[];i>0&&p.push(`${i} done`),l>0&&p.push(`${l} in progress`),a>0&&p.push(`${a} open`);const w=p.join(", ");this.headerText.setText(` ${b} ${this.theme.bold("Tasks")} ${this.theme.fg("dim",`(${w})`)}`);const v=this.tui.terminal?.rows??24,f=Math.min(B,Math.max(M,v-14)),S=this.prioritizeTasks(t,f).slice(0,f),x=t.length-f,_=this.tui.terminal?.columns??80,C=Math.max(_-10,20);for(const e of S){let o,h;e.status==="completed"?(o=this.theme.fg("success","\u2714"),h=c(r=>this.theme.fg("dim",r),"subjectStyle")):e.status==="in_progress"?(o=this.theme.fg("accent","\u25FC"),h=c(r=>this.theme.bold(r),"subjectStyle")):(o=this.theme.fg("dim","\u25FB"),h=c(r=>this.theme.fg("dim",r),"subjectStyle"));const u=e.status==="in_progress"&&e.activeForm?e.activeForm:e.subject,d=j(u,C,"\u2026");let s=`  ${o} ${h(d)}`;if(e.blockedBy&&e.blockedBy.length>0&&e.status!=="completed"){const r=e.blockedBy.map(k=>`#${k}`).join(", ");s+=this.theme.fg("dim",` \u23BF blocked by ${r}`)}const $=new g(s,0,0);this.taskLines.push($),this.addChild($)}if(x>0){const e=t.slice(f),o=e.filter(s=>s.status==="in_progress").length,h=e.filter(s=>s.status==="pending").length,u=e.filter(s=>s.status==="completed").length,d=[];o>0&&d.push(`${o} in progress`),h>0&&d.push(`${h} pending`),u>0&&d.push(`${u} completed`),this.overflowLine=new g(this.theme.fg("dim",`  \u2026 +${x} ${d.join(", ")}`),0,0),this.addChild(this.overflowLine)}}prioritizeTasks(t,i){const l=t.filter(n=>n.status==="in_progress"),a=t.filter(n=>n.status==="pending"),m=t.filter(n=>n.status==="completed");return[...l,...a,...m]}getLastTasks(){return this.lastTasks}}export{V as TaskStatusPanelComponent};

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

@@ -0,0 +1,16 @@
+/**
+ * [WHO]: ThemeSelectorComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js, ./dynamic-border.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/theme-selector.ts - theme selector component
+ */
+import { Container, SelectList } from "@catui/tui";
+/**
+ * Component that renders a theme selector
+ */
+export declare class ThemeSelectorComponent extends Container {
+    private selectList;
+    private onPreview;
+    constructor(currentTheme: string, onSelect: (themeName: string) => void, onCancel: () => void, onPreview: (themeName: string) => void);
+    getSelectList(): SelectList;
+}

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

@@ -0,0 +1 @@
+var a=Object.defineProperty;var l=(s,t)=>a(s,"name",{value:t,configurable:!0});import{Container as m,SelectList as L}from"@catui/tui";import{getAvailableThemes as p,getSelectListTheme as u}from"../theme/theme.js";import{DynamicBorder as c}from"./dynamic-border.js";class w extends m{static{l(this,"ThemeSelectorComponent")}selectList;onPreview;constructor(t,o,r,h){super(),this.onPreview=h;const i=p(),d=i.map(e=>({value:e,label:e,description:e===t?"(current)":void 0}));this.addChild(new c),this.selectList=new L(d,10,u());const n=i.indexOf(t);n!==-1&&this.selectList.setSelectedIndex(n),this.selectList.onSelect=e=>{o(e.value)},this.selectList.onCancel=()=>{r()},this.selectList.onSelectionChange=e=>{this.onPreview(e.value)},this.addChild(this.selectList),this.addChild(new c)}getSelectList(){return this.selectList}}export{w as ThemeSelectorComponent};

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

@@ -0,0 +1,16 @@
+/**
+ * [WHO]: ThinkingSelectorComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js, ./dynamic-border.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/thinking-selector.ts - thinking level selector
+ */
+import type { ThinkingLevel } from "@catui/agent-core";
+import { Container, SelectList } from "@catui/tui";
+/**
+ * Component that renders a thinking level selector with borders
+ */
+export declare class ThinkingSelectorComponent extends Container {
+    private selectList;
+    constructor(currentLevel: ThinkingLevel, availableLevels: ThinkingLevel[], onSelect: (level: ThinkingLevel) => void, onCancel: () => void);
+    getSelectList(): SelectList;
+}

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

@@ -0,0 +1 @@
+var h=Object.defineProperty;var o=(s,t)=>h(s,"name",{value:t,configurable:!0});import{Container as d,SelectList as m}from"@catui/tui";import{getSelectListTheme as g}from"../theme/theme.js";import{DynamicBorder as r}from"./dynamic-border.js";const L={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)"};class S extends d{static{o(this,"ThinkingSelectorComponent")}selectList;constructor(t,c,l,a){super();const i=c.map(e=>({value:e,label:e,description:L[e]}));this.addChild(new r),this.selectList=new m(i,i.length,g());const n=i.findIndex(e=>e.value===t);n!==-1&&this.selectList.setSelectedIndex(n),this.selectList.onSelect=e=>{l(e.value)},this.selectList.onCancel=()=>{a()},this.addChild(this.selectList),this.addChild(new r)}getSelectList(){return this.selectList}}export{S as ThinkingSelectorComponent};

package/dist/modes/interactive/components/tool-execution.d.ts

@@ -0,0 +1,80 @@
+/**
+ * [WHO]: ToolExecutionOptions, ToolExecutionComponent
+ * [FROM]: Depends on node:os, strip-ansi, ../../../core/tools/edit-diff.js, ../../../core/tools/index.js, ../../../core/tools/truncate.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/tool-execution.ts -
+ */
+import { Container, type TUI } from "@catui/tui";
+import type { ToolDefinition } from "../../../core/extensions-host/types.js";
+export interface ToolExecutionOptions {
+    showImages?: boolean;
+}
+/**
+ * Component that renders a tool call with its result (updateable)
+ */
+export declare class ToolExecutionComponent extends Container {
+    private contentBox;
+    private contentText;
+    private imageComponents;
+    private imageSpacers;
+    private toolName;
+    private args;
+    private expanded;
+    private showImages;
+    private isPartial;
+    private toolDefinition?;
+    private ui;
+    private cwd;
+    private result?;
+    private editDiffPreview?;
+    private editDiffArgsKey?;
+    private convertedImages;
+    private writeHighlightCache?;
+    constructor(toolName: string, args: any, options: ToolExecutionOptions | undefined, toolDefinition: ToolDefinition | undefined, ui: TUI, cwd?: string);
+    /**
+     * Check if we should use built-in rendering for this tool.
+     * Returns true if the tool name is a built-in AND either there's no toolDefinition
+     * or the toolDefinition doesn't provide custom renderers.
+     */
+    private shouldUseBuiltInRenderer;
+    updateArgs(args: any): void;
+    private highlightSingleLine;
+    private refreshWriteHighlightPrefix;
+    private rebuildWriteHighlightCacheFull;
+    private updateWriteHighlightCacheIncremental;
+    /**
+     * Signal that args are complete (tool is about to execute).
+     * This triggers diff computation for edit tool.
+     */
+    setArgsComplete(): void;
+    /**
+     * Compute edit diff preview when we have complete args.
+     * This runs async and updates display when done.
+     */
+    private maybeComputeEditDiff;
+    updateResult(result: {
+        content: Array<{
+            type: string;
+            text?: string;
+            data?: string;
+            mimeType?: string;
+        }>;
+        details?: any;
+        isError: boolean;
+    }, isPartial?: boolean): void;
+    /**
+     * Convert non-PNG images to PNG for Kitty graphics protocol.
+     * Kitty requires PNG format (f=100), so JPEG/GIF/WebP won't display.
+     */
+    private maybeConvertImagesForKitty;
+    setExpanded(expanded: boolean): void;
+    setShowImages(show: boolean): void;
+    invalidate(): void;
+    private updateDisplay;
+    /**
+     * Render bash content using visual line truncation (like bash-execution.ts)
+     */
+    private renderBashContent;
+    private getTextOutput;
+    private formatToolExecution;
+}

package/dist/modes/interactive/components/tool-execution.js

@@ -0,0 +1,58 @@
+var v=Object.defineProperty;var x=(p,t)=>v(p,"name",{value:t,configurable:!0});import*as N from"node:os";import{Box as E,Container as S,getCapabilities as b,getImageDimensions as F,Image as R,imageFallback as W,Spacer as I,Text as w,truncateToWidth as _}from"@catui/tui";import z from"strip-ansi";import{computeEditDiff as A}from"../../../core/tools/edit-diff.js";import{allTools as j}from"../../../core/tools/index.js";import{DEFAULT_MAX_BYTES as T,DEFAULT_MAX_LINES as k,formatSize as L}from"../../../core/tools/truncate.js";import{convertToPng as K}from"../../utils/image-convert.js";import{sanitizeBinaryOutput as U}from"../../../core/platform/utils/shell.js";import{getLanguageFromPath as O,highlightCode as D,theme as i}from"../theme/theme.js";import{renderDiff as H}from"./diff.js";import{keyHint as y}from"./keybinding-hints.js";import{truncateToVisualLines as M}from"./visual-truncate.js";const q=5,G=50;function B(p){if(typeof p!="string")return"";const t=N.homedir();return p.startsWith(t)?`~${p.slice(t.length)}`:p}x(B,"shortenPath");function $(p){return p.replace(/\t/g,"   ")}x($,"replaceTabs");function f(p){return typeof p=="string"?p:p==null?"":null}x(f,"str");class lt extends S{static{x(this,"ToolExecutionComponent")}contentBox;contentText;imageComponents=[];imageSpacers=[];toolName;args;expanded=!1;showImages;isPartial=!0;toolDefinition;ui;cwd;result;editDiffPreview;editDiffArgsKey;convertedImages=new Map;writeHighlightCache;constructor(t,n,s={},e,o,l=process.cwd()){super(),this.toolName=t,this.args=n,this.showImages=s.showImages??!0,this.toolDefinition=e,this.ui=o,this.cwd=l,this.addChild(new I(1)),this.contentBox=new E(1,1,r=>i.bg("toolPendingBg",r)),this.contentText=new w("",1,1,r=>i.bg("toolPendingBg",r)),t==="bash"||e&&!this.shouldUseBuiltInRenderer()?this.addChild(this.contentBox):this.addChild(this.contentText),this.updateDisplay()}shouldUseBuiltInRenderer(){const t=this.toolName in j,n=this.toolDefinition?.renderCall||this.toolDefinition?.renderResult;return t&&!n}updateArgs(t){this.args=t,this.toolName==="write"&&this.isPartial&&this.updateWriteHighlightCacheIncremental(),this.updateDisplay()}highlightSingleLine(t,n){return D(t,n)[0]??""}refreshWriteHighlightPrefix(t){const n=Math.min(G,t.normalizedLines.length);if(n===0)return;const s=t.normalizedLines.slice(0,n).join(`
+`),e=D(s,t.lang);for(let o=0;o<n;o++)t.highlightedLines[o]=e[o]??this.highlightSingleLine(t.normalizedLines[o]??"",t.lang)}rebuildWriteHighlightCacheFull(t,n){const s=t?O(t):void 0;if(!s){this.writeHighlightCache=void 0;return}const e=$(n);this.writeHighlightCache={rawPath:t,lang:s,rawContent:n,normalizedLines:e.split(`
+`),highlightedLines:D(e,s)}}updateWriteHighlightCacheIncremental(){const t=f(this.args?.file_path??this.args?.path),n=f(this.args?.content);if(t===null||n===null){this.writeHighlightCache=void 0;return}const s=t?O(t):void 0;if(!s){this.writeHighlightCache=void 0;return}if(!this.writeHighlightCache){this.rebuildWriteHighlightCacheFull(t,n);return}const e=this.writeHighlightCache;if(e.lang!==s||e.rawPath!==t){this.rebuildWriteHighlightCacheFull(t,n);return}if(!n.startsWith(e.rawContent)){this.rebuildWriteHighlightCacheFull(t,n);return}if(n.length===e.rawContent.length)return;const o=n.slice(e.rawContent.length),l=$(o);e.rawContent=n,e.normalizedLines.length===0&&(e.normalizedLines.push(""),e.highlightedLines.push(""));const r=l.split(`
+`),h=e.normalizedLines.length-1;e.normalizedLines[h]+=r[0],e.highlightedLines[h]=this.highlightSingleLine(e.normalizedLines[h],e.lang);for(let a=1;a<r.length;a++)e.normalizedLines.push(r[a]),e.highlightedLines.push(this.highlightSingleLine(r[a],e.lang));this.refreshWriteHighlightPrefix(e)}setArgsComplete(){if(this.toolName==="write"){const t=f(this.args?.file_path??this.args?.path),n=f(this.args?.content);t!==null&&n!==null&&this.rebuildWriteHighlightCacheFull(t,n)}this.maybeComputeEditDiff()}maybeComputeEditDiff(){if(this.toolName!=="edit")return;const t=this.args?.path,n=this.args?.oldText,s=this.args?.newText;if(!t||n===void 0||s===void 0)return;const e=JSON.stringify({path:t,oldText:n,newText:s});this.editDiffArgsKey!==e&&(this.editDiffArgsKey=e,A(t,n,s,this.cwd).then(o=>{this.editDiffArgsKey===e&&(this.editDiffPreview=o,this.updateDisplay(),this.ui.requestRender())}))}updateResult(t,n=!1){if(this.result=t,this.isPartial=n,this.toolName==="write"&&!n){const s=f(this.args?.file_path??this.args?.path),e=f(this.args?.content);s!==null&&e!==null&&this.rebuildWriteHighlightCacheFull(s,e)}this.updateDisplay(),this.maybeConvertImagesForKitty()}maybeConvertImagesForKitty(){if(b().images!=="kitty"||!this.result)return;const n=this.result.content?.filter(s=>s.type==="image")||[];for(let s=0;s<n.length;s++){const e=n[s];if(!e.data||!e.mimeType||e.mimeType==="image/png"||this.convertedImages.has(s))continue;const o=s;K(e.data,e.mimeType).then(l=>{l&&(this.convertedImages.set(o,l),this.updateDisplay(),this.ui.requestRender())})}}setExpanded(t){this.expanded=t,this.updateDisplay()}setShowImages(t){this.showImages=t,this.updateDisplay()}invalidate(){super.invalidate(),this.updateDisplay()}updateDisplay(){const t=this.isPartial?n=>i.bg("toolPendingBg",n):this.result?.isError?n=>i.bg("toolErrorBg",n):n=>i.bg("toolSuccessBg",n);if(this.shouldUseBuiltInRenderer())this.toolName==="bash"?(this.contentBox.setBgFn(t),this.contentBox.clear(),this.renderBashContent()):(this.contentText.setCustomBgFn(t),this.contentText.setText(this.formatToolExecution()));else if(this.toolDefinition){if(this.contentBox.setBgFn(t),this.contentBox.clear(),this.toolDefinition.renderCall)try{const n=this.toolDefinition.renderCall(this.args,i);n&&this.contentBox.addChild(n)}catch{this.contentBox.addChild(new w(i.fg("toolTitle",i.bold(this.toolName)),0,0))}else this.contentBox.addChild(new w(i.fg("toolTitle",i.bold(this.toolName)),0,0));if(this.result&&this.toolDefinition.renderResult)try{const n=this.toolDefinition.renderResult({content:this.result.content,details:this.result.details},{expanded:this.expanded,isPartial:this.isPartial},i);n&&this.contentBox.addChild(n)}catch{const n=this.getTextOutput();n&&this.contentBox.addChild(new w(i.fg("toolOutput",n),0,0))}else if(this.result){const n=this.getTextOutput();n&&this.contentBox.addChild(new w(i.fg("toolOutput",n),0,0))}}for(const n of this.imageComponents)this.removeChild(n);this.imageComponents=[];for(const n of this.imageSpacers)this.removeChild(n);if(this.imageSpacers=[],this.result){const n=this.result.content?.filter(e=>e.type==="image")||[],s=b();for(let e=0;e<n.length;e++){const o=n[e];if(s.images&&this.showImages&&o.data&&o.mimeType){const l=this.convertedImages.get(e),r=l?.data??o.data,h=l?.mimeType??o.mimeType;if(s.images==="kitty"&&h!=="image/png")continue;const a=new I(1);this.addChild(a),this.imageSpacers.push(a);const d=new R(r,h,{fallbackColor:x(g=>i.fg("toolOutput",g),"fallbackColor")},{maxWidthCells:60});this.imageComponents.push(d),this.addChild(d)}}}}renderBashContent(){const t=f(this.args?.command),n=this.args?.timeout,s=n?i.fg("muted",` (timeout ${n}s)`):"",e=t===null?i.fg("error","[invalid arg]"):t||i.fg("toolOutput","...");if(this.contentBox.addChild(new w(i.fg("toolTitle",i.bold(`$ ${e}`))+s,0,0)),this.result){const o=this.getTextOutput().trim();if(o){const h=o.split(`
+`).map(a=>i.fg("toolOutput",a)).join(`
+`);if(this.expanded)this.contentBox.addChild(new w(`
+${h}`,0,0));else{let a,d,g;this.contentBox.addChild({render:x(u=>{if(d===void 0||a!==u){const c=M(h,q,u);d=c.visualLines,g=c.skippedCount,a=u}if(g&&g>0){const c=i.fg("muted",`... (${g} earlier lines,`)+` ${y("expandTools","to expand")})`;return["",_(c,u,"..."),...d]}return["",...d]},"render"),invalidate:x(()=>{a=void 0,d=void 0,g=void 0},"invalidate")})}}const l=this.result.details?.truncation,r=this.result.details?.fullOutputPath;if(l?.truncated||r){const h=[];r&&h.push(`Full output: ${r}`),l?.truncated&&(l.truncatedBy==="lines"?h.push(`Truncated: showing ${l.outputLines} of ${l.totalLines} lines`):h.push(`Truncated: ${l.outputLines} lines shown (${L(l.maxBytes??T)} limit)`)),this.contentBox.addChild(new w(`
+${i.fg("warning",`[${h.join(". ")}]`)}`,0,0))}}}getTextOutput(){if(!this.result)return"";const t=this.result.content?.filter(o=>o.type==="text")||[],n=this.result.content?.filter(o=>o.type==="image")||[];let s=t.map(o=>U(z(o.text||"")).replace(/\r/g,"")).join(`
+`);const e=b();if(n.length>0&&(!e.images||!this.showImages)){const o=n.map(l=>{const r=l.data?F(l.data,l.mimeType)??void 0:void 0;return W(l.mimeType,r)}).join(`
+`);s=s?`${s}
+${o}`:o}return s}formatToolExecution(){let t="";const n=i.fg("error","[invalid arg]");if(this.toolName==="read"){const s=f(this.args?.file_path??this.args?.path),e=s!==null?B(s):null,o=this.args?.offset,l=this.args?.limit;let r=e===null?n:e?i.fg("accent",i.underline(e)):i.fg("toolOutput","...");if(o!==void 0||l!==void 0){const h=o??1,a=l!==void 0?h+l-1:"";r+=i.fg("warning",`:${h}${a?`-${a}`:""}`)}if(t=`${i.fg("toolTitle",i.bold("read"))} ${r}`,this.result){const h=this.getTextOutput(),a=f(this.args?.file_path??this.args?.path),d=a?O(a):void 0,g=d?D($(h),d):h.split(`
+`),u=this.expanded?g.length:10,c=g.slice(0,u),C=g.length-u;t+=`
+
+`+c.map(P=>d?$(P):i.fg("toolOutput",$(P))).join(`
+`),C>0&&(t+=`${i.fg("muted",`
+... (${C} more lines,`)} ${y("expandTools","to expand")})`);const m=this.result.details?.truncation;m?.truncated&&(m.firstLineExceedsLimit?t+=`
+`+i.fg("warning",`[First line exceeds ${L(m.maxBytes??T)} limit]`):m.truncatedBy==="lines"?t+=`
+`+i.fg("warning",`[Truncated: showing ${m.outputLines} of ${m.totalLines} lines (${m.maxLines??k} line limit)]`):t+=`
+`+i.fg("warning",`[Truncated: ${m.outputLines} lines shown (${L(m.maxBytes??T)} limit)]`))}}else if(this.toolName==="write"){const s=f(this.args?.file_path??this.args?.path),e=f(this.args?.content),o=s!==null?B(s):null;if(t=i.fg("toolTitle",i.bold("write"))+" "+(o===null?n:o?i.fg("accent",i.underline(o)):i.fg("toolOutput","...")),e===null)t+=`
+
+${i.fg("error","[invalid content arg - expected string]")}`;else if(e){const l=s?O(s):void 0;let r;if(l){const u=this.writeHighlightCache;if(u&&u.lang===l&&u.rawPath===s&&u.rawContent===e)r=u.highlightedLines;else{const c=$(e);r=D(c,l),this.writeHighlightCache={rawPath:s,lang:l,rawContent:e,normalizedLines:c.split(`
+`),highlightedLines:r}}}else r=e.split(`
+`),this.writeHighlightCache=void 0;const h=r.length,a=this.expanded?r.length:10,d=r.slice(0,a),g=r.length-a;t+=`
+
+`+d.map(u=>l?u:i.fg("toolOutput",$(u))).join(`
+`),g>0&&(t+=i.fg("muted",`
+... (${g} more lines, ${h} total,`)+` ${y("expandTools","to expand")})`)}if(this.result?.isError){const l=this.getTextOutput();l&&(t+=`
+
+${i.fg("error",l)}`)}}else if(this.toolName==="edit"){const s=f(this.args?.file_path??this.args?.path),e=s!==null?B(s):null;let o=e===null?n:e?i.fg("accent",i.underline(e)):i.fg("toolOutput","...");const l=(this.editDiffPreview&&"firstChangedLine"in this.editDiffPreview?this.editDiffPreview.firstChangedLine:void 0)||(this.result&&!this.result.isError?this.result.details?.firstChangedLine:void 0);if(l&&(o+=i.fg("warning",`:${l}`)),t=`${i.fg("toolTitle",i.bold("edit"))} ${o}`,this.result?.isError){const r=this.getTextOutput();r&&(t+=`
+
+${i.fg("error",r)}`)}else this.result?.details?.diff?t+=`
+
+${H(this.result.details.diff,{filePath:s??void 0})}`:this.editDiffPreview&&("error"in this.editDiffPreview?t+=`
+
+${i.fg("error",this.editDiffPreview.error)}`:this.editDiffPreview.diff&&(t+=`
+
+${H(this.editDiffPreview.diff,{filePath:s??void 0})}`))}else if(this.toolName==="ls"){const s=f(this.args?.path),e=s!==null?B(s||"."):null,o=this.args?.limit;if(t=`${i.fg("toolTitle",i.bold("ls"))} ${e===null?n:i.fg("accent",i.underline(e))}`,o!==void 0&&(t+=i.fg("toolOutput",` (limit ${o})`)),this.result){const l=this.getTextOutput().trim();if(l){const a=l.split(`
+`),d=this.expanded?a.length:20,g=a.slice(0,d),u=a.length-d;t+=`
+
+${g.map(c=>i.fg("toolOutput",c)).join(`
+`)}`,u>0&&(t+=`${i.fg("muted",`
+... (${u} more lines,`)} ${y("expandTools","to expand")})`)}const r=this.result.details?.entryLimitReached,h=this.result.details?.truncation;if(r||h?.truncated){const a=[];r&&a.push(`${r} entries limit`),h?.truncated&&a.push(`${L(h.maxBytes??T)} limit`),t+=`
+${i.fg("warning",`[Truncated: ${a.join(", ")}]`)}`}}}else if(this.toolName==="find"){const s=f(this.args?.pattern),e=f(this.args?.path),o=e!==null?B(e||"."):null,l=this.args?.limit;if(t=i.fg("toolTitle",i.bold("find"))+" "+(s===null?n:i.fg("accent",s||""))+i.fg("toolOutput",` in ${o===null?n:o}`),l!==void 0&&(t+=i.fg("toolOutput",` (limit ${l})`)),this.result){const r=this.getTextOutput().trim();if(r){const d=r.split(`
+`),g=this.expanded?d.length:20,u=d.slice(0,g),c=d.length-g;t+=`
+
+${u.map(C=>i.fg("toolOutput",C)).join(`
+`)}`,c>0&&(t+=`${i.fg("muted",`
+... (${c} more lines,`)} ${y("expandTools","to expand")})`)}const h=this.result.details?.resultLimitReached,a=this.result.details?.truncation;if(h||a?.truncated){const d=[];h&&d.push(`${h} results limit`),a?.truncated&&d.push(`${L(a.maxBytes??T)} limit`),t+=`
+${i.fg("warning",`[Truncated: ${d.join(", ")}]`)}`}}}else if(this.toolName==="grep"){const s=f(this.args?.pattern),e=f(this.args?.path),o=e!==null?B(e||"."):null,l=f(this.args?.glob),r=this.args?.limit;if(t=i.fg("toolTitle",i.bold("grep"))+" "+(s===null?n:i.fg("accent",`/${s||""}/`))+i.fg("toolOutput",` in ${o===null?n:o}`),l&&(t+=i.fg("toolOutput",` (${l})`)),r!==void 0&&(t+=i.fg("toolOutput",` limit ${r}`)),this.result){const h=this.getTextOutput().trim();if(h){const u=h.split(`
+`),c=this.expanded?u.length:15,C=u.slice(0,c),m=u.length-c;t+=`
+
+${C.map(P=>i.fg("toolOutput",P)).join(`
+`)}`,m>0&&(t+=`${i.fg("muted",`
+... (${m} more lines,`)} ${y("expandTools","to expand")})`)}const a=this.result.details?.matchLimitReached,d=this.result.details?.truncation,g=this.result.details?.linesTruncated;if(a||d?.truncated||g){const u=[];a&&u.push(`${a} matches limit`),d?.truncated&&u.push(`${L(d.maxBytes??T)} limit`),g&&u.push("some lines truncated"),t+=`
+${i.fg("warning",`[Truncated: ${u.join(", ")}]`)}`}}}else{t=i.fg("toolTitle",i.bold(this.toolName));const s=JSON.stringify(this.args,null,2);t+=`
+
+${s}`;const e=this.getTextOutput();e&&(t+=`
+${e}`)}return t}}export{lt as ToolExecutionComponent};

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

@@ -0,0 +1,73 @@
+/**
+ * [WHO]: TreeSelectorComponent
+ * [FROM]: Depends on ../theme/theme.js, ./dynamic-border.js, ./keybinding-hints.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/tree-selector.ts -
+ */
+import { type Component, Container, type Focusable } from "@catui/tui";
+import type { SessionTreeNode } from "../../../core/session/session-manager.js";
+declare class TreeList implements Component {
+    private flatNodes;
+    private filteredNodes;
+    private selectedIndex;
+    private currentLeafId;
+    private maxVisibleLines;
+    private filterMode;
+    private searchQuery;
+    private toolCallMap;
+    private multipleRoots;
+    private activePathIds;
+    private lastSelectedId;
+    onSelect?: (entryId: string) => void;
+    onCancel?: () => void;
+    onLabelEdit?: (entryId: string, currentLabel: string | undefined) => void;
+    constructor(tree: SessionTreeNode[], currentLeafId: string | null, maxVisibleLines: number, initialSelectedId?: string);
+    /**
+     * Find the index of the nearest visible entry, walking up the parent chain if needed.
+     * Returns the index in filteredNodes, or the last index as fallback.
+     */
+    private findNearestVisibleIndex;
+    /** Build the set of entry IDs on the path from root to current leaf */
+    private buildActivePath;
+    private flattenTree;
+    private applyFilter;
+    /**
+     * Recompute indentation/connectors for the filtered view
+     *
+     * Filtering can hide intermediate entries; descendants attach to the nearest visible ancestor.
+     * Keep indentation semantics aligned with flattenTree() so single-child chains don't drift right.
+     */
+    private recalculateVisualStructure;
+    /** Get searchable text content from a node */
+    private getSearchableText;
+    invalidate(): void;
+    getSearchQuery(): string;
+    getSelectedNode(): SessionTreeNode | undefined;
+    updateNodeLabel(entryId: string, label: string | undefined): void;
+    private getFilterLabel;
+    render(width: number): string[];
+    private getEntryDisplayText;
+    private extractContent;
+    private hasTextContent;
+    private formatToolCall;
+    handleInput(keyData: string): void;
+}
+/**
+ * Component that renders a session tree selector for navigation
+ */
+export declare class TreeSelectorComponent extends Container implements Focusable {
+    private treeList;
+    private labelInput;
+    private labelInputContainer;
+    private treeContainer;
+    private onLabelChangeCallback?;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(tree: SessionTreeNode[], currentLeafId: string | null, terminalHeight: number, onSelect: (entryId: string) => void, onCancel: () => void, onLabelChange?: (entryId: string, label: string | undefined) => void, initialSelectedId?: string);
+    private showLabelInput;
+    private hideLabelInput;
+    handleInput(keyData: string): void;
+    getTreeList(): TreeList;
+}
+export {};

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

@@ -0,0 +1 @@
+var E=Object.defineProperty;var N=(k,t)=>E(k,"name",{value:t,configurable:!0});import{Container as R,getEditorKeybindings as F,Input as P,matchesKey as w,Spacer as _,Text as O,TruncatedText as Q,truncateToWidth as x}from"@catui/tui";import{theme as c}from"../theme/theme.js";import{DynamicBorder as V}from"./dynamic-border.js";import{keyHint as A}from"./keybinding-hints.js";class j{static{N(this,"TreeList")}flatNodes=[];filteredNodes=[];selectedIndex=0;currentLeafId;maxVisibleLines;filterMode="default";searchQuery="";toolCallMap=new Map;multipleRoots=!1;activePathIds=new Set;lastSelectedId=null;onSelect;onCancel;onLabelEdit;constructor(t,s,e,n){this.currentLeafId=s,this.maxVisibleLines=e,this.multipleRoots=t.length>1,this.flatNodes=this.flattenTree(t),this.buildActivePath(),this.applyFilter();const i=n??s;this.selectedIndex=this.findNearestVisibleIndex(i),this.lastSelectedId=this.filteredNodes[this.selectedIndex]?.node.entry.id??null}findNearestVisibleIndex(t){if(this.filteredNodes.length===0)return 0;const s=new Map;for(const i of this.flatNodes)s.set(i.node.entry.id,i);const e=new Map(this.filteredNodes.map((i,o)=>[i.node.entry.id,o]));let n=t;for(;n!==null;){const i=e.get(n);if(i!==void 0)return i;const o=s.get(n);if(!o)break;n=o.node.entry.parentId??null}return this.filteredNodes.length-1}buildActivePath(){if(this.activePathIds.clear(),!this.currentLeafId)return;const t=new Map;for(const e of this.flatNodes)t.set(e.node.entry.id,e);let s=this.currentLeafId;for(;s;){this.activePathIds.add(s);const e=t.get(s);if(!e)break;s=e.node.entry.parentId??null}}flattenTree(t){const s=[];this.toolCallMap.clear();const e=[],n=new Map,i=this.currentLeafId;{const r=[],l=[...t];for(;l.length>0;){const a=l.pop();r.push(a);for(let h=a.children.length-1;h>=0;h--)l.push(a.children[h])}for(let a=r.length-1;a>=0;a--){const h=r[a];let g=i!==null&&h.entry.id===i;for(const b of h.children)n.get(b)&&(g=!0);n.set(h,g)}}const o=t.length>1,d=[...t].sort((r,l)=>Number(n.get(l))-Number(n.get(r)));for(let r=d.length-1;r>=0;r--){const l=r===d.length-1;e.push([d[r],o?1:0,o,o,l,[],o])}for(;e.length>0;){const[r,l,a,h,g,b,f]=e.pop(),L=r.entry;if(L.type==="message"&&L.message.role==="assistant"){const u=L.message.content;if(Array.isArray(u)){for(const p of u)if(typeof p=="object"&&p!==null&&"type"in p&&p.type==="toolCall"){const v=p;this.toolCallMap.set(v.id,{name:v.name,arguments:v.arguments})}}}s.push({node:r,indent:l,showConnector:h,isLast:g,gutters:b,isVirtualRootChild:f});const y=r.children,I=y.length>1,C=(()=>{const u=[],p=[];for(const v of y)n.get(v)?u.push(v):p.push(v);return[...u,...p]})();let m;I||a&&l>0?m=l+1:m=l;const S=h&&!f,M=this.multipleRoots?Math.max(0,l-1):l,T=Math.max(0,M-1),$=S?[...b,{position:T,show:!g}]:b;for(let u=C.length-1;u>=0;u--){const p=u===C.length-1;e.push([C[u],m,I,I,p,$,!1])}}return s}applyFilter(){this.filteredNodes.length>0&&(this.lastSelectedId=this.filteredNodes[this.selectedIndex]?.node.entry.id??this.lastSelectedId);const t=this.searchQuery.toLowerCase().split(/\s+/).filter(Boolean);this.filteredNodes=this.flatNodes.filter(s=>{const e=s.node.entry,n=e.id===this.currentLeafId;if(e.type==="message"&&e.message.role==="assistant"&&!n){const d=e.message,r=this.hasTextContent(d.content),l=d.stopReason&&d.stopReason!=="stop"&&d.stopReason!=="toolUse";if(!r&&!l)return!1}let i=!0;const o=e.type==="label"||e.type==="custom"||e.type==="model_change"||e.type==="thinking_level_change";switch(this.filterMode){case"user-only":i=e.type==="message"&&e.message.role==="user";break;case"no-tools":i=!o&&!(e.type==="message"&&e.message.role==="toolResult");break;case"labeled-only":i=s.node.label!==void 0;break;case"all":i=!0;break;default:i=!o;break}if(!i)return!1;if(t.length>0){const d=this.getSearchableText(s.node).toLowerCase();return t.every(r=>d.includes(r))}return!0}),this.recalculateVisualStructure(),this.lastSelectedId?this.selectedIndex=this.findNearestVisibleIndex(this.lastSelectedId):this.selectedIndex>=this.filteredNodes.length&&(this.selectedIndex=Math.max(0,this.filteredNodes.length-1)),this.filteredNodes.length>0&&(this.lastSelectedId=this.filteredNodes[this.selectedIndex]?.node.entry.id??this.lastSelectedId)}recalculateVisualStructure(){if(this.filteredNodes.length===0)return;const t=new Set(this.filteredNodes.map(l=>l.node.entry.id)),s=new Map;for(const l of this.flatNodes)s.set(l.node.entry.id,l);const e=N(l=>{let a=s.get(l)?.node.entry.parentId??null;for(;a!==null;){if(t.has(a))return a;a=s.get(a)?.node.entry.parentId??null}return null},"findVisibleAncestor"),n=new Map,i=new Map;i.set(null,[]);for(const l of this.filteredNodes){const a=l.node.entry.id,h=e(a);n.set(a,h),i.has(h)||i.set(h,[]),i.get(h).push(a)}const o=i.get(null);this.multipleRoots=o.length>1;const d=new Map;for(const l of this.filteredNodes)d.set(l.node.entry.id,l);const r=[];for(let l=o.length-1;l>=0;l--){const a=l===o.length-1;r.push([o[l],this.multipleRoots?1:0,this.multipleRoots,this.multipleRoots,a,[],this.multipleRoots])}for(;r.length>0;){const[l,a,h,g,b,f,L]=r.pop(),y=d.get(l);if(!y)continue;y.indent=a,y.showConnector=g,y.isLast=b,y.gutters=f,y.isVirtualRootChild=L;const I=i.get(l)||[],C=I.length>1;let m;C||h&&a>0?m=a+1:m=a;const S=g&&!L,M=this.multipleRoots?Math.max(0,a-1):a,T=Math.max(0,M-1),$=S?[...f,{position:T,show:!b}]:f;for(let u=I.length-1;u>=0;u--){const p=u===I.length-1;r.push([I[u],m,C,C,p,$,!1])}}}getSearchableText(t){const s=t.entry,e=[];switch(t.label&&e.push(t.label),s.type){case"message":{const n=s.message;if(e.push(n.role),"content"in n&&n.content&&e.push(this.extractContent(n.content)),n.role==="bashExecution"){const i=n;i.command&&e.push(i.command)}break}case"custom_message":{e.push(s.customType),typeof s.content=="string"?e.push(s.content):e.push(this.extractContent(s.content));break}case"compaction":e.push("compaction");break;case"branch_summary":e.push("branch summary",s.summary);break;case"model_change":e.push("model",s.modelId);break;case"thinking_level_change":e.push("thinking",s.thinkingLevel);break;case"custom":e.push("custom",s.customType);break;case"label":e.push("label",s.label??"");break}return e.join(" ")}invalidate(){}getSearchQuery(){return this.searchQuery}getSelectedNode(){return this.filteredNodes[this.selectedIndex]?.node}updateNodeLabel(t,s){for(const e of this.flatNodes)if(e.node.entry.id===t){e.node.label=s;break}}getFilterLabel(){switch(this.filterMode){case"no-tools":return" [no-tools]";case"user-only":return" [user]";case"labeled-only":return" [labeled]";case"all":return" [all]";default:return""}}render(t){const s=[];if(this.filteredNodes.length===0)return s.push(x(c.fg("muted","  No entries found"),t)),s.push(x(c.fg("muted",`  (0/0)${this.getFilterLabel()}`),t)),s;const e=Math.max(0,Math.min(this.selectedIndex-Math.floor(this.maxVisibleLines/2),this.filteredNodes.length-this.maxVisibleLines)),n=Math.min(e+this.maxVisibleLines,this.filteredNodes.length);for(let i=e;i<n;i++){const o=this.filteredNodes[i],d=o.node.entry,r=i===this.selectedIndex,l=r?c.fg("accent","\u203A "):"  ",a=this.multipleRoots?Math.max(0,o.indent-1):o.indent,h=o.showConnector&&!o.isVirtualRootChild?o.isLast?"\u2514\u2500 ":"\u251C\u2500 ":"",g=h?a-1:-1,b=a*3,f=[];for(let M=0;M<b;M++){const T=Math.floor(M/3),$=M%3,u=o.gutters.find(p=>p.position===T);u?$===0?f.push(u.show?"\u2502":" "):f.push(" "):h&&T===g?$===0?f.push(o.isLast?"\u2514":"\u251C"):$===1?f.push("\u2500"):f.push(" "):f.push(" ")}const L=f.join(""),I=this.activePathIds.has(d.id)?c.fg("accent","\u2022 "):"",C=o.node.label?c.fg("warning",`[${o.node.label}] `):"",m=this.getEntryDisplayText(o.node,r);let S=l+c.fg("dim",L)+I+C+m;r&&(S=c.bg("selectedBg",S)),s.push(x(S,t))}return s.push(x(c.fg("muted",`  (${this.selectedIndex+1}/${this.filteredNodes.length})${this.getFilterLabel()}`),t)),s}getEntryDisplayText(t,s){const e=t.entry;let n;const i=N(o=>o.replace(/[\n\t]/g," ").trim(),"normalize");switch(e.type){case"message":{const o=e.message,d=o.role;if(d==="user"){const r=o,l=i(this.extractContent(r.content));n=c.fg("accent","user: ")+l}else if(d==="assistant"){const r=o,l=i(this.extractContent(r.content));if(l)n=c.fg("success","assistant: ")+l;else if(r.stopReason==="aborted")n=c.fg("success","assistant: ")+c.fg("muted","(aborted)");else if(r.errorMessage){const a=i(r.errorMessage).slice(0,80);n=c.fg("success","assistant: ")+c.fg("error",a)}else n=c.fg("success","assistant: ")+c.fg("muted","(no content)")}else if(d==="toolResult"){const r=o,l=r.toolCallId?this.toolCallMap.get(r.toolCallId):void 0;l?n=c.fg("muted",this.formatToolCall(l.name,l.arguments)):n=c.fg("muted",`[${r.toolName??"tool"}]`)}else if(d==="bashExecution"){const r=o;n=c.fg("dim",`[bash]: ${i(r.command??"")}`)}else n=c.fg("dim",`[${d}]`);break}case"custom_message":{const o=typeof e.content=="string"?e.content:e.content.filter(d=>d.type==="text").map(d=>d.text).join("");n=c.fg("customMessageLabel",`[${e.customType}]: `)+i(o);break}case"compaction":{const o=Math.round(e.tokensBefore/1e3);n=c.fg("borderAccent",`[compaction: ${o}k tokens]`);break}case"branch_summary":n=c.fg("warning","[branch summary]: ")+i(e.summary);break;case"model_change":n=c.fg("dim",`[model: ${e.modelId}]`);break;case"thinking_level_change":n=c.fg("dim",`[thinking: ${e.thinkingLevel}]`);break;case"custom":n=c.fg("dim",`[custom: ${e.customType}]`);break;case"label":n=c.fg("dim",`[label: ${e.label??"(cleared)"}]`);break;default:n=""}return s?c.bold(n):n}extractContent(t){if(typeof t=="string")return t.slice(0,200);if(Array.isArray(t)){let e="";for(const n of t)if(typeof n=="object"&&n!==null&&"type"in n&&n.type==="text"&&(e+=n.text,e.length>=200))return e.slice(0,200);return e}return""}hasTextContent(t){if(typeof t=="string")return t.trim().length>0;if(Array.isArray(t)){for(const s of t)if(typeof s=="object"&&s!==null&&"type"in s&&s.type==="text"){const e=s.text;if(e&&e.trim().length>0)return!0}}return!1}formatToolCall(t,s){const e=N(n=>{const i=process.env.HOME||process.env.USERPROFILE||"";return i&&n.startsWith(i)?`~${n.slice(i.length)}`:n},"shortenPath");switch(t){case"read":{const n=e(String(s.path||s.file_path||"")),i=s.offset,o=s.limit;let d=n;if(i!==void 0||o!==void 0){const r=i??1,l=o!==void 0?r+o-1:"";d+=`:${r}${l?`-${l}`:""}`}return`[read: ${d}]`}case"write":return`[write: ${e(String(s.path||s.file_path||""))}]`;case"edit":return`[edit: ${e(String(s.path||s.file_path||""))}]`;case"bash":{const n=String(s.command||"");return`[bash: ${n.replace(/[\n\t]/g," ").trim().slice(0,50)}${n.length>50?"...":""}]`}case"grep":{const n=String(s.pattern||""),i=e(String(s.path||"."));return`[grep: /${n}/ in ${i}]`}case"find":{const n=String(s.pattern||""),i=e(String(s.path||"."));return`[find: ${n} in ${i}]`}case"ls":return`[ls: ${e(String(s.path||"."))}]`;default:{const n=JSON.stringify(s).slice(0,40);return`[${t}: ${n}${JSON.stringify(s).length>40?"...":""}]`}}}handleInput(t){const s=F();if(s.matches(t,"selectUp"))this.selectedIndex=this.selectedIndex===0?this.filteredNodes.length-1:this.selectedIndex-1;else if(s.matches(t,"selectDown"))this.selectedIndex=this.selectedIndex===this.filteredNodes.length-1?0:this.selectedIndex+1;else if(s.matches(t,"cursorLeft"))this.selectedIndex=Math.max(0,this.selectedIndex-this.maxVisibleLines);else if(s.matches(t,"cursorRight"))this.selectedIndex=Math.min(this.filteredNodes.length-1,this.selectedIndex+this.maxVisibleLines);else if(s.matches(t,"selectConfirm")){const e=this.filteredNodes[this.selectedIndex];e&&this.onSelect&&this.onSelect(e.node.entry.id)}else if(s.matches(t,"selectCancel"))this.searchQuery?(this.searchQuery="",this.applyFilter()):this.onCancel?.();else if(w(t,"ctrl+d"))this.filterMode="default",this.applyFilter();else if(w(t,"ctrl+t"))this.filterMode=this.filterMode==="no-tools"?"default":"no-tools",this.applyFilter();else if(w(t,"ctrl+u"))this.filterMode=this.filterMode==="user-only"?"default":"user-only",this.applyFilter();else if(w(t,"ctrl+l"))this.filterMode=this.filterMode==="labeled-only"?"default":"labeled-only",this.applyFilter();else if(w(t,"ctrl+a"))this.filterMode=this.filterMode==="all"?"default":"all",this.applyFilter();else if(w(t,"shift+ctrl+o")){const e=["default","no-tools","user-only","labeled-only","all"],n=e.indexOf(this.filterMode);this.filterMode=e[(n-1+e.length)%e.length],this.applyFilter()}else if(w(t,"ctrl+o")){const e=["default","no-tools","user-only","labeled-only","all"],n=e.indexOf(this.filterMode);this.filterMode=e[(n+1)%e.length],this.applyFilter()}else if(s.matches(t,"deleteCharBackward"))this.searchQuery.length>0&&(this.searchQuery=this.searchQuery.slice(0,-1),this.applyFilter());else if(w(t,"shift+l")){const e=this.filteredNodes[this.selectedIndex];e&&this.onLabelEdit&&this.onLabelEdit(e.node.entry.id,e.node.label)}else![...t].some(n=>{const i=n.charCodeAt(0);return i<32||i===127||i>=128&&i<=159})&&t.length>0&&(this.searchQuery+=t,this.applyFilter())}}class B{static{N(this,"SearchLine")}treeList;constructor(t){this.treeList=t}invalidate(){}render(t){const s=this.treeList.getSearchQuery();return s?[x(`  ${c.fg("muted","Type to search:")} ${c.fg("accent",s)}`,t)]:[x(`  ${c.fg("muted","Type to search:")}`,t)]}handleInput(t){}}class W{static{N(this,"LabelInput")}input;entryId;onSubmit;onCancel;_focused=!1;get focused(){return this._focused}set focused(t){this._focused=t,this.input.focused=t}constructor(t,s){this.entryId=t,this.input=new P,s&&this.input.setValue(s)}invalidate(){}render(t){const s=[],n=t-2;return s.push(x(`  ${c.fg("muted","Label (empty to remove):")}`,t)),s.push(...this.input.render(n).map(i=>x(`  ${i}`,t))),s.push(x(`  ${A("selectConfirm","save")}  ${A("selectCancel","cancel")}`,t)),s}handleInput(t){const s=F();if(s.matches(t,"selectConfirm")){const e=this.input.getValue().trim();this.onSubmit?.(this.entryId,e||void 0)}else s.matches(t,"selectCancel")?this.onCancel?.():this.input.handleInput(t)}}class K extends R{static{N(this,"TreeSelectorComponent")}treeList;labelInput=null;labelInputContainer;treeContainer;onLabelChangeCallback;_focused=!1;get focused(){return this._focused}set focused(t){this._focused=t,this.labelInput&&(this.labelInput.focused=t)}constructor(t,s,e,n,i,o,d){super(),this.onLabelChangeCallback=o;const r=Math.max(5,Math.floor(e/2));this.treeList=new j(t,s,r,d),this.treeList.onSelect=n,this.treeList.onCancel=i,this.treeList.onLabelEdit=(l,a)=>this.showLabelInput(l,a),this.treeContainer=new R,this.treeContainer.addChild(this.treeList),this.labelInputContainer=new R,this.addChild(new _(1)),this.addChild(new V),this.addChild(new O(c.bold("  Session Tree"),1,0)),this.addChild(new Q(c.fg("muted","  \u2191/\u2193: move. \u2190/\u2192: page. Shift+L: label. ")+c.fg("muted","^D/^T/^U/^L/^A: filters (^O/\u21E7^O cycle)"),0,0)),this.addChild(new B(this.treeList)),this.addChild(new V),this.addChild(new _(1)),this.addChild(this.treeContainer),this.addChild(this.labelInputContainer),this.addChild(new _(1)),this.addChild(new V),t.length===0&&setTimeout(()=>i(),100)}showLabelInput(t,s){this.labelInput=new W(t,s),this.labelInput.onSubmit=(e,n)=>{this.treeList.updateNodeLabel(e,n),this.onLabelChangeCallback?.(e,n),this.hideLabelInput()},this.labelInput.onCancel=()=>this.hideLabelInput(),this.labelInput.focused=this._focused,this.treeContainer.clear(),this.labelInputContainer.clear(),this.labelInputContainer.addChild(this.labelInput)}hideLabelInput(){this.labelInput=null,this.labelInputContainer.clear(),this.treeContainer.clear(),this.treeContainer.addChild(this.treeList)}handleInput(t){this.labelInput?this.labelInput.handleInput(t):this.treeList.handleInput(t)}getTreeList(){return this.treeList}}export{K as TreeSelectorComponent};

package/dist/modes/interactive/components/user-message-selector.d.ts

@@ -0,0 +1,35 @@
+/**
+ * [WHO]: UserMessageSelectorComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js, ./dynamic-border.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/user-message-selector.ts - user message list selector
+ */
+import { type Component, Container } from "@catui/tui";
+interface UserMessageItem {
+    id: string;
+    text: string;
+    timestamp?: string;
+}
+/**
+ * Custom user message list component with selection
+ */
+declare class UserMessageList implements Component {
+    private messages;
+    private selectedIndex;
+    onSelect?: (entryId: string) => void;
+    onCancel?: () => void;
+    private maxVisible;
+    constructor(messages: UserMessageItem[]);
+    invalidate(): void;
+    render(width: number): string[];
+    handleInput(keyData: string): void;
+}
+/**
+ * Component that renders a user message selector for branching
+ */
+export declare class UserMessageSelectorComponent extends Container {
+    private messageList;
+    constructor(messages: UserMessageItem[], onSelect: (entryId: string) => void, onCancel: () => void);
+    getMessageList(): UserMessageList;
+}
+export {};

package/dist/modes/interactive/components/user-message-selector.js

@@ -0,0 +1 @@
+var M=Object.defineProperty;var a=(d,e)=>M(d,"name",{value:e,configurable:!0});import{Container as w,getEditorKeybindings as L,Spacer as h,Text as m,truncateToWidth as b}from"@catui/tui";import{theme as n}from"../theme/theme.js";import{DynamicBorder as g}from"./dynamic-border.js";class S{static{a(this,"UserMessageList")}messages=[];selectedIndex=0;onSelect;onCancel;maxVisible=10;constructor(e){this.messages=e,this.selectedIndex=Math.max(0,e.length-1)}invalidate(){}render(e){const s=[];if(this.messages.length===0)return s.push(n.fg("muted","  No user messages found")),s;const t=Math.max(0,Math.min(this.selectedIndex-Math.floor(this.maxVisible/2),this.messages.length-this.maxVisible)),l=Math.min(t+this.maxVisible,this.messages.length);for(let i=t;i<l;i++){const r=this.messages[i],c=i===this.selectedIndex,f=r.text.replace(/\n/g," ").trim(),x=c?n.fg("accent","\u203A "):"  ",u=e-2,o=b(f,u),p=x+(c?n.bold(o):o);s.push(p);const C=`  Message ${i+1} of ${this.messages.length}`,I=n.fg("muted",C);s.push(I),s.push("")}if(t>0||l<this.messages.length){const i=n.fg("muted",`  (${this.selectedIndex+1}/${this.messages.length})`);s.push(i)}return s}handleInput(e){const s=L();if(s.matches(e,"selectUp"))this.selectedIndex=this.selectedIndex===0?this.messages.length-1:this.selectedIndex-1;else if(s.matches(e,"selectDown"))this.selectedIndex=this.selectedIndex===this.messages.length-1?0:this.selectedIndex+1;else if(s.matches(e,"selectConfirm")){const t=this.messages[this.selectedIndex];t&&this.onSelect&&this.onSelect(t.id)}else s.matches(e,"selectCancel")&&this.onCancel&&this.onCancel()}}class W extends w{static{a(this,"UserMessageSelectorComponent")}messageList;constructor(e,s,t){super(),this.addChild(new h(1)),this.addChild(new m(n.bold("Branch from Message"),1,0)),this.addChild(new m(n.fg("muted","Select a message to create a new branch from that point"),1,0)),this.addChild(new h(1)),this.addChild(new g),this.addChild(new h(1)),this.messageList=new S(e),this.messageList.onSelect=s,this.messageList.onCancel=t,this.addChild(this.messageList),this.addChild(new h(1)),this.addChild(new g),e.length===0&&setTimeout(()=>t(),100)}getMessageList(){return this.messageList}}export{W as UserMessageSelectorComponent};

package/dist/modes/interactive/components/user-message.d.ts

@@ -0,0 +1,13 @@
+/**
+ * [WHO]: UserMessageComponent
+ * [FROM]: Depends on @catui/tui, ../theme/theme.js
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/user-message.ts - user message display component
+ */
+import { Container, type MarkdownTheme } from "@catui/tui";
+/**
+ * Component that renders a user message
+ */
+export declare class UserMessageComponent extends Container {
+    constructor(text: string, markdownTheme?: MarkdownTheme);
+}

package/dist/modes/interactive/components/user-message.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var e=(s,r)=>n(s,"name",{value:r,configurable:!0});import{Container as d,Markdown as g,Spacer as i}from"@catui/tui";import{getMarkdownTheme as m,theme as t}from"../theme/theme.js";class l extends d{static{e(this,"UserMessageComponent")}constructor(r,a=m()){super(),this.addChild(new i(1)),this.addChild(new g(r,1,1,a,{bgColor:e(o=>t.bg("userMessageBg",o),"bgColor"),color:e(o=>t.fg("userMessageText",o),"color")}))}}export{l as UserMessageComponent};

package/dist/modes/interactive/components/visual-truncate.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Shared utility for truncating text to visual lines (accounting for line wrapping).
+ * Used by both tool-execution.ts and bash-execution.ts for consistent behavior.
+ */
+/**
+ * [WHO]: VisualTruncateResult, truncateToVisualLines
+ * [FROM]: Depends on @catui/tui
+ * [TO]: Consumed by modes/interactive/components/index.ts
+ * [HERE]: modes/interactive/components/visual-truncate.ts -
+ */
+export interface VisualTruncateResult {
+    /** The visual lines to display */
+    visualLines: string[];
+    /** Number of visual lines that were skipped (hidden) */
+    skippedCount: number;
+}
+/**
+ * Truncate text to a maximum number of visual lines (from the end).
+ * This accounts for line wrapping based on terminal width.
+ *
+ * @param text - The text content (may contain newlines)
+ * @param maxVisualLines - Maximum number of visual lines to show
+ * @param width - Terminal/render width
+ * @param paddingX - Horizontal padding for Text component (default 0).
+ *                   Use 0 when result will be placed in a Box (Box adds its own padding).
+ *                   Use 1 when result will be placed in a plain Container.
+ * @returns The truncated visual lines and count of skipped lines
+ */
+export declare function truncateToVisualLines(text: string, maxVisualLines: number, width: number, paddingX?: number): VisualTruncateResult;

package/dist/modes/interactive/components/visual-truncate.js

@@ -0,0 +1 @@
+var p=Object.defineProperty;var i=(n,e)=>p(n,"name",{value:e,configurable:!0});import{Text as c}from"@catui/tui";function f(n,e,s,r=0){if(!n)return{visualLines:[],skippedCount:0};const t=new c(n,r,0).render(s);if(t.length<=e)return{visualLines:t,skippedCount:0};const o=t.slice(-e),u=t.length-e;return{visualLines:o,skippedCount:u}}i(f,"truncateToVisualLines");export{f as truncateToVisualLines};