@polderlabs/bizar-omp 0.4.4 → 0.4.6

package/README.md

@@ -141,14 +141,18 @@ The `omb agents` hub provides:
 - A global registry of every Bizar session, including sessions running outside the directory where `omb agents` was opened.
 - Session attach, rename, delete, refresh, settings, help, and reconnect controls.
 - A new-session selector opened with `n`.
-- Fuzzy directory search, parent and child navigation, recent project shortcuts, and direct absolute paths.
-- A configurable Projects folder in Settings; its child directories are indexed for quick new-session dispatch from anywhere.
+- `Tab` focus for the workspace rail. Select a workspace with `Up`/`Down`, then press `Enter` to immediately launch a new session rooted in that workspace; use `n` for the full new-session menu.
+- Workspace separators in the session list so sessions from different projects are easy to scan.
+- Inline rename from the hub with `e`; the name is saved without leaving the TUI for a separate prompt.
+- Mouse support for clicking sessions and workspaces and scrolling either list. The hub enables terminal SGR mouse reporting only while it is open.
+- Fuzzy directory search with recursive subdirectory indexing, parent navigation, recent project shortcuts, path autocomplete, and direct absolute paths.
+- A configurable Project directory root in Settings; it becomes the default new-session root and its full subdirectory tree is indexed for quick dispatch from anywhere.
 - Optional initial task text and session naming without leaving the TUI.
 - Native OMP session titles with deterministic project/task fallbacks.
 
-Key controls are `Enter` attach, `n` new session, `e` rename, `d` delete, `s` settings, `r` refresh, `?` help, and `q` exit. Inside a session, `Ctrl-d` or `Ctrl-c` returns to the hub without sending EOF or interrupt input to OMP. Mouse scrolling is enabled by default and can be changed in Settings.
+Key controls are `Enter` attach, `Tab` focus workspaces, workspace `Enter` immediate new session, `n` full new-session menu, `e` rename, `d` delete, `s` settings, `r` refresh, `?` help, and `q` exit. Inside a session, `Ctrl-d` or `Ctrl-c` returns to the hub without sending EOF or interrupt input to OMP. Mouse interaction in the hub supports row clicks and scrolling; mouse scrolling for attached OMP sessions remains configurable in Settings.
 
-To configure fast project picking, open `s`, select `Projects folder`, press `Enter`, enter a path such as `~/projects`, and press `s` to save. The new-session selector keeps direct absolute paths and parent navigation, while also showing the configured folder and its immediate child directories.
+To configure fast project picking, open `s`, select `Project directory root`, press `Enter`, enter a path such as `~/projects`, and press `s` to save. The new-session selector keeps direct absolute paths and parent navigation, while also indexing the configured folder's recursive subdirectories.
 
 ## Model roles and native assets
 
@@ -169,7 +173,7 @@ Bizar registers visible `bizar_*` roles without replacing operator-owned mapping
 | OMP | 18.2.6, with 18.2.5 and 18.2.4 regression-qualified |
 | Node.js | 22.x and 24.x in CI |
 | Bun | 1.3.14 compatibility job |
-| Package | `@polderlabs/bizar-omp@0.4.4` |
+| Package | `@polderlabs/bizar-omp@0.4.5` |
 
 Upstream OMP changes require a new compatibility baseline and contract run. The package does not widen a version range to hide an unqualified runtime.
 

package/dist/cli/agents-ink.d.ts

@@ -13,12 +13,14 @@ export type AgentsHubAction = {
 } | {
     type: "rename";
     session: OmbSessionInfo;
+    nextId: string;
 } | {
     type: "delete";
     session: OmbSessionInfo;
+    nextSessionName?: string;
 } | {
     type: "settings";
     settings: OmbSettings;
 };
-export declare function runInkAgentsHub(cwd: string, env: NodeJS.ProcessEnv, sessions: OmbSessionInfo[], settings: OmbSettings): Promise<AgentsHubAction>;
+export declare function runInkAgentsHub(cwd: string, env: NodeJS.ProcessEnv, sessions: OmbSessionInfo[], settings: OmbSettings, initialSelectedName?: string): Promise<AgentsHubAction>;
 //# sourceMappingURL=agents-ink.d.ts.map

package/dist/cli/agents-ink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agents-ink.d.ts","sourceRoot":"","sources":["../../src/cli/agents-ink.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,cAAc,EAAwB,MAAM,wBAAwB,CAAC;AAC3H,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,WAAW,CAAA;CAAE,CAAC;AAsfhD,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,CAAC,eAAe,CAAC,CAOtJ"}
+{"version":3,"file":"agents-ink.d.ts","sourceRoot":"","sources":["../../src/cli/agents-ink.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,cAAc,EAAwB,MAAM,wBAAwB,CAAC;AAC3H,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,WAAW,CAAA;CAAE,CAAC;AA8tBhD,wBAAsB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAOpL"}

package/dist/cli/agents-ink.js

@@ -1,8 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import { Box, Text, useApp, useInput, useWindowSize, render } from "ink";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Box, Text, useApp, useInput, useStdin, useStdout, useWindowSize, render } from "ink";
 import { listOmbSessions, ombSessionDisplayName } from "../omp/omb-sessions.js";
-import { filterDirectoryOptions, readDirectoryOptions } from "./directory-selector.js";
+import { expandDirectoryPath, filterDirectoryOptions, readDirectoryCompletions, readDirectoryOptions } from "./directory-selector.js";
 const statusLabel = (state) => state === "attached" ? "CONNECTED" : state === "detached" ? "DISCONNECTED" : "STOPPED";
 const statusColor = (state) => state === "attached" ? "green" : state === "detached" ? "yellow" : "gray";
 const statusMark = (state) => state === "attached" ? "●" : state === "detached" ? "◌" : "○";
