wave-code 0.2.1 → 0.5.0

package/dist/components/MarketplaceList.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const MarketplaceList = ({ marketplaces, selectedIndex, }) => {
+    if (marketplaces.length === 0) {
+        return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "No marketplaces registered." }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", children: marketplaces.map((marketplace, index) => {
+            const isSelected = index === selectedIndex;
+            const sourceStr = marketplace.source.source === "directory"
+                ? marketplace.source.path
+                : marketplace.source.source === "github"
+                    ? marketplace.source.repo
+                    : marketplace.source.url;
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "> " : "  ", _jsx(Text, { bold: true, children: marketplace.name }), marketplace.isBuiltin && (_jsx(Text, { color: "yellow", children: " [Built-in]" }))] }) }), _jsx(Box, { marginLeft: 4, children: _jsxs(Text, { dimColor: true, children: ["Source: ", sourceStr] }) })] }, marketplace.name));
+        }) }));
+};

package/dist/components/MarketplaceView.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const MarketplaceView: React.FC;
+//# sourceMappingURL=MarketplaceView.d.ts.map

package/dist/components/MarketplaceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceView.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAoCnC,CAAC"}

package/dist/components/MarketplaceView.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+import { MarketplaceList } from "./MarketplaceList.js";
+export const MarketplaceView = () => {
+    const { marketplaces, actions } = usePluginManagerContext();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+        }
+        else if (key.downArrow) {
+            setSelectedIndex(Math.min(marketplaces.length - 1, selectedIndex + 1));
+        }
+        else if (key.return) {
+            const mk = marketplaces[selectedIndex];
+            if (mk) {
+                actions.setSelectedId(mk.name);
+                actions.setView("MARKETPLACE_DETAIL");
+            }
+        }
+        else if (input === "a") {
+            actions.setView("ADD_MARKETPLACE");
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "green", children: "Press 'a' to add a new marketplace" }) }), _jsx(MarketplaceList, { marketplaces: marketplaces, selectedIndex: selectedIndex }), marketplaces.length > 0 && (_jsx(Box, { marginLeft: 4, marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter for actions" }) }))] }));
+};

package/dist/components/PlanDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlanDisplay.d.ts","sourceRoot":"","sources":["../../src/components/PlanDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoClD,CAAC"}
+{"version":3,"file":"PlanDisplay.d.ts","sourceRoot":"","sources":["../../src/components/PlanDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC"}

package/dist/components/PlanDisplay.js

@@ -6,9 +6,9 @@ export const PlanDisplay = ({ plan, isExpanded = false, }) => {
     const { stdout } = useStdout();
     const maxHeight = useMemo(() => {
         // Similar to DiffDisplay.tsx maxHeight calculation
-        return Math.max(5, (stdout?.rows || 24) - 20);
+        return Math.max(5, (stdout?.rows || 24) - 25);
     }, [stdout?.rows]);
     const lines = useMemo(() => plan.split("\n"), [plan]);
     const isOverflowing = !isExpanded && lines.length > maxHeight;
-    return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Box, { paddingLeft: 2, borderLeft: true, borderColor: "cyan", flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Plan Content:" }), _jsx(Box, { flexDirection: "column", height: isOverflowing ? maxHeight : undefined, overflow: "hidden", children: _jsx(Markdown, { children: plan }) }), isOverflowing && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["... (plan truncated, ", lines.length, " lines total)"] }) }))] }) }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { flexDirection: "column", height: isOverflowing ? maxHeight : undefined, overflow: "hidden", children: _jsx(Markdown, { children: plan }) }), isOverflowing && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["... (plan truncated, ", lines.length, " lines total)"] }) }))] }));
 };

package/dist/components/PluginDetail.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const PluginDetail: React.FC;
+//# sourceMappingURL=PluginDetail.d.ts.map

package/dist/components/PluginDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginDetail.d.ts","sourceRoot":"","sources":["../../src/components/PluginDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAwIhC,CAAC"}

package/dist/components/PluginDetail.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+const SCOPES = [
+    { id: "project", label: "Install for all collaborators (project scope)" },
+    { id: "user", label: "Install for you (user scope)" },
+    { id: "local", label: "Install for you, in this repo only (local scope)" },
+];
+export const PluginDetail = () => {
+    const { state, discoverablePlugins, installedPlugins, actions } = usePluginManagerContext();
+    const [selectedScopeIndex, setSelectedScopeIndex] = useState(0);
+    const [selectedActionIndex, setSelectedActionIndex] = useState(0);
+    const plugin = discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId) ||
+        installedPlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId);
+    const INSTALLED_ACTIONS = [
+        { id: "update", label: "Update plugin (reinstall)" },
+        { id: "uninstall", label: "Uninstall plugin" },
+    ];
+    const isInstalledAndEnabled = plugin && "enabled" in plugin && plugin.enabled;
+    useInput((input, key) => {
+        if (key.escape) {
+            const isFromDiscover = discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId);
+            actions.setView(isFromDiscover ? "DISCOVER" : "INSTALLED");
+        }
+        else if (key.upArrow) {
+            if (isInstalledAndEnabled) {
+                setSelectedActionIndex((prev) => prev > 0 ? prev - 1 : INSTALLED_ACTIONS.length - 1);
+            }
+            else {
+                setSelectedScopeIndex((prev) => prev > 0 ? prev - 1 : SCOPES.length - 1);
+            }
+        }
+        else if (key.downArrow) {
+            if (isInstalledAndEnabled) {
+                setSelectedActionIndex((prev) => prev < INSTALLED_ACTIONS.length - 1 ? prev + 1 : 0);
+            }
+            else {
+                setSelectedScopeIndex((prev) => prev < SCOPES.length - 1 ? prev + 1 : 0);
+            }
+        }
+        else if (key.return && plugin) {
+            if (isInstalledAndEnabled) {
+                const action = INSTALLED_ACTIONS[selectedActionIndex].id;
+                if (action === "uninstall") {
+                    actions.uninstallPlugin(plugin.name, plugin.marketplace);
+                }
+                else {
+                    actions.updatePlugin(plugin.name, plugin.marketplace);
+                }
+                actions.setView("INSTALLED");
+            }
+            else {
+                actions.installPlugin(plugin.name, plugin.marketplace, SCOPES[selectedScopeIndex].id);
+                actions.setView("INSTALLED");
+            }
+        }
+    });
+    if (!plugin) {
+        return (_jsx(Box, { children: _jsx(Text, { color: "red", children: "Plugin not found." }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: plugin.name }), _jsxs(Text, { dimColor: true, children: [" @", plugin.marketplace] })] }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "description" in plugin ? plugin.description : "" }) }), plugin.version && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { children: ["Version: ", _jsx(Text, { color: "blue", children: plugin.version })] }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [isInstalledAndEnabled ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Plugin Actions:" }), INSTALLED_ACTIONS.map((action, index) => (_jsxs(Text, { color: index === selectedActionIndex ? "yellow" : undefined, children: [index === selectedActionIndex ? "> " : "  ", action.label] }, action.id))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191/\u2193 to select, Enter to confirm" }) })] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Select Installation Scope:" }), SCOPES.map((scope, index) => (_jsxs(Text, { color: index === selectedScopeIndex ? "green" : undefined, children: [index === selectedScopeIndex ? "> " : "  ", scope.label] }, scope.id))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191/\u2193 to select, Enter to install" }) })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Esc to go back" }) })] })] }));
+};

