@colmbus72/yeehaw 0.4.2 → 0.6.0

package/dist/views/BarnContext.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
 import { BarnHeader } from '../components/BarnHeader.js';
@@ -9,7 +9,8 @@ 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, }) {
+import { listSystemServices, getServiceDetails } from '../lib/critters.js';
+export function BarnContext({ barn, livestock, projects, windows, onBack, onSshToBarn, onSelectLivestock, onOpenLivestockSession, onUpdateBarn, onDeleteBarn, onAddLivestock, onRemoveLivestock, onAddCritter, onRemoveCritter, onSelectCritter, }) {
     const [focusedPanel, setFocusedPanel] = useState('livestock');
     const [mode, setMode] = useState('normal');
     // Check if this is the local barn
@@ -28,8 +29,48 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
     // Delete livestock state
     const [selectedLivestockIndex, setSelectedLivestockIndex] = useState(0);
     const [deleteLivestockTarget, setDeleteLivestockTarget] = useState(null);
+    // Critter state
+    const [selectedCritterIndex, setSelectedCritterIndex] = useState(0);
+    const [newCritterName, setNewCritterName] = useState('');
+    const [newCritterService, setNewCritterService] = useState('');
+    const [deleteCritterTarget, setDeleteCritterTarget] = useState(null);
+    // Service selection state
+    const [availableServices, setAvailableServices] = useState([]);
+    const [showAllServices, setShowAllServices] = useState(false);
+    const [serviceFilter, setServiceFilter] = useState('');
+    const [servicesLoading, setServicesLoading] = useState(false);
+    const [servicesError, setServicesError] = useState(null);
+    const [selectedServiceIndex, setSelectedServiceIndex] = useState(0);
+    // Auto-detected critter details (used to pre-fill editable fields)
+    const [detectedDetails, setDetectedDetails] = useState(null);
+    const [detectedLoading, setDetectedLoading] = useState(false);
+    // Editable critter fields (pre-filled from detection, user can modify)
+    const [newCritterServicePath, setNewCritterServicePath] = useState('');
+    const [newCritterConfigPath, setNewCritterConfigPath] = useState('');
+    const [newCritterLogPath, setNewCritterLogPath] = useState('');
+    const [newCritterUseJournald, setNewCritterUseJournald] = useState(true);
     // Filter windows that are barn sessions
     const barnWindows = windows.filter((w) => w.index > 0 && w.name.startsWith(`barn-${barn.name}`));
+    // Fetch available services from the barn
+    const fetchServices = useCallback(async (showAll) => {
+        setServicesLoading(true);
+        setServicesError(null);
+        const result = await listSystemServices(barn, !showAll);
+        setServicesLoading(false);
+        if (result.error) {
+            setServicesError(result.error);
+        }
+        else {
+            setAvailableServices(result.services);
+            setSelectedServiceIndex(0);
+        }
+    }, [barn]);
+    // Fetch services when entering service selection mode
+    useEffect(() => {
+        if (mode === 'add-critter-service') {
+            fetchServices(showAllServices);
+        }
+    }, [mode, fetchServices, showAllServices]);
     const startEdit = () => {
         if (isLocal)
             return; // Cannot edit local barn
@@ -80,24 +121,64 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
             }
             return;
         }
+        // Handle delete critter confirmation
+        if (mode === 'delete-critter-confirm' && deleteCritterTarget) {
+            if (input === 'y') {
+                onRemoveCritter(deleteCritterTarget.name);
+                setDeleteCritterTarget(null);
+                setSelectedCritterIndex(Math.max(0, selectedCritterIndex - 1));
+                setMode('normal');
+            }
+            else if (input === 'n') {
+                setDeleteCritterTarget(null);
+                setMode('normal');
+            }
+            return;
+        }
+        // Handle arrow keys and toggle for service selection
+        if (mode === 'add-critter-service') {
+            const filteredServices = availableServices.filter((s) => s.name.toLowerCase().includes(serviceFilter.toLowerCase()));
+            if (key.upArrow) {
+                setSelectedServiceIndex((prev) => Math.max(0, prev - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setSelectedServiceIndex((prev) => Math.min(filteredServices.length - 1, prev + 1));
+                return;
+            }
+            if (input === 'a') {
+                const newShowAll = !showAllServices;
+                setShowAllServices(newShowAll);
+                fetchServices(newShowAll);
+                return;
+            }
+        }
+        // Handle use-journald toggle and save
+        if (mode === 'add-critter-use-journald') {
+            if (input === ' ') {
+                setNewCritterUseJournald(!newCritterUseJournald);
+                return;
+            }
+            if (key.return) {
+                const critter = {
+                    name: newCritterName.trim(),
+                    service: newCritterService,
+                    service_path: newCritterServicePath.trim() || undefined,
+                    config_path: newCritterConfigPath.trim() || undefined,
+                    log_path: newCritterLogPath.trim() || undefined,
+                    use_journald: newCritterUseJournald,
+                };
+                onAddCritter(critter);
+                setMode('normal');
+                return;
+            }
+        }
         if (mode !== 'normal')
             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;
@@ -125,6 +206,32 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
             }
             return;
         }
+        if (input === 'n' && focusedPanel === 'critters') {
+            // Start add critter flow
+            setNewCritterName('');
+            setNewCritterService('');
+            setServiceFilter('');
+            setSelectedServiceIndex(0);
+            setShowAllServices(false);
+            setDetectedDetails(null);
+            // Reset editable fields
+            setNewCritterServicePath('');
+            setNewCritterConfigPath('');
+            setNewCritterLogPath('');
+            setNewCritterUseJournald(true);
+            setMode('add-critter-name');
+            return;
+        }
+        if (input === 'd' && focusedPanel === 'critters' && (barn.critters || []).length > 0) {
+            // Delete selected critter
+            const critters = barn.critters || [];
+            const target = critters[selectedCritterIndex];
+            if (target) {
+                setDeleteCritterTarget(target);
+                setMode('delete-critter-confirm');
+            }
+            return;
+        }
     });
     // Edit mode screens
     if (mode === 'edit-host') {
@@ -220,29 +327,103 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
     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" })] })] })] }));
     }
