@colmbus72/yeehaw 0.4.2 → 0.6.0

package/claude-plugin/.claude-plugin/plugin.json

@@ -3,5 +3,6 @@
   "description": "Yeehaw CLI plugin with skills for project setup and configuration",
   "author": {
     "name": "Yeehaw"
-  }
+  },
+  "hooks": "./hooks/hooks.json"
 }

package/claude-plugin/hooks/hooks.json

@@ -0,0 +1,41 @@
+{
+  "description": "Yeehaw session status tracking hooks",
+  "hooks": {
+    "PreToolUse": [
+      {
+        "matcher": "*",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "bash ${CLAUDE_PLUGIN_ROOT}/hooks/session-status.sh working",
+            "timeout": 5
+          }
+        ]
+      }
+    ],
+    "Stop": [
+      {
+        "matcher": "*",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "bash ${CLAUDE_PLUGIN_ROOT}/hooks/session-status.sh idle",
+            "timeout": 5
+          }
+        ]
+      }
+    ],
+    "Notification": [
+      {
+        "matcher": "idle_prompt",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "bash ${CLAUDE_PLUGIN_ROOT}/hooks/session-status.sh waiting",
+            "timeout": 5
+          }
+        ]
+      }
+    ]
+  }
+}

package/claude-plugin/hooks/session-status.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+# Yeehaw Session Status Hook
+# Writes session status to signal file for the Yeehaw CLI to read
+
+STATUS="$1"
+PANE_ID="${TMUX_PANE:-unknown}"
+SIGNAL_DIR="$HOME/.yeehaw/session-signals"
+SIGNAL_FILE="$SIGNAL_DIR/${PANE_ID//[^a-zA-Z0-9]/_}.json"
+
+mkdir -p "$SIGNAL_DIR"
+cat > "$SIGNAL_FILE" << EOF
+{"status":"$STATUS","updated":$(date +%s)}
+EOF

package/claude-plugin/skills/yeehaw-development/SKILL.md

@@ -0,0 +1,70 @@
+---
+name: yeehaw-development
+description: Guide development using Yeehaw's wiki as context source and living documentation. Use when working on any project tracked in Yeehaw - consult wiki before architectural decisions and contribute back when patterns evolve.
+---
+
+# Yeehaw Development
+
+You're working on a project tracked in Yeehaw. The project wiki contains curated context to guide development - architecture patterns, conventions, gotchas, and common tasks documented by the project owner and evolved through development.
+
+## Wiki-First Development
+
+Before making architectural decisions or implementing significant features:
+
+1. **Check available sections** with `mcp__yeehaw__get_wiki`
+2. **Fetch relevant sections** with `mcp__yeehaw__get_wiki_section`
+3. **Respect documented patterns** - they exist for a reason
+
+The wiki is your primary source of project-specific context. It contains knowledge that isn't obvious from the code alone.
+
+## When to Consult the Wiki
+
+| Task | Check These Sections |
+|------|---------------------|
+| Adding features | Architecture, Conventions, Common Tasks |
+| Debugging issues | Gotchas, Domain Context |
+| Unsure about patterns | Conventions, Architecture |
+| New integrations | Architecture, Gotchas |
+| Understanding domain | Domain Context |
+
+If a section exists that's relevant to your task, read it before proceeding.
+
+## Proactive Wiki Updates
+
+The wiki is a living document. After completing significant work, consider whether the wiki should be updated:
+
+**When to update existing sections:**
+- A documented pattern has evolved
+- You discovered nuances worth capturing
+- Steps in Common Tasks have changed
+
+**When to add new sections:**
+- Introduced a new architectural pattern
+- Discovered gotchas during debugging
+- Built a feature type that others might repeat
+- Established new conventions
+
+**How to update:**
+- `mcp__yeehaw__update_wiki_section` for edits
+- `mcp__yeehaw__add_wiki_section` for new content
+
+**Guidelines:**
+- Not every session needs to update the wiki
+- Only update when something genuinely changes project direction or establishes new patterns
+- Keep sections focused and scannable
+- Be specific to THIS codebase, not generic advice
+
+## Project Context
+
+Use `mcp__yeehaw__get_project` to understand:
+- Project structure and configured paths
+- Deployment environments (livestock)
+- Available wiki sections
+
+When spawned from a specific livestock, you may be focused on deployment-specific work - check if there's relevant context in the wiki.
+
+## Summary
+
+1. **Before major decisions** → check the wiki
+2. **After significant work** → consider updating the wiki
+3. **When unsure** → the wiki likely has guidance

