tmux-ide 2.9.0-beta.39 → 2.9.0-beta.41

package/packages/daemon/dist/tui/mirror/ui/session-row.jsx

@@ -0,0 +1,71 @@
+import { Show } from "solid-js";
+import { clipTerminal } from "../terminal-text.js";
+import { NavigationRow } from "./navigation-row.jsx";
+import { TuiButton } from "./button.jsx";
+import { componentPalette } from "./state.js";
+import { createAgentStatusMarker } from "./agent-status-marker.js";
+import { UI_ICONS } from "./icons.js";
+export function sessionRowStatus(row) {
+    if (!row.available)
+        return "offline";
+    if (row.attention || row.activity === "waiting")
+        return "needs input";
+    if (row.activity === "failed")
+        return "failed";
+    if (row.activity === "running")
+        return "working";
+    if (row.unread)
+        return "new result";
+    if (!row.activity || row.activity === "disconnected")
+        return "unknown";
+    return "idle";
+}
+/** Shared two-line session identity. Pure presentation: opening/closing belongs to its owner. */
+export function SessionRow(props) {
+    const marker = createAgentStatusMarker({
+        theme: () => props.theme,
+        status: () => (sessionRowStatus(props.row) === "idle" ? "idle" : props.row.activity),
+        attention: () => !!props.row.attention,
+        unavailable: () => !props.row.available,
+    });
+    const tone = () => {
+        const status = sessionRowStatus(props.row);
+        return status === "needs input" || status === "failed"
+            ? "blocked"
+            : status === "working"
+                ? "working"
+                : status === "new result"
+                    ? "done"
+                    : "neutral";
+    };
+    const glyph = () => !props.row.available
+        ? UI_ICONS.offline
+        : sessionRowStatus(props.row) === "new result"
+            ? UI_ICONS.newResult
+            : marker();
+    const palette = () => componentPalette(props.theme, {
+        selected: props.selected,
+        focused: props.focused,
+        disabled: !props.row.available,
+    });
+    const detail = () => `${props.row.hostLabel} · ${props.row.serverLabel ?? "default"}${props.row.active ? " · current" : ""}`;
+    return (<box id={`session-row:${props.row.key}`} width={props.width} height={2} flexDirection="column" overflow="hidden">
+      <box height={1} flexDirection="row">
+        <NavigationRow theme={props.theme} id={`fleet-tab:${props.row.key}`} width={Math.max(1, props.width - (props.onClose ? 3 : 0))} label={props.row.label} tone={tone()} marker={glyph()} detail={sessionRowStatus(props.row)} selected={props.selected} focused={props.focused} disabled={!props.row.available} onActivate={props.onOpen}/>
+        <Show when={props.onClose}>
+          <TuiButton theme={props.theme} label={UI_ICONS.close} size="compact" width={3} onPress={props.onClose}/>
+        </Show>
+      </box>
+      <box height={1} backgroundColor={palette().background} onMouseDown={(event) => {
+            if (event.button !== 0 || !props.row.available)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            props.onOpen();
+        }}>
+        <text fg={props.selected || props.focused ? palette().foreground : props.theme.roles.text.muted}>
+          {clipTerminal(`  ${detail()}`, props.width)}
+        </text>
+      </box>
+    </box>);
+}

package/packages/daemon/dist/tui/mirror/ui/working-sessions.jsx