package/dist/components/PluginList.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { MarketplacePluginEntry } from "wave-agent-sdk";
+interface PluginListProps {
+    plugins: (MarketplacePluginEntry & {
+        marketplace: string;
+        installed: boolean;
+        version?: string;
+    })[];
+    selectedIndex: number;
+    onSelect?: (index: number) => void;
+}
+export declare const PluginList: React.FC<PluginListProps>;
+export {};
+//# sourceMappingURL=PluginList.d.ts.map

package/dist/components/PluginList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../src/components/PluginList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,eAAe;IACvB,OAAO,EAAE,CAAC,sBAAsB,GAAG;QACjC,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,EAAE,CAAC;IACL,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAC"}

package/dist/components/PluginList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const PluginList = ({ plugins, selectedIndex, }) => {
+    if (plugins.length === 0) {
+        return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "No plugins found." }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", children: plugins.map((plugin, index) => {
+            const isSelected = index === selectedIndex;
+            const pluginId = `${plugin.name}@${plugin.marketplace}`;
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "> " : "  ", _jsx(Text, { bold: true, children: plugin.name }), _jsxs(Text, { dimColor: true, children: [" @", plugin.marketplace] }), plugin.version && _jsxs(Text, { color: "blue", children: [" v", plugin.version] })] }) }), _jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: plugin.description }) })] }, pluginId));
+        }) }));
+};