package/dist/app.js

@@ -13,12 +13,15 @@ import { WikiView } from './views/WikiView.js';
 import { IssuesView } from './views/IssuesView.js';
 import { LivestockDetailView } from './views/LivestockDetailView.js';
 import { LogsView } from './views/LogsView.js';
+import { CritterDetailView } from './views/CritterDetailView.js';
+import { CritterLogsView } from './views/CritterLogsView.js';
 import { NightSkyView } from './views/NightSkyView.js';
 import { useConfig } from './hooks/useConfig.js';
 import { useSessions } from './hooks/useSessions.js';
 import { useRemoteYeehaw } from './hooks/useRemoteYeehaw.js';
-import { hasTmux, switchToWindow, updateStatusBar, createShellWindow, createSshWindow, detachFromSession, killYeehawSession, enterRemoteMode, ensureCorrectStatusBar, } from './lib/tmux.js';
-import { saveProject, deleteProject, saveBarn, deleteBarn, getLivestockForBarn, isLocalBarn, hasValidSshConfig } from './lib/config.js';
+import { hasTmux, switchToWindow, updateStatusBar, createShellWindow, createSshWindow, detachFromSession, killYeehawSession, restartYeehaw, enterRemoteMode, ensureCorrectStatusBar, createClaudeWindowWithPrompt, } from './lib/tmux.js';
+import { saveProject, deleteProject, saveBarn, deleteBarn, getLivestockForBarn, isLocalBarn, hasValidSshConfig, addCritterToBarn, removeCritterFromBarn } from './lib/config.js';
+import { buildProjectContext, buildLivestockContext } from './lib/context.js';
 import { getVersionInfo } from './lib/update-check.js';
 function getHotkeyScope(view) {
     switch (view.type) {
@@ -29,6 +32,8 @@ function getHotkeyScope(view) {
         case 'issues': return 'issues-view';
         case 'livestock': return 'livestock-detail';
         case 'logs': return 'logs-view';
+        case 'critter': return 'critter-detail';
+        case 'critter-logs': return 'critter-logs';
         case 'night-sky': return 'night-sky';
         default: return 'global-dashboard';
     }
@@ -39,37 +44,105 @@ function expandPath(path) {
     }
     return path;
 }
-// Global bottom bar items by view type
-function getBottomBarItems(viewType) {
-    const common = [
-        { key: 'Tab', label: 'switch' },
-        { key: '?', label: 'help' },
-    ];
+// Global bottom bar items - minimal, consistent across all views
+// Every hotkey should be visible somewhere in our 3-tier system
+function getBottomBarItems(viewType, options) {
+    // Night sky has its own unique actions
+    if (viewType === 'night-sky') {
+        return [
+            { key: 'c', label: 'cloud' },
+            { key: 'r', label: 'randomize' },
+            { key: 'Esc', label: 'exit' },
+        ];
+    }
+    // Global dashboard: exit options + visualizer
     if (viewType === 'global') {
-        return [...common, { key: 'c', label: 'claude' }, { key: 'q', label: 'detach' }, { key: 'Q', label: 'quit' }];
+        return [
+            { key: 'v', label: 'visualizer' },
+            { key: 'q', label: 'detach' },
+            { key: 'Q', label: 'quit' },
+            { key: 'Tab', label: '' },
+            { key: '?', label: 'help' },
+        ];
     }
+    // Project context: page-level actions
     if (viewType === 'project') {
-        return [...common, { key: 'c', label: 'claude' }, { key: 'w', label: 'wiki' }, { key: 'i', label: 'issues' }, { key: 'Esc', label: 'back' }];
+        return [
+            { key: 'w', label: 'wiki' },
+            { key: 'i', label: 'issues' },
+            { key: 'e', label: 'edit' },
+            { key: 'Esc', label: 'back' },
+            { key: 'Tab', label: '' },
+            { key: '?', label: 'help' },
+        ];
     }
+    // Barn context: page-level actions (edit only for remote barns)
     if (viewType === 'barn') {
-        return [...common, { key: 's', label: 'shell' }, { key: 'Esc', label: 'back' }];
+        const items = [];
+        if (!options?.isLocalBarn) {
+            items.push({ key: 'e', label: 'edit' });
+        }
+        items.push({ key: 'Esc', label: 'back' }, { key: 'Tab', label: '' }, { key: '?', label: 'help' });
+        return items;
     }
+    // Wiki view: panel hints handle n/e/d, bottom bar just needs navigation
     if (viewType === 'wiki') {
-        return [...common, { key: 'Esc', label: 'back' }];
+        return [
+            { key: 'Esc', label: 'back' },
+            { key: 'Tab', label: '' },
+            { key: '?', label: 'help' },
+        ];
     }
+    // Issues view: page-level actions (f/r are page-level, c/o are row-level shown on selected item)
     if (viewType === 'issues') {
-        return [...common, { key: 'r', label: 'refresh' }, { key: 'o', label: 'open' }, { key: 'Esc', label: 'back' }];
+        return [
+            { key: 'f', label: 'filter' },
+            { key: 'r', label: 'refresh' },
+            { key: 'Esc', label: 'back' },
+            { key: 'Tab', label: '' },
+            { key: '?', label: 'help' },
+        ];
     }
+    // Livestock detail: page-level actions
+    // Local livestock gets [c] claude, remote only gets [s] shell
     if (viewType === 'livestock') {
-        return [...common, { key: 's', label: 'shell' }, { key: 'l', label: 'logs' }, { key: 'e', label: 'edit' }, { key: 'Esc', label: 'back' }];
+        const items = [];
+        if (options?.isLocalLivestock) {
+            items.push({ key: 'c', label: 'claude' });
+        }
+        items.push({ key: 's', label: 'shell' }, { key: 'l', label: 'logs' }, { key: 'e', label: 'edit' }, { key: 'Esc', label: 'back' }, { key: '?', label: 'help' });
+        return items;
     }
+    // Logs view: page-level actions
     if (viewType === 'logs') {
-        return [...common, { key: 'r', label: 'refresh' }, { key: 'Esc', label: 'back' }];
+        return [
+            { key: 'r', label: 'refresh' },
+            { key: 'Esc', label: 'back' },
+            { key: '?', label: 'help' },
+        ];
     }
-    if (viewType === 'night-sky') {
-        return [{ key: 'c', label: 'cloud' }, { key: 'r', label: 'randomize' }, { key: 'Esc', label: 'exit' }];
+    // Critter detail: page-level actions
+    if (viewType === 'critter') {
+        return [
+            { key: 'l', label: 'logs' },
+            { key: 'e', label: 'edit' },
+            { key: 'Esc', label: 'back' },
+            { key: '?', label: 'help' },
+        ];
+    }
+    // Critter logs view: page-level actions
+    if (viewType === 'critter-logs') {
+        return [
+            { key: 'r', label: 'refresh' },
+            { key: 'Esc', label: 'back' },
+            { key: '?', label: 'help' },
+        ];
     }
-    return [...common, { key: 'Esc', label: 'back' }];
+    // Fallback (shouldn't reach here)
+    return [
+        { key: 'Esc', label: 'back' },
+        { key: '?', label: 'help' },
+    ];
 }
 export function App() {
     const { exit } = useApp();
@@ -123,6 +196,16 @@ export function App() {
                     return { ...currentView, barn: freshBarn };
                 }
             }
+            // Update critter detail view
+            if (currentView.type === 'critter' || currentView.type === 'critter-logs') {
+                const freshBarn = barns.find((b) => b.name === currentView.barn.name);
+                if (freshBarn && freshBarn !== currentView.barn) {
+                    const freshCritter = (freshBarn.critters || []).find((c) => c.name === currentView.critter.name);
+                    if (freshCritter) {
+                        return { ...currentView, barn: freshBarn, critter: freshCritter };
+                    }
+                }
+            }
             return currentView;
         });
     }, [projects, barns]);
