mu-harness 0.16.16 → 0.16.17

package/esm/tui/chat/ChatApp.d.ts

@@ -53,6 +53,15 @@ export interface ChatHost {
      * (a splash). Cleared once the conversation starts.
      */
     banner?: string;
+    /**
+     * Lean input presentation: drop the surface-background input frame, the
+     * model/provider/agent footer inside the input, and the context readout on
+     * the status bar — leaving a bare prompt + editor. The {@link ChatHost.banner}
+     * splash is independent and still shown if set. Hosts that want the full
+     * information-rich input (surface frame, model · provider · @agent footer,
+     * token/context usage in the status line) leave this unset (the default).
+     */
+    minimal?: boolean;
     onExit(code: number): void;
 }
 export declare class ChatApp {
@@ -69,6 +78,7 @@ export declare class ChatApp {
     private session;
     private readonly features;
     private readonly banner;
+    private readonly minimal;
     private unsubscribe;
     private unsubscribeTheme;
     private unsubscribeSubAgents;
@@ -161,8 +171,8 @@ export declare class ChatApp {
     private startSpinner;
     private stopSpinner;
     private loadModels;
-    /** Plain model id (+ provider) shown in the status bar. */
-    private modelText;
+    /** Styled model id + provider + active agent, shown in the input container footer. */
+    private modelLabel;
     private updateSpeaker;
     private promptGlyph;
     private inputPanel;

package/esm/tui/chat/ChatApp.js

@@ -77,13 +77,14 @@ export class ChatApp {
     session;
     features;
     banner;
+    minimal;
     unsubscribe;
     unsubscribeTheme;
     unsubscribeSubAgents;
     runUnsubs = new Set();
     activeRuns = new Set();
     mentionAc;
-    status = { label: 'ready', busy: false, spinnerTick: 0, context: '', model: '' };
+    status = { label: 'ready', busy: false, spinnerTick: 0, context: '' };
     running = false;
     queue = [];
     pendingShell = [];
@@ -113,6 +114,7 @@ export class ChatApp {
         this.session = host.session;
         this.features = host.features ?? {};
         this.banner = host.banner;
+        this.minimal = host.minimal ?? false;
         this.transcript.thinkingVisible = host.initialThinking;
         this.history = host.history?.load() ?? [];
         this.historyIndex = this.history.length;
@@ -1051,15 +1053,24 @@ export class ChatApp {
             // backend may be unreachable; surfaced on first send
         }
     }
-    /** Plain model id (+ provider) shown in the status bar. */
-    modelText() {
+    /** Styled model id + provider + active agent, shown in the input container footer. */
+    modelLabel() {
         const ref = this.host.modelRef();
         const slash = ref.indexOf('/');
         const id = slash >= 0 ? ref.slice(slash + 1) : ref;
         const providerName = slash >= 0 ? ref.slice(0, slash) : '';
         const model = this.models.find((m) => m.id === id);
         const provider = model?.ownedBy ?? providerName;
-        return provider ? `${id}  ${provider}` : id;
+        const theme = this.theme();
+        const bold = styleToAnsi({ fg: theme.colors.text, bold: true });
+        const dim = styleToAnsi({ fg: theme.colors.textMuted });
+        const head = provider ? `${bold}${id}${RESET}  ${dim}${provider}${RESET}` : `${bold}${id}${RESET}`;
+        const agent = this.host.agentRef();
+        if (!agent)
+            return head;
+        const hex = asHexColor(this.host.agentColor());
+        const agentSgr = hex ? styleToAnsi({ fg: hex, bold: true }) : dim;
+        return `${head}  ${dim}·${RESET}  ${agentSgr}@${agent}${RESET}`;
     }
     updateSpeaker() {
         this.transcript.speaker = { name: this.host.agentRef(), color: asHexColor(this.host.agentColor()) };
@@ -1078,19 +1089,27 @@ export class ChatApp {
     }
     inputPanel() {
         const inner = this.approvalView() ?? this.editorInner();
+        if (this.minimal)
+            return box(inner, { padding: 0 });
         return box(inner, { background: this.theme().colors.surface, padding: 1 });
     }
     editorInner() {
         const prompt = this.promptGlyph();
         const editor = this.editor;
         const editorRows = editor.rows();
+        const label = this.minimal ? '' : this.modelLabel();
         return {
             render: (s) => {
                 if (s.width <= 0 || s.height <= 0)
                     return;
                 s.text(0, 0, prompt);
-                const rows = Math.min(editorRows, Math.max(1, s.height - 1));
+                const reserve = label ? 2 : 1;
+                const rows = Math.min(editorRows, Math.max(1, s.height - reserve));
                 s.child(editor, { x: PROMPT_WIDTH, y: 0, width: Math.max(1, s.width - PROMPT_WIDTH), height: rows });
+                if (label) {
+                    const labelRow = rows + 1;
+                    s.text(0, labelRow, visibleWidth(label) > s.width ? truncateToWidth(label, s.width) : label);
+                }
             },
         };
     }
@@ -1150,7 +1169,7 @@ export class ChatApp {
         return children;
     }
     statusBar() {
-        this.status.model = this.modelText();
+        this.status.minimal = this.minimal;
         return statusComponent(this.status, this.theme());
     }
     dock() {
@@ -1279,19 +1298,17 @@ export class ChatApp {
         const focused = this.focusedSub();
         const showBanner = this.banner !== undefined && this.transcript.entries.length === 0 && !focused;
         const spacer = { render: () => { } };
-        const inner = focused
-            ? this.subAgentView(focused)
-            : showBanner
-                // Splash: banner + a centered, width-limited minimal input; status pinned at the bottom.
-                ? column([
-                    flex(spacer),
-                    this.bannerBlock(),
-                    this.centered(column(this.inputGroup()), SPLASH_INPUT_WIDTH),
-                    flex(spacer),
-                    this.statusBar(),
-                ])
-                // Conversation: transcript fills, input docked at the bottom.
-                : column([flex(this.scroll), this.dock()]);
+        const inner = focused ? this.subAgentView(focused) : showBanner
+            // Splash: banner + a centered, width-limited minimal input; status pinned at the bottom.
+            ? column([
+                flex(spacer),
+                this.bannerBlock(),
+                this.centered(column(this.inputGroup()), SPLASH_INPUT_WIDTH),
+                flex(spacer),
+                this.statusBar(),
+            ])
+            // Conversation: transcript fills, input docked at the bottom.
+            : column([flex(this.scroll), this.dock()]);
         return {
             render: (s) => {
                 s.fill({ x: 0, y: 0, width: s.width, height: s.height }, this.theme().colors.background);

package/esm/tui/chat/status.d.ts

@@ -8,8 +8,8 @@ export interface StatusState {
     busy: boolean;
     spinnerTick: number;
     context: string;
-    /** Active model id (+ provider), shown persistently on the left. */
-    model: string;
+    /** Lean mode: hide the context readout, leaving only a busy spinner. */
+    minimal?: boolean;
 }
 export declare function statusFromEvent(event: AgentSessionEvent): string | undefined;
 export declare function statusComponent(state: StatusState, theme: Theme): Component;

package/esm/tui/chat/status.js

@@ -32,10 +32,8 @@ export function statusComponent(state, theme) {
                 return;
             const muted = styleToAnsi(theme.styles.muted);
             const spinner = `${muted}${spinnerFrame(state.spinnerTick)}${RESET}`;
-            const activity = state.busy ? (state.label ? `${spinner} ${muted}${state.label}${RESET}` : spinner) : '';
-            const model = state.model ? `${muted}${state.model}${RESET}` : '';
-            const left = [model, activity].filter(Boolean).join(`${muted}  ·  ${RESET}`);
-            const right = state.context ? `${muted}${state.context}${RESET}` : '';
+            const left = state.busy ? (state.label ? `${spinner} ${muted}${state.label}${RESET}` : spinner) : '';
+            const right = state.minimal ? '' : (state.context ? `${muted}${state.context}${RESET}` : '');
             if (!left && !right) {
                 s.text(0, 0, '');
                 return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mu-harness",
-  "version": "0.16.16",
+  "version": "0.16.17",
   "description": "Agent harness: createHarness wires mu-core into a host — XDG paths, model registry, plugins, disk-loaded agents & skills, sub-agents, sessions (JSONL + SQLite catalog), slash commands, permission/approval hooks, an optional scheduler, and a composable TUI chat app",
   "license": "MIT",
   "main": "./script/index.js",
@@ -23,8 +23,8 @@
     "@swc/wasm-typescript": "^1.15.0",
     "cli-highlight": "^2.1.11",
     "croner": "^9.0.0",
-    "mu-core": "^0.16.16",
-    "mu-tui": "^0.16.16"
+    "mu-core": "^0.16.17",
+    "mu-tui": "^0.16.17"
   },
   "_generatedBy": "dnt@dev",
   "types": "./esm/index.d.ts"

package/script/tui/chat/ChatApp.d.ts

@@ -53,6 +53,15 @@ export interface ChatHost {
      * (a splash). Cleared once the conversation starts.
      */
     banner?: string;
+    /**
+     * Lean input presentation: drop the surface-background input frame, the
+     * model/provider/agent footer inside the input, and the context readout on
+     * the status bar — leaving a bare prompt + editor. The {@link ChatHost.banner}
+     * splash is independent and still shown if set. Hosts that want the full
+     * information-rich input (surface frame, model · provider · @agent footer,
+     * token/context usage in the status line) leave this unset (the default).
+     */
+    minimal?: boolean;
     onExit(code: number): void;
 }
 export declare class ChatApp {
@@ -69,6 +78,7 @@ export declare class ChatApp {
     private session;
     private readonly features;
     private readonly banner;
+    private readonly minimal;
     private unsubscribe;
     private unsubscribeTheme;
     private unsubscribeSubAgents;
@@ -161,8 +171,8 @@ export declare class ChatApp {
     private startSpinner;
     private stopSpinner;
     private loadModels;
-    /** Plain model id (+ provider) shown in the status bar. */
-    private modelText;
+    /** Styled model id + provider + active agent, shown in the input container footer. */
+    private modelLabel;
     private updateSpeaker;
     private promptGlyph;
     private inputPanel;

package/script/tui/chat/ChatApp.js

@@ -80,13 +80,14 @@ class ChatApp {
     session;
     features;
     banner;
+    minimal;
     unsubscribe;
     unsubscribeTheme;
     unsubscribeSubAgents;
     runUnsubs = new Set();
     activeRuns = new Set();
     mentionAc;
-    status = { label: 'ready', busy: false, spinnerTick: 0, context: '', model: '' };
+    status = { label: 'ready', busy: false, spinnerTick: 0, context: '' };
     running = false;
     queue = [];
     pendingShell = [];
@@ -116,6 +117,7 @@ class ChatApp {
         this.session = host.session;
         this.features = host.features ?? {};
         this.banner = host.banner;
+        this.minimal = host.minimal ?? false;
         this.transcript.thinkingVisible = host.initialThinking;
         this.history = host.history?.load() ?? [];
         this.historyIndex = this.history.length;
@@ -1054,15 +1056,24 @@ class ChatApp {
             // backend may be unreachable; surfaced on first send
         }
     }
-    /** Plain model id (+ provider) shown in the status bar. */
-    modelText() {
+    /** Styled model id + provider + active agent, shown in the input container footer. */
+    modelLabel() {
         const ref = this.host.modelRef();
         const slash = ref.indexOf('/');
         const id = slash >= 0 ? ref.slice(slash + 1) : ref;
         const providerName = slash >= 0 ? ref.slice(0, slash) : '';
         const model = this.models.find((m) => m.id === id);
         const provider = model?.ownedBy ?? providerName;
-        return provider ? `${id}  ${provider}` : id;
+        const theme = this.theme();
+        const bold = (0, theme_js_1.styleToAnsi)({ fg: theme.colors.text, bold: true });
+        const dim = (0, theme_js_1.styleToAnsi)({ fg: theme.colors.textMuted });
+        const head = provider ? `${bold}${id}${RESET}  ${dim}${provider}${RESET}` : `${bold}${id}${RESET}`;
+        const agent = this.host.agentRef();
+        if (!agent)
+            return head;
+        const hex = (0, theme_js_1.asHexColor)(this.host.agentColor());
+        const agentSgr = hex ? (0, theme_js_1.styleToAnsi)({ fg: hex, bold: true }) : dim;
+        return `${head}  ${dim}·${RESET}  ${agentSgr}@${agent}${RESET}`;
     }
     updateSpeaker() {
         this.transcript.speaker = { name: this.host.agentRef(), color: (0, theme_js_1.asHexColor)(this.host.agentColor()) };
@@ -1081,19 +1092,27 @@ class ChatApp {
     }
     inputPanel() {
         const inner = this.approvalView() ?? this.editorInner();
+        if (this.minimal)
+            return (0, mu_tui_1.box)(inner, { padding: 0 });
         return (0, mu_tui_1.box)(inner, { background: this.theme().colors.surface, padding: 1 });
     }
     editorInner() {
         const prompt = this.promptGlyph();
         const editor = this.editor;
         const editorRows = editor.rows();
+        const label = this.minimal ? '' : this.modelLabel();
         return {
             render: (s) => {
                 if (s.width <= 0 || s.height <= 0)
                     return;
                 s.text(0, 0, prompt);
-                const rows = Math.min(editorRows, Math.max(1, s.height - 1));
+                const reserve = label ? 2 : 1;
+                const rows = Math.min(editorRows, Math.max(1, s.height - reserve));
                 s.child(editor, { x: PROMPT_WIDTH, y: 0, width: Math.max(1, s.width - PROMPT_WIDTH), height: rows });
+                if (label) {
+                    const labelRow = rows + 1;
+                    s.text(0, labelRow, (0, mu_tui_1.visibleWidth)(label) > s.width ? (0, mu_tui_1.truncateToWidth)(label, s.width) : label);
+                }
             },
         };
     }
@@ -1153,7 +1172,7 @@ class ChatApp {
         return children;
     }
     statusBar() {
-        this.status.model = this.modelText();
+        this.status.minimal = this.minimal;
         return (0, status_js_1.statusComponent)(this.status, this.theme());
     }
     dock() {
@@ -1282,19 +1301,17 @@ class ChatApp {
         const focused = this.focusedSub();
         const showBanner = this.banner !== undefined && this.transcript.entries.length === 0 && !focused;
         const spacer = { render: () => { } };
-        const inner = focused
-            ? this.subAgentView(focused)
-            : showBanner
-                // Splash: banner + a centered, width-limited minimal input; status pinned at the bottom.
-                ? (0, mu_tui_1.column)([
-                    (0, mu_tui_1.flex)(spacer),
-                    this.bannerBlock(),
-                    this.centered((0, mu_tui_1.column)(this.inputGroup()), SPLASH_INPUT_WIDTH),
-                    (0, mu_tui_1.flex)(spacer),
-                    this.statusBar(),
-                ])
-                // Conversation: transcript fills, input docked at the bottom.
-                : (0, mu_tui_1.column)([(0, mu_tui_1.flex)(this.scroll), this.dock()]);
+        const inner = focused ? this.subAgentView(focused) : showBanner
+            // Splash: banner + a centered, width-limited minimal input; status pinned at the bottom.
+            ? (0, mu_tui_1.column)([
+                (0, mu_tui_1.flex)(spacer),
+                this.bannerBlock(),
+                this.centered((0, mu_tui_1.column)(this.inputGroup()), SPLASH_INPUT_WIDTH),
+                (0, mu_tui_1.flex)(spacer),
+                this.statusBar(),
+            ])
+            // Conversation: transcript fills, input docked at the bottom.
+            : (0, mu_tui_1.column)([(0, mu_tui_1.flex)(this.scroll), this.dock()]);
         return {
             render: (s) => {
                 s.fill({ x: 0, y: 0, width: s.width, height: s.height }, this.theme().colors.background);

package/script/tui/chat/status.d.ts

@@ -8,8 +8,8 @@ export interface StatusState {
     busy: boolean;
     spinnerTick: number;
     context: string;
-    /** Active model id (+ provider), shown persistently on the left. */
-    model: string;
+    /** Lean mode: hide the context readout, leaving only a busy spinner. */
+    minimal?: boolean;
 }
 export declare function statusFromEvent(event: AgentSessionEvent): string | undefined;
 export declare function statusComponent(state: StatusState, theme: Theme): Component;

package/script/tui/chat/status.js

@@ -39,10 +39,8 @@ function statusComponent(state, theme) {
                 return;
             const muted = (0, theme_js_1.styleToAnsi)(theme.styles.muted);
             const spinner = `${muted}${(0, exports.spinnerFrame)(state.spinnerTick)}${RESET}`;
-            const activity = state.busy ? (state.label ? `${spinner} ${muted}${state.label}${RESET}` : spinner) : '';
-            const model = state.model ? `${muted}${state.model}${RESET}` : '';
-            const left = [model, activity].filter(Boolean).join(`${muted}  ·  ${RESET}`);
-            const right = state.context ? `${muted}${state.context}${RESET}` : '';
+            const left = state.busy ? (state.label ? `${spinner} ${muted}${state.label}${RESET}` : spinner) : '';
+            const right = state.minimal ? '' : (state.context ? `${muted}${state.context}${RESET}` : '');
             if (!left && !right) {
                 s.text(0, 0, '');
                 return;