@wrongstack/tui 0.7.3 → 0.7.5

package/README.md

@@ -71,7 +71,8 @@ process.exit(exitCode);
 | `↑` / `↓` | History navigation when buffer empty |
 | `@` | File picker |
 | `/` (at start) | Slash command picker |
-| `Esc` | Close any picker / dialog |
+| `Ctrl+Shift+M` | Toggle agents monitor overlay |
+| `Esc` | Close any picker / dialog / agents monitor |
 | `Ctrl+L` | Clear screen (TUI keeps state — equivalent to scrolling) |
 
 ## Options worth knowing

package/dist/index.d.ts

@@ -163,6 +163,15 @@ interface RunTuiOptions {
      */
     statuslineHiddenItems: Array<'todos' | 'plan' | 'fleet' | 'git' | 'elapsed' | 'context' | 'cost'>;
     setStatuslineHiddenItems: (items: Array<'todos' | 'plan' | 'fleet' | 'git' | 'elapsed' | 'context' | 'cost'>) => void;
+    /**
+     * Controller for the agents monitor overlay. App installs a dispatch-backed
+     * setter on mount so the `/agents on|off` slash command can toggle the
+     * overlay without a round-trip.
+     */
+    agentsMonitorController?: {
+        visible: boolean;
+        setVisible: (visible: boolean) => void;
+    };
     /**
      * If set, the App boots straight into goal mode — the text is wrapped
      * in the GOAL preamble and submitted as the first turn. Lets users

package/dist/index.js

@@ -3037,10 +3037,9 @@ function reducer(state, action) {
     case "fleetUsage": {
       const cur = state.fleet[action.id];
       if (!cur) return state;
-      const cost = cur.cost;
       return {
         ...state,
-        fleet: { ...state.fleet, [action.id]: { ...cur, cost, lastEventAt: Date.now() } }
+        fleet: { ...state.fleet, [action.id]: { ...cur, lastEventAt: Date.now() } }
       };
     }
     case "fleetDone": {
@@ -3218,6 +3217,7 @@ function App({
   fleetStreamController,
   statuslineHiddenItems,
   setStatuslineHiddenItems,
+  agentsMonitorController,
   initialGoal,
   initialAsk,
   sessionsDir
@@ -3345,10 +3345,6 @@ function App({
     draftRef.current = { buffer: "", cursor: 0 };
     dispatch({ type: "clearInput" });
   };
-  const clearPlaceholdersOnly = () => {
-    draftRef.current = { buffer: "", cursor: 0 };
-    dispatch({ type: "clearPlaceholdersOnly" });
-  };
   const startedAtRef = useRef(Date.now());
   const [nowTick, setNowTick] = React2.useState(Date.now());
   useEffect(() => {
@@ -3791,8 +3787,12 @@ function App({
     const cmd = {
       name: "agents",
       description: "Toggle the agents monitor overlay.",
-      async run() {
-        dispatch({ type: "toggleAgentsMonitor" });
+      async run(args) {
+        const arg = args.trim().toLowerCase();
+        if (!arg || arg === "monitor") {
+          dispatch({ type: "toggleAgentsMonitor" });
+          return { message: void 0 };
+        }
         return { message: void 0 };
       }
     };
@@ -3818,23 +3818,6 @@ function App({
       slashRegistry.unregister("model");
     };
   }, [slashRegistry, getPickableProviders, switchProviderAndModel]);
-  useEffect(() => {
-    const cmd = {
-      name: "agents",
-      description: "Open or close the agents monitor overlay.",
-      async run(args) {
-        if (args.trim().toLowerCase() === "monitor") {
-          dispatch({ type: "toggleAgentsMonitor" });
-          return { message: "Agents monitor toggled." };
-        }
-        return { message: "Usage: /agents monitor" };
-      }
-    };
-    slashRegistry.register(cmd);
-    return () => {
-      slashRegistry.unregister("agents");
-    };
-  }, [slashRegistry]);
   useEffect(() => {
     if (!switchAutonomy) return;
     const cmd = {
@@ -4170,6 +4153,23 @@ function App({
   useEffect(() => {
     if (fleetStreamController) fleetStreamController.enabled = state.streamFleet;
   }, [state.streamFleet, fleetStreamController]);
+  useEffect(() => {
+    if (!agentsMonitorController) return;
+    agentsMonitorController.visible = state.agentsMonitorOpen;
+    agentsMonitorController.setVisible = (visible) => {
+      if (visible !== state.agentsMonitorOpen) {
+        dispatch({ type: "toggleAgentsMonitor" });
+      }
+    };
+    return () => {
+      agentsMonitorController.setVisible = (visible) => {
+        agentsMonitorController.visible = visible;
+      };
+    };
+  }, [agentsMonitorController, state.agentsMonitorOpen]);
+  useEffect(() => {
+    if (agentsMonitorController) agentsMonitorController.visible = state.agentsMonitorOpen;
+  }, [state.agentsMonitorOpen, agentsMonitorController]);
   const lastEscAtRef = useRef(0);
   const ESC_DOUBLE_PRESS_MS = 1e3;
   useEffect(() => {
@@ -4730,7 +4730,7 @@ function App({
       dispatch({ type: "toggleMonitor" });
       return;
     }
-    if (key.ctrl && key.shift && input === "M") {
+    if (key.ctrl && input.toLowerCase() === "m" && (key.shift || input === "m")) {
       dispatch({ type: "toggleAgentsMonitor" });
       return;
     }
@@ -5142,7 +5142,7 @@ User message:
     }
     const pasteContent = pasteParts.length > 0 ? pasteParts.join("\n") : void 0;
     pushSubmittedHistory();
-    clearPlaceholdersOnly();
+    clearDraft();
     const blocks = await builder.submit();
     if (state.status !== "idle") {
       dispatch({
@@ -5462,6 +5462,7 @@ async function runTui(opts) {
           fleetStreamController: opts.fleetStreamController,
           statuslineHiddenItems: opts.statuslineHiddenItems,
           setStatuslineHiddenItems: opts.setStatuslineHiddenItems,
+          agentsMonitorController: opts.agentsMonitorController,
           initialGoal: opts.initialGoal,
           initialAsk: opts.initialAsk,
           getSDDContext: opts.getSDDContext,