@townco/cli 0.1.82 → 0.1.83

package/dist/commands/run.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { spawn } from "node:child_process";
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
@@ -13,7 +13,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { LogsPane } from "../components/LogsPane.js";
 import { TabbedOutput } from "../components/TabbedOutput.js";
 import { ensurePortAvailable } from "../lib/port-utils.js";
-function TuiRunner({ agentPath, workingDir, noSession, onExit, }) {
+function TuiRunner({ agentPath, workingDir, agentName, noSession, onExit, }) {
     const [client, setClient] = useState(null);
     const [error, setError] = useState(null);
     // Configure logs directory for UI package loggers BEFORE any loggers are created
@@ -39,6 +39,7 @@ function TuiRunner({ agentPath, workingDir, noSession, onExit, }) {
                     agentPath,
                     workingDirectory: workingDir,
                     environment: {
+                        AGENT_NAME: agentName,
                         ENABLE_TELEMETRY: "true",
                         ...(noSession ? { TOWN_NO_SESSION: "true" } : {}),
                     },
@@ -58,14 +59,16 @@ function TuiRunner({ agentPath, workingDir, noSession, onExit, }) {
             setError(errorMsg);
             return undefined;
         }
-    }, [agentPath, workingDir, logger, noSession]);
+    }, [agentPath, workingDir, logger, noSession, agentName]);
     const customTabs = useMemo(() => [
         {
             name: "Chat",
             type: "custom",
             render: () => {
                 if (error) {
-                    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { color: "red", bold: true, children: ["Error: ", error] }), _jsx(Text, { color: "gray", children: "Please check your agent path and try again." })] }));
+                    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [
+                            _jsxs(Text, { color: "red", bold: true, children: ["Error: ", error] }), _jsx(Text, { color: "gray", children: "Please check your agent path and try again." })
+                        ] }));
                 }
                 if (!client) {
                     return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "Loading chat interface..." }) }));