@@ -0,0 +1,61 @@
+/* @jsxImportSource @opentui/solid */
+import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
+import { SessionRow } from "./session-row.jsx";
+import { useKeyboardRoute } from "./keyboard-router.jsx";
+/** Bounded working-set list, independent of fleet discovery and terminal ownership. */
+export function WorkingSessions(props) {
+    const [selected, setSelected] = createSignal(null);
+    const index = () => Math.max(0, props.rows.findIndex((row) => row.key === selected()));
+    const capacity = () => Math.max(0, Math.floor((props.height - 1) / 3));
+    const start = () => Math.max(0, index() - capacity() + 1);
+    const visible = () => props.rows.slice(start(), start() + capacity()).map((row) => row.key);
+    createEffect(() => {
+        if (!props.rows.some((row) => row.key === selected()))
+            setSelected((props.rows.find((row) => row.active) ?? props.rows[0])?.key ?? null);
+        if (!props.focused)
+            setSelected((props.rows.find((row) => row.active) ?? props.rows[index()])?.key ?? null);
+    });
+    const open = (key) => {
+        setSelected(key);
+        props.onFocus?.();
+        if (props.rows.find((row) => row.key === key)?.available)
+            props.onOpen(key);
+    };
+    useKeyboardRoute((event) => {
+        if (!props.focused || event.eventType !== "press" || event.ctrl || event.meta)
+            return false;
+        const key = event.name.toLowerCase();
+        if (!["up", "down", "j", "k", "home", "end", "enter", "return", "space"].includes(key))
+            return false;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!props.rows.length || !capacity())
+            return true;
+        if (["enter", "return", "space"].includes(key))
+            open(props.rows[index()].key);
+        else {
+            const next = key === "home"
+                ? 0
+                : key === "end"
+                    ? props.rows.length - 1
+                    : Math.max(0, Math.min(props.rows.length - 1, index() + (["up", "k"].includes(key) ? -1 : 1)));
+            setSelected(props.rows[next].key);
+        }
+        return true;
+    });
+    return (<box width={props.width} height={props.height} flexShrink={0} flexDirection="column" overflow="hidden">
+      <text height={1} fg={props.theme.roles.text.secondary}>
+        {props.focused ? <strong> Working sessions</strong> : " Working sessions"}
+      </text>
+      <Show when={props.rows.length} fallback={<text fg={props.theme.roles.text.muted}> No working sessions yet.</text>}>
+        <For each={visible()}>
+          {(key) => {
+            const row = createMemo((previous) => props.rows.find((row) => row.key === key) ?? previous, props.rows.find((row) => row.key === key));
+            return (<box height={3} flexShrink={0} flexDirection="column">
+                <SessionRow theme={props.theme} row={row()} width={props.width} selected={props.focused ? selected() === key : row().active} onOpen={() => open(key)} onClose={props.onClose ? () => props.onClose?.(key) : undefined}/>
+              </box>);
+        }}
+        </For>
+      </Show>
+    </box>);
+}

package/packages/daemon/dist/tui/mirror/workspace/application-action-descriptions.js

@@ -0,0 +1,51 @@
+/** Shared presentation/binding metadata. Context owners still decide availability and execution. */
+export const HOME_ACTIONS = {
+    search: { key: "/", keys: "/", label: "Search", description: "Find an agent or workspace" },
+    machine: { key: "f", keys: "f", label: "Machines", description: "Cycle machine filter" },
+    all: { key: "0", keys: "0", label: "All", description: "Show all agent activity", value: "all" },
+    working: {
+        key: "w",
+        keys: "w",
+        label: "Working",
+        description: "Show working agents",
+        value: "working",
+    },
+    attention: {
+        key: "a",
+        keys: "a",
+        label: "Needs attention",
+        description: "Toggle attention filter",
+        value: "attention",
+    },
+    open: { key: "enter", keys: "Enter", label: "open", description: "Open selected agent" },
+};
+export const HOME_ACTIVITY_ACTIONS = [
+    HOME_ACTIONS.all,
+    HOME_ACTIONS.working,
+    HOME_ACTIONS.attention,
+];
+export const CHROME_ACTIONS = {
+    home: { keys: "F1", label: "Home" },
+    terminals: { keys: "F2", label: "Terminals" },
+    commands: { keys: "F5", label: "Commands" },
+    sessions: { keys: "F6", label: "Sessions" },
+    attention: { keys: "F7", label: "Attention" },
+    tabs: { keys: "F9", label: "Tabs" },
+    sidebar: { keys: "F10", label: "Show / hide sidebar" },
+};
+export const SIDEBAR_ACTIONS = {
+    help: { key: "?", keys: "?", label: "Help", description: "Using tmux-ide" },
+    retry: {
+        key: "r",
+        keys: "R",
+        label: "Retry connection",
+        description: "Retry selected machine connection",
+    },
+    disconnect: {
+        key: "d",
+        keys: "D",
+        label: "Disconnect",
+        description: "Disconnect selected machine",
+    },
+    add: { key: "a", keys: "A", label: "Add machine", description: "Add an SSH machine" },
+};

package/packages/daemon/dist/tui/mirror/workspace/application-command-description.js

@@ -1,3 +1,4 @@
+import { CHROME_ACTIONS } from "./application-action-descriptions.js";
 import { fuzzyTermsMatch as commandSearchMatch } from "../../team/fuzzy.js";
 export { fuzzyTermsMatch as commandSearchMatch } from "../../team/fuzzy.js";
 import { PANE_ACTION_MENU_ITEMS } from "./pane-action-menu-model.js";