@@ -20,14 +20,25 @@ function age(session) {
         return `${Math.floor(seconds / 3600)}h ago`;
     return `${Math.floor(seconds / 86400)}d ago`;
 }
-function projectCounts(sessions) {
-    const counts = new Map();
-    for (const session of sessions)
-        counts.set(session.project, (counts.get(session.project) ?? 0) + 1);
-    return [...counts.entries()].sort(([a], [b]) => a.localeCompare(b));
+function workspacePath(session) {
+    return session.cwd === "?" ? session.project : session.cwd;
+}
+function workspaceEntries(sessions) {
+    const entries = new Map();
+    for (const session of sessions) {
+        const path = workspacePath(session);
+        const current = entries.get(path);
+        if (current)
+            current.count += 1;
+        else
+            entries.set(path, { path, label: session.project, count: 1 });
+    }
+    return [...entries.values()].sort((a, b) => a.path.localeCompare(b.path));
 }
 function visibleSessions(allSessions, settings) {
-    return settings.showStoppedSessions ? allSessions : allSessions.filter(session => session.state !== "dead");
+    const stateRank = (state) => state === "attached" ? 0 : state === "detached" ? 1 : 2;
+    return [...(settings.showStoppedSessions ? allSessions : allSessions.filter(session => session.state !== "dead"))]
+        .sort((a, b) => workspacePath(a).localeCompare(workspacePath(b)) || stateRank(a.state) - stateRank(b.state) || a.project.localeCompare(b.project) || a.name.localeCompare(b.name));
 }
 function Header({ cwd, sessions }) {
     const connected = sessions.filter(session => session.state === "attached").length;
@@ -35,9 +46,9 @@ function Header({ cwd, sessions }) {
     const stopped = sessions.filter(session => session.state === "dead").length;
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "cyan", children: "\u25C6 BIZAR / AGENTS HUB" }), _jsxs(Text, { dimColor: true, children: ["GLOBAL \u00B7 launched from ", short(cwd, 34)] })] }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Text, { color: "green", children: ["\u25CF ", connected, " connected"] }), _jsxs(Text, { color: "yellow", children: ["\u25CC ", disconnected, " disconnected"] }), _jsxs(Text, { color: "gray", children: ["\u25CB ", stopped, " stopped"] })] })] }));
 }
