@colmbus72/yeehaw 0.2.0 → 0.4.0

package/dist/components/SplashScreen.d.ts

@@ -0,0 +1,5 @@
+interface SplashScreenProps {
+    onComplete: () => void;
+}
+export declare function SplashScreen({ onComplete }: SplashScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SplashScreen.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from 'react';
+import { Box, Text, useStdout } from 'ink';
+import figlet from 'figlet';
+// Tumbleweed ASCII art - same as in Header.tsx
+const TUMBLEWEED = [
+    ' ░ ░▒░ ░▒░',
+    '░▒ · ‿ · ▒░',
+    '▒░ ▒░▒░ ░▒',
+    ' ░▒░ ░▒░ ░',
+];
+const TUMBLEWEED_COLOR = '#b8860b';
+const BRAND_COLOR = '#f0c040';
+// Match Header.tsx positioning exactly
+const HEADER_PADDING_TOP = 1;
+const TUMBLEWEED_TOP_PADDING = 1;
+const HEADER_PADDING_LEFT = 2;
+const TUMBLEWEED_WIDTH = 11;
+const TITLE_OFFSET_LEFT = HEADER_PADDING_LEFT + TUMBLEWEED_WIDTH + 2;
+// Gradient color helpers (matching Header.tsx)
+function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) }
+        : null;
+}
+function interpolateColor(c1, c2, factor) {
+    const r = Math.round(c1.r + (c2.r - c1.r) * factor);
+    const g = Math.round(c1.g + (c2.g - c1.g) * factor);
+    const b = Math.round(c1.b + (c2.b - c1.b) * factor);
+    return `rgb(${r},${g},${b})`;
+}
+function getGradientColor(row, totalRows) {
+    const rgb = hexToRgb(BRAND_COLOR);
+    if (!rgb)
+        return BRAND_COLOR;
+    const startRgb = rgb;
+    const endRgb = { r: Math.round(rgb.r * 0.3), g: Math.round(rgb.g * 0.3), b: Math.round(rgb.b * 0.3) };
+    const factor = row / Math.max(totalRows - 1, 1);
+    return interpolateColor(startRgb, endRgb, factor);
+}
+export function SplashScreen({ onComplete }) {
+    const { stdout } = useStdout();
+    const terminalHeight = stdout?.rows || 24;
+    const terminalWidth = stdout?.columns || 80;
+    const [phase, setPhase] = useState('build');
+    const [visibleCount, setVisibleCount] = useState(0);
+    const [waveDistance, setWaveDistance] = useState(0);
+    const waveOriginRow = HEADER_PADDING_TOP + TUMBLEWEED_TOP_PADDING + 2;
+    const waveOriginCol = HEADER_PADDING_LEFT + 5;
+    // Generate title dots from figlet
+    const allDots = useMemo(() => {
+        const dots = [];
+        try {
+            const ascii = figlet.textSync('YEEHAW', { font: 'ANSI Shadow' });
+            const lines = ascii.split('\n').filter(line => line.trim() !== '');
+            const totalRows = lines.length;
+            lines.forEach((line, row) => {
+                for (let col = 0; col < line.length; col++) {
+                    const char = line[col];
+                    if (char !== ' ') {
+                        const screenRow = HEADER_PADDING_TOP + row;
+                        const screenCol = TITLE_OFFSET_LEFT + col;
+                        const distance = Math.sqrt(Math.pow(screenRow - waveOriginRow, 2) +
+                            Math.pow((screenCol - waveOriginCol) * 0.5, 2));
+                        dots.push({ row: screenRow, col: screenCol, distance, gradientRow: row, totalRows });
+                    }
+                }
+            });
+        }
+        catch {
+            // Fallback if figlet fails
+        }
+        return dots;
+    }, [waveOriginRow, waveOriginCol]);
+    const maxDistance = useMemo(() => {
+        if (allDots.length === 0)
+            return 100;
+        return Math.max(...allDots.map((d) => d.distance)) + 5;
+    }, [allDots]);
+    // Flatten tumbleweed into array of { char, row, col } for animation
+    const allChars = useMemo(() => {
+        const chars = [];
+        TUMBLEWEED.forEach((line, row) => {
+            for (let col = 0; col < line.length; col++) {
+                const char = line[col];
+                if (char !== ' ') {
+                    chars.push({ char, row, col });
+                }
+            }
+        });
+        return chars;
+    }, []);
+    // Shuffle the characters for random build order
+    const shuffledChars = useMemo(() => [...allChars].sort(() => Math.random() - 0.5), [allChars]);
+    useEffect(() => {
+        if (phase === 'build') {
+            if (visibleCount < shuffledChars.length) {
+                const timer = setTimeout(() => {
+                    setVisibleCount((c) => Math.min(c + 2, shuffledChars.length));
+                }, 30);
+                return () => clearTimeout(timer);
+            }
+            else {
+                // Tumbleweed complete, start pulse
+                const timer = setTimeout(() => setPhase('pulse'), 100);
+                return () => clearTimeout(timer);
+            }
+        }
+        else if (phase === 'pulse') {
+            if (waveDistance < maxDistance) {
+                // Advance the wave
+                const timer = setTimeout(() => {
+                    setWaveDistance((d) => d + 3);
+                }, 20);
+                return () => clearTimeout(timer);
+            }
+            else {
+                // Wave complete
+                const timer = setTimeout(onComplete, 200);
+                return () => clearTimeout(timer);
+            }
+        }
+    }, [phase, visibleCount, waveDistance, shuffledChars.length, maxDistance, onComplete]);
+    // Build the current visible state of the tumbleweed
+    const visibleSet = new Set(shuffledChars.slice(0, visibleCount).map((c) => `${c.row},${c.col}`));
+    const renderedTumbleweed = TUMBLEWEED.map((line, row) => {
+        let result = '';
+        for (let col = 0; col < line.length; col++) {
+            const char = line[col];
+            if (char === ' ' || visibleSet.has(`${row},${col}`)) {
+                result += char;
+            }
+            else {
+                result += ' ';
+            }
+        }
+        return result;
+    });
+    const topPadding = HEADER_PADDING_TOP + TUMBLEWEED_TOP_PADDING;
+    // Render the wave revealing dots
+    const renderWave = () => {
+        const lines = [];
+        const waveWidth = 8;
+        // Group dots by row
+        const dotsByRow = new Map();
+        allDots.forEach((dot) => {
+            if (!dotsByRow.has(dot.row)) {
+                dotsByRow.set(dot.row, []);
+            }
+            dotsByRow.get(dot.row).push(dot);
+        });
+        for (let row = 0; row < terminalHeight; row++) {
+            const rowDots = dotsByRow.get(row) || [];
+            if (rowDots.length === 0) {
+                lines.push(_jsx(Text, { children: ' '.repeat(terminalWidth) }, row));
+                continue;
+            }
+            rowDots.sort((a, b) => a.col - b.col);
+            const segments = [];
+            let lastCol = 0;
+            for (const dot of rowDots) {
+                if (dot.distance > waveDistance)
+                    continue;
+                if (dot.col > lastCol) {
+                    segments.push(_jsx(Text, { children: ' '.repeat(dot.col - lastCol) }, `space-${lastCol}`));
+                }
+                const atWaveFront = dot.distance >= waveDistance - waveWidth;
+                const color = getGradientColor(dot.gradientRow, dot.totalRows);
+                segments.push(_jsx(Text, { color: color, bold: atWaveFront, children: "\u00B7" }, `dot-${dot.col}`));
+                lastCol = dot.col + 1;
+            }
+            lines.push(_jsx(Box, { children: segments }, row));
+        }
+        return lines;
+    };
+    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [phase === 'pulse' && (_jsx(Box, { position: "absolute", flexDirection: "column", children: renderWave() })), _jsx(Box, { flexDirection: "column", paddingTop: topPadding, paddingLeft: HEADER_PADDING_LEFT, children: renderedTumbleweed.map((line, i) => (_jsx(Text, { color: TUMBLEWEED_COLOR, bold: true, children: line }, i))) })] }));
+}

