@colmbus72/yeehaw 0.4.1 → 0.5.0

package/dist/views/GlobalDashboard.js

@@ -12,7 +12,7 @@ import { isLocalBarn } from '../lib/config.js';
 function countSessionsForProject(projectName, windows) {
     return windows.filter((w) => w.name.startsWith(projectName)).length;
 }
-export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }) {
+export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaudeForProject, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }) {
     const [focusedPanel, setFocusedPanel] = useState('projects');
     const [mode, setModeInternal] = useState('normal');
     // Wrapper to notify parent when input mode changes
@@ -73,10 +73,6 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
             });
             return;
         }
-        if (input === 'c') {
-            onNewClaude();
-            return;
-        }
         if (input === 'n') {
             if (focusedPanel === 'projects') {
                 setMode('new-project-name');
@@ -93,10 +89,6 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
                 return;
             }
         }
-        if (input === 's' && focusedPanel === 'barns') {
-            // SSH to selected barn - handled by list selection
-            return;
-        }
         // Number hotkeys 1-9 for quick session switching
         const num = parseInt(input, 10);
         if (num >= 1 && num <= 9) {
@@ -174,6 +166,7 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
             label: p.name,
             status: sessionCount > 0 ? 'active' : 'inactive',
             meta: sessionCount > 0 ? `${sessionCount} session${sessionCount > 1 ? 's' : ''}` : undefined,
+            actions: [{ key: 'c', label: 'claude' }],
         };
     });
     // Parse window name to show clearer labels
@@ -202,11 +195,13 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
     // Use display numbers (1-9) instead of window index
     const sessionItems = sessionWindows.map((w, i) => {
         const { label, typeHint } = formatSessionLabel(w.name);
+        const statusInfo = getWindowStatus(w);
         return {
             id: String(w.index),
             label: `[${i + 1}] ${label}`,
             status: w.active ? 'active' : 'inactive',
-            meta: typeHint ? `${typeHint} · ${getWindowStatus(w)}` : getWindowStatus(w),
+            meta: typeHint ? `${typeHint} · ${statusInfo.text}` : statusInfo.text,
+            sessionStatus: statusInfo.status,
         };
     });
     const barnItems = barns.map((b) => ({
@@ -214,6 +209,7 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
         label: isLocalBarn(b) ? 'local' : b.name,
         status: 'active',
         meta: isLocalBarn(b) ? 'this machine' : `${b.user}@${b.host}`,
+        actions: [{ key: 's', label: 'shell' }],
     }));
     // New project modals
     if (mode === 'new-project-name') {
@@ -260,23 +256,29 @@ export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelec
     if (mode === 'new-barn-key') {
         return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW", versionInfo: versionInfo }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add New Barn: ", newBarnName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "SSH Key Path: " }), _jsx(PathInput, { value: newBarnKey, onChange: setNewBarnKey, onSubmit: handleBarnKeySubmit })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab: autocomplete, Enter: create barn, Esc: cancel" }) })] })] }));
     }
-    // Panel-specific hints (page-level hotkeys like c are in BottomBar)
     const projectHints = '[n] new';
-    const sessionHints = '1-9 switch';
-    const barnHints = '[n] new  [s] shell';
+    const sessionHints = '';
+    const barnHints = '[n] new';
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW", versionInfo: versionInfo }), _jsxs(Box, { flexGrow: 1, marginY: 1, paddingX: 1, gap: 2, children: [_jsxs(Box, { flexDirection: "column", width: "40%", gap: 1, children: [_jsx(Panel, { title: "Projects", focused: focusedPanel === 'projects', hints: projectHints, children: projectItems.length > 0 ? (_jsx(List, { items: projectItems, focused: focusedPanel === 'projects', onSelect: (item) => {
                                         const project = projects.find((p) => p.name === item.id);
                                         if (project)
                                             onSelectProject(project);
