tmux-ide 2.9.0-beta.32 → 2.9.0-beta.33

package/bin/cli.js

@@ -11279,7 +11279,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "tmux-ide",
-      version: "2.9.0-beta.32",
+      version: "2.9.0-beta.33",
       description: "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
       type: "module",
       bin: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmux-ide",
-  "version": "2.9.0-beta.32",
+  "version": "2.9.0-beta.33",
   "description": "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
   "type": "module",
   "bin": {

package/packages/daemon/dist/tui/mirror/runtime/application-home-agent-roster.jsx

@@ -6,6 +6,7 @@ import { TuiButton } from "../ui/button.jsx";
 import { useKeyboardRoute } from "../ui/keyboard-router.jsx";
 import { applicationPaneRenameKeyAction, applicationPaneRenamePaste, } from "./application-pane-rename-input.js";
 import { HomeAgentSearch } from "../ui/home-agent-search.jsx";
+import { createAgentStatusMarker } from "../ui/agent-status-marker.js";
 import { ActivityIndicator } from "../ui/activity-indicator.jsx";
 import { componentPalette } from "../ui/state.js";
 import { homeAgentStatusLabel, } from "./application-home-agents.js";
@@ -181,6 +182,12 @@ export function HomeAgentRoster(props) {
           <For each={keys()}>
             {(key) => {
             const row = () => byKey().get(key);
+            const marker = createAgentStatusMarker({
+                theme: () => props.theme,
+                status: () => row().activity,
+                attention: () => row().attention,
+                unavailable: () => stale(row()),
+            });
             return (<box height={rowHeight()} flexDirection="column" backgroundColor={componentPalette(props.theme, {
                     selected: props.selection.selectedKey === key,
                     disabled: row().paneId === null || stale(row()),
@@ -197,7 +204,7 @@ export function HomeAgentRoster(props) {
                     : padCells(row().name, columns().agent) +
                         padCells([row().machineLabel, row().serverLabel, row().sessionName]
                             .filter(Boolean)
-                            .join(" / "), columns().session)} detail={padCells(`${!stale(row()) && row().attention ? "! " : ""}${stale(row()) ? "last seen" : homeAgentStatusLabel(row().activity).toLowerCase()}`, columns().status)} detailAlign="end" marker=" " selected={props.selection.selectedKey === key} focused={props.inputActive && !editing() && props.selection.selectedKey === key} hovered={hovered() === key} status={stale(row()) ? "unknown" : statusTone(row())} disabled={row().paneId === null || stale(row())} onActivate={(source) => {
+                            .join(" / "), columns().session)} detail={padCells(`${marker()} ${stale(row()) ? "last seen" : homeAgentStatusLabel(row().activity).toLowerCase()}`, columns().status)} detailAlign="end" marker=" " selected={props.selection.selectedKey === key} focused={props.inputActive && !editing() && props.selection.selectedKey === key} hovered={hovered() === key} status={stale(row()) ? "unknown" : statusTone(row())} disabled={row().paneId === null || stale(row())} onActivate={(source) => {
                     if (!props.inputActive || row().paneId === null || stale(row()))
                         return;
                     props.onSelect(key);

package/packages/daemon/dist/tui/mirror/runtime/application-machine-sidebar.jsx

@@ -1,3 +1,4 @@
+import { createAgentStatusMarker } from "../ui/agent-status-marker.js";
 import { fleetHostColor, summarizeFleetActivity } from "./fleet-presentation.js";
 import { TuiButton } from "../ui/button.jsx";
 /* @jsxImportSource @opentui/solid */
@@ -345,6 +346,12 @@ export function ApplicationMachineSidebar(props) {
                     return current().agentHeading;
                 },
             };
+            const agentMarker = createAgentStatusMarker({
+                theme: () => props.theme,
+                status: () => row.agent?.activity,
+                attention: () => Boolean(row.agent?.attention),
+                unavailable: () => row.group.state !== "ready" || Boolean(row.agent?.disabled),
+            });
             return (<box width={Math.max(1, props.width - 1)} height={rowHeight(row)} flexShrink={0} flexDirection="column">
                 <box height={sectionGap(row)} flexShrink={0}/>
                 <Show when={row.serverHeading}>
@@ -368,9 +375,7 @@ export function ApplicationMachineSidebar(props) {
                             : row.group.label} marker={row.server
                     ? "  "
                     : row.agent
-                        ? row.agent.attention
-                            ? "!"
-                            : " "
+                        ? agentMarker()
                         : row.session
                             ? props.model.favorites?.().includes(row.session.id)
                                 ? " ★"

package/packages/daemon/dist/tui/mirror/ui/agent-badge.jsx

@@ -1,14 +1,12 @@
+import { createAgentStatusMarker } from "./agent-status-marker.js";
 import { Badge } from "./badge.jsx";
 /** Agent-specific semantic badge. Agent lifecycle remains outside this presentation primitive. */
 export function AgentBadge(props) {
-    const marker = () => {
-        if (props.attention || props.status === "blocked")
-            return "!";
-        if (props.status === "working")
-            return props.theme.glyphs.active;
-        if (props.status === "done")
-            return props.theme.glyphs.check;
-        return props.theme.glyphs.inactive;
-    };
+    const marker = createAgentStatusMarker({
+        theme: () => props.theme,
+        status: () => props.activity ?? props.status,
+        attention: () => Boolean(props.attention),
+        unavailable: () => Boolean(props.disabled),
+    });
     return (<Badge theme={props.theme} label={props.label} tone={props.status} marker={marker()} width={props.width} selected={props.selected} focused={props.focused} hovered={props.hovered} pressed={props.pressed} disabled={props.disabled} attention={props.attention || props.status === "blocked"} loading={props.loading} empty={props.empty} status={props.status}/>);
 }

package/packages/daemon/dist/tui/mirror/ui/agent-status-marker.js

@@ -0,0 +1,61 @@
+import { batch, createEffect, createSignal, onCleanup } from "solid-js";
+const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const listeners = new Set();
+let timer;
+let frame = 0;
+/** One clock for mounted working indicators, with no daemon or inventory work. */
+function subscribe(listener) {
+    listeners.add(listener);
+    listener(frame);
+    if (!timer) {
+        timer = setInterval(() => {
+            frame = (frame + 1) % FRAMES.length;
+            batch(() => listeners.forEach((update) => update(frame)));
+        }, 80);
+        timer.unref?.();
+    }
+    return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0 && timer) {
+            clearInterval(timer);
+            timer = undefined;
+            frame = 0;
+        }
+    };
+}
+/** Presentation only: never infer activity from animation or process liveness. */
+export function createAgentStatusMarker(options) {
+    const [current, setCurrent] = createSignal(0);
+    const working = () => options.status() === "running" || options.status() === "working";
+    const animated = () => working() &&
+        !options.attention?.() &&
+        !options.unavailable?.() &&
+        !options.theme().accessibility.reducedMotion;
+    createEffect(() => {
+        if (animated())
+            onCleanup(subscribe(setCurrent));
+    });
+    return () => {
+        if (options.unavailable?.())
+            return "·";
+        if (options.attention?.())
+            return "!";
+        switch (options.status()) {
+            case "running":
+            case "working":
+                return animated() ? FRAMES[current()] : options.theme().glyphs.active;
+            case "waiting":
+            case "blocked":
+                return "!";
+            case "complete":
+            case "done":
+                return options.theme().glyphs.check;
+            case "failed":
+                return "×";
+            case "idle":
+                return options.theme().glyphs.inactive;
+            default:
+                return "·";
+        }
+    };
+}

package/packages/daemon/dist/tui/mirror/workspace/terminal-pane-header.jsx

@@ -153,7 +153,7 @@ export function PaneTitleBar(props) {
                     ? "accent"
                     : "done"} selected={props.selected} focused={props.keyboardFocused || props.terminalFocused}/>)}
       </Show>
-      {showBadge() ? (<AgentBadge theme={props.theme} label={statusLabel()} status={status()} width={badgeWidth(statusLabel())} selected={props.selected} focused={props.keyboardFocused || props.terminalFocused} hovered={hovered()} attention={props.attention}/>) : null}
+      {showBadge() ? (<AgentBadge theme={props.theme} label={statusLabel()} status={status()} activity={props.activity} width={badgeWidth(statusLabel())} selected={props.selected} focused={props.keyboardFocused || props.terminalFocused} hovered={hovered()} attention={props.attention}/>) : null}
       {actionWidth() > 0 ? (<box width={actionWidth()} height={1} flexShrink={0}>
           <IconButton theme={props.theme} icon={actionsVisible() ? "⋯" : " "} label="Pane actions" variant="ghost" width={actionWidth()} focused={props.menuFocused} selected={props.menuOpen} disabled={props.menuDisabled} background={palette().background} onPress={() => activateMenu()}/>
         </box>) : null}

package/packages/daemon/src/tui/mirror/runtime/__snapshots__/application-shell-view-renderer.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`production ApplicationShellView retains shell, window strip, pane chrom
  ○ website          CANONICAL-CELL
 
  Agents
- • Codex [WORKING]
+ ● Codex [WORKING]
 
 
 
@@ -23,7 +23,7 @@ exports[`production ApplicationShellView retains shell, window strip, pane chrom
  ○ website                  CANONICAL-CELL
 
  Agents
- • Codex [WORKING]
+ ● Codex [WORKING]
 
 
 
@@ -39,7 +39,7 @@ exports[`production ApplicationShellView retains shell, window strip, pane chrom
  ○ website                  CANONICAL-CELL
 
  Agents
- • Codex [WORKING]
+ ● Codex [WORKING]
 
 
 
@@ -76,7 +76,7 @@ exports[`production ApplicationShellView preserves canonical attention while pri
  ● main                       ● Codex                  ● working  ⋯   ! Scout                     ! idle
                             CANONICAL-CELL                          CANONICAL-CELL
  Agents
- • Codex [WORKING]
+ ● Codex [WORKING]
  ! Scout ! [IDLE]
 
 

package/packages/daemon/src/tui/mirror/runtime/application-home-agent-roster.tsx

@@ -10,6 +10,7 @@ import {
   applicationPaneRenamePaste,
 } from "./application-pane-rename-input.ts";
 import { HomeAgentSearch } from "../ui/home-agent-search.tsx";
+import { createAgentStatusMarker } from "../ui/agent-status-marker.ts";
 import { ActivityIndicator } from "../ui/activity-indicator.tsx";
 import { componentPalette, type ComponentInteractionState } from "../ui/state.ts";
 import {
@@ -266,6 +267,12 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
           <For each={keys()}>
             {(key) => {
               const row = () => byKey().get(key)!;
+              const marker = createAgentStatusMarker({
+                theme: () => props.theme,
+                status: () => row().activity,
+                attention: () => row().attention,
+                unavailable: () => stale(row()),
+              });
               return (
                 <box
                   height={rowHeight()}
@@ -305,7 +312,7 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
                           )
                     }
                     detail={padCells(
-                      `${!stale(row()) && row().attention ? "! " : ""}${stale(row()) ? "last seen" : homeAgentStatusLabel(row().activity).toLowerCase()}`,
+                      `${marker()} ${stale(row()) ? "last seen" : homeAgentStatusLabel(row().activity).toLowerCase()}`,
                       columns().status,
                     )}
                     detailAlign="end"

package/packages/daemon/src/tui/mirror/runtime/application-machine-sidebar.tsx

@@ -1,3 +1,4 @@
+import { createAgentStatusMarker } from "../ui/agent-status-marker.ts";
 import type { TmuxServerDescriptor, TmuxServerScope } from "@tmux-ide/contracts";
 import { fleetHostColor, summarizeFleetActivity } from "./fleet-presentation.ts";
 import { TuiButton } from "../ui/button.tsx";
@@ -528,6 +529,12 @@ export function ApplicationMachineSidebar(props: {
                 return current().agentHeading;
               },
             };
+            const agentMarker = createAgentStatusMarker({
+              theme: () => props.theme,
+              status: () => row.agent?.activity,
+              attention: () => Boolean(row.agent?.attention),
+              unavailable: () => row.group.state !== "ready" || Boolean(row.agent?.disabled),
+            });
             return (
               <box
                 width={Math.max(1, props.width - 1)}
@@ -573,9 +580,7 @@ export function ApplicationMachineSidebar(props: {
                     row.server
                       ? "  "
                       : row.agent
-                        ? row.agent.attention
-                          ? "!"
-                          : " "
+                        ? agentMarker()
                         : row.session
                           ? props.model.favorites?.().includes(row.session.id)
                             ? " ★"

package/packages/daemon/src/tui/mirror/runtime/application-shell-sidebar.tsx

@@ -1,3 +1,4 @@
+import { createAgentStatusMarker } from "../ui/agent-status-marker.ts";
 /* @jsxImportSource @opentui/solid */
 import type { AgentActivity } from "@tmux-ide/contracts";
 import type { JSX } from "solid-js";
@@ -156,6 +157,12 @@ export function ApplicationSidebarAgents(
       <For each={props.shell.semantic.sidebar.agents}>
         {(agent) => {
           const status = () => agentStatus(agent.activity);
+          const marker = createAgentStatusMarker({
+            theme: () => props.theme,
+            status: () => agent.activity,
+            attention: () => agent.attention,
+            unavailable: () => !agent.paneId,
+          });
           return (
             <NavigationRow
               theme={props.theme}
@@ -165,7 +172,7 @@ export function ApplicationSidebarAgents(
               detailMarker={agent.attention ? "!" : undefined}
               detailAlign="adjacent"
               width={rowWidth()}
-              marker={agent.attention ? "!" : "•"}
+              marker={marker()}
               focused={sidebarFocused() && agent.paneId === focusedAgentPane()}
               status={status()}
               attention={agent.attention || status() === "blocked"}

package/packages/daemon/src/tui/mirror/ui/agent-badge.tsx

@@ -1,5 +1,7 @@
 /* @jsxImportSource @opentui/solid */
+import type { AgentActivity } from "@tmux-ide/contracts";
 import type { SemanticThemeSnapshot } from "../theme.ts";
+import { createAgentStatusMarker } from "./agent-status-marker.ts";
 import { Badge } from "./badge.tsx";
 import type { ComponentInteractionState } from "./state.ts";
 
@@ -9,17 +11,18 @@ export interface AgentBadgeProps extends ComponentInteractionState {
   theme: SemanticThemeSnapshot;
   label: string;
   status: AgentBadgeStatus;
+  activity?: AgentActivity;
   width?: number;
 }
 
 /** Agent-specific semantic badge. Agent lifecycle remains outside this presentation primitive. */
 export function AgentBadge(props: AgentBadgeProps) {
-  const marker = () => {
-    if (props.attention || props.status === "blocked") return "!";
-    if (props.status === "working") return props.theme.glyphs.active;
-    if (props.status === "done") return props.theme.glyphs.check;
-    return props.theme.glyphs.inactive;
-  };
+  const marker = createAgentStatusMarker({
+    theme: () => props.theme,
+    status: () => props.activity ?? props.status,
+    attention: () => Boolean(props.attention),
+    unavailable: () => Boolean(props.disabled),
+  });
   return (
     <Badge
       theme={props.theme}

package/packages/daemon/src/tui/mirror/ui/agent-status-marker.ts

@@ -0,0 +1,69 @@
+import { batch, createEffect, createSignal, onCleanup } from "solid-js";
+import type { AgentActivity } from "@tmux-ide/contracts";
+import type { SemanticThemeSnapshot } from "../theme.ts";
+
+const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const listeners = new Set<(frame: number) => void>();
+let timer: ReturnType<typeof setInterval> | undefined;
+let frame = 0;
+
+/** One clock for mounted working indicators, with no daemon or inventory work. */
+function subscribe(listener: (frame: number) => void): () => void {
+  listeners.add(listener);
+  listener(frame);
+  if (!timer) {
+    timer = setInterval(() => {
+      frame = (frame + 1) % FRAMES.length;
+      batch(() => listeners.forEach((update) => update(frame)));
+    }, 80);
+    timer.unref?.();
+  }
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0 && timer) {
+      clearInterval(timer);
+      timer = undefined;
+      frame = 0;
+    }
+  };
+}
+
+/** Presentation only: never infer activity from animation or process liveness. */
+export function createAgentStatusMarker(options: {
+  theme: () => SemanticThemeSnapshot;
+  status: () => AgentActivity | "working" | "blocked" | "done" | "unknown" | undefined;
+  attention?: () => boolean;
+  unavailable?: () => boolean;
+}) {
+  const [current, setCurrent] = createSignal(0);
+  const working = () => options.status() === "running" || options.status() === "working";
+  const animated = () =>
+    working() &&
+    !options.attention?.() &&
+    !options.unavailable?.() &&
+    !options.theme().accessibility.reducedMotion;
+  createEffect(() => {
+    if (animated()) onCleanup(subscribe(setCurrent));
+  });
+  return () => {
+    if (options.unavailable?.()) return "·";
+    if (options.attention?.()) return "!";
+    switch (options.status()) {
+      case "running":
+      case "working":
+        return animated() ? FRAMES[current()]! : options.theme().glyphs.active;
+      case "waiting":
+      case "blocked":
+        return "!";
+      case "complete":
+      case "done":
+        return options.theme().glyphs.check;
+      case "failed":
+        return "×";
+      case "idle":
+        return options.theme().glyphs.inactive;
+      default:
+        return "·";
+    }
+  };
+}

package/packages/daemon/src/tui/mirror/workspace/terminal-pane-header.tsx

@@ -290,6 +290,7 @@ export function PaneTitleBar(props: PaneTitleBarProps) {
           theme={props.theme}
           label={statusLabel()!}
           status={status()!}
+          activity={props.activity}
           width={badgeWidth(statusLabel())}
           selected={props.selected}
           focused={props.keyboardFocused || props.terminalFocused}