package/dist/components/PluginManagerShell.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const PluginManagerShell: React.FC<{
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=PluginManagerShell.d.ts.map

package/dist/components/PluginManagerShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagerShell.d.ts","sourceRoot":"","sources":["../../src/components/PluginManagerShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAgLvE,CAAC"}

package/dist/components/PluginManagerShell.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { usePluginManager } from "../hooks/usePluginManager.js";
+import { DiscoverView } from "./DiscoverView.js";
+import { InstalledView } from "./InstalledView.js";
+import { MarketplaceView } from "./MarketplaceView.js";
+import { MarketplaceDetail } from "./MarketplaceDetail.js";
+import { PluginDetail } from "./PluginDetail.js";
+import { MarketplaceAddForm } from "./MarketplaceAddForm.js";
+import { PluginManagerContext } from "../contexts/PluginManagerContext.js";
+export const PluginManagerShell = ({ children, }) => {
+    const pluginManager = usePluginManager();
+    const { state, actions, discoverablePlugins } = pluginManager;
+    const setView = (view) => {
+        if (view !== "PLUGIN_DETAIL" &&
+            view !== "MARKETPLACE_DETAIL" &&
+            view !== "ADD_MARKETPLACE") {
+            actions.setSelectedId(null);
+        }
+        actions.setView(view);
+    };
+    useInput((input, key) => {
+        if (key.tab) {
+            const views = ["DISCOVER", "INSTALLED", "MARKETPLACES"];
+            const currentIndex = views.indexOf(state.currentView === "PLUGIN_DETAIL"
+                ? discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId)
+                    ? "DISCOVER"
+                    : "INSTALLED"
+                : state.currentView === "MARKETPLACE_DETAIL" ||
+                    state.currentView === "ADD_MARKETPLACE"
+                    ? "MARKETPLACES"
+                    : state.currentView);
+            let nextIndex;
+            if (key.shift) {
+                nextIndex = (currentIndex - 1 + views.length) % views.length;
+            }
+            else {
+                nextIndex = (currentIndex + 1) % views.length;
+            }
+            setView(views[nextIndex]);
+        }
+        if (key.escape) {
+            if (state.currentView === "PLUGIN_DETAIL") {
+                const isFromDiscover = discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId);
+                setView(isFromDiscover ? "DISCOVER" : "INSTALLED");
+            }
+            else if (state.currentView === "MARKETPLACE_DETAIL" ||
+                state.currentView === "ADD_MARKETPLACE") {
+                setView("MARKETPLACES");
+            }
+        }
+    });
+    const renderView = () => {
+        if (state.isLoading && !state.selectedId) {
+            return (_jsx(Box, { padding: 1, children: _jsx(Text, { color: "yellow", children: "Loading..." }) }));
+        }
+        switch (state.currentView) {
+            case "DISCOVER":
+                return _jsx(DiscoverView, {});
+            case "INSTALLED":
+                return _jsx(InstalledView, {});
+            case "MARKETPLACES":
+                return _jsx(MarketplaceView, {});
+            case "MARKETPLACE_DETAIL":
+                return _jsx(MarketplaceDetail, {});
+            case "PLUGIN_DETAIL":
+                return _jsx(PluginDetail, {});
+            case "ADD_MARKETPLACE":
+                return _jsx(MarketplaceAddForm, {});
+            default:
+                return _jsx(DiscoverView, {});
+        }
+    };
+    return (_jsx(PluginManagerContext.Provider, { value: pluginManager, children: _jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", borderStyle: "round", borderColor: "cyan", children: [_jsxs(Box, { paddingX: 1, borderStyle: "single", borderBottom: true, borderTop: false, borderLeft: false, borderRight: false, children: [_jsx(Box, { marginRight: 2, children: _jsx(Text, { bold: true, color: "cyan", children: "Plugin Manager" }) }), _jsxs(Box, { children: [_jsxs(Text, { color: state.currentView === "DISCOVER" ||
+                                        (state.currentView === "PLUGIN_DETAIL" &&
+                                            !!discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId))
+                                        ? "yellow"
+                                        : undefined, children: [" ", "Discover", " "] }), _jsxs(Text, { color: state.currentView === "INSTALLED" ||
+                                        (state.currentView === "PLUGIN_DETAIL" &&
+                                            !discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId))
+                                        ? "yellow"
+                                        : undefined, children: [" ", "Installed", " "] }), _jsxs(Text, { color: state.currentView === "MARKETPLACES" ||
+                                        state.currentView === "MARKETPLACE_DETAIL" ||
+                                        state.currentView === "ADD_MARKETPLACE"
+                                        ? "yellow"
+                                        : undefined, children: [" ", "Marketplaces", " "] })] })] }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", padding: 1, children: [renderView(), children] }), _jsxs(Box, { paddingX: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, children: [_jsx(Text, { dimColor: true, children: state.isLoading
+                                ? "Loading..."
+                                : "Use Tab to switch views, arrows to navigate, Enter to select, Esc to go back" }), state.error && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "red", children: ["Error: ", state.error] }) }))] })] }) }));
+};