-function WorkspaceRail({ sessions, selected }) {
-    const projects = projectCounts(sessions);
-    return (_jsxs(Box, { width: "28%", minWidth: 24, flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "WORKSPACES" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "white", bold: true, children: ["\u203A ALL SESSIONS ", _jsx(Text, { dimColor: true, children: sessions.length })] }), projects.length === 0 ? _jsx(Text, { dimColor: true, children: "  No active projects" }) : projects.map(([project, count]) => (_jsxs(Text, { color: selected?.project === project ? "cyan" : undefined, children: [selected?.project === project ? "  › " : "    ", short(project, 18), " ", _jsx(Text, { dimColor: true, children: count })] }, project)))] }), _jsxs(Box, { marginTop: 2, flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "LIVE VIEW" }), _jsx(Text, { dimColor: true, children: "Updates every few seconds." }), _jsx(Text, { dimColor: true, children: "Only bizar-* sessions" }), _jsx(Text, { dimColor: true, children: "are shown or changed." })] })] }));
+function WorkspaceRail({ sessions, selectedPath, focused }) {
+    const projects = workspaceEntries(sessions);
+    return (_jsxs(Box, { width: "28%", minWidth: 24, flexDirection: "column", borderStyle: "round", borderColor: focused ? "cyan" : "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, color: focused ? "white" : "cyan", children: ["WORKSPACES ", _jsx(Text, { dimColor: true, children: focused ? "· select" : "· Tab" })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: focused && !selectedPath ? "white" : "cyan", bold: true, children: [focused && !selectedPath ? "›" : " ", " ALL SESSIONS ", _jsx(Text, { dimColor: true, children: sessions.length })] }), projects.length === 0 ? _jsx(Text, { dimColor: true, children: "  No active projects" }) : projects.map(workspace => (_jsxs(Text, { color: selectedPath === workspace.path ? "white" : undefined, backgroundColor: focused && selectedPath === workspace.path ? "blue" : undefined, children: [selectedPath === workspace.path ? "  › " : "    ", short(workspace.label, 18), " ", _jsxs(Text, { dimColor: true, children: [workspace.count, " \u00B7 ", short(workspace.path, 24)] })] }, workspace.path)))] }), _jsxs(Box, { marginTop: 2, flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "LIVE VIEW" }), _jsx(Text, { dimColor: true, children: "Updates every few seconds." }), _jsx(Text, { dimColor: true, children: "Only bizar-* sessions" }), _jsx(Text, { dimColor: true, children: "are shown or changed." })] })] }));
 }
 function SessionRow({ session, selected, width }) {
     const color = statusColor(session.state);
@@ -49,35 +60,47 @@ function SessionList({ sessions, selected, rows, width }) {
     const start = Math.max(0, Math.min(Math.max(0, sessions.length - visibleCount), selected - Math.floor(visibleCount / 2)));
     const visible = sessions.slice(start, start + visibleCount);
     let previous;
+    let previousWorkspace;
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "cyan", children: "SESSIONS" }), _jsx(Text, { dimColor: true, children: sessions.length ? `${start + 1}-${Math.min(start + visibleCount, sessions.length)} of ${sessions.length}` : "empty" })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: visible.length === 0 ? (_jsxs(Box, { flexDirection: "column", paddingY: 2, children: [_jsx(Text, { color: "yellow", children: "No Bizar sessions are running." }), _jsx(Text, { dimColor: true, children: "Press n to dispatch a new agent session." })] })) : visible.map((session, offset) => {
                     const index = start + offset;
-                    const heading = session.state !== previous;
+                    const workspace = workspacePath(session);
+                    const workspaceChanged = workspace !== previousWorkspace;
+                    const heading = workspaceChanged || session.state !== previous;
+                    const workspaceHeading = workspaceChanged;
+                    if (workspaceChanged)
+                        previousWorkspace = workspace;
                     previous = session.state;
-                    return (_jsxs(Box, { flexDirection: "column", children: [heading && _jsxs(Text, { color: statusColor(session.state), bold: true, children: [statusMark(session.state), " ", statusLabel(session.state)] }), _jsx(SessionRow, { session: session, selected: index === selected, width: width })] }, session.name));
+                    return (_jsxs(Box, { flexDirection: "column", children: [workspaceHeading && _jsxs(Text, { color: "cyan", bold: true, children: ["\u2501\u2501 ", short(session.project, 20), " \u00B7 ", short(workspace, Math.max(20, width - 24)), " \u2501\u2501"] }), heading && _jsxs(Text, { color: statusColor(session.state), bold: true, children: [statusMark(session.state), " ", statusLabel(session.state)] }), _jsx(SessionRow, { session: session, selected: index === selected, width: width })] }, session.name));
                 }) })] }));
 }
 function Inspector({ session }) {
     return (_jsxs(Box, { width: "29%", minWidth: 25, flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "SELECTED SESSION" }), !session ? _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Select a session to inspect it." }) }) : (_jsxs(Box, { marginTop: 1, flexDirection: "column", gap: 1, children: [_jsxs(Text, { bold: true, color: statusColor(session.state), children: [statusMark(session.state), " ", statusLabel(session.state)] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "NAME" }), _jsx(Text, { children: ombSessionDisplayName(session) }), _jsx(Text, { dimColor: true, children: session.nativeName ? "OMP session title" : "Generated from task or project" })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "PROJECT" }), _jsx(Text, { children: short(session.cwd, 30) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "COMMAND" }), _jsx(Text, { children: short(session.command || "omp", 30) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "LAST ACTIVITY" }), _jsx(Text, { children: age(session) })] })] }))] }));
 }
 function Footer() {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Enter" }), " attach  ", _jsx(Text, { color: "cyan", children: "n" }), " new selector  ", _jsx(Text, { color: "cyan", children: "e" }), " rename  ", _jsx(Text, { color: "cyan", children: "d" }), " delete"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "s" }), " settings  ", _jsx(Text, { color: "cyan", children: "r" }), " refresh  ", _jsx(Text, { color: "cyan", children: "?" }), " help  ", _jsx(Text, { color: "cyan", children: "q" }), " quit"] })] }));
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Tab" }), " workspaces  ", _jsx(Text, { color: "cyan", children: "Enter" }), " attach/new  ", _jsx(Text, { color: "cyan", children: "n" }), " new  ", _jsx(Text, { color: "cyan", children: "e" }), " rename  ", _jsx(Text, { color: "cyan", children: "d" }), " delete"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "s" }), " settings  ", _jsx(Text, { color: "cyan", children: "r" }), " refresh  ", _jsx(Text, { color: "cyan", children: "?" }), " help  ", _jsx(Text, { color: "cyan", children: "q" }), " quit"] })] }));
 }
 function Modal({ title, children, width, columns }) {
     return (_jsxs(Box, { position: "absolute", top: 2, left: Math.max(0, Math.floor((columns - width) / 2)), width: width, flexDirection: "column", borderStyle: "double", borderColor: "cyan", backgroundColor: "black", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: title }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: children })] }));
 }
