@colmbus72/yeehaw 0.1.0 → 0.3.0

package/dist/app.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useMemo, useEffect } from 'react';
 import { Box, Text, useApp, useInput, useStdout } from 'ink';
 import { homedir } from 'os';
 import { join } from 'path';
@@ -16,8 +16,9 @@ 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, } from './lib/tmux.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 { getVersionInfo } from './lib/update-check.js';
 function getHotkeyScope(view) {
     switch (view.type) {
         case 'global': return 'global-dashboard';
@@ -47,27 +48,27 @@ function getBottomBarItems(viewType) {
         return [...common, { key: 'c', label: 'claude' }, { key: 'q', label: 'detach' }, { key: 'Q', label: 'quit' }];
     }
     if (viewType === 'project') {
-        return [...common, { key: 'c', label: 'claude' }, { key: 'w', label: 'wiki' }, { key: 'i', label: 'issues' }, { key: 'q', label: 'back' }];
+        return [...common, { key: 'c', label: 'claude' }, { key: 'w', label: 'wiki' }, { key: 'i', label: 'issues' }, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'barn') {
-        return [...common, { key: 's', label: 'shell' }, { key: 'q', label: 'back' }];
+        return [...common, { key: 's', label: 'shell' }, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'wiki') {
-        return [...common, { key: 'q', label: 'back' }];
+        return [...common, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'issues') {
-        return [...common, { key: 'r', label: 'refresh' }, { key: 'o', label: 'open' }, { key: 'q', label: 'back' }];
+        return [...common, { key: 'r', label: 'refresh' }, { key: 'o', label: 'open' }, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'livestock') {
-        return [...common, { key: 's', label: 'shell' }, { key: 'l', label: 'logs' }, { key: 'e', label: 'edit' }, { key: 'q', label: 'back' }];
+        return [...common, { key: 's', label: 'shell' }, { key: 'l', label: 'logs' }, { key: 'e', label: 'edit' }, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'logs') {
-        return [...common, { key: 'r', label: 'refresh' }, { key: 'q', label: 'back' }];
+        return [...common, { key: 'r', label: 'refresh' }, { key: 'Esc', label: 'back' }];
     }
     if (viewType === 'night-sky') {
         return [{ key: 'c', label: 'cloud' }, { key: 'r', label: 'randomize' }, { key: 'Esc', label: 'exit' }];
     }
-    return [...common, { key: 'q', label: 'back' }];
+    return [...common, { key: 'Esc', label: 'back' }];
 }
 export function App() {
     const { exit } = useApp();
@@ -84,6 +85,14 @@ export function App() {
     const terminalHeight = stdout?.rows || 24;
     // Check tmux availability
     const tmuxAvailable = hasTmux();
+    // Get version info (cached, so safe to call synchronously)
+    const versionInfo = useMemo(() => getVersionInfo(), []);
+    // Ensure status bar is hidden when on global dashboard
+    useEffect(() => {
+        if (view.type === 'global') {
+            ensureCorrectStatusBar();
+        }
+    }, [view.type]);
     const handleSelectProject = useCallback((project) => {
         setView({ type: 'project', project });
         updateStatusBar(project.name);
@@ -164,27 +173,33 @@ export function App() {
         setView({ type: 'project', project });
         updateStatusBar(project.name);
     }, []);
-    const handleOpenLivestockDetail = useCallback((project, livestock) => {
-        setView({ type: 'livestock', project, livestock });
+    const handleOpenLivestockDetail = useCallback((project, livestock, source, sourceBarn) => {
+        setView({ type: 'livestock', project, livestock, source, sourceBarn });
         updateStatusBar(`${project.name} / ${livestock.name}`);
     }, []);
-    const handleOpenLogs = useCallback((project, livestock) => {
-        setView({ type: 'logs', project, livestock });
+    const handleOpenLogs = useCallback((project, livestock, source, sourceBarn) => {
+        setView({ type: 'logs', project, livestock, source, sourceBarn });
         updateStatusBar(`${project.name} / ${livestock.name} Logs`);
     }, []);
-    const handleBackFromLivestock = useCallback((project) => {
-        setView({ type: 'project', project });
-        updateStatusBar(project.name);
+    const handleBackFromLivestock = useCallback((source, project, sourceBarn) => {
+        if (source === 'barn' && sourceBarn) {
+            setView({ type: 'barn', barn: sourceBarn });
+            updateStatusBar(`Barn: ${sourceBarn.name}`);
+        }
+        else {
+            setView({ type: 'project', project });
+            updateStatusBar(project.name);
+        }
     }, []);
-    const handleUpdateLivestock = useCallback((project, updatedLivestock) => {
+    const handleUpdateLivestock = useCallback((project, updatedLivestock, source, sourceBarn) => {
         const updatedProject = {
             ...project,
             livestock: (project.livestock || []).map((l) => l.name === updatedLivestock.name ? updatedLivestock : l),
         };
         saveProject(updatedProject);
         reload();
-        // Update the view with the new livestock data
-        setView({ type: 'livestock', project: updatedProject, livestock: updatedLivestock });
+        // Update the view with the new livestock data, preserving navigation context
+        setView({ type: 'livestock', project: updatedProject, livestock: updatedLivestock, source, sourceBarn });
     }, [reload]);
     const handleDeleteProject = useCallback((projectName) => {
         deleteProject(projectName);
@@ -288,46 +303,29 @@ export function App() {
                 setShowHelp(false);
             return;
         }
-        // Global shortcuts
-        if (input === 'q') {
-            if (view.type === 'wiki' || view.type === 'issues') {
-                handleBackFromSubview(view.project);
-            }
-            else if (view.type === 'logs') {
-                // Back to livestock detail
-                setView({ type: 'livestock', project: view.project, livestock: view.livestock });
-                updateStatusBar(`${view.project.name} / ${view.livestock.name}`);
-            }
-            else if (view.type === 'livestock') {
-                handleBackFromLivestock(view.project);
-            }
-            else if (view.type === 'project' || view.type === 'barn') {
-                handleBack();
-            }
-            else {
-                // Detach from session (keeps yeehaw running in background)
-                // Don't call exit() - let the TUI keep running so reattach works
-                detachFromSession();
-            }
+        // q: Detach from session (only on global dashboard)
+        if (input === 'q' && view.type === 'global') {
+            detachFromSession();
             return;
         }
-        // Shift-Q: Kill everything
+        // Shift-Q: Kill everything (only on global dashboard)
         if (input === 'Q' && view.type === 'global') {
             killYeehawSession();
             exit();
             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) {
             if (view.type === 'wiki' || view.type === 'issues') {
                 handleBackFromSubview(view.project);
             }
             else if (view.type === 'logs') {
-                // Back to livestock detail
-                setView({ type: 'livestock', project: view.project, livestock: view.livestock });
+                setView({ type: 'livestock', project: view.project, livestock: view.livestock, source: view.source, sourceBarn: view.sourceBarn });
                 updateStatusBar(`${view.project.name} / ${view.livestock.name}`);
             }
             else if (view.type === 'livestock') {
-                handleBackFromLivestock(view.project);
+                handleBackFromLivestock(view.source, view.project, view.sourceBarn);
             }
             else if (view.type === 'project' || view.type === 'barn') {
                 handleBack();
@@ -364,12 +362,12 @@ export function App() {
         }
         switch (view.type) {
             case 'global':
-                return (_jsx(GlobalDashboard, { projects: projects, barns: barns, windows: windows, onSelectProject: handleSelectProject, onSelectBarn: handleSelectBarn, onSelectWindow: handleSelectWindow, onNewClaude: handleNewClaude, onCreateProject: handleCreateProject, onCreateBarn: handleCreateBarn, onSshToBarn: handleSshToBarn }));
+                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 }));
             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), 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, 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) }));
             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), onOpenLivestockSession: (project, livestock) => {
+                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) => {
                         const barn = barns.find((b) => b.name === livestock.barn) || null;
                         handleOpenLivestockSession(livestock, barn, project.name);
                     }, onUpdateBarn: handleUpdateBarn, onDeleteBarn: handleDeleteBarn, onAddLivestock: (project, livestock) => {
@@ -397,13 +395,13 @@ export function App() {
             case 'issues':
                 return (_jsx(IssuesView, { project: view.project, onBack: () => handleBackFromSubview(view.project) }));
             case 'livestock':
-                return (_jsx(LivestockDetailView, { project: view.project, livestock: view.livestock, onBack: () => handleBackFromLivestock(view.project), onOpenLogs: () => handleOpenLogs(view.project, view.livestock), onOpenSession: () => {
+                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);
-                    }, onUpdateLivestock: (updatedLivestock) => handleUpdateLivestock(view.project, updatedLivestock) }));
+                    }, onSelectWindow: handleSelectWindow, onUpdateLivestock: (updatedLivestock) => handleUpdateLivestock(view.project, 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 });
+                        setView({ type: 'livestock', project: view.project, livestock: view.livestock, source: view.source, sourceBarn: view.sourceBarn });
                         updateStatusBar(`${view.project.name} / ${view.livestock.name}`);
                     } }));
             case 'night-sky':

package/dist/components/Header.d.ts

@@ -3,6 +3,10 @@ interface HeaderProps {
     subtitle?: string;
     summary?: string;
     color?: string;
+    versionInfo?: {
+        current: string;
+        latest: string | null;
+    };
 }
-export declare function Header({ text, subtitle, summary, color }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ text, subtitle, summary, color, versionInfo }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Header.js

@@ -63,7 +63,7 @@ const TUMBLEWEED = [
 ];
 // Brownish tan color to complement yeehaw gold
 const TUMBLEWEED_COLOR = '#b8860b';
-export function Header({ text, subtitle, summary, color }) {
+export function Header({ text, subtitle, summary, color, versionInfo }) {
     const [ascii, setAscii] = useState('');
     useEffect(() => {
         figlet.text(text.toUpperCase(), { font: 'ANSI Shadow' }, (err, result) => {
@@ -79,5 +79,5 @@ export function Header({ text, subtitle, summary, color }) {
     const showTumbleweed = text.toLowerCase() === 'yeehaw';
     // Vertically center tumbleweed next to ASCII art
     const tumbleweedTopPadding = Math.max(0, Math.floor((lines.length - TUMBLEWEED.length) / 2));
-    return (_jsxs(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 2, children: [_jsxs(Box, { flexDirection: "row", children: [showTumbleweed && (_jsxs(Box, { flexDirection: "column", marginRight: 2, children: [Array(tumbleweedTopPadding).fill(null).map((_, i) => (_jsx(Text, { children: " " }, `pad-${i}`))), TUMBLEWEED.map((line, i) => (_jsx(Text, { color: TUMBLEWEED_COLOR, children: line }, `tumbleweed-${i}`)))] })), _jsx(Box, { flexDirection: "column", children: lines.map((line, i) => (_jsx(Text, { color: gradientColors[i], children: line }, i))) })] }), (subtitle || summary) && (_jsxs(Box, { gap: 2, children: [subtitle && _jsx(Text, { dimColor: true, children: subtitle }), summary && _jsxs(Text, { color: "gray", children: ["- ", summary] })] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 2, children: [_jsxs(Box, { flexDirection: "row", children: [showTumbleweed && (_jsxs(Box, { flexDirection: "column", marginRight: 2, children: [Array(tumbleweedTopPadding).fill(null).map((_, i) => (_jsx(Text, { children: " " }, `pad-${i}`))), TUMBLEWEED.map((line, i) => (_jsx(Text, { color: TUMBLEWEED_COLOR, children: line }, `tumbleweed-${i}`)))] })), _jsx(Box, { flexDirection: "column", children: lines.map((line, i) => (_jsx(Text, { color: gradientColors[i], children: line }, i))) }), versionInfo && showTumbleweed && (_jsx(Box, { marginLeft: 2, paddingRight: 1, alignItems: "flex-end", flexGrow: 1, justifyContent: "flex-end", children: versionInfo.latest && versionInfo.latest !== versionInfo.current ? (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] }), _jsx(Text, { dimColor: true, children: " \u2192 " }), _jsxs(Text, { color: "yellow", children: ["v", versionInfo.latest] })] })) : versionInfo.latest ? (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] }), _jsx(Text, { color: "green", children: " \u2713 latest" })] })) : (_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] })) }))] }), (subtitle || summary) && (_jsxs(Box, { gap: 2, children: [subtitle && _jsx(Text, { dimColor: true, children: subtitle }), summary && _jsxs(Text, { color: "gray", children: ["- ", summary] })] }))] }));
 }

package/dist/components/LivestockHeader.d.ts

@@ -0,0 +1,7 @@
+import type { Project, Livestock } from '../types.js';
+interface LivestockHeaderProps {
+    project: Project;
+    livestock: Livestock;
+}
+export declare function LivestockHeader({ project, livestock }: LivestockHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LivestockHeader.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+// Base cow ASCII art with @ symbols as pattern spots
+// The @ symbols will be replaced with pattern characters for variation
+// const COW_TEMPLATE = [
+//   " ___,,,___ _..............._",
+//   " '-/~'~\-'` @@@@@'   .@@    \\",
+//   "   |a a |   '@@@'     `@@   ||",
+//   "   |   /@@.  @@@.  .@@@.  @@||",
+//   "   (oo/@@'  .@@@@..@@@@@@.  /|",
+//   "    `` '._   /@@@   @@@@' <`\/",
+//   "          | /`--....-'`Y   \))",
+//   "          |||         //'. |((",
+//   "          |||        //   ||",
+//   "          //(        `    /(",
+// ];
+const COW_TEMPLATE = [
+    "                                 /;    ;\\",
+    "                             __  \\\\____//",
+    "                            /{_\\_/   `'\\____",
+    "                            \\___   (o)  (o  }",
+    "       _______________________/          :--'",
+    "   ,-,'`@@@@@@@@   @@@@         \\_    `__\\",
+    "  ;:(  @@@@@@@@@   @@             \\___(o'o)",
+    "  :: )  @@@@       @@@        ,'@@(  `===='",
+    "  :: \\  @@@@@:    @@@@)    (  '@@@'",
+    "  ;; /\\      /`,  @@@@@\\   :@@@@@)",
+    "  ::/  )    {_----------:  :~`,~~;",
+    " ;;'`; :   )            :  / `; ;",
+    "`'`' / :  :             :  :  : :",
+    "    )_ \\__;             :_ ;  \\_\\",
+    "    :__\\  \\             \\  \\  :  \\",
+    "        `^'              `^'  `-^-'",
+];
+//  "                                   /;    ;\\",
+//  "                               __  \\\\____//",
+//  "                              /{_\\_/   `'\\____",
+//  "                              \\___   (o)  (o  }",
+//  "   _____________________________/          :--'",
+//  ",-,'`@@@@@@@@@@@@@@@@@@@@@         \\_    `__\\",
+//  ";:(  @@@@@@@@@@@@@@@@ @@@ @@@@@@@     \\___(o'o)",
+//  ":: )  @@@@@@@@@@@   @@@@@@@@@@@@@ ,'@@(  `===='",
+//  ":: : @@@@@: @@@@@@@  @@@@ @@@@@@@ `@@@:",
+//  ":: \\  @@@@@:       @@@@@@@)    (  '@@@'",
+//  ";; /\\      /`,    @@@@@@@@@\\   :@@@@@)",
+//  "::/  )    {_----------------:  :~`,~~;",
+//  ";;'`; :   )                  :  / `; ;",
+//  ";;;; : :   ;                  :  ;  ; :",
+//  "`'`' / :  :                   :  :  : :",
+//  "    )_ \\__;                     :_ ;  \\_\\       `,','",
+//  "    :__\\  \\                   \\  \\  :  \\   *  8`;'*  *",
+//  "        `^'                     `^'  `-^-'   \\v/ :  \\/",
+//];
+// 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 only
+// Space creates gaps in the spots, blocks create varying density
+const PATTERN_CHARS = [' ', ' ', '░', '░', '▒', '▓', '█'];
+// Generate pattern variation for the cow based on livestock/project data
+function generateCowArt(livestock, project) {
+    // Use git branch (environment) + livestock name for unique seed
+    // Branch typically indicates environment (main, staging, production, etc.)
+    const seed = `${livestock.branch || 'default'}-${livestock.name}-${project.name}`;
+    const hashes = multiHash(seed);
+    // Replace @ symbols with pattern characters
+    // Use multiple hashes and position for maximum variety
+    let charIndex = 0;
+    const cowArt = COW_TEMPLATE.map((line, lineIndex) => {
+        let result = '';
+        for (const char of line) {
+            if (char === '@') {
+                // Mix multiple hashes with position data for variety
+                const h1 = hashes[0];
+                const h2 = hashes[1];
+                const h3 = hashes[2];
+                // Combine hashes with position in different ways
+                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 cowArt;
+}
+export function LivestockHeader({ project, livestock }) {
+    const cowArt = generateCowArt(livestock, project);
+    const color = project.color || '#b8860b'; // Use project color or default tan
+    // Calculate where to place the livestock name (in the body area)
+    // We'll show it to the right of the cow
+    const cowHeight = cowArt.length;
+    const infoStartLine = Math.floor(cowHeight / 2) - 1;
+    return (_jsx(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 1, children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexDirection: "column", children: cowArt.map((line, i) => (_jsx(Text, { color: color, children: line }, i))) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, justifyContent: "center", children: [_jsx(Text, { bold: true, color: color, children: livestock.name }), _jsxs(Text, { dimColor: true, children: ["project: ", project.name] }), _jsxs(Text, { dimColor: true, children: ["barn: ", livestock.barn || 'local'] }), livestock.branch && (_jsxs(Text, { dimColor: true, children: ["branch: ", livestock.branch] }))] })] }) }));
+}

package/dist/components/PathInput.js

@@ -1,11 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { readdirSync, existsSync } from 'fs';
 import { join, dirname, basename } from 'path';
 import { homedir } from 'os';
 import { execaSync } from 'execa';
 import { hasValidSshConfig } from '../lib/config.js';
+// Cache for remote directory listings: Map<"barnName:dirPath", string[]>
+const remoteCompletionCache = new Map();
+function getCacheKey(barnName, dirPath) {
+    return `${barnName}:${dirPath}`;
+}
 function expandPath(path) {
     if (path.startsWith('~/')) {
         return join(homedir(), path.slice(2));
@@ -31,26 +36,22 @@ function getLocalCompletions(partialPath) {
         return [];
     }
 }
-function getRemoteCompletions(partialPath, barn) {
-    if (!partialPath)
-        return [];
-    // Verify barn has valid SSH config
+function fetchRemoteDirectoryListing(dir, barn) {
     if (!hasValidSshConfig(barn)) {
-        return []; // Can't do remote completion without SSH config
+        return [];
     }
-    // Handle ~ expansion for display
-    const dir = partialPath.endsWith('/') ? partialPath : dirname(partialPath) || '~';
-    const prefix = partialPath.endsWith('/') ? '' : basename(partialPath);
     try {
-        // Use SSH to list directories on the remote server
+        // Fetch ALL directories in this directory (not filtered by prefix)
+        // This allows us to cache the full listing and filter client-side
         const result = execaSync('ssh', [
             '-p', String(barn.port),
             '-i', barn.identity_file,
             '-o', 'BatchMode=yes',
-            '-o', 'ConnectTimeout=5',
+            '-o', 'ConnectTimeout=3',
+            '-o', 'StrictHostKeyChecking=accept-new',
             `${barn.user}@${barn.host}`,
-            `ls -1d ${dir}/${prefix}*/ 2>/dev/null | xargs -n1 basename 2>/dev/null || true`
-        ], { timeout: 10000 });
+            `ls -1F ${dir} 2>/dev/null | grep '/$' | sed 's|/$||' || true`
+        ], { timeout: 5000 });
         const output = result.stdout.trim();
         if (!output)
             return [];
@@ -60,21 +61,78 @@ function getRemoteCompletions(partialPath, barn) {
         return [];
     }
 }
+function getRemoteCompletions(partialPath, barn) {
+    if (!partialPath)
+        return [];
+    // Verify barn has valid SSH config
+    if (!hasValidSshConfig(barn)) {
+        return [];
+    }
+    // Handle ~ expansion for display
+    const dir = partialPath.endsWith('/') ? partialPath.slice(0, -1) || '~' : dirname(partialPath) || '~';
+    const prefix = partialPath.endsWith('/') ? '' : basename(partialPath);
+    const cacheKey = getCacheKey(barn.name, dir);
+    // Check cache first
+    let allDirs = remoteCompletionCache.get(cacheKey);
+    if (!allDirs) {
+        // Fetch and cache
+        allDirs = fetchRemoteDirectoryListing(dir, barn);
+        remoteCompletionCache.set(cacheKey, allDirs);
+    }
+    // Filter by prefix
+    if (prefix) {
+        return allDirs.filter((d) => d.startsWith(prefix));
+    }
+    return allDirs;
+}
+// Pre-fetch a directory's contents in the background
+function prefetchRemoteDirectory(dir, barn) {
+    if (!hasValidSshConfig(barn))
+        return;
+    const cacheKey = getCacheKey(barn.name, dir);
+    if (remoteCompletionCache.has(cacheKey))
+        return; // Already cached
+    // Fetch asynchronously (don't block)
+    setTimeout(() => {
+        const dirs = fetchRemoteDirectoryListing(dir, barn);
+        remoteCompletionCache.set(cacheKey, dirs);
+    }, 0);
+}
 export function PathInput({ value, onChange, onSubmit, barn }) {
     const [cursorPos, setCursorPos] = useState(value.length);
     const [completions, setCompletions] = useState([]);
     const [loading, setLoading] = useState(false);
-    // Update completions when value changes (debounced for remote)
+    const pendingFetch = useRef(null);
+    // Update completions when value changes
     useEffect(() => {
         if (barn) {
-            // Remote completion - debounce
-            setLoading(true);
-            const timer = setTimeout(() => {
+            // Remote completion - check cache first
+            const dir = value.endsWith('/') ? value.slice(0, -1) || '~' : dirname(value) || '~';
+            const cacheKey = getCacheKey(barn.name, dir);
+            const cached = remoteCompletionCache.has(cacheKey);
+            if (cached) {
+                // Use cached data immediately
                 const results = getRemoteCompletions(value, barn);
                 setCompletions(results);
                 setLoading(false);
-            }, 300);
-            return () => clearTimeout(timer);
+            }
+            else {
+                // Not cached - debounce the fetch
+                setLoading(true);
+                if (pendingFetch.current) {
+                    clearTimeout(pendingFetch.current);
+                }
+                pendingFetch.current = setTimeout(() => {
+                    const results = getRemoteCompletions(value, barn);
+                    setCompletions(results);
+                    setLoading(false);
+                }, 200);
+            }
+            return () => {
+                if (pendingFetch.current) {
+                    clearTimeout(pendingFetch.current);
+                }
+            };
         }
         else {
             // Local completion - immediate
@@ -94,6 +152,10 @@ export function PathInput({ value, onChange, onSubmit, barn }) {
                 const newPath = displayDir + completions[0] + '/';
                 onChange(newPath);
                 setCursorPos(newPath.length);
+                // Pre-fetch the subdirectory contents for faster subsequent completions
+                if (barn) {
+                    prefetchRemoteDirectory(newPath.slice(0, -1), barn);
+                }
             }
             else if (completions.length > 1) {
                 // Multiple matches - find common prefix

package/dist/index.js

@@ -5,9 +5,21 @@ 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';
+import { checkForUpdates, formatUpdateMessage } from './lib/update-check.js';
 function main() {
     // Ensure config directories exist
     ensureConfigDirs();
+    // Check for updates (non-blocking, uses cache)
+    try {
+        const updateInfo = checkForUpdates();
+        if (updateInfo?.updateAvailable) {
+            console.log('\x1b[33m%s\x1b[0m', formatUpdateMessage(updateInfo));
+            console.log('');
+        }
+    }
+    catch {
+        // Ignore update check errors
+    }
     // Check if tmux is available
     if (!hasTmux()) {
         console.error('Error: tmux is required but not installed');

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

@@ -61,6 +61,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 +69,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',
     });
@@ -130,15 +172,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

@@ -0,0 +1,22 @@
+export interface UpdateInfo {
+    updateAvailable: boolean;
+    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).
+ */
+export declare function checkForUpdates(): UpdateInfo | null;
+/**
+ * Format update notification message
+ */
+export declare function formatUpdateMessage(info: UpdateInfo): string;

package/dist/lib/update-check.js

@@ -0,0 +1,128 @@
+import { execFileSync } from 'child_process';
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { join } from 'path';
+import { YEEHAW_DIR } from './paths.js';
+const PACKAGE_NAME = '@colmbus72/yeehaw';
+const CACHE_FILE = join(YEEHAW_DIR, '.update-check');
+const CACHE_TTL_MS = 24 * 60 * 60 * 1000; // 24 hours
+function getCurrentVersion() {
+    try {
+        const packagePath = new URL('../../package.json', import.meta.url);
+        const pkg = JSON.parse(readFileSync(packagePath, 'utf-8'));
+        return pkg.version;
+    }
+    catch {
+        return '0.0.0';
+    }
+}
+function readCache() {
+    try {
+        if (!existsSync(CACHE_FILE))
+            return null;
+        const data = JSON.parse(readFileSync(CACHE_FILE, 'utf-8'));
+        if (Date.now() - data.checkedAt < CACHE_TTL_MS) {
+            return data;
+        }
+        return null; // Cache expired
+    }
+    catch {
+        return null;
+    }
+}
+function writeCache(latestVersion) {
+    try {
+        if (!existsSync(YEEHAW_DIR)) {
+            mkdirSync(YEEHAW_DIR, { recursive: true });
+        }
+        const data = {
+            latestVersion,
+            checkedAt: Date.now(),
+        };
+        writeFileSync(CACHE_FILE, JSON.stringify(data), 'utf-8');
+    }
+    catch {
+        // Ignore cache write errors
+    }
+}
+function fetchLatestVersion() {
+    try {
+        // Use execFileSync for safety (no shell injection possible)
+        const result = execFileSync('npm', ['view', PACKAGE_NAME, 'version'], {
+            encoding: 'utf-8',
+            timeout: 5000,
+            stdio: ['pipe', 'pipe', 'pipe'],
+        });
+        return result.trim();
+    }
+    catch {
+        return null;
+    }
+}
+function compareVersions(current, latest) {
+    const parseVersion = (v) => v.split('.').map(n => parseInt(n, 10) || 0);
+    const [cMajor, cMinor, cPatch] = parseVersion(current);
+    const [lMajor, lMinor, lPatch] = parseVersion(latest);
+    if (lMajor > cMajor)
+        return 1;
+    if (lMajor < cMajor)
+        return -1;
+    if (lMinor > cMinor)
+        return 1;
+    if (lMinor < cMinor)
+        return -1;
+    if (lPatch > cPatch)
+        return 1;
+    if (lPatch < cPatch)
+        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).
+ */
+export function checkForUpdates() {
+    try {
+        const currentVersion = getCurrentVersion();
+        // Try cache first
+        const cached = readCache();
+        if (cached) {
+            return {
+                updateAvailable: compareVersions(currentVersion, cached.latestVersion) > 0,
+                currentVersion,
+                latestVersion: cached.latestVersion,
+            };
+        }
+        // Fetch from npm
+        const latestVersion = fetchLatestVersion();
+        if (!latestVersion)
+            return null;
+        // Update cache
+        writeCache(latestVersion);
+        return {
+            updateAvailable: compareVersions(currentVersion, latestVersion) > 0,
+            currentVersion,
+            latestVersion,
+        };
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Format update notification message
+ */
+export function formatUpdateMessage(info) {
+    return `Update available: ${info.currentVersion} → ${info.latestVersion}\nRun: npm install -g ${PACKAGE_NAME}`;
+}

package/dist/types.d.ts

@@ -80,10 +80,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,25 +241,25 @@ 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) => {
+    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: [_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);

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;
+    onSelectWindow: (window: TmuxWindow) => void;
     onUpdateLivestock: (livestock: 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 {};

package/dist/views/LivestockDetailView.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
 import { Header } from '../components/Header.js';
+import { LivestockHeader } from '../components/LivestockHeader.js';
+import { List } from '../components/List.js';
 import { Panel } from '../components/Panel.js';
 import { PathInput } from '../components/PathInput.js';
 import { loadBarn } from '../lib/config.js';
-export function LivestockDetailView({ project, livestock, onBack, onOpenLogs, onOpenSession, onUpdateLivestock, }) {
+import { getWindowStatus } from '../lib/tmux.js';
+export function LivestockDetailView({ project, livestock, source, sourceBarn, windows, onBack, onOpenLogs, onOpenSession, onSelectWindow, onUpdateLivestock, }) {
     const [mode, setMode] = useState('normal');
     // Edit form state
     const [editName, setEditName] = useState(livestock.name);
@@ -17,6 +20,15 @@ export function LivestockDetailView({ project, livestock, onBack, onOpenLogs, on
     const [editEnvPath, setEditEnvPath] = useState(livestock.env_path || '');
     // Get barn info if remote
     const barn = livestock.barn ? loadBarn(livestock.barn) : null;
+    // Sync form state when livestock prop changes (e.g., after save)
+    useEffect(() => {
+        setEditName(livestock.name);
+        setEditPath(livestock.path);
+        setEditRepo(livestock.repo || '');
+        setEditBranch(livestock.branch || '');
+        setEditLogPath(livestock.log_path || '');
+        setEditEnvPath(livestock.env_path || '');
+    }, [livestock]);
     const resetForm = () => {
         setEditName(livestock.name);
         setEditPath(livestock.path);
@@ -65,10 +77,6 @@ export function LivestockDetailView({ project, livestock, onBack, onOpenLogs, on
         // Only process these in normal mode
         if (mode !== 'normal')
             return;
-        if (input === 'q') {
-            onBack();
-            return;
-        }
         if (input === 's') {
             onOpenSession();
             return;
@@ -134,7 +142,19 @@ export function LivestockDetailView({ project, livestock, onBack, onOpenLogs, on
                                         setMode('normal');
                                     } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save & finish, Esc: cancel" }) })] })] }));
     }
-    // Normal view - show livestock info
-    const hints = `[s] shell  ${livestock.log_path ? '[l] logs  ' : ''}[e] edit  [q] back`;
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: livestock.name, color: project.color }), _jsx(Box, { flexGrow: 1, paddingX: 1, children: _jsx(Panel, { title: "Livestock Details", focused: true, hints: hints, children: _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Name:" }) }), _jsx(Text, { children: livestock.name })] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Path:" }) }), _jsx(Text, { children: livestock.path })] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Location:" }) }), barn ? (_jsxs(Text, { children: [barn.name, " ", _jsxs(Text, { dimColor: true, children: ["(", barn.host, ")"] })] })) : (_jsx(Text, { children: "Local" }))] }), livestock.repo && (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Repo:" }) }), _jsx(Text, { children: livestock.repo })] })), livestock.branch && (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Branch:" }) }), _jsx(Text, { children: livestock.branch })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, color: "yellow", children: "Operational Config" }) }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Log Path:" }) }), livestock.log_path ? (_jsx(Text, { children: livestock.log_path })) : (_jsx(Text, { dimColor: true, children: "Not configured" }))] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Env Path:" }) }), livestock.env_path ? (_jsx(Text, { children: livestock.env_path })) : (_jsx(Text, { dimColor: true, children: "Not configured" }))] })] }) }) })] }));
+    // 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),
+    }));
+    // 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) => {
+                            const window = livestockWindows.find(w => String(w.index) === item.id);
+                            if (window)
+                                onSelectWindow(window);
+                        } })) : (_jsx(Text, { dimColor: true, italic: true, children: "No active sessions. Press [s] to start a shell." })) }) })] }));
 }