package/dist/components/PluginManagerTypes.d.ts

@@ -0,0 +1,33 @@
+import { KnownMarketplace, InstalledPlugin, MarketplacePluginEntry } from "wave-agent-sdk";
+export type ViewType = "DISCOVER" | "INSTALLED" | "MARKETPLACES" | "PLUGIN_DETAIL" | "MARKETPLACE_DETAIL" | "ADD_MARKETPLACE";
+export interface PluginManagerState {
+    currentView: ViewType;
+    selectedId: string | null;
+    isLoading: boolean;
+    error: string | null;
+    searchQuery: string;
+}
+export interface PluginManagerContextType {
+    state: PluginManagerState;
+    marketplaces: KnownMarketplace[];
+    installedPlugins: (InstalledPlugin & {
+        enabled: boolean;
+    })[];
+    discoverablePlugins: (MarketplacePluginEntry & {
+        marketplace: string;
+        installed: boolean;
+        version?: string;
+    })[];
+    actions: {
+        setView: (view: ViewType) => void;
+        setSelectedId: (id: string | null) => void;
+        addMarketplace: (source: string) => Promise<void>;
+        removeMarketplace: (name: string) => Promise<void>;
+        updateMarketplace: (name: string) => Promise<void>;
+        installPlugin: (name: string, marketplace: string, scope?: "user" | "project" | "local") => Promise<void>;
+        uninstallPlugin: (name: string, marketplace: string) => Promise<void>;
+        updatePlugin: (name: string, marketplace: string) => Promise<void>;
+        refresh: () => Promise<void>;
+    };
+}
+//# sourceMappingURL=PluginManagerTypes.d.ts.map

package/dist/components/PluginManagerTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagerTypes.d.ts","sourceRoot":"","sources":["../../src/components/PluginManagerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,WAAW,GACX,cAAc,GACd,eAAe,GACf,oBAAoB,GACpB,iBAAiB,CAAC;AAEtB,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,gBAAgB,EAAE,CAAC,eAAe,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,EAAE,CAAC;IAC7D,mBAAmB,EAAE,CAAC,sBAAsB,GAAG;QAC7C,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,EAAE,CAAC;IACL,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;QAClC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;QAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,aAAa,EAAE,CACb,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,KACjC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QACtE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QACnE,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;KAC9B,CAAC;CACH"}

package/dist/components/PluginManagerTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/components/RewindCommand.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Message } from "wave-agent-sdk";
+export interface RewindCommandProps {
+    messages: Message[];
+    onSelect: (index: number) => void;
+    onCancel: () => void;
+}
+export declare const RewindCommand: React.FC<RewindCommandProps>;
+//# sourceMappingURL=RewindCommand.d.ts.map

package/dist/components/RewindCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RewindCommand.d.ts","sourceRoot":"","sources":["../../src/components/RewindCommand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,OAAO,EAAa,MAAM,gBAAgB,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuGtD,CAAC"}