@@ -150,7 +233,11 @@ export function App() {
             const projectName = view.type === 'project' ? view.project.name : 'yeehaw';
             const workingDir = view.type === 'project' ? expandPath(view.project.path) : process.cwd();
             const windowName = `${projectName}-claude`;
-            const windowIndex = createClaude(workingDir, windowName);
+            // Inject context when in a project view
+            const context = view.type === 'project' ? buildProjectContext(view.project.name) : null;
+            const windowIndex = context
+                ? createClaudeWindowWithPrompt(workingDir, windowName, context)
+                : createClaude(workingDir, windowName);
             switchToWindow(windowIndex);
         }
         catch (err) {
@@ -158,6 +245,64 @@ export function App() {
             setError(`Failed to create Claude session: ${message}`);
         }
     }, [tmuxAvailable, view, createClaude]);
+    const handleNewClaudeForProject = useCallback((project) => {
+        if (!tmuxAvailable) {
+            setError('tmux is not installed');
+            return;
+        }
+        try {
+            const workingDir = expandPath(project.path);
+            const windowName = `${project.name}-claude`;
+            const context = buildProjectContext(project.name);
+            // Use context injection if we have project context, otherwise fall back to basic
+            const windowIndex = context
+                ? createClaudeWindowWithPrompt(workingDir, windowName, context)
+                : createClaude(workingDir, windowName);
+            switchToWindow(windowIndex);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            setError(`Failed to create Claude session: ${message}`);
+        }
+    }, [tmuxAvailable, createClaude]);
+    const handleNewClaudeForLivestock = useCallback((livestock, projectName) => {
+        if (!tmuxAvailable) {
+            setError('tmux is not installed');
+            return;
+        }
+        try {
+            const workingDir = expandPath(livestock.path);
+            const windowName = `${projectName}-${livestock.name}-claude`;
+            const context = buildLivestockContext(projectName, livestock.name);
+            // Use context injection if we have project context, otherwise fall back to basic
+            const windowIndex = context
+                ? createClaudeWindowWithPrompt(workingDir, windowName, context)
+                : createClaude(workingDir, windowName);
+            switchToWindow(windowIndex);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            setError(`Failed to create Claude session: ${message}`);
+        }
+    }, [tmuxAvailable, createClaude]);
+    const handleOpenClaudeWithContext = useCallback((workingDir, issueContext) => {
+        if (!tmuxAvailable) {
+            setError('tmux is not installed');
+            return;
+        }
+        try {
+            // Get the project name for the window name
+            const projectName = (view.type === 'issues' ? view.project.name : 'issue');
+            const windowName = `${projectName}-claude`;
+            // Create claude window with system prompt
+            const index = createClaudeWindowWithPrompt(workingDir, windowName, issueContext);
+            switchToWindow(index);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            setError(`Failed to create Claude session: ${message}`);
+        }
+    }, [tmuxAvailable, view]);
     const handleOpenLivestockSession = useCallback((livestock, barn, projectName) => {
         if (!tmuxAvailable) {
             setError('tmux is not installed');
@@ -240,6 +385,26 @@ export function App() {
         // Update the view with the new livestock data, preserving navigation context
         setView({ type: 'livestock', project: updatedProject, livestock: updatedLivestock, source, sourceBarn });
     }, [reload]);
+    const handleOpenCritterDetail = useCallback((barn, critter) => {
+        setView({ type: 'critter', barn, critter });
+        updateStatusBar(`${barn.name} / ${critter.name}`);
+    }, []);
+    const handleOpenCritterLogs = useCallback((barn, critter) => {
+        setView({ type: 'critter-logs', barn, critter });
+        updateStatusBar(`${barn.name} / ${critter.name} Logs`);
+    }, []);
+    const handleBackFromCritter = useCallback((barn) => {
+        setView({ type: 'barn', barn });
+        updateStatusBar(`Barn: ${barn.name}`);
+    }, []);
+    const handleUpdateCritter = useCallback((barn, originalCritter, updatedCritter) => {
+        // Remove old critter and add updated one
+        removeCritterFromBarn(barn.name, originalCritter.name);
+        addCritterToBarn(barn.name, updatedCritter);
+        reload();
+        // Update view with new critter data
+        setView({ type: 'critter', barn, critter: updatedCritter });
+    }, [reload]);
     const handleDeleteProject = useCallback((projectName) => {
         deleteProject(projectName);
         reload();
@@ -353,6 +518,11 @@ export function App() {
             exit();
             return;
         }
+        // Ctrl-R: Restart Yeehaw (preserves other tmux windows)
+        if (key.ctrl && input === 'r') {
+            restartYeehaw();
+            return;
+        }
         // ESC: Navigate back (handled by individual views for their sub-modes,
         // but also handled here as a fallback for consistent navigation)
         if (key.escape) {
@@ -366,6 +536,13 @@ export function App() {
             else if (view.type === 'livestock') {
                 handleBackFromLivestock(view.source, view.project, view.sourceBarn);
             }
+            else if (view.type === 'critter-logs') {
+                setView({ type: 'critter', barn: view.barn, critter: view.critter });
+                updateStatusBar(`${view.barn.name} / ${view.critter.name}`);
+            }
+            else if (view.type === 'critter') {
+                handleBackFromCritter(view.barn);
+            }
             else if (view.type === 'project' || view.type === 'barn') {
                 handleBack();
             }
@@ -401,9 +578,9 @@ export function App() {
         }
         switch (view.type) {
             case 'global':
-                return (_jsx(GlobalDashboard, { projects: projects, barns: barns, windows: windows, versionInfo: versionInfo, onSelectProject: handleSelectProject, onSelectBarn: handleSelectBarn, onSelectWindow: handleSelectWindow, onNewClaude: handleNewClaude, onCreateProject: handleCreateProject, onCreateBarn: handleCreateBarn, onSshToBarn: handleSshToBarn, onInputModeChange: setIsChildInputMode }));
+                return (_jsx(GlobalDashboard, { projects: projects, barns: barns, windows: windows, versionInfo: versionInfo, onSelectProject: handleSelectProject, onSelectBarn: handleSelectBarn, onSelectWindow: handleSelectWindow, onNewClaudeForProject: handleNewClaudeForProject, onCreateProject: handleCreateProject, onCreateBarn: handleCreateBarn, onSshToBarn: handleSshToBarn, onInputModeChange: setIsChildInputMode }));
             case 'project':
-                return (_jsx(ProjectContext, { project: view.project, barns: barns, windows: windows, onBack: handleBack, onNewClaude: handleNewClaude, onSelectWindow: handleSelectWindow, onSelectLivestock: (livestock, barn) => handleOpenLivestockDetail(view.project, livestock, 'project'), onOpenLivestockSession: (livestock, barn) => handleOpenLivestockSession(livestock, barn, view.project.name), onUpdateProject: handleUpdateProject, onDeleteProject: handleDeleteProject, onOpenWiki: () => handleOpenWiki(view.project), onOpenIssues: () => handleOpenIssues(view.project) }));
+                return (_jsx(ProjectContext, { project: view.project, barns: barns, windows: windows, onBack: handleBack, onNewClaudeForLivestock: (livestock) => handleNewClaudeForLivestock(livestock, view.project.name), onSelectWindow: handleSelectWindow, onSelectLivestock: (livestock, barn) => handleOpenLivestockDetail(view.project, livestock, 'project'), onOpenLivestockSession: (livestock, barn) => handleOpenLivestockSession(livestock, barn, view.project.name), onUpdateProject: handleUpdateProject, onDeleteProject: handleDeleteProject, onOpenWiki: () => handleOpenWiki(view.project), onOpenIssues: () => handleOpenIssues(view.project) }));
             case 'barn':
                 const barnLivestock = getLivestockForBarn(view.barn.name);
                 return (_jsx(BarnContext, { barn: view.barn, livestock: barnLivestock, projects: projects, windows: windows, onBack: handleBack, onSshToBarn: () => handleSshToBarn(view.barn), onSelectLivestock: (project, livestock) => handleOpenLivestockDetail(project, livestock, 'barn', view.barn), onOpenLivestockSession: (project, livestock) => {
@@ -428,28 +605,51 @@ export function App() {
                         const updatedProject = { ...project, livestock: updatedLivestock };
                         saveProject(updatedProject);
                         reload();
-                    } }));
+                    }, onAddCritter: (critter) => {
+                        addCritterToBarn(view.barn.name, critter);
+                        reload();
+                    }, onRemoveCritter: (critterName) => {
+                        removeCritterFromBarn(view.barn.name, critterName);
+                        reload();
+                    }, onSelectCritter: (critter) => handleOpenCritterDetail(view.barn, critter) }));
             case 'wiki':
                 return (_jsx(WikiView, { project: view.project, onBack: () => handleBackFromSubview(view.project), onUpdateProject: handleUpdateProject }));
             case 'issues':
-                return (_jsx(IssuesView, { project: view.project, onBack: () => handleBackFromSubview(view.project) }));
+                return (_jsx(IssuesView, { project: view.project, onBack: () => handleBackFromSubview(view.project), onOpenClaude: handleOpenClaudeWithContext }));
             case 'livestock':
+                const livestockBarn = barns.find((b) => b.name === view.livestock.barn) || null;
+                const isLocalLivestock = !livestockBarn || isLocalBarn(livestockBarn);
                 return (_jsx(LivestockDetailView, { project: view.project, livestock: view.livestock, source: view.source, sourceBarn: view.sourceBarn, windows: windows, onBack: () => handleBackFromLivestock(view.source, view.project, view.sourceBarn), onOpenLogs: () => handleOpenLogs(view.project, view.livestock, view.source, view.sourceBarn), onOpenSession: () => {
-                        const barn = barns.find((b) => b.name === view.livestock.barn) || null;
-                        handleOpenLivestockSession(view.livestock, barn, view.project.name);
-                    }, onSelectWindow: handleSelectWindow, onUpdateLivestock: (originalLivestock, updatedLivestock) => handleUpdateLivestock(view.project, originalLivestock, updatedLivestock, view.source, view.sourceBarn) }));
+                        handleOpenLivestockSession(view.livestock, livestockBarn, view.project.name);
+                    }, onOpenClaude: isLocalLivestock ? () => handleNewClaudeForLivestock(view.livestock, view.project.name) : undefined, onSelectWindow: handleSelectWindow, onUpdateLivestock: (originalLivestock, updatedLivestock) => handleUpdateLivestock(view.project, originalLivestock, updatedLivestock, view.source, view.sourceBarn) }));
             case 'logs':
                 return (_jsx(LogsView, { project: view.project, livestock: view.livestock, onBack: () => {
                         setView({ type: 'livestock', project: view.project, livestock: view.livestock, source: view.source, sourceBarn: view.sourceBarn });
                         updateStatusBar(`${view.project.name} / ${view.livestock.name}`);
                     } }));