package/dist/views/LogsView.js

@@ -33,7 +33,7 @@ export function LogsView({ project, livestock, onBack }) {
     }, [livestock]);
     const totalLines = logs.length;
     useInput((input, key) => {
-        if (key.escape || input === 'q') {
+        if (key.escape) {
             onBack();
             return;
         }

package/dist/views/ProjectContext.js

@@ -9,6 +9,7 @@ import { PathInput } from '../components/PathInput.js';
 import { getWindowStatus } from '../lib/tmux.js';
 import { detectGitInfo, detectRemoteGitInfo } from '../lib/git.js';
 import { detectLivestockConfig } from '../lib/livestock.js';
+import { isLocalBarn } from '../lib/config.js';
 export function ProjectContext({ project, barns, windows, onBack, onNewClaude, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }) {
     const [focusedPanel, setFocusedPanel] = useState('livestock');
     const [mode, setMode] = useState('normal');
@@ -159,10 +160,6 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
         }
         if (mode !== 'normal')
             return;
-        if (input === 'q') {
-            onBack();
-            return;
-        }
         if (key.tab) {
             setFocusedPanel((p) => (p === 'livestock' ? 'sessions' : 'livestock'));
             return;
@@ -245,10 +242,11 @@ export function ProjectContext({ project, barns, windows, onBack, onNewClaude, o
                                     }, placeholder: "local, dev, production..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next, Esc: cancel" }) })] })] }));
     }
     if (mode === 'add-livestock-barn') {
-        // Build barn options including "Local" option
+        // Build barn options including "Local" option (filter out local barn from array to avoid duplicates)
+        const remoteBarns = barns.filter((b) => !isLocalBarn(b));
         const barnOptions = [
             { id: '__local__', label: 'Local (this machine)', status: 'active' },
-            ...barns.map((b) => ({
+            ...remoteBarns.map((b) => ({
                 id: b.name,
                 label: b.name,
                 status: 'active',

package/dist/views/WikiView.js

@@ -65,10 +65,6 @@ export function WikiView({ project, onBack, onUpdateProject }) {
         // Only process these in normal mode
         if (mode !== 'normal')
             return;
-        if (input === 'q') {
-            onBack();
-            return;
-        }
         // Tab to switch focus between panels
         if (key.tab) {
             setFocusedPanel((prev) => (prev === 'sections' ? 'content' : 'sections'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colmbus72/yeehaw",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Terminal dashboard for managing projects, servers, and deployments",
   "type": "module",
   "main": "dist/index.js",