package/dist/components/RewindCommand.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+export const RewindCommand = ({ messages, onSelect, onCancel, }) => {
+    // Filter user messages as checkpoints
+    const checkpoints = messages
+        .map((msg, index) => ({ msg, index }))
+        .filter(({ msg }) => msg.role === "user");
+    const [selectedIndex, setSelectedIndex] = useState(checkpoints.length - 1);
+    useInput((input, key) => {
+        if (key.return) {
+            if (checkpoints.length > 0 && selectedIndex >= 0) {
+                onSelect(checkpoints[selectedIndex].index);
+            }
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(Math.min(checkpoints.length - 1, selectedIndex + 1));
+            return;
+        }
+    });
+    if (checkpoints.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, borderStyle: "single", borderColor: "yellow", borderLeft: false, borderRight: false, children: [_jsx(Text, { color: "yellow", children: "No user messages found to rewind to." }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, gap: 1, borderStyle: "single", borderColor: "cyan", borderLeft: false, borderRight: false, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Rewind: Select a message to revert to" }) }), _jsx(Box, { flexDirection: "column", children: checkpoints.map((checkpoint, index) => {
+                    const isSelected = index === selectedIndex;
+                    const content = checkpoint.msg.blocks
+                        .filter((b) => b.type === "text")
+                        .map((b) => b.content)
+                        .join(" ")
+                        .substring(0, 60);
+                    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "cyan" : undefined, children: [isSelected ? "▶ " : "  ", "[", checkpoint.index, "]", " ", content || "(No text content)", index === checkpoints.length - 1 ? " (Latest)" : ""] }) }, checkpoint.index));
+                }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter to rewind \u2022 Esc to cancel" }) }), _jsx(Box, { children: _jsx(Text, { color: "red", dimColor: true, children: "\u26A0\uFE0F Warning: This will delete all subsequent messages and revert file changes." }) })] }));
+};

package/dist/components/SessionSelector.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SessionMetadata } from "wave-agent-sdk";
+export interface SessionSelectorProps {
+    sessions: (SessionMetadata & {
+        firstMessage?: string;
+    })[];
+    onSelect: (sessionId: string) => void;
+    onCancel: () => void;
+}
+export declare const SessionSelector: React.FC<SessionSelectorProps>;
+//# sourceMappingURL=SessionSelector.d.ts.map

package/dist/components/SessionSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionSelector.d.ts","sourceRoot":"","sources":["../../src/components/SessionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,eAAe,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IAC1D,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoH1D,CAAC"}

package/dist/components/SessionSelector.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+export const SessionSelector = ({ sessions, onSelect, onCancel, }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((input, key) => {
+        if (key.return) {
+            if (sessions.length > 0 && selectedIndex < sessions.length) {
+                onSelect(sessions[selectedIndex].id);
+            }
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(Math.min(sessions.length - 1, selectedIndex + 1));
+            return;
+        }
+    });
+    if (sessions.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", borderLeft: false, borderRight: false, paddingX: 1, width: "100%", children: [_jsx(Text, { color: "yellow", children: "No sessions found." }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
+    }
+    const maxDisplay = 10;
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(maxDisplay / 2), sessions.length - maxDisplay));
+    const displaySessions = sessions.slice(startIndex, startIndex + maxDisplay);
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, gap: 1, borderStyle: "single", borderColor: "cyan", borderLeft: false, borderRight: false, width: "100%", children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Select a session to resume" }) }), _jsx(Box, { flexDirection: "column", children: displaySessions.map((session, index) => {
+                    const actualIndex = startIndex + index;
+                    const isSelected = actualIndex === selectedIndex;
+                    const lastActiveAt = new Date(session.lastActiveAt).toLocaleString();
+                    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(Box, { width: "100%", children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "cyan" : undefined, children: [isSelected ? "▶ " : "  ", session.id, " | ", lastActiveAt, " | ", session.latestTotalTokens, " ", "tokens"] }) }), _jsx(Box, { marginLeft: 4, width: "100%", children: _jsx(Text, { dimColor: true, italic: true, children: session.firstMessage }) })] }, session.id));
+                }) }), sessions.length > maxDisplay && (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["... showing ", displaySessions.length, " of ", sessions.length, " sessions"] }) })), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter to select \u2022 Esc to cancel" }) })] }));
+};

