@colmbus72/yeehaw 0.4.2 → 0.6.0

package/dist/views/LivestockDetailView.d.ts

@@ -9,8 +9,9 @@ interface LivestockDetailViewProps {
     onBack: () => void;
     onOpenLogs: () => void;
     onOpenSession: () => void;
+    onOpenClaude?: () => void;
     onSelectWindow: (window: TmuxWindow) => void;
     onUpdateLivestock: (originalLivestock: Livestock, updatedLivestock: Livestock) => void;
 }
-export declare function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onSelectWindow, onUpdateLivestock, }: LivestockDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onOpenClaude, onSelectWindow, onUpdateLivestock, }: LivestockDetailViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/LivestockDetailView.js

@@ -9,7 +9,7 @@ import { Panel } from '../components/Panel.js';
 import { PathInput } from '../components/PathInput.js';
 import { loadBarn } from '../lib/config.js';
 import { getWindowStatus } from '../lib/tmux.js';
-export function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onSelectWindow, onUpdateLivestock, }) {
+export function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onOpenClaude, onSelectWindow, onUpdateLivestock, }) {
     const [mode, setMode] = useState('normal');
     // Edit form state
     const [editName, setEditName] = useState(livestock.name);
@@ -74,6 +74,13 @@ export function LivestockDetailView({ project, livestock, source, sourceBarn, wi
         // Only process these in normal mode
         if (mode !== 'normal')
             return;
+        if (input === 'c') {
+            // Claude session only available for local livestock
+            if (onOpenClaude && !barn) {
+                onOpenClaude();
+            }
+            return;
+        }
         if (input === 's') {
             onOpenSession();
             return;
@@ -127,14 +134,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
@@ -83,6 +83,7 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
     const [editColor, setEditColor] = useState(project.color || '');
     const [editGradientSpread, setEditGradientSpread] = useState(project.gradientSpread ?? 5);
     const [editGradientInverted, setEditGradientInverted] = useState(project.gradientInverted ?? false);
+    const [editIssueProvider, setEditIssueProvider] = useState((project.issueProvider?.type) ?? 'github');
     // New livestock form state
     const [newLivestockName, setNewLivestockName] = useState('');
     const [newLivestockPath, setNewLivestockPath] = useState('');
@@ -149,6 +150,7 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
         setEditColor(project.color || '');
         setEditGradientSpread(project.gradientSpread ?? 5);
         setEditGradientInverted(project.gradientInverted ?? false);
+        setEditIssueProvider((project.issueProvider?.type) ?? 'github');
         setMode('edit-name');
     };
     const cancelEdit = () => {
@@ -267,10 +269,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 +294,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) {
@@ -340,7 +330,39 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
             const filtered = value.replace(/[\[\]!]/g, '');
             setEditColor(filtered);
         };
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: displayColor, gradientSpread: editGradientSpread, gradientInverted: editGradientInverted }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Color (hex): " }), _jsx(TextInput, { value: editColor, onChange: handleColorChange, onSubmit: () => saveAndNext('done'), placeholder: "#ff6b6b" })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Spread: ", editGradientSpread, "/10 ", editGradientInverted ? '(inverted)' : ''] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: displayColor, children: "\u2588\u2588\u2588\u2588" }), _jsx(Text, { children: " Preview" })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "[ ] shift color   \u2191/\u2193 gradient spread   ! invert" }), _jsx(Text, { dimColor: true, children: "Enter: save project, Esc: cancel" })] })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: displayColor, gradientSpread: editGradientSpread, gradientInverted: editGradientInverted }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Color (hex): " }), _jsx(TextInput, { value: editColor, onChange: handleColorChange, onSubmit: () => saveAndNext('edit-issue-provider'), placeholder: "#ff6b6b" })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Spread: ", editGradientSpread, "/10 ", editGradientInverted ? '(inverted)' : ''] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: displayColor, children: "\u2588\u2588\u2588\u2588" }), _jsx(Text, { children: " Preview" })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "[ ] shift color   \u2191/\u2193 gradient spread   ! invert" }), _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" })] })] })] }));
+    }
+    if (mode === 'edit-issue-provider') {
+        const providerOptions = [
+            { id: 'github', label: 'GitHub Issues', description: 'Use GitHub CLI (gh) for issues' },
+            { id: 'linear', label: 'Linear', description: 'Use Linear for issue tracking' },
+            { id: 'none', label: 'None', description: 'Disable issue tracking' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: editColor || project.color, gradientSpread: editGradientSpread, gradientInverted: editGradientInverted }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Issue Tracking:" }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(List, { items: providerOptions.map((p) => ({
+                                    id: p.id,
+                                    label: p.label,
+                                    status: editIssueProvider === p.id ? 'active' : 'inactive',
+                                    meta: p.description,
+                                })), focused: true, onSelect: (item) => {
+                                    setEditIssueProvider(item.id);
+                                    // Save the project with new issue provider
+                                    const issueProvider = item.id === 'github'
+                                        ? { type: 'github' }
+                                        : item.id === 'linear'
+                                            ? { type: 'linear' }
+                                            : { type: 'none' };
+                                    onUpdateProject({
+                                        ...project,
+                                        name: editName,
+                                        path: editPath,
+                                        summary: editSummary || undefined,
+                                        color: editColor || undefined,
+                                        gradientSpread: editGradientSpread,
+                                        gradientInverted: editGradientInverted,
+                                        issueProvider,
+                                    });
+                                    setMode('normal');
+                                } }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: select and save, Esc: cancel" }) })] })] }));
     }
     // Add livestock flow: name → barn → path (with auto-detect)
     if (mode === 'add-livestock-name') {
@@ -411,12 +433,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 +459,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.2",
+  "version": "0.6.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"
   },