@colmbus72/yeehaw 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,89 @@
+export interface Config {
+    version: number;
+    default_project: string | null;
+    editor: string;
+    theme: 'dark' | 'light';
+    show_activity: boolean;
+    claude: ClaudeConfig;
+    tmux: TmuxConfig;
+}
+export interface ClaudeConfig {
+    model: string;
+    auto_attach: boolean;
+}
+export interface TmuxConfig {
+    session_prefix: string;
+    default_shell: string;
+}
+export interface Project {
+    name: string;
+    path: string;
+    summary?: string;
+    color?: string;
+    livestock?: Livestock[];
+    wiki?: WikiSection[];
+}
+export interface WikiSection {
+    title: string;
+    content: string;
+}
+export interface Livestock {
+    name: string;
+    path: string;
+    barn?: string;
+    repo?: string;
+    branch?: string;
+    log_path?: string;
+    env_path?: string;
+}
+export interface Critter {
+    name: string;
+    type: string;
+    status?: 'running' | 'stopped' | 'unknown';
+}
+export interface Barn {
+    name: string;
+    host?: string;
+    user?: string;
+    port?: number;
+    identity_file?: string;
+    critters?: Critter[];
+}
+export interface Session {
+    id: string;
+    type: 'claude' | 'shell';
+    project: string | null;
+    livestock: string | null;
+    barn: string | null;
+    tmux_session: string;
+    tmux_window: number | null;
+    started_at: string;
+    working_directory: string;
+    notes: string;
+    status: 'active' | 'detached' | 'ended';
+}
+export type AppView = {
+    type: 'global';
+} | {
+    type: 'project';
+    project: Project;
+} | {
+    type: 'barn';
+    barn: Barn;
+} | {
+    type: 'wiki';
+    project: Project;
+} | {
+    type: 'issues';
+    project: Project;
+} | {
+    type: 'livestock';
+    project: Project;
+    livestock: Livestock;
+} | {
+    type: 'logs';
+    project: Project;
+    livestock: Livestock;
+} | {
+    type: 'night-sky';
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+// Core domain types
+export {};

package/dist/views/BarnContext.d.ts

@@ -0,0 +1,22 @@
+import type { Barn, Project, Livestock } from '../types.js';
+import type { TmuxWindow } from '../lib/tmux.js';
+interface LivestockWithProject {
+    project: Project;
+    livestock: Livestock;
+}
+interface BarnContextProps {
+    barn: Barn;
+    livestock: LivestockWithProject[];
+    projects: Project[];
+    windows: TmuxWindow[];
+    onBack: () => void;
+    onSshToBarn: () => void;
+    onSelectLivestock: (project: Project, livestock: Livestock) => void;
+    onOpenLivestockSession: (project: Project, livestock: Livestock) => void;
+    onUpdateBarn: (barn: Barn) => void;
+    onDeleteBarn: (barnName: string) => void;
+    onAddLivestock: (project: Project, livestock: Livestock) => void;
+    onRemoveLivestock: (project: Project, livestockName: string) => void;
+}
+export declare function BarnContext({ barn, livestock, projects, windows, onBack, onSshToBarn, onSelectLivestock, onOpenLivestockSession, onUpdateBarn, onDeleteBarn, onAddLivestock, onRemoveLivestock, }: BarnContextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/BarnContext.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { BarnHeader } from '../components/BarnHeader.js';
+import { Panel } from '../components/Panel.js';
+import { List } from '../components/List.js';
+import { PathInput } from '../components/PathInput.js';
+import { detectRemoteGitInfo, detectGitInfo } from '../lib/git.js';
+import { isLocalBarn } from '../lib/config.js';
+import { parseGitHubUrl } from '../lib/github.js';
+export function BarnContext({ barn, livestock, projects, windows, onBack, onSshToBarn, onSelectLivestock, onOpenLivestockSession, onUpdateBarn, onDeleteBarn, onAddLivestock, onRemoveLivestock, }) {
+    const [focusedPanel, setFocusedPanel] = useState('livestock');
+    const [mode, setMode] = useState('normal');
+    // Check if this is the local barn
+    const isLocal = isLocalBarn(barn);
+    // Edit form state (only used for remote barns)
+    const [editHost, setEditHost] = useState(barn.host || '');
+    const [editUser, setEditUser] = useState(barn.user || '');
+    const [editPort, setEditPort] = useState(String(barn.port || 22));
+    // Delete confirmation
+    const [deleteConfirmInput, setDeleteConfirmInput] = useState('');
+    // Add livestock state (new flow: path → detect git → match/pick project → name)
+    const [newLivestockPath, setNewLivestockPath] = useState('');
+    const [detectedGit, setDetectedGit] = useState(null);
+    const [selectedProject, setSelectedProject] = useState(null);
+    const [newLivestockName, setNewLivestockName] = useState('');
+    // Delete livestock state
+    const [selectedLivestockIndex, setSelectedLivestockIndex] = useState(0);
+    const [deleteLivestockTarget, setDeleteLivestockTarget] = useState(null);
+    // Filter windows that are barn sessions
+    const barnWindows = windows.filter((w) => w.index > 0 && w.name.startsWith(`barn-${barn.name}`));
+    const startEdit = () => {
+        if (isLocal)
+            return; // Cannot edit local barn
+        setEditHost(barn.host || '');
+        setEditUser(barn.user || '');
+        setEditPort(String(barn.port || 22));
+        setMode('edit-host');
+    };
+    const cancelEdit = () => {
+        setMode('normal');
+    };
+    const saveAndNext = (nextMode) => {
+        if (nextMode === 'done') {
+            onUpdateBarn({
+                ...barn,
+                host: editHost,
+                user: editUser,
+                port: parseInt(editPort, 10) || 22,
+            });
+            setMode('normal');
+        }
+        else {
+            setMode(nextMode);
+        }
+    };
+    useInput((input, key) => {
+        // Handle escape
+        if (key.escape) {
+            if (mode !== 'normal') {
+                cancelEdit();
+            }
+            else {
+                onBack();
+            }
+            return;
+        }
+        // Handle delete livestock confirmation
+        if (mode === 'delete-livestock-confirm' && deleteLivestockTarget) {
+            if (input === 'y') {
+                onRemoveLivestock(deleteLivestockTarget.project, deleteLivestockTarget.livestock.name);
+                setDeleteLivestockTarget(null);
+                setSelectedLivestockIndex(Math.max(0, selectedLivestockIndex - 1));
+                setMode('normal');
+            }
+            else if (input === 'n') {
+                setDeleteLivestockTarget(null);
+                setMode('normal');
+            }
+            return;
+        }
+        if (mode !== 'normal')
+            return;
+        if (input === 'q') {
+            onBack();
+            return;
+        }
+        if (key.tab) {
+            setFocusedPanel((p) => (p === 'livestock' ? 'critters' : 'livestock'));
+            return;
+        }
+        if (input === 's') {
+            // Context-aware shell: livestock session if focused on livestock, otherwise SSH to barn
+            if (focusedPanel === 'livestock' && livestock.length > 0) {
+                const target = livestock[selectedLivestockIndex];
+                if (target) {
+                    onOpenLivestockSession(target.project, target.livestock);
+                    return;
+                }
+            }
+            onSshToBarn();
+            return;
+        }
+        if (input === 'e' && !isLocal) {
+            startEdit();
+            return;
+        }
+        if (input === 'D' && !isLocal) {
+            setDeleteConfirmInput('');
+            setMode('delete-barn-confirm');
+            return;
+        }
+        if (input === 'n' && focusedPanel === 'livestock') {
+            // Start add livestock flow with path first
+            setNewLivestockPath('');
+            setDetectedGit(null);
+            setSelectedProject(null);
+            setNewLivestockName('');
+            setMode('add-livestock-path');
+            return;
+        }
+        if (input === 'd' && focusedPanel === 'livestock' && livestock.length > 0) {
+            // Delete selected livestock
+            const target = livestock[selectedLivestockIndex];
+            if (target) {
+                setDeleteLivestockTarget(target);
+                setMode('delete-livestock-confirm');
+            }
+            return;
+        }
+    });
+    // Edit mode screens
+    if (mode === 'edit-host') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Editing barn" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Barn" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Host: " }), _jsx(TextInput, { value: editHost, onChange: setEditHost, onSubmit: () => saveAndNext('edit-user') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'edit-user') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Editing barn" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Barn: ", barn.name] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "User: " }), _jsx(TextInput, { value: editUser, onChange: setEditUser, onSubmit: () => saveAndNext('edit-port') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'edit-port') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Editing barn" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Barn: ", barn.name] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Port: " }), _jsx(TextInput, { value: editPort, onChange: setEditPort, onSubmit: () => saveAndNext('done') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save barn, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'delete-barn-confirm') {
+        const handleDeleteConfirm = () => {
+            if (deleteConfirmInput === barn.name) {
+                onDeleteBarn(barn.name);
+            }
+        };
+        const hasLivestock = livestock.length > 0;
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "DELETE BARN" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "red", children: "\u26A0\uFE0F  Delete Barn" }), hasLivestock ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "red", children: "Cannot delete barn - livestock still deployed:" }), livestock.map((l) => (_jsxs(Text, { dimColor: true, children: ["\u2022 ", l.project.name, "/", l.livestock.name] }, `${l.project.name}-${l.livestock.name}`))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Remove livestock from projects first, then delete the barn." }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "This will permanently delete the barn configuration." }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Type the barn name to confirm: " }), _jsx(Text, { bold: true, color: "yellow", children: barn.name })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Confirm: " }), _jsx(TextInput, { value: deleteConfirmInput, onChange: setDeleteConfirmInput, onSubmit: handleDeleteConfirm })] }), deleteConfirmInput && deleteConfirmInput !== barn.name && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: "Name does not match" }) }))] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Esc: cancel" }) })] })] }));
+    }
+    // Add livestock flow: path → detect git → match/pick project → name
+    // Step 1: Enter path (with remote tab completion)
+    if (mode === 'add-livestock-path') {
+        const handlePathSubmit = () => {
+            if (!newLivestockPath.trim())
+                return;
+            // Detect git info from path (local or remote)
+            const gitInfo = isLocal
+                ? detectGitInfo(newLivestockPath)
+                : detectRemoteGitInfo(newLivestockPath, barn);
+            setDetectedGit(gitInfo);
+            // Try to match project by repo URL
+            if (gitInfo.isGitRepo && gitInfo.remoteUrl) {
+                const parsed = parseGitHubUrl(gitInfo.remoteUrl);
+                if (parsed) {
+                    // Find project with matching repo in any livestock
+                    const matchedProject = projects.find((p) => (p.livestock || []).some((l) => {
+                        if (!l.repo)
+                            return false;
+                        const lParsed = parseGitHubUrl(l.repo);
+                        return lParsed && lParsed.owner === parsed.owner && lParsed.repo === parsed.repo;
+                    }));
+                    if (matchedProject) {
+                        setSelectedProject(matchedProject);
+                        setMode('add-livestock-name');
+                        return;
+                    }
+                }
+            }
+            // No match found - let user pick project
+            if (projects.length === 0) {
+                // No projects available
+                setMode('normal');
+                return;
+            }
+            setMode('add-livestock-project');
+        };
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding livestock" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock to ", barn.name] }), _jsxs(Text, { dimColor: true, children: ["Enter the ", isLocal ? 'local' : `path on ${barn.host}`, " path"] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: newLivestockPath, onChange: setNewLivestockPath, onSubmit: handlePathSubmit, barn: isLocal ? undefined : barn })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab: autocomplete, Enter: next (auto-detects git), Esc: cancel" }) })] })] }));
+    }
+    // Step 2 (if no auto-match): Select project
+    if (mode === 'add-livestock-project') {
+        const projectOptions = projects.map((p) => ({
+            id: p.name,
+            label: p.name,
+            status: 'active',
+            meta: p.path,
+        }));
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding livestock" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add Livestock to Barn" }), detectedGit?.isGitRepo ? (_jsxs(Text, { dimColor: true, children: ["Repo detected: ", detectedGit.remoteUrl, " (no matching project found)"] })) : (_jsx(Text, { dimColor: true, children: "No git repo detected. Which project does this belong to?" })), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(List, { items: projectOptions, focused: true, onSelect: (item) => {
+                                    const project = projects.find((p) => p.name === item.id);
+                                    if (project) {
+                                        setSelectedProject(project);
+                                        setMode('add-livestock-name');
+                                    }
+                                } }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: select, Esc: cancel" }) })] })] }));
+    }
+    // Step 3: Enter name
+    if (mode === 'add-livestock-name') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding livestock" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock: ", selectedProject?.name] }), detectedGit?.isGitRepo && (_jsxs(Text, { color: "cyan", children: ["Git detected: ", detectedGit.branch || 'unknown branch'] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newLivestockName, onChange: setNewLivestockName, onSubmit: () => {
+                                        if (newLivestockName.trim() && selectedProject) {
+                                            const newLivestock = {
+                                                name: newLivestockName,
+                                                path: newLivestockPath,
+                                                barn: isLocal ? undefined : barn.name, // Don't set barn for local livestock
+                                                repo: detectedGit?.remoteUrl,
+                                                branch: detectedGit?.branch,
+                                            };
+                                            onAddLivestock(selectedProject, newLivestock);
+                                            setMode('normal');
+                                        }
+                                    }, placeholder: "production, staging, etc." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save, Esc: cancel" }) })] })] }));
+    }
+    // Delete livestock confirmation
+    if (mode === 'delete-livestock-confirm' && deleteLivestockTarget) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Remove livestock" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "red", children: "Remove Livestock" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Remove \"", deleteLivestockTarget.livestock.name, "\" from ", deleteLivestockTarget.project.name, "?"] }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Path: ", deleteLivestockTarget.livestock.path] }) }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsx(Text, { color: "red", bold: true, children: "[y] Yes, remove" }), _jsx(Text, { dimColor: true, children: "[n/Esc] Cancel" })] })] })] }));
+    }
+    // Build livestock items
+    const livestockItems = livestock.map((l) => ({
+        id: `${l.project.name}/${l.livestock.name}`,
+        label: `${l.project.name}/${l.livestock.name}`,
+        status: 'active',
+        meta: l.livestock.path,
+    }));
+    // Build critter items
+    const critterItems = (barn.critters || []).map((c) => ({
+        id: c.name,
+        label: c.name,
+        status: c.status === 'running' ? 'active' : c.status === 'stopped' ? 'inactive' : 'inactive',
+        meta: c.type,
+    }));
+    // Panel-specific hints (page-level hotkeys like s are in BottomBar)
+    const livestockHints = '[s] shell  [n] new  [d] delete';
+    const crittersHints = '';
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: isLocal ? 'Local machine' : `${barn.user}@${barn.host}:${barn.port}` }), !isLocal && (_jsx(Box, { paddingX: 2, marginY: 1, children: _jsxs(Box, { gap: 4, children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "Host:" }), " ", barn.host] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "User:" }), " ", barn.user] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "Port:" }), " ", barn.port] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "Key:" }), " ", barn.identity_file] })] }) })), _jsxs(Box, { flexGrow: 1, marginY: 1, paddingX: 1, gap: 2, children: [_jsx(Panel, { title: "Livestock", focused: focusedPanel === 'livestock', width: "50%", hints: livestockHints, children: livestockItems.length > 0 ? (_jsx(List, { items: livestockItems, focused: focusedPanel === 'livestock', selectedIndex: selectedLivestockIndex, onSelectionChange: setSelectedLivestockIndex, onSelect: (item) => {
+                                const found = livestock.find((l) => `${l.project.name}/${l.livestock.name}` === item.id);
+                                if (found) {
+                                    onSelectLivestock(found.project, found.livestock);
+                                }
+                            } })) : (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "No livestock deployed to this barn" }) })) }), _jsx(Panel, { title: "Critters", focused: focusedPanel === 'critters', width: "50%", hints: crittersHints, children: critterItems.length > 0 ? (_jsx(List, { items: critterItems, focused: focusedPanel === 'critters', onSelect: () => {
+                                // TODO: Could show critter details or manage service
+                            } })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No critters configured" }), _jsx(Text, { dimColor: true, italic: true, children: "Critters are system services (nginx, mysql, etc.)" })] })) })] })] }));
+}

package/dist/views/GlobalDashboard.d.ts

@@ -0,0 +1,16 @@
+import type { Project, Barn } from '../types.js';
+import { type TmuxWindow } from '../lib/tmux.js';
+interface GlobalDashboardProps {
+    projects: Project[];
+    barns: Barn[];
+    windows: TmuxWindow[];
+    onSelectProject: (project: Project) => void;
+    onSelectBarn: (barn: Barn) => void;
+    onSelectWindow: (window: TmuxWindow) => void;
+    onNewClaude: () => void;
+    onCreateProject: (name: string, path: string) => void;
+    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 {};

package/dist/views/GlobalDashboard.js

@@ -0,0 +1,253 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { Header } from '../components/Header.js';
+import { Panel } from '../components/Panel.js';
+import { List } from '../components/List.js';
+import { PathInput } from '../components/PathInput.js';
+import { parseSshConfig } from '../lib/ssh.js';
+import { getWindowStatus } from '../lib/tmux.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, }) {
+    const [focusedPanel, setFocusedPanel] = useState('projects');
+    const [mode, setMode] = useState('normal');
+    // New project form state
+    const [newProjectName, setNewProjectName] = useState('');
+    const [newProjectPath, setNewProjectPath] = useState('');
+    // New barn form state
+    const [newBarnName, setNewBarnName] = useState('');
+    const [newBarnHost, setNewBarnHost] = useState('');
+    const [newBarnUser, setNewBarnUser] = useState('');
+    const [newBarnPort, setNewBarnPort] = useState('22');
+    const [newBarnKey, setNewBarnKey] = useState('');
+    // SSH hosts from config
+    const sshHosts = useMemo(() => parseSshConfig(), []);
+    // Filter out window 0 (yeehaw TUI)
+    const sessionWindows = windows.filter((w) => w.index > 0);
+    // Create a map from display number (1-9) to window for quick access
+    const windowsByDisplayNum = new Map();
+    sessionWindows.forEach((w, i) => {
+        if (i < 9) {
+            windowsByDisplayNum.set(i + 1, w);
+        }
+    });
+    const resetNewProject = () => {
+        setNewProjectName('');
+        setNewProjectPath('');
+    };
+    const resetNewBarn = () => {
+        setNewBarnName('');
+        setNewBarnHost('');
+        setNewBarnUser('');
+        setNewBarnPort('22');
+        setNewBarnKey('');
+    };
+    useInput((input, key) => {
+        // Handle escape to cancel creation
+        if (key.escape && mode !== 'normal') {
+            setMode('normal');
+            resetNewProject();
+            resetNewBarn();
+            return;
+        }
+        // Only process these in normal mode
+        if (mode !== 'normal')
+            return;
+        // Tab to cycle panels
+        if (key.tab) {
+            setFocusedPanel((p) => {
+                if (p === 'projects')
+                    return 'sessions';
+                if (p === 'sessions')
+                    return 'barns';
+                return 'projects';
+            });
+            return;
+        }
+        if (input === 'c') {
+            onNewClaude();
+            return;
+        }
+        if (input === 'n') {
+            if (focusedPanel === 'projects') {
+                setMode('new-project-name');
+                return;
+            }
+            if (focusedPanel === 'barns') {
+                // If we have SSH hosts, show selection first
+                if (sshHosts.length > 0) {
+                    setMode('new-barn-select-ssh');
+                }
+                else {
+                    setMode('new-barn-name');
+                }
+                return;
+            }
+        }
+        if (input === 's' && focusedPanel === 'barns') {
+            // SSH to selected barn - handled by list selection
+            return;
+        }
+        // Number hotkeys 1-9 for quick session switching
+        const num = parseInt(input, 10);
+        if (num >= 1 && num <= 9) {
+            const window = windowsByDisplayNum.get(num);
+            if (window) {
+                onSelectWindow(window);
+            }
+            return;
+        }
+    });
+    const handleProjectNameSubmit = (name) => {
+        if (name.trim()) {
+            setNewProjectName(name.trim());
+            setNewProjectPath('');
+            setMode('new-project-path');
+        }
+    };
+    const handleProjectPathSubmit = (path) => {
+        if (path.trim() && newProjectName) {
+            onCreateProject(newProjectName, path.trim());
+            setMode('normal');
+            resetNewProject();
+        }
+    };
+    const handleBarnNameSubmit = (name) => {
+        if (name.trim()) {
+            setNewBarnName(name.trim());
+            setMode('new-barn-host');
+        }
+    };
+    const handleBarnHostSubmit = (host) => {
+        if (host.trim()) {
+            setNewBarnHost(host.trim());
+            setMode('new-barn-user');
+        }
+    };
+    const handleBarnUserSubmit = (user) => {
+        if (user.trim()) {
+            setNewBarnUser(user.trim());
+            setMode('new-barn-port');
+        }
+    };
+    const handleBarnPortSubmit = (port) => {
+        setNewBarnPort(port.trim() || '22');
+        setMode('new-barn-key');
+    };
+    const handleBarnKeySubmit = (key) => {
+        if (key.trim()) {
+            const barn = {
+                name: newBarnName,
+                host: newBarnHost,
+                user: newBarnUser,
+                port: parseInt(newBarnPort, 10) || 22,
+                identity_file: key.trim(),
+                critters: [],
+            };
+            onCreateBarn(barn);
+            setMode('normal');
+            resetNewBarn();
+        }
+    };
+    const handleSshHostSelect = (host) => {
+        // Pre-fill from SSH config
+        setNewBarnName(host.name);
+        setNewBarnHost(host.hostname || host.name);
+        setNewBarnUser(host.user || 'root');
+        setNewBarnPort(String(host.port || 22));
+        setNewBarnKey(host.identityFile || '');
+        setMode('new-barn-name');
+    };
+    const projectItems = projects.map((p) => {
+        const sessionCount = countSessionsForProject(p.name, windows);
+        return {
+            id: p.name,
+            label: p.name,
+            status: sessionCount > 0 ? 'active' : 'inactive',
+            meta: sessionCount > 0 ? `${sessionCount} session${sessionCount > 1 ? 's' : ''}` : undefined,
+        };
+    });
+    // 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 barnItems = barns.map((b) => ({
+        id: b.name,
+        label: b.name,
+        status: 'active',
+        meta: `${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" }) })] })] }));
+    }
+    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" }) })] })] }));
+    }
+    // SSH host selection for new barn
+    if (mode === 'new-barn-select-ssh') {
+        const sshHostItems = [
+            { id: '__manual__', label: 'Enter manually...', status: 'inactive' },
+            ...sshHosts.map((h) => ({
+                id: h.name,
+                label: h.name,
+                status: 'active',
+                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) => {
+                                    if (item.id === '__manual__') {
+                                        setMode('new-barn-name');
+                                    }
+                                    else {
+                                        const host = sshHosts.find((h) => h.name === item.id);
+                                        if (host)
+                                            handleSshHostSelect(host);
+                                    }
+                                } }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: select, Esc: cancel" }) })] })] }));
+    }
+    // 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" }) })] })] }));
+    }
+    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" }) })] })] }));
+    }
+    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" }) })] })] }));
+    }
+    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" }) })] })] }));
+    }
+    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" }) })] })] }));
+    }
+    // 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) => {
+                                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" })] })) }) })] }));
+}

package/dist/views/Home.d.ts

@@ -0,0 +1,11 @@
+import type { Barn } from '../types.js';
+import type { TmuxSession } from '../lib/tmux.js';
+interface HomeProps {
+    barns: Barn[];
+    sessions: TmuxSession[];
+    focusedPanel: 'barns' | 'sessions';
+    onSelectBarn: (barn: Barn) => void;
+    onSelectSession: (session: TmuxSession) => void;
+}
+export declare function Home({ barns, sessions, focusedPanel, onSelectBarn, onSelectSession }: HomeProps): import("react/jsx-runtime").JSX.Element;
+export {};