package/dist/components/SubagentBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubagentBlock.d.ts","sourceRoot":"","sources":["../../src/components/SubagentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGzE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoGtD,CAAC"}
+{"version":3,"file":"SubagentBlock.d.ts","sourceRoot":"","sources":["../../src/components/SubagentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoItD,CAAC"}

package/dist/components/SubagentBlock.js

@@ -1,8 +1,13 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useChat } from "../contexts/useChat.js";
+import { Markdown } from "./Markdown.js";
 export const SubagentBlock = ({ block }) => {
     const { subagentMessages } = useChat();
+    // If the subagent is running in the background, don't show the block
+    if (block.runInBackground) {
+        return null;
+    }
     // Get messages for this subagent from context
     const messages = subagentMessages[block.subagentId] || [];
     // Status indicator mapping
@@ -43,5 +48,23 @@ export const SubagentBlock = ({ block }) => {
         return { tools: tools.reverse(), totalToolCount }; // Reverse to show oldest first, newest last
     };
     const { tools: lastTwoTools, totalToolCount } = getLastTwoTools();
-    return (_jsxs(Box, { borderRight: false, borderTop: false, borderBottom: false, borderStyle: "classic", borderColor: "magenta", paddingX: 1, paddingY: 0, flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { flexDirection: "row", gap: 1, children: _jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsxs(Text, { color: "cyan", children: ["\uD83E\uDD16 ", block.subagentName] }), _jsxs(Text, { color: statusInfo.color, dimColor: false, children: [" ", statusInfo.icon] }), _jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", messages.length, " messages)"] })] }) }), lastTwoTools.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, gap: 1, children: [totalToolCount > 2 && (_jsx(Text, { color: "gray", dimColor: true, children: "..." })), lastTwoTools.map((tool, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "magenta", children: "\uD83D\uDD27 " }), _jsx(Text, { color: "white", children: tool.name }), tool.compactParams && (_jsxs(Text, { color: "gray", children: [" ", tool.compactParams] }))] }, index)))] }))] }));
+    // Get the last text message content if completed
+    const getLastTextMessage = () => {
+        if (block.status !== "completed")
+            return null;
+        for (let i = messages.length - 1; i >= 0; i--) {
+            const message = messages[i];
+            if (message.role === "assistant") {
+                for (let j = message.blocks.length - 1; j >= 0; j--) {
+                    const messageBlock = message.blocks[j];
+                    if (messageBlock.type === "text" && messageBlock.content) {
+                        return messageBlock.content;
+                    }
+                }
+            }
+        }
+        return null;
+    };
+    const lastTextMessage = getLastTextMessage();
+    return (_jsxs(Box, { borderRight: false, borderTop: false, borderBottom: false, borderStyle: "classic", borderColor: "magenta", paddingX: 1, paddingY: 0, flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { flexDirection: "row", gap: 1, children: _jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsxs(Text, { color: "cyan", children: ["\uD83E\uDD16 ", block.subagentName] }), _jsxs(Text, { color: statusInfo.color, dimColor: false, children: [" ", statusInfo.icon] }), _jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", messages.length, " messages)"] })] }) }), lastTextMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Markdown, { children: lastTextMessage }) })), block.status !== "completed" && lastTwoTools.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, gap: 1, children: [totalToolCount > 2 && (_jsx(Text, { color: "gray", dimColor: true, children: "..." })), lastTwoTools.map((tool, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "magenta", children: "\uD83D\uDD27 " }), _jsx(Text, { color: "white", children: tool.name }), tool.compactParams && (_jsxs(Text, { color: "gray", children: [" ", tool.compactParams] }))] }, index)))] }))] }));
 };

package/dist/components/TaskManager.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TaskManagerProps {
+    onCancel: () => void;
+}
+export declare const TaskManager: React.FC<TaskManagerProps>;
+//# sourceMappingURL=TaskManager.d.ts.map

package/dist/components/TaskManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/components/TaskManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2SlD,CAAC"}

package/dist/components/TaskManager.js

@@ -0,0 +1,114 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { useChat } from "../contexts/useChat.js";
+export const TaskManager = ({ onCancel }) => {
+    const { backgroundTasks, getBackgroundTaskOutput, stopBackgroundTask } = useChat();
+    const [tasks, setTasks] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [viewMode, setViewMode] = useState("list");
+    const [detailTaskId, setDetailTaskId] = useState(null);
+    const [detailOutput, setDetailOutput] = useState(null);
+    // Convert backgroundTasks to local Task format
+    useEffect(() => {
+        setTasks(backgroundTasks.map((task) => ({
+            id: task.id,
+            type: task.type,
+            description: task.description,
+            status: task.status,
+            startTime: task.startTime,
+            exitCode: task.exitCode,
+            runtime: task.runtime,
+        })));
+    }, [backgroundTasks]);
+    // Load detail output for selected task
+    useEffect(() => {
+        if (viewMode === "detail" && detailTaskId) {
+            const output = getBackgroundTaskOutput(detailTaskId);
+            setDetailOutput(output);
+        }
+    }, [viewMode, detailTaskId, getBackgroundTaskOutput]);
+    const formatDuration = (ms) => {
+        if (ms < 1000)
+            return `${ms}ms`;
+        if (ms < 60000)
+            return `${Math.round(ms / 1000)}s`;
+        const minutes = Math.floor(ms / 60000);
+        const seconds = Math.round((ms % 60000) / 1000);
+        return `${minutes}m ${seconds}s`;
+    };
+    const formatTime = (timestamp) => {
+        return new Date(timestamp).toLocaleTimeString();
+    };
+    const stopTask = (taskId) => {
+        stopBackgroundTask(taskId);
+    };
+    useInput((input, key) => {
+        if (viewMode === "list") {
+            // List mode navigation
+            if (key.return) {
+                if (tasks.length > 0 && selectedIndex < tasks.length) {
+                    const selectedTask = tasks[selectedIndex];
+                    setDetailTaskId(selectedTask.id);
+                    setViewMode("detail");
+                }
+                return;
+            }
+            if (key.escape) {
+                onCancel();
+                return;
+            }
+            if (key.upArrow) {
+                setSelectedIndex(Math.max(0, selectedIndex - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setSelectedIndex(Math.min(tasks.length - 1, selectedIndex + 1));
+                return;
+            }
+            if (input === "k" && tasks.length > 0 && selectedIndex < tasks.length) {
+                const selectedTask = tasks[selectedIndex];
+                if (selectedTask.status === "running") {
+                    stopTask(selectedTask.id);
+                }
+                return;
+            }
+        }
+        else if (viewMode === "detail") {
+            // Detail mode navigation
+            if (key.escape) {
+                setViewMode("list");
+                setDetailTaskId(null);
+                setDetailOutput(null);
+                return;
+            }
+            if (input === "k" && detailTaskId) {
+                const task = tasks.find((t) => t.id === detailTaskId);
+                if (task && task.status === "running") {
+                    stopTask(detailTaskId);
+                }
+                return;
+            }
+        }
+    });
+    if (viewMode === "detail" && detailTaskId && detailOutput) {
+        const task = tasks.find((t) => t.id === detailTaskId);
+        if (!task) {
+            setViewMode("list");
+            return null;
+        }
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", bold: true, children: ["Background Task Details: ", task.id] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Type:" }), " ", task.type] }) }), task.description && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Description:" }), " ", task.description] }) })), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Status:" }), " ", task.status, task.exitCode !== undefined && ` (exit code: ${task.exitCode})`] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Started:" }), " ", formatTime(task.startTime), task.runtime !== undefined && (_jsxs(Text, { children: [" ", "| ", _jsx(Text, { color: "blue", children: "Runtime:" }), " ", formatDuration(task.runtime)] }))] }) })] }), detailOutput.stdout && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "green", bold: true, children: "OUTPUT (last 10 lines):" }), _jsx(Box, { borderStyle: "single", borderColor: "green", padding: 1, children: _jsx(Text, { children: detailOutput.stdout.split("\n").slice(-10).join("\n") }) })] })), detailOutput.stderr && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "ERRORS:" }), _jsx(Box, { borderStyle: "single", borderColor: "red", padding: 1, children: _jsx(Text, { color: "red", children: detailOutput.stderr.split("\n").slice(-10).join("\n") }) })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [task.status === "running" ? "k to stop · " : "", "Esc to go back"] }) })] }));
+    }
+    if (!backgroundTasks) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }), _jsx(Text, { children: "Background tasks not available" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+    }
+    if (tasks.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }), _jsx(Text, { children: "No background tasks found" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }) }), _jsx(Text, { dimColor: true, children: "Select a task to view details" }), tasks.map((task, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", index + 1, ". [", task.id, "] ", task.type, task.description ? `: ${task.description}` : "", _jsxs(Text, { color: task.status === "running"
+                                    ? "green"
+                                    : task.status === "completed"
+                                        ? "blue"
+                                        : "red", children: [" ", "(", task.status, ")"] })] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: ["Started: ", formatTime(task.startTime), task.runtime !== undefined &&
+                                    ` | Runtime: ${formatDuration(task.runtime)}`, task.exitCode !== undefined && ` | Exit: ${task.exitCode}`] }) }))] }, task.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 to select \u00B7 Enter to view \u00B7", " ", tasks[selectedIndex]?.status === "running" ? "k to stop · " : "", "Esc to close"] }) })] }));
+};