-function NewSessionModal({ cwd, sessions, projectsFolder, selected, columns, rows, onSubmit, onClose, }) {
-    const initialDirectory = selected?.cwd && selected.cwd !== "?" ? selected.cwd : cwd;
+function NewSessionModal({ cwd, sessions, projectsFolder, initialDirectory: workspaceDirectory, selected, columns, rows, onSubmit, onClose, }) {
+    const initialDirectory = workspaceDirectory?.trim()
+        ? expandDirectoryPath(workspaceDirectory, cwd)
+        : projectsFolder.trim()
+            ? expandDirectoryPath(projectsFolder, cwd)
+            : selected?.cwd && selected.cwd !== "?" ? selected.cwd : cwd;
     const [mode, setMode] = useState("directory");
     const [directoryPath, setDirectoryPath] = useState(initialDirectory);
     const [directoryQuery, setDirectoryQuery] = useState("");
     const [directoryOptions, setDirectoryOptions] = useState([]);
+    const [pathOptions, setPathOptions] = useState([]);
     const [directorySelected, setDirectorySelected] = useState(0);
     const [projectCwd, setProjectCwd] = useState(initialDirectory);
     const [task, setTask] = useState("");
     const [sessionId, setSessionId] = useState("");
     const [loading, setLoading] = useState(true);
     const recentPaths = useMemo(() => [...new Set(sessions.map(session => session.cwd).filter(path => path && path !== "?"))], [sessions]);
-    const filteredDirectories = useMemo(() => filterDirectoryOptions(directoryOptions, directoryQuery), [directoryOptions, directoryQuery]);
+    const recentPathsKey = useMemo(() => [...recentPaths].sort().join("\0"), [recentPaths]);
+    const filteredDirectories = useMemo(() => filterDirectoryOptions([...pathOptions, ...directoryOptions], directoryQuery), [directoryOptions, directoryQuery, pathOptions]);
     const visibleCount = Math.max(4, Math.min(9, rows - 14));
     const directoryStart = Math.max(0, Math.min(Math.max(0, filteredDirectories.length - visibleCount), directorySelected - Math.floor(visibleCount / 2)));
     const visibleDirectories = filteredDirectories.slice(directoryStart, directoryStart + visibleCount);
@@ -85,7 +108,7 @@ function NewSessionModal({ cwd, sessions, projectsFolder, selected, columns, row
     useEffect(() => {
         let active = true;
         setLoading(true);
-        void readDirectoryOptions(directoryPath, recentPaths, directoryQuery, projectsFolder).then(options => {
+        void readDirectoryOptions(directoryPath, recentPaths, "", projectsFolder).then(options => {
             if (!active)
                 return;
             setDirectoryOptions(options);
@@ -93,7 +116,20 @@ function NewSessionModal({ cwd, sessions, projectsFolder, selected, columns, row
             setLoading(false);
         });
         return () => { active = false; };
-    }, [directoryPath, directoryQuery, projectsFolder, recentPaths]);
+    }, [directoryPath, projectsFolder, recentPathsKey]);
+    useEffect(() => {
+        setDirectorySelected(0);
+        if (!directoryQuery.includes("/") && !directoryQuery.startsWith("~")) {
+            setPathOptions([]);
+            return;
+        }
+        let active = true;
+        void readDirectoryOptions(directoryPath, [], directoryQuery).then(options => {
+            if (active)
+                setPathOptions(options.filter(option => option.kind === "path"));
+        });
+        return () => { active = false; };
+    }, [directoryPath, directoryQuery]);
     useEffect(() => {
         setDirectorySelected(value => Math.min(value, Math.max(0, filteredDirectories.length - 1)));
     }, [filteredDirectories.length]);
@@ -182,25 +218,50 @@ function NewSessionModal({ cwd, sessions, projectsFolder, selected, columns, row
                                 const index = directoryStart + offset;
                                 const isSelected = index === directorySelected;
                                 return (_jsxs(Box, { flexDirection: "column", backgroundColor: isSelected ? "blue" : undefined, children: [_jsxs(Text, { color: isSelected ? "white" : option.kind === "recent" ? "green" : "cyan", bold: isSelected, children: [isSelected ? "›" : " ", " ", option.kind === "parent" ? "↰" : option.kind === "recent" ? "●" : option.kind === "current" ? "◆" : option.kind === "projects-root" ? "▣" : option.kind === "project" ? "◇" : "□", " ", option.label] }), isSelected && _jsxs(Text, { dimColor: true, children: ["    ", option.detail ?? option.path] })] }, `${option.kind}:${option.path}`));
-                            }) }), _jsxs(Text, { dimColor: true, children: [filteredDirectories.length ? `${directoryStart + 1}-${Math.min(directoryStart + visibleCount, filteredDirectories.length)} of ${filteredDirectories.length}` : "0 directories", "  \u00B7  Enter choose  \u2192 open  \u2190 parent"] })] })) : (_jsxs(Text, { dimColor: true, children: ["  ", projectCwd] })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: mode === "task" ? "cyan" : undefined, bold: mode === "task", children: "2  Initial task" }), mode === "task" ? _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { children: task || "Optional task description" })] }) : _jsxs(Text, { dimColor: true, children: ["  ", task || "Optional"] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: mode === "name" ? "cyan" : undefined, bold: mode === "name", children: "3  Session name" }), mode === "name" ? _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { children: sessionId || "Blank generates a name" })] }) : _jsxs(Text, { dimColor: true, children: ["  ", sessionId || "Generated automatically"] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Type to search or edit  \u00B7  Up/Down select  \u00B7  Enter continue  \u00B7  Esc back" }), _jsx(Text, { color: "yellow", children: mode === "directory" ? projectsFolder ? `Global sessions are listed below; ${projectsFolder} is indexed here.` : "Global sessions are listed below; configure a projects folder in settings for faster picking." : mode === "name" ? "Enter starts the durable OMB host." : "Enter moves to the session name." })] })] }) }));
+                            }) }), _jsxs(Text, { dimColor: true, children: [filteredDirectories.length ? `${directoryStart + 1}-${Math.min(directoryStart + visibleCount, filteredDirectories.length)} of ${filteredDirectories.length}` : "0 directories", "  \u00B7  Enter choose  \u2192 open  \u2190 parent  \u00B7  fuzzy matches scan all subdirectories"] })] })) : (_jsxs(Text, { dimColor: true, children: ["  ", projectCwd] })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: mode === "task" ? "cyan" : undefined, bold: mode === "task", children: "2  Initial task" }), mode === "task" ? _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { children: task || "Optional task description" })] }) : _jsxs(Text, { dimColor: true, children: ["  ", task || "Optional"] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: mode === "name" ? "cyan" : undefined, bold: mode === "name", children: "3  Session name" }), mode === "name" ? _jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { children: sessionId || "Blank generates a name" })] }) : _jsxs(Text, { dimColor: true, children: ["  ", sessionId || "Generated automatically"] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Type to search or edit  \u00B7  Up/Down select  \u00B7  Enter continue  \u00B7  Esc back" }), _jsx(Text, { color: "yellow", children: mode === "directory" ? projectsFolder ? `Global sessions are listed below; ${projectsFolder} is indexed here.` : "Global sessions are listed below; configure a projects folder in settings for faster picking." : mode === "name" ? "Enter starts the durable OMB host." : "Enter moves to the session name." })] })] }) }));
 }
-function SettingsModal({ settings, selected, columns, onToggle, onMove, onSetProjectsFolder, onSave, onClose }) {
+function SettingsModal({ cwd, settings, selected, columns, onToggle, onMove, onSetProjectsFolder, onSave, onClose }) {
     const options = [
+        ["Project directory root", settings.projectsFolder || "not set"],
         ["Attach plain omb to latest live session", settings.autoAttachLatest],
         ["Enable mouse scrolling in OMB sessions", settings.mouseScrolling],
         ["Show stopped sessions in this view", settings.showStoppedSessions],
-        ["Projects folder", settings.projectsFolder || "not set"],
     ];
     const [editingFolder, setEditingFolder] = useState(false);
     const [folderInput, setFolderInput] = useState(settings.projectsFolder);
+    const [folderSuggestions, setFolderSuggestions] = useState([]);
+    const [folderSuggestionSelected, setFolderSuggestionSelected] = useState(0);
+    useEffect(() => {
+        if (!editingFolder) {
+            setFolderSuggestions([]);
+            return;
+        }
+        let active = true;
+        void readDirectoryCompletions(folderInput, cwd).then(options => {
+            if (!active)
+                return;
+            setFolderSuggestions(options);
+            setFolderSuggestionSelected(0);
+        });
+        return () => { active = false; };
+    }, [cwd, editingFolder, folderInput]);
     useInput((input, key) => {
         if (editingFolder) {
             if (key.escape) {
                 setFolderInput(settings.projectsFolder);
                 setEditingFolder(false);
             }
+            else if (key.upArrow)
+                setFolderSuggestionSelected(value => Math.max(0, value - 1));
+            else if (key.downArrow)
+                setFolderSuggestionSelected(value => Math.min(Math.max(0, folderSuggestions.length - 1), value + 1));
+            else if (key.tab || key.rightArrow) {
+                const suggestion = folderSuggestions[folderSuggestionSelected];
+                if (suggestion)
+                    setFolderInput(suggestion.path);
+            }
             else if (key.return) {
-                onSetProjectsFolder(folderInput.trim());
+                onSetProjectsFolder(folderSuggestions[folderSuggestionSelected]?.path ?? folderInput.trim());
                 setEditingFolder(false);
             }
             else if (key.backspace || (key.ctrl && input === "h"))
@@ -220,18 +281,18 @@ function SettingsModal({ settings, selected, columns, onToggle, onMove, onSetPro
         else if (input === "s")
             onSave();
         else if (input === " " || key.return) {
-            if (selected === 3)
+            if (selected === 0)
                 setEditingFolder(true);
             else
                 onToggle();
         }
     });
-    return (_jsxs(Modal, { title: "OMB SETTINGS", width: Math.min(70, Math.max(46, columns - 6)), columns: columns, children: [options.map(([label, enabled], index) => (_jsxs(Text, { color: index === selected ? "white" : undefined, backgroundColor: index === selected ? "blue" : undefined, children: [index === selected ? "›" : " ", " ", typeof enabled === "boolean" ? `[${enabled ? "on " : "off"}]` : enabled, " ", label] }, label))), selected === 3 && (_jsxs(Box, { marginTop: 1, borderStyle: "single", borderColor: editingFolder ? "cyan" : "gray", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u2315 " }), _jsx(Text, { children: editingFolder ? folderInput || "Type ~/projects or an absolute path" : settings.projectsFolder || "Press Enter to set a projects folder" })] })), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: editingFolder ? "Type path   Enter apply   Ctrl-U clear   Esc cancel" : "Up/Down select   Space/Enter edit   s save   Esc cancel" }), _jsx(Text, { color: "yellow", children: selected === 1 ? "Mouse mode applies to existing OMB sessions when saved." : selected === 3 ? "Child directories from this folder appear in the new-session picker." : "The hub always shows every Bizar session across projects." })] }));
+    return (_jsxs(Modal, { title: "OMB SETTINGS", width: Math.min(70, Math.max(46, columns - 6)), columns: columns, children: [options.map(([label, enabled], index) => (_jsxs(Text, { color: index === selected ? "white" : undefined, backgroundColor: index === selected ? "blue" : undefined, children: [index === selected ? "›" : " ", " ", typeof enabled === "boolean" ? `[${enabled ? "on " : "off"}]` : enabled, " ", label] }, label))), selected === 0 && (_jsxs(Box, { marginTop: 1, borderStyle: "single", borderColor: editingFolder ? "cyan" : "gray", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u2315 " }), _jsx(Text, { children: editingFolder ? folderInput || "Type ~/projects or an absolute path" : settings.projectsFolder || "Press Enter to set a projects folder" })] })), selected === 0 && editingFolder && folderSuggestions.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Autocomplete" }), folderSuggestions.slice(0, 5).map((suggestion, index) => (_jsxs(Text, { color: index === folderSuggestionSelected ? "white" : undefined, backgroundColor: index === folderSuggestionSelected ? "blue" : undefined, children: [index === folderSuggestionSelected ? "›" : " ", " ", suggestion.path] }, suggestion.path)))] })), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: editingFolder ? "Type path   Enter apply   Ctrl-U clear   Esc cancel" : "Up/Down select   Space/Enter edit   s save   Esc cancel" }), _jsx(Text, { color: "yellow", children: selected === 0 ? "Child directories from this folder appear in the new-session picker." : selected === 2 ? "Mouse mode applies to existing OMB sessions when saved." : "The hub always shows every Bizar session across projects." })] }));
 }
 function HelpModal({ columns, onClose }) {
     useInput((input, key) => { if (key.escape || key.return || input === "q")
         onClose(); });
-    return (_jsxs(Modal, { title: "OMB AGENTS SHORTCUTS", width: Math.min(64, Math.max(42, columns - 6)), columns: columns, children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Enter" }), " attach to the selected session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "n" }), " open the fuzzy directory session selector"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "e" }), " rename the selected session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "d" }), " delete after confirmation"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "s" }), " open launcher settings"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "r" }), " refresh the session list"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "q / Esc" }), " leave this view"] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Global view: every tmux session with the bizar- prefix is shown." }), _jsx(Text, { dimColor: true, children: "Press Enter or Esc to return." })] }));
+    return (_jsxs(Modal, { title: "OMB AGENTS SHORTCUTS", width: Math.min(64, Math.max(42, columns - 6)), columns: columns, children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Enter" }), " attach to the selected session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Tab" }), " focus workspaces; Enter immediately starts a named session there"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "n" }), " open the full new-session menu"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "Mouse" }), " click rows, scroll lists, and select a workspace"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "e" }), " rename the selected session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "d" }), " delete after confirmation"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "s" }), " open launcher settings"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "r" }), " refresh the session list"] }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "q / Esc" }), " leave this view"] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Global view: every tmux session with the bizar- prefix is shown." }), _jsx(Text, { dimColor: true, children: "Press Enter or Esc to return." })] }));
 }
 function DeleteModal({ session, columns, onConfirm, onClose }) {
     useInput((input, key) => {
@@ -242,24 +303,172 @@ function DeleteModal({ session, columns, onConfirm, onClose }) {
     });
     return (_jsxs(Modal, { title: "DELETE SESSION?", width: Math.min(64, Math.max(42, columns - 6)), columns: columns, children: [_jsxs(Text, { bold: true, children: [session.project, "/", session.id] }), _jsx(Text, { dimColor: true, children: short(session.cwd, 54) }), _jsx(Text, { children: " " }), _jsx(Text, { color: "yellow", children: "This stops OMP and removes the tmux session." }), _jsxs(Text, { children: ["Press ", _jsx(Text, { color: "red", bold: true, children: "y" }), " to delete, any other key to cancel."] })] }));
 }
-function AgentsApp({ cwd, env, sessions: initialSessions, settings: initialSettings, onAction }) {
+function RenameModal({ session, columns, onConfirm, onClose }) {
+    const [value, setValue] = useState(session.id);
+    useInput((input, key) => {
+        if (key.escape)
+            onClose();
+        else if (key.return)
+            onConfirm(value.trim() || session.id);
+        else if (key.backspace || (key.ctrl && input === "h"))
+            setValue(current => current.slice(0, -1));
+        else if (key.ctrl && input === "u")
+            setValue("");
+        else if (input && !key.ctrl && !key.meta && input >= " ")
+            setValue(current => `${current}${input}`);
+    });
+    return (_jsxs(Modal, { title: "RENAME SESSION", width: Math.min(64, Math.max(42, columns - 6)), columns: columns, children: [_jsx(Text, { dimColor: true, children: short(session.cwd, 54) }), _jsxs(Box, { marginTop: 1, borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { children: value || "Type a session name" })] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Enter save   Ctrl-U clear   Esc cancel" })] }));
+}
+/** Enable SGR mouse reporting while the hub owns the alternate screen. */
+function useTerminalMouse(onMouse) {
+    const { stdin } = useStdin();
+    const { stdout } = useStdout();
+    const onMouseRef = useRef(onMouse);
+    useEffect(() => { onMouseRef.current = onMouse; }, [onMouse]);
+    useEffect(() => {
+        if (!stdin.isTTY)
+            return;
+        const enable = "\u001b[?1000h\u001b[?1006h";
+        const disable = "\u001b[?1000l\u001b[?1006l";
+        stdout.write(enable);
+        let buffer = "";
+        const pattern = /\u001b\[<(\d+);(\d+);(\d+)([mM])/g;
+        const onData = (chunk) => {
+            buffer += chunk.toString();
+            pattern.lastIndex = 0;
+            let consumed = 0;
+            let match;
+            while ((match = pattern.exec(buffer))) {
+                consumed = pattern.lastIndex;
+                onMouseRef.current({ button: Number(match[1]), x: Number(match[2]), y: Number(match[3]), release: match[4] === "m" });
+            }
+            const remainder = buffer.slice(consumed);
+            const escape = remainder.lastIndexOf("\u001b");
+            buffer = escape >= 0 ? remainder.slice(escape) : "";
+            if (buffer.length > 64)
+                buffer = buffer.slice(-64);
+        };
+        stdin.on("data", onData);
+        return () => {
+            stdin.off("data", onData);
+            stdout.write(disable);
+        };
+    }, [stdin, stdout]);
+}
+function sessionMouseIndex(sessions, selected, rows, y) {
+    const visibleCount = Math.max(4, rows - 7);
+    const start = Math.max(0, Math.min(Math.max(0, sessions.length - visibleCount), selected - Math.floor(visibleCount / 2)));
+    // The session panel starts below the header, panel border, title, and one
+    // spacer row. Keep this in sync with SessionList's compact layout.
+    let line = 11;
+    let previousWorkspace;
+    let previousState;
+    for (const [offset, session] of sessions.slice(start, start + visibleCount).entries()) {
+        if (session.cwd !== previousWorkspace) {
+            line += 1;
+            previousWorkspace = session.cwd;
+            previousState = undefined;
+        }
+        if (session.state !== previousState) {
+            line += 1;
+            previousState = session.state;
+        }
+        if (y === line || y === line + 1)
+            return start + offset;
+        line += 2;
+    }
+    return undefined;
+}
+function AgentsApp({ cwd, env, sessions: initialSessions, settings: initialSettings, initialSelectedName, onAction }) {
     const { columns, rows } = useWindowSize();
     const [allSessions, setAllSessions] = useState(initialSessions);
     const [settings, setSettings] = useState(initialSettings);
-    const [selected, setSelected] = useState(0);
+    const [selectedName, setSelectedName] = useState(initialSelectedName ?? initialSessions[0]?.name);
+    const [selectedWorkspacePath, setSelectedWorkspacePath] = useState(initialSessions[0]?.cwd);
+    const [focus, setFocus] = useState("sessions");
+    const [newSessionDirectory, setNewSessionDirectory] = useState();
     const [overlay, setOverlay] = useState();
     const [overlaySelected, setOverlaySelected] = useState(0);
     const [draftSettings, setDraftSettings] = useState(initialSettings);
     const { exit } = useApp();
     const sessions = useMemo(() => visibleSessions(allSessions, settings), [allSessions, settings]);
+    const selected = Math.max(0, sessions.findIndex(session => session.name === selectedName));
     const selectedSession = sessions[selected];
+    const workspaces = useMemo(() => workspaceEntries(sessions), [sessions]);
+    const workspaceIndex = selectedWorkspacePath ? Math.max(0, workspaces.findIndex(workspace => workspace.path === selectedWorkspacePath) + 1) : 0;
     const refresh = async () => setAllSessions(await listOmbSessions(cwd, env));
     useEffect(() => {
         const timer = setInterval(() => { void refresh(); }, 3000);
         return () => clearInterval(timer);
     }, [cwd, env]);
-    useEffect(() => { setSelected(value => Math.min(value, Math.max(0, sessions.length - 1))); }, [sessions.length]);
+    useEffect(() => {
+        if (sessions.length === 0) {
+            setSelectedName(undefined);
+        }
+        else if (!selectedName || !sessions.some(session => session.name === selectedName)) {
+            setSelectedName(sessions[0]?.name);
+        }
+    }, [sessions, selectedName]);
+    useEffect(() => {
+        if (selectedWorkspacePath && !workspaces.some(workspace => workspace.path === selectedWorkspacePath))
+            setSelectedWorkspacePath(workspaces[0]?.path);
+    }, [selectedWorkspacePath, workspaces]);
     const finish = (action) => { onAction(action); exit(); };
+    const openNewSession = (workspacePath) => {
+        setNewSessionDirectory(workspacePath);
+        setOverlay("new");
+        setFocus("sessions");
+    };
+    const launchWorkspaceSession = () => {
+        finish({ type: "new", projectCwd: selectedWorkspacePath ?? cwd, task: "", sessionId: "" });
+    };
+    const selectSession = (index) => {
+        const session = sessions[index];
+        if (!session)
+            return;
+        setSelectedName(session.name);
+        setSelectedWorkspacePath(workspacePath(session));
+    };
+    const selectWorkspace = (index) => {
+        if (index <= 0)
+            setSelectedWorkspacePath(undefined);
+        else
+            setSelectedWorkspacePath(workspaces[index - 1]?.path);
+    };
+    useTerminalMouse(event => {
+        if (overlay || event.release)
+            return;
+        if (event.button === 64 || event.button === 65) {
+            if (event.x <= Math.floor(columns * 0.28)) {
+                setFocus("workspaces");
+                selectWorkspace(Math.max(0, Math.min(workspaces.length, workspaceIndex + (event.button === 64 ? -1 : 1))));
+            }
+            else {
+                setFocus("sessions");
+                selectSession(Math.max(0, Math.min(Math.max(0, sessions.length - 1), selected + (event.button === 64 ? -1 : 1))));
+            }
+            return;
+        }
+        if (event.button !== 0)
+            return;
+        if (event.x <= Math.floor(columns * 0.28)) {
+            // Rail rows start at the ALL SESSIONS line and continue one row per
+            // workspace. The clamped index also makes clicks on the rail chrome
+            // useful instead of silently doing nothing.
+            const index = Math.max(0, Math.min(workspaces.length, event.y - 11));
+            setFocus("workspaces");
+            selectWorkspace(index);
+            return;
+        }
+        const index = sessionMouseIndex(sessions, selected, rows, event.y);
+        if (index === undefined)
+            return;
+        const session = sessions[index];
+        if (session?.name === selectedName)
+            finish({ type: "attach", session });
+        else
+            selectSession(index);
+    });
     useInput((input, key) => {
         if (overlay)
             return;
@@ -271,16 +480,30 @@ function AgentsApp({ cwd, env, sessions: initialSessions, settings: initialSetti
             finish({ type: "quit" });
             return;
         }
-        if (key.upArrow || input === "k")
-            setSelected(value => Math.max(0, value - 1));
-        else if (key.downArrow || input === "j")
-            setSelected(value => Math.min(Math.max(0, sessions.length - 1), value + 1));
+        if (key.tab) {
+            if (focus === "sessions") {
+                setFocus("workspaces");
+                setSelectedWorkspacePath(selectedSession ? workspacePath(selectedSession) : workspaces[0]?.path);
+            }
+            else
+                setFocus("sessions");
+        }
+        else if (focus === "workspaces" && (key.upArrow || input === "k"))
+            selectWorkspace(Math.max(0, workspaceIndex - 1));
+        else if (focus === "workspaces" && (key.downArrow || input === "j"))
+            selectWorkspace(Math.min(workspaces.length, workspaceIndex + 1));
+        else if (focus === "workspaces" && key.return)
+            launchWorkspaceSession();
+        else if (focus === "sessions" && (key.upArrow || input === "k"))
+            selectSession(Math.max(0, selected - 1));
+        else if (focus === "sessions" && (key.downArrow || input === "j"))
+            selectSession(Math.min(Math.max(0, sessions.length - 1), selected + 1));
         else if (key.return && selectedSession)
             finish({ type: "attach", session: selectedSession });
         else if (input === "n")
-            setOverlay("new");
+            openNewSession();
         else if (input === "e" && selectedSession)
-            finish({ type: "rename", session: selectedSession });
+            setOverlay("rename");
         else if (input === "d" && selectedSession) {
             setOverlay("delete");
         }
@@ -295,16 +518,16 @@ function AgentsApp({ cwd, env, sessions: initialSessions, settings: initialSetti
             setOverlay("settings");
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", minHeight: Math.max(12, rows - 1), paddingX: 1, children: [_jsx(Header, { cwd: cwd, sessions: sessions }), _jsxs(Box, { flexGrow: 1, marginTop: 1, gap: 1, children: [_jsx(WorkspaceRail, { sessions: sessions, selected: selectedSession }), _jsx(SessionList, { sessions: sessions, selected: selected, rows: rows, width: Math.max(34, Math.floor(columns * 0.42)) }), _jsx(Inspector, { session: selectedSession })] }), _jsx(Footer, {}), overlay === "new" && (_jsx(NewSessionModal, { cwd: cwd, sessions: allSessions, projectsFolder: settings.projectsFolder, selected: selectedSession, columns: columns, rows: rows, onSubmit: value => finish({ type: "new", ...value }), onClose: () => setOverlay(undefined) })), overlay === "help" && _jsx(HelpModal, { columns: columns, onClose: () => setOverlay(undefined) }), overlay === "delete" && selectedSession && _jsx(DeleteModal, { session: selectedSession, columns: columns, onConfirm: () => finish({ type: "delete", session: selectedSession }), onClose: () => setOverlay(undefined) }), overlay === "settings" && (_jsx(SettingsModal, { settings: draftSettings, selected: overlaySelected, onMove: setOverlaySelected, columns: columns, onToggle: () => {
-                    if (overlaySelected === 3)
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", minHeight: Math.max(12, rows - 1), paddingX: 1, children: [_jsx(Header, { cwd: cwd, sessions: sessions }), _jsxs(Box, { flexGrow: 1, marginTop: 1, gap: 1, children: [_jsx(WorkspaceRail, { sessions: sessions, selectedPath: selectedWorkspacePath, focused: focus === "workspaces" }), _jsx(SessionList, { sessions: sessions, selected: selected, rows: rows, width: Math.max(34, Math.floor(columns * 0.42)) }), _jsx(Inspector, { session: selectedSession })] }), _jsx(Footer, {}), overlay === "new" && (_jsx(NewSessionModal, { cwd: cwd, sessions: allSessions, projectsFolder: settings.projectsFolder, initialDirectory: newSessionDirectory, selected: selectedSession, columns: columns, rows: rows, onSubmit: value => finish({ type: "new", ...value }), onClose: () => setOverlay(undefined) })), overlay === "help" && _jsx(HelpModal, { columns: columns, onClose: () => setOverlay(undefined) }), overlay === "delete" && selectedSession && _jsx(DeleteModal, { session: selectedSession, columns: columns, onConfirm: () => finish({ type: "delete", session: selectedSession, nextSessionName: sessions[selected - 1]?.name ?? sessions[selected + 1]?.name }), onClose: () => setOverlay(undefined) }), overlay === "rename" && selectedSession && _jsx(RenameModal, { session: selectedSession, columns: columns, onConfirm: value => finish({ type: "rename", session: selectedSession, nextId: value }), onClose: () => setOverlay(undefined) }), overlay === "settings" && (_jsx(SettingsModal, { cwd: cwd, settings: draftSettings, selected: overlaySelected, onMove: setOverlaySelected, columns: columns, onToggle: () => {
+                    if (overlaySelected === 0)
                         return;
-                    const field = overlaySelected === 0 ? "autoAttachLatest" : overlaySelected === 1 ? "mouseScrolling" : "showStoppedSessions";
+                    const field = overlaySelected === 1 ? "autoAttachLatest" : overlaySelected === 2 ? "mouseScrolling" : "showStoppedSessions";
                     setDraftSettings(value => ({ ...value, [field]: !value[field] }));
                 }, onSetProjectsFolder: value => setDraftSettings(current => ({ ...current, projectsFolder: value })), onSave: () => finish({ type: "settings", settings: draftSettings }), onClose: () => setOverlay(undefined) }))] }));
 }
-export async function runInkAgentsHub(cwd, env, sessions, settings) {
+export async function runInkAgentsHub(cwd, env, sessions, settings, initialSelectedName) {
     let action = { type: "quit" };
-    const app = render(_jsx(AgentsApp, { cwd: cwd, env: env, sessions: sessions, settings: settings, onAction: value => { action = value; } }), {
+    const app = render(_jsx(AgentsApp, { cwd: cwd, env: env, sessions: sessions, settings: settings, initialSelectedName: initialSelectedName, onAction: value => { action = value; } }), {
         alternateScreen: true,
     });
     await app.waitUntilExit();