@@ -155,7 +158,7 @@ async function runCliMode(options) {
         let retries = 30; // 3 seconds
         while (!debuggerReady && retries > 0) {
             try {
-                const response = await fetch(`http://localhost:4318/v1/traces`, {
+                const _response = await fetch(`http://localhost:4318/v1/traces`, {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
                     body: JSON.stringify({}),
@@ -164,7 +167,7 @@ async function runCliMode(options) {
                 debuggerReady = true;
                 break;
             }
-            catch (e) {
+            catch (_e) {
                 // Server not ready yet
             }
             await new Promise((resolve) => setTimeout(resolve, 100));
@@ -186,6 +189,7 @@ async function runCliMode(options) {
         env: {
             ...process.env,
             ...configEnvVars,
+            AGENT_NAME: options.agentName,
             PORT: String(agentPort),
             ENABLE_TELEMETRY: "true",
             ...(noSession ? { TOWN_NO_SESSION: "true" } : {}),
@@ -243,7 +247,7 @@ async function runCliMode(options) {
         await client.sendMessage(prompt, sessionId);
         // Track tool calls and message state
         const toolCalls = new Map();
-        let currentAssistantMessage = "";
+        let _currentAssistantMessage = "";
         let isStreamingText = false;
         // Receive and render messages
         for await (const chunk of client.receiveMessages()) {
@@ -256,7 +260,7 @@ async function runCliMode(options) {
                         isStreamingText = true;
                     }
                     process.stdout.write(chunk.contentDelta.text);
-                    currentAssistantMessage += chunk.contentDelta.text;
+                    _currentAssistantMessage += chunk.contentDelta.text;
                 }
                 // Check if complete after processing content
                 if (chunk.isComplete) {
@@ -346,7 +350,7 @@ async function runCliMode(options) {
                 setTimeout(() => resolve(), 3000);
             });
         }
-        catch (e) {
+        catch (_e) {
             // Process may already be dead
         }
     }
@@ -363,7 +367,7 @@ async function runCliMode(options) {
         try {
             agentProcess.kill("SIGKILL");
         }
-        catch (e) {
+        catch (_e) {
             // Process may already be dead
         }
         process.exit(1);
@@ -400,7 +404,7 @@ export async function runCommand(options) {
         // Looking for patterns like: name: "bibliotecha" or name: 'bibliotecha'
         usesBibliotechaMcp = /name:\s*["']bibliotecha["']/.test(content);
     }
-    catch (error) {
+    catch (_error) {
         // If we can't read the agent definition, just use the directory name
         // Silently fail - the directory name is a reasonable fallback
     }
@@ -436,7 +440,7 @@ export async function runCommand(options) {
             try {
                 debuggerProcess.kill("SIGTERM");
             }
-            catch (e) {
+            catch (_e) {
                 // Process may already be dead
             }
         }
@@ -501,6 +505,7 @@ export async function runCommand(options) {
             env: {
                 ...process.env,
                 ...configEnvVars,
+                AGENT_NAME: name,
                 NODE_ENV: process.env.NODE_ENV || "production",
                 PORT: port.toString(),
                 ENABLE_TELEMETRY: "true",
@@ -538,13 +543,13 @@ export async function runCommand(options) {
             try {
                 agentProcess.kill("SIGTERM");
             }
-            catch (e) {
+            catch (_e) {
                 // Process may already be dead
             }
             try {
                 guiProcess.kill("SIGTERM");
             }
-            catch (e) {
+            catch (_e) {
                 // Process may already be dead
             }
             // Also cleanup debugger
@@ -588,6 +593,7 @@ export async function runCommand(options) {
             env: {
                 ...process.env,
                 ...configEnvVars,
+                AGENT_NAME: name,
                 NODE_ENV: process.env.NODE_ENV || "production",
                 PORT: port.toString(),
                 ENABLE_TELEMETRY: "true",
@@ -603,7 +609,7 @@ export async function runCommand(options) {
             try {
                 agentProcess.kill("SIGTERM");
             }
-            catch (e) {
+            catch (_e) {
                 // Process may already be dead
             }
             // Also cleanup debugger
@@ -643,6 +649,7 @@ export async function runCommand(options) {
         await runCliMode({
             binPath,
             agentPath,
+            agentName: name,
             workingDir: agentPath,
             prompt,
             configEnvVars,
@@ -673,7 +680,7 @@ export async function runCommand(options) {
     process.on("SIGINT", handleTuiSigint);
     process.on("SIGTERM", handleTuiSigint);
     // Render the tabbed UI with Chat and Logs
-    const { waitUntilExit } = render(_jsx(TuiRunner, { agentPath: binPath, workingDir: agentPath, noSession: noSession, onExit: () => {
+    const { waitUntilExit } = render(_jsx(TuiRunner, { agentPath: binPath, workingDir: agentPath, agentName: name, noSession: noSession, onExit: () => {
             // Cleanup is handled by the ACP client disconnect
             cleanupDebugger?.();
         } }));

package/dist/commands/secret.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+    def: import("@optique/core").Parser<{
+        readonly command: "secret";
+        readonly subcommand: {
+            readonly action: "list";
+        } | {
+            readonly action: "add";
+            readonly name: string;
+            readonly value: string | undefined;
+        } | {
+            readonly action: "update";
+            readonly name: string | undefined;
+            readonly value: string | undefined;
+            readonly genenv: true | undefined;
+        } | {
+            readonly action: "remove";
+            readonly name: string;
+        } | {
+            readonly action: "genenv";
+        };
+    }, ["matched", string] | ["parsing", {
+        readonly command: "secret";
+        readonly subcommand: [0, import("@optique/core").ParserResult<["matched", string] | ["parsing", {
+            readonly action: "list";
+        }] | undefined>] | [1, import("@optique/core").ParserResult<["matched", string] | ["parsing", {
+            readonly action: "add";
+            readonly name: import("@optique/core").ValueParserResult<string> | undefined;
+            readonly value: [import("@optique/core").ValueParserResult<string> | undefined] | undefined;
+        }] | undefined>] | [2, import("@optique/core").ParserResult<["matched", string] | ["parsing", {
+            readonly action: "update";
+            readonly name: [import("@optique/core").ValueParserResult<string> | undefined] | undefined;
+            readonly value: [import("@optique/core").ValueParserResult<string> | undefined] | undefined;
+            readonly genenv: [import("@optique/core").ValueParserResult<true> | undefined] | undefined;
+        }] | undefined>] | [3, import("@optique/core").ParserResult<["matched", string] | ["parsing", {
+            readonly action: "remove";
+            readonly name: import("@optique/core").ValueParserResult<string> | undefined;
+        }] | undefined>] | [4, import("@optique/core").ParserResult<["matched", string] | ["parsing", {
+            readonly action: "genenv";
+        }] | undefined>] | undefined;
+    }] | undefined>;
+    impl: (def: {
+        readonly command: "secret";
+        readonly subcommand: {
+            readonly action: "list";
+        } | {
+            readonly action: "add";
+            readonly name: string;
+            readonly value: string | undefined;
+        } | {
+            readonly action: "update";
+            readonly name: string | undefined;
+            readonly value: string | undefined;
+            readonly genenv: true | undefined;
+        } | {
+            readonly action: "remove";
+            readonly name: string;
+        } | {
+            readonly action: "genenv";
+        };
+    }) => unknown;
+};
+export default _default;

package/dist/commands/secret.js

@@ -0,0 +1,119 @@
+import { argument, command, constant, flag, message, object, optional, or, string, } from "@optique/core";
+import { updateSchema as updateEnvSchema } from "@townco/env/update-schema";
+import { createSecret, deleteSecret, genenv, listSecrets, updateSecret, } from "@townco/secret";
+import inquirer from "inquirer";
+import { match } from "ts-pattern";
+import { createCommand } from "@/lib/command";
+/**
+ * Securely prompt for a secret value without echoing to the terminal
+ */
+const promptSecret = async (secretName) => {
+    const answers = await inquirer.prompt([
+        {
+            type: "password",
+            name: "value",
+            message: `Enter value for secret '${secretName}':`,
+            mask: "*",
+        },
+    ]);
+    return answers.value;
+};
+export default createCommand({
+    def: command("secret", object({
+        command: constant("secret"),
+        subcommand: or(command("list", object({ action: constant("list") }), {
+            brief: message `List secrets.`,
+        }), command("add", object({
+            action: constant("add"),
+            name: argument(string({ metavar: "NAME" })),
+            value: optional(argument(string({ metavar: "VALUE" }))),
+        }), { brief: message `Add a secret.` }), command("update", object({
+            action: constant("update"),
+            name: optional(argument(string({ metavar: "NAME" }))),
+            value: optional(argument(string({ metavar: "VALUE" }))),
+            genenv: optional(flag("-g", "--genenv", {
+                description: message `Regenerate .env file.`,
+            })),
+        }), { brief: message `Update a secret.` }), command("remove", object({
+            action: constant("remove"),
+            name: argument(string({ metavar: "NAME" })),
+        }), { brief: message `Remove a secret.` }), command("genenv", object({ action: constant("genenv") }), {
+            brief: message `Generate .env file.`,
+        })),
+    }), { brief: message `Secrets management.` }),
+    impl: async ({ subcommand }) => {
+        await match(subcommand)
+            .with({ action: "list" }, async () => {
+            const truncate = (str, maxLength = 50) => {
+                if (str.length <= maxLength)
+                    return str;
+                return `${str.slice(0, maxLength - 3)}...`;
+            };
+            console.table((await listSecrets()).map((secret) => ({
+                Key: secret.key,
+                Valid: secret.valid ? "✓" : "✗",
+                Error: truncate(secret.error ?? ""),
+            })));
+        })
+            .with({ action: "add" }, async ({ name, value }) => {
+            // If value is not provided, prompt securely
+            const secretValue = value ?? (await promptSecret(name));
+            if (!secretValue) {
+                console.error("Error: Secret value cannot be empty");
+                process.exit(1);
+            }
+            await createSecret(name, secretValue);
+            await updateEnvSchema();
+            console.log(`Secret '${name}' added successfully (& @packages/env schema updated).`);
+        })
+            .with({ action: "update" }, async ({ name, value, genenv: regen }) => {
+            let secretName = name;
+            // If name is not provided, show a list prompt to select from existing secrets
+            if (!secretName) {
+                const secrets = await listSecrets();
+                if (secrets.length === 0) {
+                    console.error("No secrets found to update.");
+                    process.exit(1);
+                }
+                const answer = await inquirer.prompt([
+                    {
+                        type: "list",
+                        name: "selectedSecret",
+                        message: "Select a secret to update:",
+                        choices: secrets.map((s) => ({
+                            name: `${s.key} ${s.valid ? "✓" : "✗"}`,
+                            value: s.key,
+                        })),
+                    },
+                ]);
+                secretName = answer.selectedSecret;
+            }
+            // If value is not provided, prompt securely
+            if (!secretName) {
+                console.error("Error: Secret name is required");
+                process.exit(1);
+            }
+            const secretValue = value ?? (await promptSecret(secretName));
+            if (!secretValue) {
+                console.error("Error: Secret value cannot be empty");
+                process.exit(1);
+            }
+            await updateSecret(secretName, secretValue);
+            console.log(`Secret '${secretName}' updated successfully.`);
+            if (regen) {
+                await genenv();
+                console.log(".env file generated successfully.");
+            }
+        })
+            .with({ action: "remove" }, async ({ name }) => {
+            await deleteSecret(name);
+            await updateEnvSchema();
+            console.log(`Secret '${name}' removed successfully (& @packages/env schema updated).`);
+        })
+            .with({ action: "genenv" }, async () => {
+            await genenv();
+            console.log(".env file generated successfully.");
+        })
+            .exhaustive();
+    },
+});

package/dist/components/LogsPane.d.ts

@@ -2,4 +2,4 @@ export interface LogsPaneProps {
     logsDir?: string;
     sessionStartTime?: string;
 }
-export declare function LogsPane({ logsDir: customLogsDir, sessionStartTime: providedSessionStartTime, }?: LogsPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsPane({ logsDir: customLogsDir, sessionStartTime: providedSessionStartTime }?: LogsPaneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/LogsPane.js

@@ -241,13 +241,22 @@ export function LogsPane({ logsDir: customLogsDir, sessionStartTime: providedSes
         : searchedLogs.slice(Math.max(0, totalLogs - maxLines - scrollOffset), totalLogs - scrollOffset);
     const _canScrollUp = totalLogs > maxLines && scrollOffset < totalLogs - maxLines;
     const _canScrollDown = scrollOffset > 0;
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [searchMode && (_jsxs(Box, { borderStyle: "single", borderBottom: true, borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "Search: " }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search..." }), _jsx(Text, { dimColor: true, children: " (ESC to exit)" })] })), _jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: displayLogs.length === 0 ? (_jsx(Text, { dimColor: true, children: "No logs match the current filters. Press 'c' to clear filters." })) : (displayLogs.map((log, idx) => {
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [searchMode && (_jsxs(Box, { borderStyle: "single", borderBottom: true, borderColor: "cyan", paddingX: 1, children: [
+                    _jsx(Text, { color: "cyan", children: "Search: " }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search..." }), _jsx(Text, { dimColor: true, children: " (ESC to exit)" })
+                ] })), _jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: displayLogs.length === 0 ? (_jsx(Text, { dimColor: true, children: "No logs match the current filters. Press 'c' to clear filters." })) : (displayLogs.map((log, idx) => {
                     const serviceColor = SERVICE_COLORS[availableServices.indexOf(log.service) % SERVICE_COLORS.length] || "white";
                     const levelColor = LOG_COLORS[log.level] || "white";
                     const time = new Date(log.timestamp).toLocaleTimeString();
                     const keyStr = `${log.timestamp}-${idx}`;
-                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[", time, "]"] }), _jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), _jsxs(Text, { color: levelColor, children: [" [", log.level.toUpperCase(), "]"] }), _jsxs(Text, { children: [" ", log.message] })] }), expandedLogs &&
+                    return (_jsxs(Box, { flexDirection: "column", children: [
+                            _jsxs(Box, { children: [
+                                    _jsxs(Text, { dimColor: true, children: ["[", time, "]"] }), _jsxs(Text, { color: serviceColor, children: [" [", log.service, "]"] }), _jsxs(Text, { color: levelColor, children: [" [", log.level.toUpperCase(), "]"] }), _jsxs(Text, { children: [" ", log.message] })
+                                ] }), expandedLogs &&
                                 log.metadata &&
                                 Object.keys(log.metadata).length > 0 && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: JSON.stringify(log.metadata, null, 2) }) }))] }, keyStr));
-                })) }), _jsxs(Box, { borderStyle: "single", borderTop: true, borderColor: "gray", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [serviceFilter && _jsxs(Text, { children: ["[", serviceFilter, "] "] }), levelFilter && (_jsxs(Text, { children: ["[", ">=", levelFilter, "]", " "] })), searchQuery && _jsxs(Text, { color: "cyan", children: ["[SEARCH: ", searchQuery, "] "] }), !isAtBottom && _jsx(Text, { color: "yellow", children: "[SCROLLED] " }), expandedLogs && _jsx(Text, { color: "green", children: "[EXPANDED] " }), _jsxs(Text, { dimColor: true, children: [displayLogs.length, "/", totalLogs, " logs", scrollOffset > 0 && ` (${scrollOffset} from bottom)`] })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "(/)search | (s)ervice | (l)evel | (e)xpand | (c)lear | ESC" }) })] })] }));
+                })) }), _jsxs(Box, { borderStyle: "single", borderTop: true, borderColor: "gray", paddingX: 1, justifyContent: "space-between", children: [
+                    _jsxs(Box, { children: [serviceFilter && _jsxs(Text, { children: ["[", serviceFilter, "] "] }), levelFilter && (_jsxs(Text, { children: ["[", ">=", levelFilter, "]", " "] })), searchQuery && _jsxs(Text, { color: "cyan", children: ["[SEARCH: ", searchQuery, "] "] }), !isAtBottom && _jsx(Text, { color: "yellow", children: "[SCROLLED] " }), expandedLogs && _jsx(Text, { color: "green", children: "[EXPANDED] " }), _jsxs(Text, { dimColor: true, children: [displayLogs.length, "/", totalLogs, " logs", scrollOffset > 0 && ` (${scrollOffset} from bottom)`] })
+                        ] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "(/)search | (s)ervice | (l)evel | (e)xpand | (c)lear | ESC" }) })
+                ] })
+        ] }));
 }

package/dist/components/ProcessPane.d.ts

@@ -5,4 +5,4 @@ export interface ProcessPaneProps {
     status: "starting" | "running" | "stopped" | "error";
     onClear?: () => void;
 }
-export declare function ProcessPane({ title, output, port, status, onClear, }: ProcessPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProcessPane({ title, output, port, status, onClear }: ProcessPaneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProcessPane.js

@@ -84,5 +84,13 @@ export function ProcessPane({ title, output, port, status, onClear, }) {
             : status === "starting"
                 ? "yellow"
                 : "gray";
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsxs(Box, { borderStyle: "single", paddingX: 1, marginBottom: 1, flexShrink: 0, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: title }), port && _jsxs(Text, { color: "gray", children: [" - http://localhost:", port] }), _jsx(Text, { children: " " }), _jsx(Text, { color: statusColor, children: "\u25CF" }), _jsxs(Text, { children: [" ", status] }), searchQuery && _jsxs(Text, { color: "cyan", children: [" [SEARCH: ", searchQuery, "]"] }), !isAtBottom && _jsx(Text, { color: "yellow", children: " [SCROLLED]" })] }), _jsx(Text, { color: "gray", children: "(/)search | \u2191\u2193 | (c)lear | ESC" })] }), searchMode && (_jsxs(Box, { borderStyle: "single", borderBottom: true, borderColor: "cyan", paddingX: 1, marginBottom: 1, flexShrink: 0, children: [_jsx(Text, { color: "cyan", children: "Search: " }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search..." }), _jsx(Text, { dimColor: true, children: " (ESC to exit)" })] })), _jsx(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, paddingX: 1, children: displayOutput.length === 0 ? (_jsx(Text, { color: "gray", children: "Waiting for output..." })) : (displayOutput.map((line, idx) => (_jsx(Text, { children: line }, `${idx}-${line.slice(0, 20)}`)))) }), _jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexShrink: 0, justifyContent: "space-between", children: [_jsxs(Text, { color: "gray", children: ["Showing ", displayOutput.length, " of ", searchedOutput.length, " lines", searchQuery && ` (${searchedOutput.length} matches)`, scrollOffset > 0 && ` (${scrollOffset} from bottom)`] }), (canScrollUp || canScrollDown) && (_jsxs(Text, { color: "gray", children: [canScrollUp && "↑ ", canScrollDown && "↓"] }))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [
+            _jsxs(Box, { borderStyle: "single", paddingX: 1, marginBottom: 1, flexShrink: 0, justifyContent: "space-between", children: [
+                    _jsxs(Box, { children: [
+                            _jsx(Text, { color: "cyan", bold: true, children: title }), port && _jsxs(Text, { color: "gray", children: [" - http://localhost:", port] }), _jsx(Text, { children: " " }), _jsx(Text, { color: statusColor, children: "\u25CF" }), _jsxs(Text, { children: [" ", status] }), searchQuery && _jsxs(Text, { color: "cyan", children: [" [SEARCH: ", searchQuery, "]"] }), !isAtBottom && _jsx(Text, { color: "yellow", children: " [SCROLLED]" })] }), _jsx(Text, { color: "gray", children: "(/)search | \u2191\u2193 | (c)lear | ESC" })
+                ] }), searchMode && (_jsxs(Box, { borderStyle: "single", borderBottom: true, borderColor: "cyan", paddingX: 1, marginBottom: 1, flexShrink: 0, children: [
+                    _jsx(Text, { color: "cyan", children: "Search: " }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search..." }), _jsx(Text, { dimColor: true, children: " (ESC to exit)" })
+                ] })), _jsx(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, paddingX: 1, children: displayOutput.length === 0 ? (_jsx(Text, { color: "gray", children: "Waiting for output..." })) : (displayOutput.map((line, idx) => (_jsx(Text, { children: line }, `${idx}-${line.slice(0, 20)}`)))) }), _jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexShrink: 0, justifyContent: "space-between", children: [
+                    _jsxs(Text, { color: "gray", children: ["Showing ", displayOutput.length, " of ", searchedOutput.length, " lines", searchQuery && ` (${searchedOutput.length} matches)`, scrollOffset > 0 && ` (${scrollOffset} from bottom)`] }), (canScrollUp || canScrollDown) && (_jsxs(Text, { color: "gray", children: [canScrollUp && "↑ ", canScrollDown && "↓"] }))] })
+        ] }));
 }

package/dist/components/StatusLine.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 export function StatusLine({ activeTab, tabs, rightContent }) {
-    return (_jsxs(Box, { borderStyle: "single", borderColor: "blue", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [tabs.map((tab, idx) => (_jsxs(Text, { children: [_jsx(Text, { color: activeTab === idx ? "green" : "gray", children: tab }), idx < tabs.length - 1 && _jsx(Text, { color: "gray", children: " | " })] }, tab))), _jsx(Text, { color: "gray", children: " | " }), _jsx(Text, { color: "yellow", children: "tab" }), _jsx(Text, { color: "gray", children: " to switch" })] }), rightContent && _jsx(Box, { children: rightContent })] }));
+    return (_jsxs(Box, { borderStyle: "single", borderColor: "blue", paddingX: 1, justifyContent: "space-between", children: [
+            _jsxs(Box, { children: [tabs.map((tab, idx) => (_jsxs(Text, { children: [
+                            _jsx(Text, { color: activeTab === idx ? "green" : "gray", children: tab }), idx < tabs.length - 1 && _jsx(Text, { color: "gray", children: " | " })] }, tab))), _jsx(Text, { color: "gray", children: " | " }), _jsx(Text, { color: "yellow", children: "tab" }), _jsx(Text, { color: "gray", children: " to switch" })
+                ] }), rightContent && _jsx(Box, { children: rightContent })] }));
 }

package/dist/components/TabbedOutput.d.ts

@@ -19,4 +19,4 @@ export interface TabbedOutputProps {
     onExit: () => void;
     onPortDetected?: (processIndex: number, port: number) => void;
 }
-export declare function TabbedOutput({ processes, customTabs, logsDir, onExit, onPortDetected, }: TabbedOutputProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TabbedOutput({ processes, customTabs, logsDir, onExit, onPortDetected }: TabbedOutputProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TabbedOutput.js

@@ -195,5 +195,6 @@ export function TabbedOutput({ processes, customTabs = [], logsDir, onExit, onPo
     const statusContent = isCustomTab(currentTab) && currentTab.renderStatus
         ? currentTab.renderStatus()
         : null;
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [isProcessTab(currentTab) ? (_jsx(ProcessPane, { title: currentTab.name, output: outputs[activeTab] || [], port: ports[activeTab], status: statuses[activeTab] || "starting", onClear: handleClearOutput })) : isCustomTab(currentTab) ? (currentTab.render()) : null, _jsx(StatusLine, { activeTab: activeTab, tabs: allTabs.map((t) => t.name), rightContent: statusContent })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [isProcessTab(currentTab) ? (_jsx(ProcessPane, { title: currentTab.name, output: outputs[activeTab] || [], port: ports[activeTab], status: statuses[activeTab] || "starting", onClear: handleClearOutput })) : isCustomTab(currentTab) ? (currentTab.render()) : null, _jsx(StatusLine, { activeTab: activeTab, tabs: allTabs.map((t) => t.name), rightContent: statusContent })
+        ] }));
 }