+                                    }, onAction: (item, actionKey) => {
+                                        if (actionKey === 'c') {
+                                            const project = projects.find((p) => p.name === item.id);
+                                            if (project)
+                                                onNewClaudeForProject(project);
+                                        }
                                     } })) : (_jsx(Text, { dimColor: true, children: "No projects yet" })) }), _jsx(Box, { flexGrow: 1, width: "100%", children: _jsx(Panel, { title: "Barns", focused: focusedPanel === 'barns', width: "100%", hints: barnHints, children: barnItems.length > 0 ? (_jsx(Box, { flexDirection: "column", children: _jsx(List, { items: barnItems, focused: focusedPanel === 'barns', onSelect: (item) => {
                                                 const barn = barns.find((b) => b.name === item.id);
                                                 if (barn)
                                                     onSelectBarn(barn);
-                                            }, onAction: (item) => {
-                                                // 's' key to SSH directly
-                                                const barn = barns.find((b) => b.name === item.id);
-                                                if (barn)
-                                                    onSshToBarn(barn);
+                                            }, onAction: (item, actionKey) => {
+                                                if (actionKey === 's') {
+                                                    const barn = barns.find((b) => b.name === item.id);
+                                                    if (barn)
+                                                        onSshToBarn(barn);
+                                                }
                                             } }) })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No barns configured" }), _jsx(Text, { dimColor: true, italic: true, children: "Barns are servers you manage" })] })) }) })] }), _jsx(Panel, { title: "Sessions", focused: focusedPanel === 'sessions', width: "60%", hints: sessionHints, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: focusedPanel === 'sessions', onSelect: (item) => {
                                 const window = sessionWindows.find((w) => String(w.index) === item.id);
                                 if (window)

package/dist/views/LivestockDetailView.js

@@ -127,14 +127,18 @@ export function LivestockDetailView({ project, livestock, source, sourceBarn, wi
     // Filter windows to this livestock (match pattern: projectname-livestockname)
     const livestockWindowName = `${project.name}-${livestock.name}`;
     const livestockWindows = windows.filter(w => w.name === livestockWindowName || w.name.startsWith(`${livestockWindowName}-`));
-    const sessionItems = livestockWindows.map((w, i) => ({
-        id: String(w.index),
-        label: `[${i + 1}] shell`,
-        status: w.active ? 'active' : 'inactive',
-        meta: getWindowStatus(w),
-    }));
+    const sessionItems = livestockWindows.map((w, i) => {
+        const statusInfo = getWindowStatus(w);
+        return {
+            id: String(w.index),
+            label: `[${i + 1}] shell`,
+            status: w.active ? 'active' : 'inactive',
+            meta: statusInfo.text,
+            sessionStatus: statusInfo.status,
+        };
+    });
     // Normal view - show livestock info inline with sessions
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(LivestockHeader, { project: project, livestock: livestock }), _jsxs(Box, { paddingX: 2, gap: 3, children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "path:" }), " ", livestock.path] }), barn && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "barn:" }), " ", barn.name, " ", _jsxs(Text, { dimColor: true, children: ["(", barn.host, ")"] })] }))] }), _jsxs(Box, { paddingX: 2, gap: 3, marginBottom: 1, children: [livestock.repo && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "repo:" }), " ", livestock.repo] })), livestock.log_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "logs:" }), " ", livestock.log_path] })), livestock.env_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "env:" }), " ", livestock.env_path] }))] }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsx(Panel, { title: "Sessions", focused: true, hints: `[s] shell  ${livestock.log_path ? '[l] logs  ' : ''}[e] edit`, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: true, onSelect: (item) => {
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(LivestockHeader, { project: project, livestock: livestock }), _jsxs(Box, { paddingX: 2, gap: 3, children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "path:" }), " ", livestock.path] }), barn && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "barn:" }), " ", barn.name, " ", _jsxs(Text, { dimColor: true, children: ["(", barn.host, ")"] })] }))] }), _jsxs(Box, { paddingX: 2, gap: 3, marginBottom: 1, children: [livestock.repo && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "repo:" }), " ", livestock.repo] })), livestock.log_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "logs:" }), " ", livestock.log_path] })), livestock.env_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "env:" }), " ", livestock.env_path] }))] }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsx(Panel, { title: "Sessions", focused: true, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: true, onSelect: (item) => {
                             const window = livestockWindows.find(w => String(w.index) === item.id);
                             if (window)
                                 onSelectWindow(window);

package/dist/views/ProjectContext.d.ts

@@ -5,7 +5,7 @@ interface ProjectContextProps {
     barns: Barn[];
     windows: TmuxWindow[];
     onBack: () => void;
-    onNewClaude: () => void;
+    onNewClaudeForLivestock: (livestock: Livestock) => void;
     onSelectWindow: (window: TmuxWindow) => void;
     onSelectLivestock: (livestock: Livestock, barn: Barn | null) => void;
     onOpenLivestockSession: (livestock: Livestock, barn: Barn | null) => void;
@@ -14,5 +14,5 @@ interface ProjectContextProps {
     onOpenWiki: () => void;
     onOpenIssues: () => void;
 }
-export declare function ProjectContext({ project, barns, windows, onBack, onNewClaude, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }: ProjectContextProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProjectContext({ project, barns, windows, onBack, onNewClaudeForLivestock, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }: ProjectContextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/ProjectContext.js

@@ -73,7 +73,7 @@ function hslToHex(h, s, l) {
     const toHex = (n) => Math.round((n + m) * 255).toString(16).padStart(2, '0');
     return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
 }
-export function ProjectContext({ project, barns, windows, onBack, onNewClaude, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }) {
+export function ProjectContext({ project, barns, windows, onBack, onNewClaudeForLivestock, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }) {
     const [focusedPanel, setFocusedPanel] = useState('livestock');
     const [mode, setMode] = useState('normal');
     // Edit form state
@@ -267,10 +267,8 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
             setFocusedPanel((p) => (p === 'livestock' ? 'sessions' : 'livestock'));
             return;
         }
-        if (input === 'c') {
-            onNewClaude();
-            return;
-        }
+        // NOTE: 'c' for Claude is handled at row-level in the List component
+        // via the onAction callback - no page-level 'c' handler here
         if (input === 'e') {
             startEdit();
             return;
@@ -294,16 +292,6 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
                 startAddLivestock();
                 return;
             }
-            if (input === 's') {
-                // Open shell session for selected livestock
-                const livestock = project.livestock || [];
-                if (livestock.length > 0 && selectedLivestockIndex < livestock.length) {
-                    const selected = livestock[selectedLivestockIndex];
-                    const barn = selected.barn ? barns.find((b) => b.name === selected.barn) || null : null;
-                    onOpenLivestockSession(selected, barn);
-                }
-                return;
-            }
             if (input === 'd') {
                 const livestock = project.livestock || [];
                 if (livestock.length > 0 && selectedLivestockIndex < livestock.length) {
@@ -411,12 +399,21 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
         livestock,
         barn: livestock.barn ? barns.find((b) => b.name === livestock.barn) || null : null,
     }));
-    const livestockItems = livestockWithBarns.map(({ livestock, barn }) => ({
-        id: livestock.name,
-        label: barn ? `${livestock.name} (${barn.host})` : `${livestock.name} (local)`,
-        status: 'active', // TODO: actual health check
-        meta: livestock.path,
-    }));
+    const livestockItems = livestockWithBarns.map(({ livestock, barn }) => {
+        const isLocal = !barn || isLocalBarn(barn);
+        // Local livestock: claude + shell
+        // Remote livestock: shell only
+        const actions = isLocal
+            ? [{ key: 'c', label: 'claude' }, { key: 's', label: 'shell' }]
+            : [{ key: 's', label: 'shell' }];
+        return {
+            id: livestock.name,
+            label: barn ? `${livestock.name} (${barn.host})` : `${livestock.name} (local)`,
+            status: 'active',
+            meta: livestock.path,
+            actions,
+        };
+    });
     // Parse session name for type hint (consistent with GlobalDashboard)
     const getSessionTypeHint = (name) => {
         if (name.endsWith('-claude'))
@@ -428,21 +425,33 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
         const sessionName = w.name.replace(`${project.name}-`, '');
         const typeHint = getSessionTypeHint(w.name);
         const displayName = sessionName.replace('-claude', '');
+        const statusInfo = getWindowStatus(w);
         return {
             id: String(w.index),
             label: `[${i + 1}] ${displayName}`,
             status: w.active ? 'active' : 'inactive',
-            meta: `${typeHint} · ${getWindowStatus(w)}`,
+            meta: `${typeHint} · ${statusInfo.text}`,
+            sessionStatus: statusInfo.status,
         };
     });
     // Panel-specific hints (page-level hotkeys like c/w/i are in BottomBar)
-    const livestockHints = '[s] shell  [n] new  [d] delete';
-    const sessionHints = '1-9 switch';
+    const livestockHints = '[n] new  [d] delete';
+    const sessionHints = '';
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: project.path, summary: project.summary, color: project.color, gradientSpread: project.gradientSpread, gradientInverted: project.gradientInverted }), _jsxs(Box, { flexGrow: 1, marginY: 1, paddingX: 1, gap: 2, children: [_jsx(Panel, { title: "Livestock", focused: focusedPanel === 'livestock', width: "50%", hints: livestockHints, children: livestockItems.length > 0 ? (_jsx(List, { items: livestockItems, focused: focusedPanel === 'livestock', selectedIndex: selectedLivestockIndex, onSelectionChange: setSelectedLivestockIndex, onSelect: (item) => {
                                 const found = livestockWithBarns.find((l) => l.livestock.name === item.id);
                                 if (found) {
                                     onSelectLivestock(found.livestock, found.barn);
                                 }
+                            }, onAction: (item, actionKey) => {
+                                const found = livestockWithBarns.find((l) => l.livestock.name === item.id);
+                                if (!found)
+                                    return;
+                                if (actionKey === 's') {
+                                    onOpenLivestockSession(found.livestock, found.barn);
+                                }
+                                if (actionKey === 'c') {
+                                    onNewClaudeForLivestock(found.livestock);
+                                }
                             } })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No livestock configured" }), _jsx(Text, { dimColor: true, italic: true, children: "Livestock are your deployed app instances" })] })) }), _jsx(Panel, { title: "Sessions", focused: focusedPanel === 'sessions', width: "50%", hints: sessionHints, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: focusedPanel === 'sessions', onSelect: (item) => {
                                 const window = projectWindows.find((w) => String(w.index) === item.id);
                                 if (window)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colmbus72/yeehaw",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Terminal dashboard for managing projects, servers, and deployments",
   "type": "module",
   "main": "dist/index.js",
@@ -45,18 +45,18 @@
     "chokidar": "^3.6.0",
     "execa": "^8.0.1",
     "figlet": "^1.7.0",
-    "ink": "^4.4.1",
-    "ink-text-input": "^5.0.1",
+    "ink": "^6.6.0",
+    "ink-text-input": "^6.0.0",
     "js-yaml": "^4.1.0",
     "marked": "^9.1.6",
     "marked-terminal": "^6.2.0",
-    "react": "^18.2.0"
+    "react": "^19.0.0"
   },
   "devDependencies": {
     "@types/figlet": "^1.5.8",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^25.0.10",
-    "@types/react": "^18.2.0",
+    "@types/react": "^19.0.0",
     "tsx": "^4.7.0",
     "typescript": "^5.3.0"
   },