package/dist/index.js

@@ -1,7 +1,6 @@
 #!/usr/bin/env node
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
-import { execaSync } from 'execa';
 import { App } from './app.js';
 import { isInsideYeehawSession, yeehawSessionExists, createYeehawSession, attachToYeehaw, hasTmux, } from './lib/tmux.js';
 import { ensureConfigDirs } from './lib/config.js';
@@ -33,11 +32,9 @@ function main() {
     }
     // We're not inside yeehaw session - need to create/attach
     if (!yeehawSessionExists()) {
-        // Create new session with yeehaw running in window 0
+        // Create new session with yeehaw running directly in window 0
+        // (no shell intermediary - cleaner startup)
         createYeehawSession();
-        // Now we need to run yeehaw inside window 0
-        // Send the command to the window
-        execaSync('tmux', ['send-keys', '-t', 'yeehaw:0', 'yeehaw', 'Enter']);
     }
     // Attach to the yeehaw session
     // This will exec into tmux and not return

package/dist/lib/tmux-config.js

@@ -11,6 +11,17 @@ export function generateTmuxConfig() {
 set -g mouse on
 set -g history-limit 50000
 
+# macOS clipboard support
+# Enable copying to system clipboard when selecting with mouse
+set -g set-clipboard on
+bind-key -T copy-mode MouseDragEnd1Pane send-keys -X copy-pipe-and-cancel "pbcopy"
+bind-key -T copy-mode-vi MouseDragEnd1Pane send-keys -X copy-pipe-and-cancel "pbcopy"
+# Also support keyboard-based copy (Enter key in copy mode)
+bind-key -T copy-mode Enter send-keys -X copy-pipe-and-cancel "pbcopy"
+bind-key -T copy-mode-vi Enter send-keys -X copy-pipe-and-cancel "pbcopy"
+# Use y to yank in vi mode
+bind-key -T copy-mode-vi y send-keys -X copy-pipe-and-cancel "pbcopy"
+
 # Yeehaw keybindings
 bind-key -n C-y select-window -t :0    # Return to dashboard
 bind-key -n C-h previous-window        # Go left one window

package/dist/lib/tmux.d.ts

@@ -12,6 +12,11 @@ export declare function isInsideYeehawSession(): boolean;
 export declare function yeehawSessionExists(): boolean;
 export declare function createYeehawSession(): void;
 export declare function setupStatusBarHooks(): void;
+/**
+ * Force check and correct the status bar visibility based on current window.
+ * Call this when you suspect the status bar might be in the wrong state.
+ */
+export declare function ensureCorrectStatusBar(): void;
 export declare function attachToYeehaw(): void;
 export declare function createClaudeWindow(workingDir: string, windowName: string): number;
 export declare function createShellWindow(workingDir: string, windowName: string, shell?: string): number;

package/dist/lib/tmux.js

@@ -8,6 +8,8 @@ import { shellEscape } from './shell.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const MCP_SERVER_PATH = join(__dirname, '..', 'mcp-server.js');
+// Get the path to the bundled Claude plugin (at package root, sibling to dist/)
+const CLAUDE_PLUGIN_PATH = join(__dirname, '..', '..', 'claude-plugin');
 export const YEEHAW_SESSION = 'yeehaw';
 // Remote mode state tracking
 let remoteWindowIndex = null;
@@ -47,12 +49,14 @@ export function yeehawSessionExists() {
 export function createYeehawSession() {
     // Write the tmux config
     writeTmuxConfig();
-    // Create the session with window 0 named "yeehaw"
+    // Create the session with window 0 named "yeehaw", running yeehaw directly
+    // This avoids the visible shell spawn - yeehaw runs immediately in the session
     execaSync('tmux', [
         'new-session',
         '-d',
         '-s', YEEHAW_SESSION,
         '-n', 'yeehaw',
+        'yeehaw', // Run yeehaw directly instead of spawning a shell first
     ]);
     // Source the config
     execaSync('tmux', ['source-file', TMUX_CONFIG_PATH]);
@@ -61,6 +65,7 @@ export function createYeehawSession() {
 }
 export function setupStatusBarHooks() {
     // Hide status bar when in window 0, show in other windows
+    const statusCheck = 'if-shell -F "#{==:#{window_index},0}" "set status off" "set status on"';
     try {
         // Start with status off (we begin in window 0)
         execaSync('tmux', ['set', '-t', YEEHAW_SESSION, 'status', 'off']);
@@ -68,15 +73,56 @@ export function setupStatusBarHooks() {
         execaSync('tmux', [
             'set-hook', '-t', YEEHAW_SESSION,
             'after-select-window',
-            'if-shell -F "#{==:#{window_index},0}" "set status off" "set status on"'
+            statusCheck
+        ]);
+        // Hook for when a window is killed (we might land back on window 0)
+        execaSync('tmux', [
+            'set-hook', '-t', YEEHAW_SESSION,
+            'window-unlinked',
+            statusCheck
+        ]);
+        // Hook for when pane focus changes (covers edge cases)
+        execaSync('tmux', [
+            'set-hook', '-t', YEEHAW_SESSION,
+            'pane-focus-in',
+            statusCheck
+        ]);
+        // Hook for client attachment (ensure status is correct when reattaching)
+        execaSync('tmux', [
+            'set-hook', '-t', YEEHAW_SESSION,
+            'client-attached',
+            statusCheck
         ]);
     }
     catch {
         // Hooks might fail on older tmux versions, not critical
     }
 }
+/**
+ * Force check and correct the status bar visibility based on current window.
+ * Call this when you suspect the status bar might be in the wrong state.
+ */
+export function ensureCorrectStatusBar() {
+    try {
+        // Get current window index
+        const result = execaSync('tmux', ['display-message', '-p', '#{window_index}']);
+        const windowIndex = parseInt(result.stdout.trim(), 10);
+        // Set status based on window
+        if (windowIndex === 0) {
+            execaSync('tmux', ['set', '-t', YEEHAW_SESSION, 'status', 'off']);
+        }
+        else {
+            execaSync('tmux', ['set', '-t', YEEHAW_SESSION, 'status', 'on']);
+        }
+    }
+    catch {
+        // Ignore errors
+    }
+}
 export function attachToYeehaw() {
-    // This replaces the current process
+    // Attach to the existing yeehaw session
+    // Note: Multiple terminals attaching to the same session will share the same view
+    // (this is a tmux limitation - they'll see the same window selections)
     spawnSync('tmux', ['attach-session', '-t', YEEHAW_SESSION], {
         stdio: 'inherit',
     });
@@ -115,7 +161,8 @@ export function createClaudeWindow(workingDir, windowName) {
     const allowedTools = YEEHAW_MCP_TOOLS.join(',');
     // Create new window running claude with yeehaw MCP server (-a appends after current window)
     // Use shell escaping to safely handle special characters in JSON
-    const claudeCmd = `claude --mcp-config ${shellEscape(mcpConfig)} --allowedTools ${shellEscape(allowedTools)}`;
+    // Include the bundled plugin directory for Yeehaw-specific skills
+    const claudeCmd = `claude --mcp-config ${shellEscape(mcpConfig)} --allowedTools ${shellEscape(allowedTools)} --plugin-dir ${shellEscape(CLAUDE_PLUGIN_PATH)}`;
     execaSync('tmux', [
         'new-window',
         '-a',
@@ -130,15 +177,18 @@ export function createClaudeWindow(workingDir, windowName) {
     ]);
     return parseInt(result.stdout.trim(), 10);
 }
-export function createShellWindow(workingDir, windowName, shell = '/bin/zsh') {
-    // Create new window running shell (-a appends after current window)
+export function createShellWindow(workingDir, windowName, shell) {
+    // Use the user's configured shell from $SHELL, fallback to /bin/bash
+    const userShell = shell || process.env.SHELL || '/bin/bash';
+    // Create new window running shell as a login shell (-l) so it loads .bashrc/.bash_profile/.zshrc etc.
+    // This ensures PS1 and other environment customizations are loaded
     execaSync('tmux', [
         'new-window',
         '-a',
         '-t', YEEHAW_SESSION,
         '-n', windowName,
         '-c', workingDir,
-        shell,
+        `${userShell} -l`,
     ]);
     // Get the window index we just created (new window is now current)
     const result = execaSync('tmux', [

package/dist/lib/update-check.d.ts

@@ -3,6 +3,14 @@ export interface UpdateInfo {
     currentVersion: string;
     latestVersion: string;
 }
+/**
+ * Get version information synchronously using cached data.
+ * Safe to call from React components.
+ */
+export declare function getVersionInfo(): {
+    current: string;
+    latest: string | null;
+};
 /**
  * Check for updates. Returns immediately with cached data if available,
  * otherwise fetches from npm (with 5s timeout).

package/dist/lib/update-check.js

@@ -76,6 +76,18 @@ function compareVersions(current, latest) {
         return -1;
     return 0;
 }
+/**
+ * Get version information synchronously using cached data.
+ * Safe to call from React components.
+ */
+export function getVersionInfo() {
+    const current = getCurrentVersion();
+    const cached = readCache();
+    return {
+        current,
+        latest: cached?.latestVersion || null,
+    };
+}
 /**
  * Check for updates. Returns immediately with cached data if available,
  * otherwise fetches from npm (with 5s timeout).

package/dist/types.d.ts

@@ -20,6 +20,8 @@ export interface Project {
     path: string;
     summary?: string;
     color?: string;
+    gradientSpread?: number;
+    gradientInverted?: boolean;
     livestock?: Livestock[];
     wiki?: WikiSection[];
 }
@@ -80,10 +82,14 @@ export type AppView = {
     type: 'livestock';
     project: Project;
     livestock: Livestock;
+    source: 'project' | 'barn';
+    sourceBarn?: Barn;
 } | {
     type: 'logs';
     project: Project;
     livestock: Livestock;
+    source: 'project' | 'barn';
+    sourceBarn?: Barn;
 } | {
     type: 'night-sky';
 };

package/dist/views/BarnContext.js

@@ -82,10 +82,6 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
         }
         if (mode !== 'normal')
             return;
-        if (input === 'q') {
-            onBack();
-            return;
-        }
         if (key.tab) {
             setFocusedPanel((p) => (p === 'livestock' ? 'critters' : 'livestock'));
             return;

package/dist/views/GlobalDashboard.d.ts

@@ -4,6 +4,10 @@ interface GlobalDashboardProps {
     projects: Project[];
     barns: Barn[];
     windows: TmuxWindow[];
+    versionInfo?: {
+        current: string;
+        latest: string | null;
+    };
     onSelectProject: (project: Project) => void;
     onSelectBarn: (barn: Barn) => void;
     onSelectWindow: (window: TmuxWindow) => void;
@@ -12,5 +16,5 @@ interface GlobalDashboardProps {
     onCreateBarn: (barn: Barn) => void;
     onSshToBarn: (barn: Barn) => void;
 }
-export declare function GlobalDashboard({ projects, barns, windows, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/GlobalDashboard.js

@@ -8,10 +8,11 @@ import { List } from '../components/List.js';
 import { PathInput } from '../components/PathInput.js';
 import { parseSshConfig } from '../lib/ssh.js';
 import { getWindowStatus } from '../lib/tmux.js';
+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, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, }) {
+export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, }) {
     const [focusedPanel, setFocusedPanel] = useState('projects');
     const [mode, setMode] = useState('normal');
     // New project form state
@@ -170,25 +171,51 @@ export function GlobalDashboard({ projects, barns, windows, onSelectProject, onS
             meta: sessionCount > 0 ? `${sessionCount} session${sessionCount > 1 ? 's' : ''}` : undefined,
         };
     });
+    // Parse window name to show clearer labels
+    const formatSessionLabel = (name) => {
+        // Remote yeehaw connection
+        if (name.startsWith('remote:')) {
+            return { label: name.replace('remote:', ''), typeHint: 'remote' };
+        }
+        // Barn shell session
+        if (name.startsWith('barn-')) {
+            return { label: name.replace('barn-', ''), typeHint: 'barn' };
+        }
+        // Claude session
+        if (name.endsWith('-claude')) {
+            return { label: name.replace('-claude', ''), typeHint: 'claude' };
+        }
+        // Livestock session (project-livestock format)
+        const parts = name.split('-');
+        if (parts.length >= 2) {
+            const projectName = parts.slice(0, -1).join('-');
+            const livestockName = parts[parts.length - 1];
+            return { label: `${projectName} · ${livestockName}`, typeHint: 'shell' };
+        }
+        return { label: name, typeHint: '' };
+    };
     // Use display numbers (1-9) instead of window index
-    const sessionItems = sessionWindows.map((w, i) => ({
-        id: String(w.index),
-        label: `[${i + 1}] ${w.name}`,
-        status: w.active ? 'active' : 'inactive',
-        meta: getWindowStatus(w),
-    }));
+    const sessionItems = sessionWindows.map((w, i) => {
+        const { label, typeHint } = formatSessionLabel(w.name);
+        return {
+            id: String(w.index),
+            label: `[${i + 1}] ${label}`,
+            status: w.active ? 'active' : 'inactive',
+            meta: typeHint ? `${typeHint} · ${getWindowStatus(w)}` : getWindowStatus(w),
+        };
+    });
     const barnItems = barns.map((b) => ({
         id: b.name,
-        label: b.name,
+        label: isLocalBarn(b) ? 'local' : b.name,
         status: 'active',
-        meta: `${b.user}@${b.host}`,
+        meta: isLocalBarn(b) ? 'this machine' : `${b.user}@${b.host}`,
     }));
     // New project modals
     if (mode === 'new-project-name') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Create New Project" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newProjectName, onChange: setNewProjectName, onSubmit: handleProjectNameSubmit })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to continue, Esc to cancel" }) })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW", versionInfo: versionInfo }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Create New Project" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newProjectName, onChange: setNewProjectName, onSubmit: handleProjectNameSubmit })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to continue, Esc to cancel" }) })] })] }));
     }
     if (mode === 'new-project-path') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Create New Project: ", newProjectName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: newProjectPath, onChange: setNewProjectPath, onSubmit: handleProjectPathSubmit })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab to autocomplete, Enter to create, Esc to cancel" }) })] })] }));
+        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: "yellow", children: ["Create New Project: ", newProjectName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: newProjectPath, onChange: setNewProjectPath, onSubmit: handleProjectPathSubmit })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab to autocomplete, Enter to create, Esc to cancel" }) })] })] }));
     }
     // SSH host selection for new barn
     if (mode === 'new-barn-select-ssh') {
@@ -201,7 +228,7 @@ export function GlobalDashboard({ projects, barns, windows, onSelectProject, onS
                 meta: h.hostname ? `${h.user || 'root'}@${h.hostname}` : undefined,
             })),
         ];
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add New Barn" }), _jsx(Text, { dimColor: true, children: "Select from SSH config or enter manually" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(List, { items: sshHostItems, focused: true, onSelect: (item) => {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW", versionInfo: versionInfo }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add New Barn" }), _jsx(Text, { dimColor: true, children: "Select from SSH config or enter manually" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(List, { items: sshHostItems, focused: true, onSelect: (item) => {
                                     if (item.id === '__manual__') {
                                         setMode('new-barn-name');
                                     }
@@ -214,40 +241,40 @@ export function GlobalDashboard({ projects, barns, windows, onSelectProject, onS
     }
     // New barn modals
     if (mode === 'new-barn-name') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add New Barn" }), _jsx(Text, { dimColor: true, children: "A barn is a server you manage" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newBarnName, onChange: setNewBarnName, onSubmit: handleBarnNameSubmit, placeholder: "my-server" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW", versionInfo: versionInfo }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add New Barn" }), _jsx(Text, { dimColor: true, children: "A barn is a server you manage" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newBarnName, onChange: setNewBarnName, onSubmit: handleBarnNameSubmit, placeholder: "my-server" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
     }
     if (mode === 'new-barn-host') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _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: "Host: " }), _jsx(TextInput, { value: newBarnHost, onChange: setNewBarnHost, onSubmit: handleBarnHostSubmit, placeholder: "192.168.1.100 or server.example.com" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+        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: "Host: " }), _jsx(TextInput, { value: newBarnHost, onChange: setNewBarnHost, onSubmit: handleBarnHostSubmit, placeholder: "192.168.1.100 or server.example.com" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
     }
     if (mode === 'new-barn-user') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _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 User: " }), _jsx(TextInput, { value: newBarnUser, onChange: setNewBarnUser, onSubmit: handleBarnUserSubmit, placeholder: "root" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+        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 User: " }), _jsx(TextInput, { value: newBarnUser, onChange: setNewBarnUser, onSubmit: handleBarnUserSubmit, placeholder: "root" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
     }
     if (mode === 'new-barn-port') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _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 Port: " }), _jsx(TextInput, { value: newBarnPort, onChange: setNewBarnPort, onSubmit: handleBarnPortSubmit, placeholder: "22" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field (leave blank for 22), Esc: cancel" }) })] })] }));
+        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 Port: " }), _jsx(TextInput, { value: newBarnPort, onChange: setNewBarnPort, onSubmit: handleBarnPortSubmit, placeholder: "22" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field (leave blank for 22), Esc: cancel" }) })] })] }));
     }
     if (mode === 'new-barn-key') {
-        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _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" }) })] })] }));
+        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';
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: "YEEHAW" }), _jsxs(Box, { flexGrow: 1, marginY: 1, paddingX: 1, gap: 2, children: [_jsx(Panel, { title: "Projects", focused: focusedPanel === 'projects', width: "40%", 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);
-                            } })) : (_jsx(Text, { dimColor: true, children: "No projects yet" })) }), _jsx(Panel, { title: "Sessions", focused: focusedPanel === 'sessions', width: "60%", hints: sessionHints, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: focusedPanel === 'sessions', onSelect: (item) => {
+    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);
+                                    } })) : (_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);
+                                            } }) })) : (_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)
                                     onSelectWindow(window);
-                            } })) : (_jsx(Text, { dimColor: true, children: "No active sessions" })) })] }), _jsx(Box, { paddingX: 1, marginBottom: 1, children: _jsx(Panel, { title: "Barns", focused: focusedPanel === 'barns', 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);
-                            } }) })) : (_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(Text, { dimColor: true, children: "No active sessions" })) })] })] }));
 }

package/dist/views/IssuesView.js

@@ -69,7 +69,7 @@ export function IssuesView({ project, onBack }) {
     const selectedIssue = issues[selectedIndex];
     // Handle input
     useInput((input, key) => {
-        if (key.escape || input === 'q') {
+        if (key.escape) {
             onBack();
             return;
         }

package/dist/views/LivestockDetailView.d.ts

@@ -1,11 +1,16 @@
-import type { Project, Livestock } from '../types.js';
+import { type TmuxWindow } from '../lib/tmux.js';
+import type { Project, Livestock, Barn } from '../types.js';
 interface LivestockDetailViewProps {
     project: Project;
     livestock: Livestock;
+    source: 'project' | 'barn';
+    sourceBarn?: Barn;
+    windows: TmuxWindow[];
     onBack: () => void;
     onOpenLogs: () => void;
     onOpenSession: () => void;
-    onUpdateLivestock: (livestock: Livestock) => void;
+    onSelectWindow: (window: TmuxWindow) => void;
+    onUpdateLivestock: (originalLivestock: Livestock, updatedLivestock: Livestock) => void;
 }
-export declare function LivestockDetailView({ project, livestock, onBack, onOpenLogs, onOpenSession, onUpdateLivestock, }: LivestockDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onSelectWindow, onUpdateLivestock, }: LivestockDetailViewProps): import("react/jsx-runtime").JSX.Element;
 export {};