+    // Add critter flow: name → service
+    if (mode === 'add-critter-name') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter to ", barn.name] }), _jsx(Text, { dimColor: true, children: "A critter is a system service like mysql, redis, nginx, etc." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newCritterName, onChange: setNewCritterName, onSubmit: () => {
+                                        if (newCritterName.trim()) {
+                                            // Auto-suggest service name
+                                            setNewCritterService(`${newCritterName.trim()}.service`);
+                                            setMode('add-critter-service');
+                                        }
+                                    }, placeholder: "mysql, redis, nginx..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'add-critter-service') {
+        const filteredServices = availableServices.filter((s) => s.name.toLowerCase().includes(serviceFilter.toLowerCase()));
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter: ", newCritterName] }), _jsxs(Text, { dimColor: true, children: [showAllServices ? 'All services' : 'Running services', " - Press [a] to toggle"] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Filter: " }), _jsx(TextInput, { value: serviceFilter, onChange: (val) => {
+                                        setServiceFilter(val);
+                                        setSelectedServiceIndex(0);
+                                    }, onSubmit: () => {
+                                        if (filteredServices.length > 0) {
+                                            const selected = filteredServices[selectedServiceIndex];
+                                            setNewCritterService(selected.name);
+                                            // Fetch service details and pre-fill fields
+                                            setDetectedLoading(true);
+                                            getServiceDetails(barn, selected.name).then((result) => {
+                                                setDetectedLoading(false);
+                                                if (result.details) {
+                                                    setDetectedDetails(result.details);
+                                                    // Pre-fill editable fields
+                                                    setNewCritterServicePath(result.details.service_path || '');
+                                                    setNewCritterConfigPath(result.details.config_path || '');
+                                                    setNewCritterLogPath(result.details.log_path || '');
+                                                    setNewCritterUseJournald(result.details.use_journald ?? true);
+                                                }
+                                                else {
+                                                    // No details, use defaults
+                                                    setNewCritterServicePath('');
+                                                    setNewCritterConfigPath('');
+                                                    setNewCritterLogPath('');
+                                                    setNewCritterUseJournald(true);
+                                                }
+                                                setMode('add-critter-service-path');
+                                            });
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", height: 10, children: servicesLoading ? (_jsx(Text, { dimColor: true, children: "Loading services..." })) : servicesError ? (_jsx(Text, { color: "red", children: servicesError })) : filteredServices.length === 0 ? (_jsx(Text, { dimColor: true, children: "No services match filter" })) : (filteredServices.slice(0, 10).map((service, i) => (_jsxs(Text, { children: [i === selectedServiceIndex ? _jsx(Text, { color: "cyan", children: '> ' }) : '  ', service.name, service.description && _jsxs(Text, { dimColor: true, children: [" - ", service.description] })] }, service.name)))) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Up/Down: navigate, Enter: select, [a] toggle all/running, Esc: cancel" }) })] })] }));
+    }
+    // Add critter: service path (pre-filled from detection)
+    if (mode === 'add-critter-service-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter: ", newCritterName] }), _jsxs(Text, { dimColor: true, children: ["Service: ", newCritterService] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Service file path (optional): " }), _jsx(TextInput, { value: newCritterServicePath, onChange: setNewCritterServicePath, onSubmit: () => setMode('add-critter-config-path') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Add critter: config path (pre-filled from detection)
+    if (mode === 'add-critter-config-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter: ", newCritterName] }), _jsxs(Text, { dimColor: true, children: ["Service: ", newCritterService] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Config path (optional): " }), _jsx(TextInput, { value: newCritterConfigPath, onChange: setNewCritterConfigPath, onSubmit: () => setMode('add-critter-log-path') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Add critter: log path (pre-filled from detection)
+    if (mode === 'add-critter-log-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter: ", newCritterName] }), _jsxs(Text, { dimColor: true, children: ["Service: ", newCritterService] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Log path (optional, if not using journald): " }), _jsx(TextInput, { value: newCritterLogPath, onChange: setNewCritterLogPath, onSubmit: () => setMode('add-critter-use-journald') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Add critter: use journald toggle (pre-filled from detection)
+    if (mode === 'add-critter-use-journald') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Adding critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Critter: ", newCritterName] }), _jsxs(Text, { dimColor: true, children: ["Service: ", newCritterService] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Use journald for logs: " }), _jsx(Text, { bold: true, color: newCritterUseJournald ? 'green' : 'red', children: newCritterUseJournald ? 'Yes' : 'No' }), _jsx(Text, { dimColor: true, children: " (press space to toggle)" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Space: toggle, Enter: save critter, Esc: cancel" }) })] })] }));
+    }
+    // Delete critter confirmation
+    if (mode === 'delete-critter-confirm' && deleteCritterTarget) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(BarnHeader, { name: barn.name, subtitle: "Remove critter" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "red", children: "Remove Critter" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Remove \"", deleteCritterTarget.name, "\" from ", barn.name, "?"] }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Service: ", deleteCritterTarget.service] }) }), _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,
+        actions: [{ key: 's', label: 'shell' }],
     }));
     // 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,