@@ -7,18 +8,20 @@ export const PALETTE_REFERENCE_COMMANDS = {
 };
 /** Presentation only: execution remains in the existing application owners. */
 export function applicationCommandDescription(command) {
+    if (command === "help")
+        return { id: command, label: "Using tmux-ide", detail: "Help and getting started" };
     if (command === "hide-sidebar" || command === "show-sidebar")
         return {
             id: command,
             label: command === "hide-sidebar" ? "Hide sidebar" : "Show sidebar",
             detail: "Terminal layout",
-            shortcut: "F10",
+            shortcut: CHROME_ACTIONS.sidebar.keys,
         };
     if (command === "switch-session")
         return {
             id: command,
             label: "Switch session",
-            shortcut: "F6",
+            shortcut: CHROME_ACTIONS.sessions.keys,
             detail: "Sessions across machines",
         };
     if (command === "shortcuts" || command === "whats-new")
@@ -71,7 +74,11 @@ export function applicationCommandDescription(command) {
                     ? "Zoom / unzoom pane"
                     : undefined) ??
             (command === "home" ? "Home" : command === "terminals" ? "Terminals" : "New terminal window"),
-        shortcut: command === "home" ? "F1" : command === "terminals" ? "F2" : undefined,
+        shortcut: command === "home"
+            ? CHROME_ACTIONS.home.keys
+            : command === "terminals"
+                ? CHROME_ACTIONS.terminals.keys
+                : undefined,
         detail: command === "home"
             ? "sessions and agent state"
             : command === "terminals"

package/packages/daemon/dist/tui/mirror/workspace/application-shortcuts.js

@@ -1,3 +1,4 @@
+import { HOME_ACTIONS, CHROME_ACTIONS, SIDEBAR_ACTIONS, } from "./application-action-descriptions.js";
 import { applicationCommandDescription } from "./application-command-description.js";
 /** Display metadata only. Context-specific keyboard owners remain authoritative. */
 export const APPLICATION_SHORTCUTS = [
@@ -5,16 +6,23 @@ export const APPLICATION_SHORTCUTS = [
         const description = applicationCommandDescription(command);
         return { category: "Application", label: description.label, keys: description.shortcut };
     }),
-    { category: "Application", label: "Commands", keys: "F5" },
-    { category: "Application", label: "Show / hide sidebar", keys: "F10" },
-    { category: "Application", label: "Agent attention", keys: "F7" },
+    { category: "Application", ...CHROME_ACTIONS.commands },
+    { category: "Application", ...CHROME_ACTIONS.sidebar },
+    { category: "Application", ...CHROME_ACTIONS.attention },
     { category: "Application", label: "Sidebar / Sessions when hidden", keys: "Ctrl+G" },
     { category: "Terminals", label: "Open link", keys: "Shift+click" },
     { category: "Terminals", label: "Select and copy text", keys: "Shift+drag" },
-    { category: "Home", label: "Find an agent or workspace", keys: "/" },
-    { category: "Home", label: "Cycle machine filter", keys: "f" },
-    { category: "Home", label: "Toggle attention filter", keys: "a" },
-    { category: "Home", label: "Open selected agent", keys: "Enter" },
+    ...Object.values(HOME_ACTIONS).map((action) => ({
+        category: "Home",
+        label: action.description,
+        keys: action.keys,
+    })),
+    { category: "Sidebar (when focused)", label: "Switch working sessions / machines", keys: "Tab" },
+    ...Object.values(SIDEBAR_ACTIONS).map((action) => ({
+        category: "Sidebar (when focused)",
+        label: action.description,
+        keys: action.keys,
+    })),
     { category: "Command and session menus", label: "Search actions or sessions", keys: "Type" },
     { category: "Command and session menus", label: "Choose a result", keys: "↑ / ↓" },
     { category: "Command and session menus", label: "Activate selected result", keys: "Enter" },

package/packages/daemon/dist/tui/mirror/workspace/palette-list-layout.js

@@ -13,7 +13,7 @@ export function paletteSection(command) {
         return "Appearance";
     if (command === "appearance")
         return "Appearance";
-    if (command === "shortcuts" || command === "whats-new")
+    if (command === "help" || command === "shortcuts" || command === "whats-new")
         return "Help";
     return "Panes";
 }

package/packages/daemon/src/tui/mirror/runtime/application-fleet-tabs.ts

@@ -6,6 +6,7 @@ export interface FleetTabTarget {
   readonly server?: TmuxServerScope;
   readonly label: string;
   readonly hostLabel: string;
+  readonly serverLabel?: string;
 }
 /** Retained targets, with at most one active terminal owner. Suspended tabs own no streams. */
 export function createFleetTabs(options: {
@@ -16,19 +17,45 @@ export function createFleetTabs(options: {
   unavailable(): void;
 }) {
   const tabs = new Map<string, FleetTabTarget>();
+  const unread = new Set<string>();
+  const observations = new Map<string, Map<string, string>>();
   let active: string | null = null;
   let pending: string | null = null;
   let epoch = 0;
   let disposed = false;
   return {
-    snapshot: () => ({ tabs: [...tabs.values()], active }),
+    snapshot: () => ({ tabs: [...tabs.values()], active, unread: [...unread] }),
+    observe(key: string, agents: readonly { id: string; activity: string }[] | null) {
+      if (disposed || !tabs.has(key)) return;
+      if (!agents) {
+        observations.delete(key);
+        return;
+      }
+      const previous = observations.get(key);
+      observations.set(key, new Map(agents.map((agent) => [agent.id, agent.activity])));
+      if (
+        active !== key &&
+        !unread.has(key) &&
+        agents.some(
+          (agent) => agent.activity === "complete" && previous?.get(agent.id) === "running",
+        )
+      ) {
+        unread.add(key);
+        options.publish();
+      }
+    },
     remember(target: FleetTabTarget) {
       if (disposed) return;
       if (!tabs.has(target.key) && tabs.size >= 8) {
         const removable = [...tabs.keys()].find((key) => key !== active);
-        if (removable) tabs.delete(removable);
+        if (removable) {
+          tabs.delete(removable);
+          unread.delete(removable);
+          observations.delete(removable);
+        }
       }
       tabs.set(target.key, Object.freeze({ ...target }));
+      unread.delete(target.key);
       active = target.key;
       options.publish();
     },
@@ -52,6 +79,7 @@ export function createFleetTabs(options: {
         options.unavailable();
         return false;
       }
+      unread.delete(key);
       active = key;
       options.publish();
       return true;
@@ -65,6 +93,8 @@ export function createFleetTabs(options: {
         pending = null;
       }
       tabs.delete(key);
+      unread.delete(key);
+      observations.delete(key);
       options.publish();
     },
     suspend() {
@@ -80,6 +110,8 @@ export function createFleetTabs(options: {
       disposed = true;
       epoch++;
       tabs.clear();
+      unread.clear();
+      observations.clear();
       active = null;
     },
   };

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

@@ -1,4 +1,8 @@
 /* @jsxImportSource @opentui/solid */
+import {
+  HOME_ACTIONS,
+  HOME_ACTIVITY_ACTIONS,
+} from "../workspace/application-action-descriptions.ts";
 import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
 import type { SemanticThemeSnapshot } from "../theme.ts";
 import { clipTerminal, terminalDisplayWidth } from "../terminal-text.ts";
@@ -151,13 +155,13 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
     const key = event.name.toLowerCase();
     const filter =
       !editing() &&
-      (key === "f"
+      (key === HOME_ACTIONS.machine.key
         ? props.onCycleMachine
-        : key === "a"
+        : key === HOME_ACTIONS.attention.key
           ? props.onToggleAttention
-          : key === "w" && props.onSetActivityFilter
+          : key === HOME_ACTIONS.working.key && props.onSetActivityFilter
             ? () => props.onSetActivityFilter?.("working")
-            : key === "0" && props.onSetActivityFilter
+            : key === HOME_ACTIONS.all.key && props.onSetActivityFilter
               ? () => props.onSetActivityFilter?.("all")
               : undefined);
     if (filter) {
@@ -232,7 +236,7 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
       >
         <KeyHint
           theme={props.theme}
-          keys="f"
+          keys={HOME_ACTIONS.machine.keys}
           label={props.filterLabel?.split(" · ")[0] ?? "All machines"}
           width={
             props.onSetActivityFilter && filterRows() === 1
@@ -259,7 +263,7 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
             fallback={
               <KeyHint
                 theme={props.theme}
-                keys="a"
+                keys={HOME_ACTIONS.attention.keys}
                 label="Attention"
                 quiet
                 button
@@ -269,19 +273,11 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
               />
             }
           >
-            <For
-              each={
-                [
-                  { key: "0", label: "All", value: "all" },
-                  { key: "w", label: "Working", value: "working" },
-                  { key: "a", label: "Needs attention", value: "attention" },
-                ] as const
-              }
-            >
+            <For each={HOME_ACTIVITY_ACTIONS}>
               {(filter) => (
                 <KeyHint
                   theme={props.theme}
-                  keys={filter.key}
+                  keys={filter.keys}
                   label={filter.value === "attention" && width() < 47 ? "Attention" : filter.label}
                   quiet
                   button
@@ -463,8 +459,8 @@ export function HomeAgentRoster(props: HomeAgentRosterProps) {
         <Show when={footer().endsWith("Enter open") && width() >= 20}>
           <KeyHint
             theme={props.theme}
-            keys="Enter"
-            label="open"
+            keys={HOME_ACTIONS.open.keys}
+            label={HOME_ACTIONS.open.label}
             quiet
             button
             onPress={() => openSelected("mouse")}

package/packages/daemon/src/tui/mirror/runtime/application-home-agents-owner.ts

@@ -307,6 +307,7 @@ export function createApplicationHomeNavigationOwner(options: {
         command === "appearance" ||
         command === "hide-sidebar" ||
         command === "show-sidebar" ||
+        command === "help" ||
         command === "shortcuts" ||
         command === "whats-new" ||
         command === "switch-session"

package/packages/daemon/src/tui/mirror/runtime/application-machine-navigation.ts

@@ -9,7 +9,7 @@ import {
   createApplicationMachineAgents,
   type ApplicationMachineAgent,
 } from "./application-machine-agents.ts";
-import { createSignal, onCleanup } from "solid-js";
+import { createEffect, createSignal, onCleanup } from "solid-js";
 import { applicationMachineAuthorityManager as manager } from "./application-machine-authority.ts";
 import { createApplicationMachineCatalog } from "./application-machine-catalog.ts";
 import { ephemeralMachineProfile } from "./application-machine-startup.ts";
@@ -195,7 +195,8 @@ export function createApplicationMachineNavigation(options: {
             machineId: id,
             liveSessionId: session.liveSessionId,
             label: session.name,
-            hostLabel: `${manager.getMachine(id)?.label ?? id}${session.serverLabel ? ` / ${session.serverLabel}` : ""}`,
+            hostLabel: manager.getMachine(id)?.label ?? id,
+            serverLabel: session.serverLabel ?? "default",
           });
         preferences.change({ type: "visit", key: session.id });
         if (remember && history[historyIndex] !== session.id) {
@@ -246,6 +247,27 @@ export function createApplicationMachineNavigation(options: {
   const isDefaultSession = (machineId: string, session: { server?: TmuxServerScope }) =>
     !session.server ||
     session.server.generation === manager.getMachine(machineId)?.read()?.instanceId;
+  const tabAgents = (tab: FleetTabTarget) => {
+    const group = agentGroups().find((value) => value.machineId === tab.machineId);
+    // This observer covers only the default tmux server; never guess for other scopes.
+    if (!resolveTab(tab) || !group?.available || !isDefaultSession(tab.machineId, tab)) return null;
+    const observation = group.observation;
+    if (
+      observation &&
+      (observation.loadingSessions > 0 ||
+        observation.unavailableSessions > 0 ||
+        observation.truncatedSessions > 0 ||
+        observation.refreshingSessionKeys.length > 0)
+    )
+      return null;
+    const rows = group.agents.filter((agent) => agent.liveSessionId === tab.liveSessionId);
+    if (rows.some((agent) => agent.disabled)) return null;
+    return rows;
+  };
+  createEffect(() => {
+    tabRevision();
+    for (const tab of tabs.snapshot().tabs) tabs.observe(tab.key, tabAgents(tab));
+  });
   const sidebar: ApplicationMachineSidebarModel = {
     groups: () =>
       snapshot().groups.map((group) => ({
@@ -269,11 +291,26 @@ export function createApplicationMachineNavigation(options: {
     tabs: () => {
       tabRevision();
       const value = tabs.snapshot();
-      return value.tabs.map((tab) => ({
-        ...tab,
-        active: value.active === tab.key,
-        available: !!resolveTab(tab),
-      }));
+      return value.tabs.map((tab) => {
+        const agents = tabAgents(tab);
+        const activity = !agents
+          ? undefined
+          : agents.some((agent) => agent.activity === "failed")
+            ? ("failed" as const)
+            : agents.some((agent) => agent.attention || agent.activity === "waiting")
+              ? ("waiting" as const)
+              : agents.some((agent) => agent.activity === "running")
+                ? ("running" as const)
+                : ("idle" as const);
+        return {
+          ...tab,
+          active: value.active === tab.key,
+          available: !!resolveTab(tab),
+          activity,
+          attention: agents?.some((agent) => agent.attention || agent.activity === "waiting"),
+          unread: value.unread.includes(tab.key),
+        };
+      });
     },
     onOpenTab: (key) => {
       void tabs.activate(key);