+            case 'critter':
+                return (_jsx(CritterDetailView, { barn: view.barn, critter: view.critter, onBack: () => handleBackFromCritter(view.barn), onOpenLogs: () => handleOpenCritterLogs(view.barn, view.critter), onUpdateCritter: (original, updated) => handleUpdateCritter(view.barn, original, updated) }));
+            case 'critter-logs':
+                return (_jsx(CritterLogsView, { barn: view.barn, critter: view.critter, onBack: () => {
+                        setView({ type: 'critter', barn: view.barn, critter: view.critter });
+                        updateStatusBar(`${view.barn.name} / ${view.critter.name}`);
+                    } }));
             case 'night-sky':
                 return (_jsx(NightSkyView, { onExit: handleExitNightSky }));
         }
     };
+    // Memoized callback for splash screen to prevent unnecessary re-renders
+    const handleSplashComplete = useCallback(() => setShowSplash(false), []);
     // Show splash screen on first load
     if (showSplash) {
-        return _jsx(SplashScreen, { onComplete: () => setShowSplash(false) });
+        return _jsx(SplashScreen, { onComplete: handleSplashComplete });
     }
-    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [error && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderView() }), !showHelp && (_jsx(BottomBar, { items: getBottomBarItems(view.type), environments: environments, isDetecting: isDetecting }))] }));
+    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [error && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderView() }), !showHelp && (_jsx(BottomBar, { items: getBottomBarItems(view.type, {
+                    isLocalLivestock: view.type === 'livestock'
+                        ? !view.livestock.barn || isLocalBarn(barns.find((b) => b.name === view.livestock.barn) || { name: 'local' })
+                        : undefined,
+                    isLocalBarn: view.type === 'barn'
+                        ? isLocalBarn(view.barn)
+                        : undefined,
+                }), environments: environments, isDetecting: isDetecting }))] }));
 }