+        status: 'active', // Critters are assumed active (discovery only finds running services)
+        meta: c.service,
     }));
     // Panel-specific hints (page-level hotkeys like s are in BottomBar)
-    const livestockHints = '[s] shell  [n] new  [d] delete';
-    const crittersHints = '';
+    const livestockHints = '[n] new  [d] delete';
+    const crittersHints = '[n] new  [d] delete';
     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.)" })] })) })] })] }));
+                            }, onAction: (item, actionKey) => {
+                                if (actionKey === 's') {
+                                    const found = livestock.find((l) => `${l.project.name}/${l.livestock.name}` === item.id);
+                                    if (found) {
+                                        onOpenLivestockSession(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', selectedIndex: selectedCritterIndex, onSelectionChange: setSelectedCritterIndex, onSelect: (item) => {
+                                const critter = (barn.critters || []).find((c) => c.name === item.id);
+                                if (critter) {
+                                    onSelectCritter(critter);
+                                }
+                            } })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No critters configured" }), _jsx(Text, { dimColor: true, italic: true, children: "Press [n] to add a critter" })] })) })] })] }));
 }

package/dist/views/CritterDetailView.d.ts

@@ -0,0 +1,10 @@
+import type { Barn, Critter } from '../types.js';
+interface CritterDetailViewProps {
+    barn: Barn;
+    critter: Critter;
+    onBack: () => void;
+    onOpenLogs: () => void;
+    onUpdateCritter: (originalCritter: Critter, updatedCritter: Critter) => void;
+}
+export declare function CritterDetailView({ barn, critter, onBack, onOpenLogs, onUpdateCritter, }: CritterDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/CritterDetailView.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { CritterHeader } from '../components/CritterHeader.js';
+export function CritterDetailView({ barn, critter, onBack, onOpenLogs, onUpdateCritter, }) {
+    const [mode, setMode] = useState('normal');
+    // Edit form state
+    const [editName, setEditName] = useState(critter.name);
+    const [editService, setEditService] = useState(critter.service);
+    const [editConfigPath, setEditConfigPath] = useState(critter.config_path || '');
+    const [editLogPath, setEditLogPath] = useState(critter.log_path || '');
+    const [editUseJournald, setEditUseJournald] = useState(critter.use_journald !== false);
+    // Sync form state when critter prop changes (e.g., after save)
+    useEffect(() => {
+        setEditName(critter.name);
+        setEditService(critter.service);
+        setEditConfigPath(critter.config_path || '');
+        setEditLogPath(critter.log_path || '');
+        setEditUseJournald(critter.use_journald !== false);
+    }, [critter]);
+    const resetForm = () => {
+        setEditName(critter.name);
+        setEditService(critter.service);
+        setEditConfigPath(critter.config_path || '');
+        setEditLogPath(critter.log_path || '');
+        setEditUseJournald(critter.use_journald !== false);
+    };
+    // Save all pending changes at once
+    const saveAllChanges = () => {
+        const updated = {
+            ...critter,
+            name: editName.trim() || critter.name,
+            service: editService.trim() || critter.service,
+            config_path: editConfigPath.trim() || undefined,
+            log_path: editLogPath.trim() || undefined,
+            use_journald: editUseJournald,
+        };
+        onUpdateCritter(critter, updated);
+        setMode('normal');
+    };
+    useInput((input, key) => {
+        // Handle escape - works in all modes
+        if (key.escape) {
+            if (mode !== 'normal') {
+                setMode('normal');
+                resetForm();
+            }
+            else {
+                onBack();
+            }
+            return;
+        }
+        // Handle Ctrl+S to save and exit from any edit mode
+        // Note: Ctrl+S sends ASCII 19 (\x13), not 's'
+        if ((key.ctrl && input === 's') || input === '\x13') {
+            if (mode !== 'normal') {
+                saveAllChanges();
+                return;
+            }
+        }
+        // Handle space to toggle journald in edit mode
+        if (mode === 'edit-use-journald') {
+            if (input === ' ') {
+                setEditUseJournald(!editUseJournald);
+                return;
+            }
+            if (key.return) {
+                saveAllChanges();
+                return;
+            }
+            return;
+        }
+        // Only process these in normal mode
+        if (mode !== 'normal')
+            return;
+        if (input === 'l') {
+            onOpenLogs();
+            return;
+        }
+        if (input === 'e') {
+            // Start edit flow with name
+            setMode('edit-name');
+            return;
+        }
+    });
+    // Edit name
+    if (mode === 'edit-name') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Critter" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: editName, onChange: setEditName, onSubmit: () => {
+                                        if (editName.trim()) {
+                                            setMode('edit-service');
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Ctrl+S: save & exit, Esc: cancel" }) })] })] }));
+    }
+    // Edit service
+    if (mode === 'edit-service') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Critter" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Service (systemd): " }), _jsx(TextInput, { value: editService, onChange: setEditService, onSubmit: () => {
+                                        if (editService.trim()) {
+                                            setMode('edit-config-path');
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Ctrl+S: save & exit, Esc: cancel" }) })] })] }));
+    }
+    // Edit config path
+    if (mode === 'edit-config-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Critter" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Config Path (optional): " }), _jsx(TextInput, { value: editConfigPath, onChange: setEditConfigPath, onSubmit: () => setMode('edit-log-path') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Ctrl+S: save & exit, Esc: cancel" }) })] })] }));
+    }
+    // Edit log path
+    if (mode === 'edit-log-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Critter" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Log Path (optional, if not using journald): " }), _jsx(TextInput, { value: editLogPath, onChange: setEditLogPath, onSubmit: () => setMode('edit-use-journald') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Ctrl+S: save & exit, Esc: cancel" }) })] })] }));
+    }
+    // Edit use_journald (toggle with space)
+    if (mode === 'edit-use-journald') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Critter" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Use Journald: " }), _jsx(Text, { color: editUseJournald ? 'green' : 'red', bold: true, children: editUseJournald ? '[x] Yes' : '[ ] No' })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Space: toggle, Enter: save & finish, Ctrl+S: save & exit, Esc: cancel" }) })] })] }));
+    }
+    // Normal view - show critter info
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsxs(Box, { paddingX: 2, flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { gap: 3, children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "service:" }), " ", critter.service] }), critter.service_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "unit:" }), " ", critter.service_path] }))] }), _jsxs(Box, { gap: 3, marginTop: 1, children: [critter.config_path && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "config:" }), " ", critter.config_path] })), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "logs:" }), ' ', critter.use_journald !== false ? (_jsx(Text, { children: "journald" })) : critter.log_path ? (_jsx(Text, { children: critter.log_path })) : (_jsx(Text, { dimColor: true, children: "not configured" }))] })] })] }), _jsx(Box, { paddingX: 2, marginTop: 2, children: _jsx(Text, { dimColor: true, children: "[l] view logs  [e] edit  [esc] back" }) })] }));
+}

