@colmbus72/yeehaw 0.5.0 → 0.6.1

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, onAddCritter, onRemoveCritter, }) {
+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
@@ -33,8 +34,43 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
     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
@@ -99,6 +135,44 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
             }
             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) {
@@ -136,6 +210,15 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
             // 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;
         }
@@ -255,17 +338,53 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
                                     }, placeholder: "mysql, redis, nginx..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next, Esc: cancel" }) })] })] }));
     }
     if (mode === 'add-critter-service') {
-        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] }), _jsx(Text, { dimColor: true, children: "Enter the systemd service name" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Service: " }), _jsx(TextInput, { value: newCritterService, onChange: setNewCritterService, onSubmit: () => {
-                                        if (newCritterService.trim()) {
-                                            const critter = {
-                                                name: newCritterName.trim(),
-                                                service: newCritterService.trim(),
-                                                use_journald: true,
-                                            };
-                                            onAddCritter(critter);
-                                            setMode('normal');
+        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');
+                                            });
                                         }
-                                    }, placeholder: "mysql.service, redis-server.service..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save, Esc: cancel" }) })] })] }));
+                                    } })] }), _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) {
@@ -301,7 +420,10 @@ export function BarnContext({ barn, livestock, projects, windows, onBack, onSshT
                                         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: () => {
-                                // Could show critter details or logs in future
+                            } })) : (_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/IssuesView.d.ts

@@ -2,6 +2,7 @@ import type { Project } from '../types.js';
 interface IssuesViewProps {
     project: Project;
     onBack: () => void;
+    onOpenClaude?: (workingDir: string, issueContext: string) => void;
 }
-export declare function IssuesView({ project, onBack }: IssuesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function IssuesView({ project, onBack, onOpenClaude }: IssuesViewProps): import("react/jsx-runtime").JSX.Element | null;
 export {};