package/dist/components/CritterHeader.d.ts

@@ -0,0 +1,7 @@
+import type { Critter, Barn } from '../types.js';
+interface CritterHeaderProps {
+    barn: Barn;
+    critter: Critter;
+}
+export declare function CritterHeader({ barn, critter }: CritterHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CritterHeader.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+// Rabbit ASCII art template - @ symbols are pattern spots
+const RABBIT_TEMPLATE = [
+    "                              __",
+    "                     /\\    .-\" /",
+    "                    /  ; .'  .' ",
+    "                   :   :/  .'   ",
+    "                    \\  ;-.'     ",
+    "       .--\"\"\"\"--..__/     `.    ",
+    "     .'@@@@@@@@@@@.'     o  \\   ",
+    "    /@@@@@@@@@@@@@@@@        ;  ",
+    "   :@@@@@@@@@@@@@@@@\\       :  ",
+    " .-;@@@@@@@@-.@@@@@@@`.__.--'  ",
+    ":  ;@@@@@@@@@@\\@@@@@,   ;       ",
+    "'._:@@@@@@@@@@@;@@@:   (        ",
+    "    \\/  .__    ;    \\   `-.     ",
+    "     ;     \"-,/_..--\"`-..__)    ",
+    "     '\"\"--.._:                  ",
+];
+// Generate multiple hash values from a string for better distribution
+function multiHash(str) {
+    const hashes = [];
+    // First hash - djb2
+    let hash1 = 5381;
+    for (let i = 0; i < str.length; i++) {
+        hash1 = ((hash1 << 5) + hash1) ^ str.charCodeAt(i);
+    }
+    hashes.push(Math.abs(hash1));
+    // Second hash - sdbm
+    let hash2 = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash2 = str.charCodeAt(i) + (hash2 << 6) + (hash2 << 16) - hash2;
+    }
+    hashes.push(Math.abs(hash2));
+    // Third hash - fnv-1a inspired
+    let hash3 = 2166136261;
+    for (let i = 0; i < str.length; i++) {
+        hash3 ^= str.charCodeAt(i);
+        hash3 = (hash3 * 16777619) >>> 0;
+    }
+    hashes.push(hash3);
+    return hashes;
+}
+// Pattern characters - space and block characters
+const PATTERN_CHARS = [' ', ' ', '░', '░', '▒', '▓', '█'];
+// Generate pattern variation for the rabbit based on critter/barn data
+function generateRabbitArt(critter, barn) {
+    // Use barn name + critter name + service for unique seed
+    const seed = `${barn.name}-${critter.name}-${critter.service}`;
+    const hashes = multiHash(seed);
+    // Replace @ symbols with pattern characters
+    let charIndex = 0;
+    const rabbitArt = RABBIT_TEMPLATE.map((line, lineIndex) => {
+        let result = '';
+        for (const char of line) {
+            if (char === '@') {
+                const h1 = hashes[0];
+                const h2 = hashes[1];
+                const h3 = hashes[2];
+                const mix = (h1 >> (charIndex % 17)) ^
+                    (h2 >> ((charIndex + lineIndex) % 13)) ^
+                    (h3 >> ((charIndex * 7 + lineIndex * 3) % 19));
+                const charChoice = Math.abs(mix) % PATTERN_CHARS.length;
+                result += PATTERN_CHARS[charChoice];
+                charIndex++;
+            }
+            else {
+                result += char;
+            }
+        }
+        return result;
+    });
+    return rabbitArt;
+}
+export function CritterHeader({ barn, critter }) {
+    const rabbitArt = generateRabbitArt(critter, barn);
+    // Use a default color for critters (could be configurable later)
+    const color = '#8fbc8f'; // Dark sea green
+    return (_jsx(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 1, children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexDirection: "column", children: rabbitArt.map((line, i) => (_jsx(Text, { color: color, bold: true, children: line }, i))) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, justifyContent: "center", children: [_jsx(Text, { bold: true, color: color, children: critter.name }), _jsxs(Text, { dimColor: true, children: ["barn: ", barn.name] }), _jsxs(Text, { dimColor: true, children: ["service: ", critter.service] })] })] }) }));
+}