package/dist/views/CritterLogsView.d.ts

@@ -0,0 +1,8 @@
+import type { Barn, Critter } from '../types.js';
+interface CritterLogsViewProps {
+    barn: Barn;
+    critter: Critter;
+    onBack: () => void;
+}
+export declare function CritterLogsView({ barn, critter, onBack }: CritterLogsViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/CritterLogsView.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
+import { CritterHeader } from '../components/CritterHeader.js';
+import { readCritterLogs } from '../lib/critters.js';
+import { loadBarn } from '../lib/config.js';
+export function CritterLogsView({ barn, critter, onBack }) {
+    const { stdout } = useStdout();
+    const [logs, setLogs] = useState([]);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const terminalHeight = stdout?.rows || 24;
+    const visibleLines = terminalHeight - 6; // Account for header and padding
+    useEffect(() => {
+        let mounted = true;
+        async function fetchLogs() {
+            setLoading(true);
+            setError(null);
+            const fullBarn = loadBarn(barn.name);
+            if (!fullBarn) {
+                setError(`Barn not found: ${barn.name}`);
+                setLoading(false);
+                return;
+            }
+            const result = await readCritterLogs(critter, fullBarn, { lines: 200 });
+            if (!mounted)
+                return;
+            if (result.error) {
+                setError(result.error);
+            }
+            else {
+                const lines = result.content.split('\n');
+                setLogs(lines);
+                // Scroll to bottom initially
+                setScrollOffset(Math.max(0, lines.length - visibleLines));
+            }
+            setLoading(false);
+        }
+        fetchLogs();
+        return () => {
+            mounted = false;
+        };
+    }, [barn.name, critter, visibleLines]);
+    useInput((input, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        // Scroll with arrow keys
+        if (key.upArrow) {
+            setScrollOffset((prev) => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setScrollOffset((prev) => Math.min(logs.length - visibleLines, prev + 1));
+            return;
+        }
+        // Page up/down
+        if (key.pageUp) {
+            setScrollOffset((prev) => Math.max(0, prev - visibleLines));
+            return;
+        }
+        if (key.pageDown) {
+            setScrollOffset((prev) => Math.min(logs.length - visibleLines, prev + visibleLines));
+            return;
+        }
+        // Home/End
+        if (input === 'g') {
+            setScrollOffset(0);
+            return;
+        }
+        if (input === 'G') {
+            setScrollOffset(Math.max(0, logs.length - visibleLines));
+            return;
+        }
+        // Refresh
+        if (input === 'r') {
+            setLoading(true);
+            (async () => {
+                const fullBarn = loadBarn(barn.name);
+                if (!fullBarn)
+                    return;
+                const result = await readCritterLogs(critter, fullBarn, { lines: 200 });
+                if (result.error) {
+                    setError(result.error);
+                }
+                else {
+                    const lines = result.content.split('\n');
+                    setLogs(lines);
+                    setScrollOffset(Math.max(0, lines.length - visibleLines));
+                }
+                setLoading(false);
+            })();
+            return;
+        }
+    });
+    const visibleLogs = logs.slice(scrollOffset, scrollOffset + visibleLines);
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(CritterHeader, { barn: barn, critter: critter }), _jsx(Box, { flexDirection: "column", paddingX: 2, flexGrow: 1, children: loading ? (_jsx(Text, { dimColor: true, children: "Loading logs..." })) : error ? (_jsx(Text, { color: "red", children: error })) : logs.length === 0 ? (_jsx(Text, { dimColor: true, children: "No logs found" })) : (_jsx(Box, { flexDirection: "column", children: visibleLogs.map((line, i) => (_jsx(Text, { wrap: "truncate", children: line }, scrollOffset + i))) })) }), _jsx(Box, { paddingX: 2, children: _jsxs(Text, { dimColor: true, children: [logs.length > 0 && `${scrollOffset + 1}-${Math.min(scrollOffset + visibleLines, logs.length)} of ${logs.length} | `, "\u2191\u2193 scroll | g/G top/bottom | r refresh | Esc back"] }) })] }));
+}

package/dist/views/GlobalDashboard.d.ts

@@ -11,11 +11,11 @@ interface GlobalDashboardProps {
     onSelectProject: (project: Project) => void;
     onSelectBarn: (barn: Barn) => void;
     onSelectWindow: (window: TmuxWindow) => void;
-    onNewClaude: () => void;
+    onNewClaudeForProject: (project: Project) => void;
     onCreateProject: (name: string, path: string) => void;
     onCreateBarn: (barn: Barn) => void;
     onSshToBarn: (barn: Barn) => void;
     onInputModeChange?: (isInputMode: boolean) => void;
 }
-export declare function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaudeForProject, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
 export {};