package/dist/components/HelpOverlay.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { getHotkeysGrouped } from '../lib/hotkeys.js';
+// Yeehaw brand gold (darker for light mode readability)
+const BRAND_COLOR = '#d4a020';
 function HotkeyRow({ hotkey }) {
-    return (_jsxs(Box, { gap: 2, children: [_jsx(Box, { width: 12, children: _jsx(Text, { color: "cyan", children: hotkey.key }) }), _jsx(Text, { children: hotkey.description })] }));
+    return (_jsxs(Box, { gap: 2, children: [_jsx(Box, { width: 12, children: _jsx(Text, { color: BRAND_COLOR, children: hotkey.key }) }), _jsx(Text, { children: hotkey.description })] }));
 }
 function HotkeySection({ title, hotkeys }) {
     if (hotkeys.length === 0)
@@ -13,5 +15,5 @@ export function HelpOverlay({ scope, focusedPanel }) {
     const grouped = getHotkeysGrouped(scope, focusedPanel);
     // Also include list navigation if we're in a view with lists
     const listHotkeys = scope !== 'global' ? getHotkeysGrouped('list').navigation : [];
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "Keyboard Shortcuts" }), _jsx(HotkeySection, { title: "Navigation", hotkeys: [...grouped.navigation, ...listHotkeys] }), _jsx(HotkeySection, { title: "Actions", hotkeys: grouped.action }), _jsx(HotkeySection, { title: "System", hotkeys: grouped.system }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press ? to close" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: BRAND_COLOR, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: BRAND_COLOR, children: "Keyboard Shortcuts" }), _jsx(HotkeySection, { title: "Navigation", hotkeys: [...grouped.navigation, ...listHotkeys] }), _jsx(HotkeySection, { title: "Actions", hotkeys: grouped.action }), _jsx(HotkeySection, { title: "System", hotkeys: grouped.system }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press ? to close" }) })] }));
 }

package/dist/components/List.d.ts

@@ -1,15 +1,24 @@
+import React from 'react';
+import type { SessionStatus } from '../lib/signals.js';
+export interface RowAction {
+    key: string;
+    label: string;
+}
 export interface ListItem {
     id: string;
     label: string;
     status?: 'active' | 'inactive' | 'error';
     meta?: string;
+    sessionStatus?: SessionStatus;
+    actions?: RowAction[];
+    prefix?: React.ReactNode;
 }
 interface ListProps {
     items: ListItem[];
     focused?: boolean;
     selectedIndex?: number;
     onSelect?: (item: ListItem) => void;
-    onAction?: (item: ListItem) => void;
+    onAction?: (item: ListItem, action: string) => void;
     onHighlight?: (item: ListItem | null) => void;
     onSelectionChange?: (index: number) => void;
 }