@colmbus72/yeehaw 0.1.0

package/dist/views/ProjectContext.js

@@ -0,0 +1,333 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } 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 { getWindowStatus } from '../lib/tmux.js';
+import { detectGitInfo, detectRemoteGitInfo } from '../lib/git.js';
+import { detectLivestockConfig } from '../lib/livestock.js';
+export function ProjectContext({ project, barns, windows, onBack, onNewClaude, onSelectWindow, onSelectLivestock, onOpenLivestockSession, onUpdateProject, onDeleteProject, onOpenWiki, onOpenIssues, }) {
+    const [focusedPanel, setFocusedPanel] = useState('livestock');
+    const [mode, setMode] = useState('normal');
+    // Edit form state
+    const [editName, setEditName] = useState(project.name);
+    const [editPath, setEditPath] = useState(project.path);
+    const [editSummary, setEditSummary] = useState(project.summary || '');
+    const [editColor, setEditColor] = useState(project.color || '');
+    // New livestock form state
+    const [newLivestockName, setNewLivestockName] = useState('');
+    const [newLivestockPath, setNewLivestockPath] = useState('');
+    const [newLivestockLogPath, setNewLivestockLogPath] = useState('');
+    const [newLivestockEnvPath, setNewLivestockEnvPath] = useState('');
+    const [selectedBarn, setSelectedBarn] = useState(null); // null = local
+    // Track selected livestock index for deletion
+    const [selectedLivestockIndex, setSelectedLivestockIndex] = useState(0);
+    // Delete project confirmation
+    const [deleteConfirmInput, setDeleteConfirmInput] = useState('');
+    // Delete livestock confirmation
+    const [deleteLivestockTarget, setDeleteLivestockTarget] = useState(null);
+    // Git detection for new livestock
+    const [detectedGit, setDetectedGit] = useState(null);
+    // Framework detection for config suggestions
+    const [detectedConfig, setDetectedConfig] = useState(null);
+    // Filter windows to this project (by name prefix)
+    const projectWindows = windows.filter((w) => w.index > 0 && w.name.startsWith(project.name));
+    // Create a map from display number (1-9) to window for quick access
+    const windowsByDisplayNum = new Map();
+    projectWindows.forEach((w, i) => {
+        if (i < 9) {
+            windowsByDisplayNum.set(i + 1, w);
+        }
+    });
+    const startEdit = () => {
+        setEditName(project.name);
+        setEditPath(project.path);
+        setEditSummary(project.summary || '');
+        setEditColor(project.color || '');
+        setMode('edit-name');
+    };
+    const cancelEdit = () => {
+        setMode('normal');
+    };
+    const saveAndNext = (nextMode) => {
+        if (nextMode === 'done') {
+            // Save the project
+            onUpdateProject({
+                ...project,
+                name: editName,
+                path: editPath,
+                summary: editSummary || undefined,
+                color: editColor || undefined,
+            });
+            setMode('normal');
+        }
+        else {
+            setMode(nextMode);
+        }
+    };
+    const startAddLivestock = () => {
+        setNewLivestockName('');
+        setNewLivestockPath('');
+        setNewLivestockLogPath('');
+        setNewLivestockEnvPath('');
+        setSelectedBarn(null);
+        setDetectedGit(null);
+        setDetectedConfig(null);
+        setMode('add-livestock-name');
+    };
+    const handlePathSubmit = async () => {
+        // Detect git info from the path (local or remote)
+        if (newLivestockPath) {
+            const gitInfo = selectedBarn
+                ? detectRemoteGitInfo(newLivestockPath, selectedBarn)
+                : detectGitInfo(newLivestockPath);
+            setDetectedGit(gitInfo);
+            // Detect framework and pre-fill config suggestions
+            const config = await detectLivestockConfig(newLivestockPath, selectedBarn || undefined);
+            setDetectedConfig(config);
+            if (config.log_path) {
+                setNewLivestockLogPath(config.log_path);
+            }
+            if (config.env_path) {
+                setNewLivestockEnvPath(config.env_path);
+            }
+            // Continue to optional config fields
+            setMode('add-livestock-log-path');
+        }
+    };
+    const saveLivestock = () => {
+        const newLivestock = {
+            name: newLivestockName,
+            path: newLivestockPath,
+            barn: selectedBarn?.name,
+            repo: detectedGit?.remoteUrl,
+            branch: detectedGit?.branch,
+            log_path: newLivestockLogPath || undefined,
+            env_path: newLivestockEnvPath || undefined,
+        };
+        const updatedLivestock = [...(project.livestock || [])];
+        // Replace if same name exists, otherwise add
+        const existingIdx = updatedLivestock.findIndex((l) => l.name === newLivestock.name);
+        if (existingIdx >= 0) {
+            updatedLivestock[existingIdx] = newLivestock;
+        }
+        else {
+            updatedLivestock.push(newLivestock);
+        }
+        onUpdateProject({
+            ...project,
+            livestock: updatedLivestock,
+        });
+        setMode('normal');
+    };
+    useInput((input, key) => {
+        // Handle escape
+        if (key.escape) {
+            if (mode !== 'normal') {
+                cancelEdit();
+                setDeleteLivestockTarget(null);
+            }
+            else {
+                onBack();
+            }
+            return;
+        }
+        // Handle delete livestock confirmation
+        if (mode === 'delete-livestock-confirm' && deleteLivestockTarget) {
+            if (input === 'y') {
+                // Perform the actual delete
+                const updatedLivestock = (project.livestock || []).filter((l) => l.name !== deleteLivestockTarget.name);
+                onUpdateProject({
+                    ...project,
+                    livestock: updatedLivestock,
+                });
+                // Adjust selection if needed
+                if (selectedLivestockIndex >= updatedLivestock.length && updatedLivestock.length > 0) {
+                    setSelectedLivestockIndex(updatedLivestock.length - 1);
+                }
+                setDeleteLivestockTarget(null);
+                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' ? 'sessions' : 'livestock'));
+            return;
+        }
+        if (input === 'c') {
+            onNewClaude();
+            return;
+        }
+        if (input === 'e') {
+            startEdit();
+            return;
+        }
+        if (input === 'w') {
+            onOpenWiki();
+            return;
+        }
+        if (input === 'i') {
+            onOpenIssues();
+            return;
+        }
+        if (input === 'D') {
+            setDeleteConfirmInput('');
+            setMode('delete-project-confirm');
+            return;
+        }
+        // Livestock management (when livestock panel focused)
+        if (focusedPanel === 'livestock') {
+            if (input === 'n') {
+                startAddLivestock();
+                return;
+            }
+            if (input === 's') {
+                // Open shell session for selected livestock
+                const livestock = project.livestock || [];
+                if (livestock.length > 0 && selectedLivestockIndex < livestock.length) {
+                    const selected = livestock[selectedLivestockIndex];
+                    const barn = selected.barn ? barns.find((b) => b.name === selected.barn) || null : null;
+                    onOpenLivestockSession(selected, barn);
+                }
+                return;
+            }
+            if (input === 'd') {
+                const livestock = project.livestock || [];
+                if (livestock.length > 0 && selectedLivestockIndex < livestock.length) {
+                    setDeleteLivestockTarget(livestock[selectedLivestockIndex]);
+                    setMode('delete-livestock-confirm');
+                }
+                return;
+            }
+        }
+        // Number hotkeys 1-9 for quick window switching
+        const num = parseInt(input, 10);
+        if (num >= 1 && num <= 9) {
+            const window = windowsByDisplayNum.get(num);
+            if (window) {
+                onSelectWindow(window);
+            }
+            return;
+        }
+    });
+    // Edit mode screens
+    if (mode === 'edit-name') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Project" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: editName, onChange: setEditName, onSubmit: () => saveAndNext('edit-path') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'edit-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: editPath, onChange: setEditPath, onSubmit: () => saveAndNext('edit-summary') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab: autocomplete, Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'edit-summary') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Summary: " }), _jsx(TextInput, { value: editSummary, onChange: setEditSummary, onSubmit: () => saveAndNext('edit-color'), placeholder: "Short description..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel (leave blank to skip)" }) })] })] }));
+    }
+    if (mode === 'edit-color') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Editing project", color: editColor || project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Edit Project: ", editName] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Color (hex): " }), _jsx(TextInput, { value: editColor, onChange: setEditColor, onSubmit: () => saveAndNext('done'), placeholder: "#ff6b6b" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save project, Esc: cancel (leave blank for default)" }) })] })] }));
+    }
+    // Add livestock flow: name → barn → path (with auto-detect)
+    if (mode === 'add-livestock-name') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Adding livestock", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "green", children: "Add Livestock" }), _jsx(Text, { dimColor: true, children: "Livestock are deployed instances of your app" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: newLivestockName, onChange: setNewLivestockName, onSubmit: () => {
+                                        if (newLivestockName.trim()) {
+                                            setMode('add-livestock-barn');
+                                        }
+                                    }, placeholder: "local, dev, production..." })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'add-livestock-barn') {
+        // Build barn options including "Local" option
+        const barnOptions = [
+            { id: '__local__', label: 'Local (this machine)', status: 'active' },
+            ...barns.map((b) => ({
+                id: b.name,
+                label: b.name,
+                status: 'active',
+                meta: `${b.user}@${b.host}`,
+            })),
+        ];
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Adding livestock", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock: ", newLivestockName] }), _jsx(Text, { dimColor: true, children: "Where is this livestock deployed?" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(List, { items: barnOptions, focused: true, onSelect: (item) => {
+                                    if (item.id === '__local__') {
+                                        setSelectedBarn(null);
+                                    }
+                                    else {
+                                        const barn = barns.find((b) => b.name === item.id);
+                                        setSelectedBarn(barn || null);
+                                    }
+                                    setMode('add-livestock-path');
+                                } }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: select, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'add-livestock-path') {
+        const locationLabel = selectedBarn
+            ? `on ${selectedBarn.name} (${selectedBarn.host})`
+            : 'local';
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Adding livestock", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock: ", newLivestockName] }), _jsxs(Text, { dimColor: true, children: ["Location: ", locationLabel] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: newLivestockPath, onChange: setNewLivestockPath, onSubmit: handlePathSubmit, barn: selectedBarn || undefined })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Tab: autocomplete, Enter: next, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'add-livestock-log-path') {
+        const locationLabel = selectedBarn
+            ? `on ${selectedBarn.name} (${selectedBarn.host})`
+            : 'local';
+        const frameworkLabel = detectedConfig?.framework && detectedConfig.framework !== 'unknown'
+            ? ` (${detectedConfig.framework} detected)`
+            : '';
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Adding livestock", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock: ", newLivestockName] }), _jsxs(Text, { dimColor: true, children: ["Location: ", locationLabel, " \u2022 Path: ", newLivestockPath] }), frameworkLabel && _jsx(Text, { color: "cyan", children: frameworkLabel }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Log path (optional): " }), _jsx(TextInput, { value: newLivestockLogPath, onChange: setNewLivestockLogPath, onSubmit: () => setMode('add-livestock-env-path'), placeholder: "storage/logs/ or logs/" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Relative to livestock path. Enter: next (leave blank to skip), Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'add-livestock-env-path') {
+        const locationLabel = selectedBarn
+            ? `on ${selectedBarn.name} (${selectedBarn.host})`
+            : 'local';
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Adding livestock", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsxs(Text, { bold: true, color: "green", children: ["Add Livestock: ", newLivestockName] }), _jsxs(Text, { dimColor: true, children: ["Location: ", locationLabel, " \u2022 Path: ", newLivestockPath] }), newLivestockLogPath && _jsxs(Text, { dimColor: true, children: ["Log path: ", newLivestockLogPath] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Env path (optional): " }), _jsx(TextInput, { value: newLivestockEnvPath, onChange: setNewLivestockEnvPath, onSubmit: saveLivestock, placeholder: ".env" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Relative to livestock path. Enter: save livestock, Esc: cancel" }) })] })] }));
+    }
+    if (mode === 'delete-project-confirm') {
+        const handleDeleteConfirm = () => {
+            if (deleteConfirmInput === project.name) {
+                onDeleteProject(project.name);
+            }
+        };
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "DELETE PROJECT", color: "#ff0000" }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "red", children: "\u26A0\uFE0F  Delete Project" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "This will permanently delete the project configuration." }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Type the project name to confirm: " }), _jsx(Text, { bold: true, color: "yellow", children: project.name })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Confirm: " }), _jsx(TextInput, { value: deleteConfirmInput, onChange: setDeleteConfirmInput, onSubmit: handleDeleteConfirm })] }), deleteConfirmInput && deleteConfirmInput !== project.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: "Enter: delete (if name matches), Esc: cancel" }) })] })] }));
+    }
+    // Delete livestock confirmation
+    if (mode === 'delete-livestock-confirm' && deleteLivestockTarget) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Remove livestock", color: project.color }), _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.name, "\" from this project?"] }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Path: ", deleteLivestockTarget.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" })] })] })] }));
+    }
+    // Get livestock with resolved barn info
+    const livestockWithBarns = (project.livestock || []).map((livestock) => ({
+        livestock,
+        barn: livestock.barn ? barns.find((b) => b.name === livestock.barn) || null : null,
+    }));
+    const livestockItems = livestockWithBarns.map(({ livestock, barn }) => ({
+        id: livestock.name,
+        label: barn ? `${livestock.name} (${barn.host})` : `${livestock.name} (local)`,
+        status: 'active', // TODO: actual health check
+        meta: livestock.path,
+    }));
+    // Use display numbers (1-9) instead of tmux window index
+    const sessionItems = projectWindows.map((w, i) => ({
+        id: String(w.index),
+        label: `[${i + 1}] ${w.name.replace(`${project.name}-`, '')}`,
+        status: w.active ? 'active' : 'inactive',
+        meta: getWindowStatus(w),
+    }));
+    // Panel-specific hints (page-level hotkeys like c/w/i are in BottomBar)
+    const livestockHints = '[s] shell  [n] new  [d] delete';
+    const sessionHints = '1-9 switch';
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: project.path, summary: project.summary, color: project.color }), _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 = livestockWithBarns.find((l) => l.livestock.name === item.id);
+                                if (found) {
+                                    onSelectLivestock(found.livestock, found.barn);
+                                }
+                            } })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "No livestock configured" }), _jsx(Text, { dimColor: true, italic: true, children: "Livestock are your deployed app instances" })] })) }), _jsx(Panel, { title: "Sessions", focused: focusedPanel === 'sessions', width: "50%", hints: sessionHints, children: sessionItems.length > 0 ? (_jsx(List, { items: sessionItems, focused: focusedPanel === 'sessions', onSelect: (item) => {
+                                const window = projectWindows.find((w) => String(w.index) === item.id);
+                                if (window)
+                                    onSelectWindow(window);
+                            } })) : (_jsx(Text, { dimColor: true, children: "No active sessions" })) })] })] }));
+}

package/dist/views/Projects.d.ts

@@ -0,0 +1,8 @@
+import type { Project } from '../types.js';
+interface ProjectsProps {
+    projects: Project[];
+    currentProject: Project | null;
+    onSelect: (project: Project) => void;
+}
+export declare function Projects({ projects, currentProject, onSelect }: ProjectsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/Projects.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Panel } from '../components/Panel.js';
+import { List } from '../components/List.js';
+export function Projects({ projects, currentProject, onSelect }) {
+    const items = projects.map((project) => ({
+        id: project.name,
+        label: project.name,
+        status: project.name === currentProject?.name ? 'active' : undefined,
+        meta: project.path,
+    }));
+    if (projects.length === 0) {
+        return (_jsxs(Panel, { title: "Projects", focused: true, children: [_jsx(Text, { dimColor: true, children: "No projects configured." }), _jsx(Text, { dimColor: true, children: "Add projects to ~/.yeehaw/projects/" })] }));
+    }
+    return (_jsxs(Panel, { title: "Select Project", focused: true, children: [_jsx(List, { items: items, focused: true, onSelect: (item) => {
+                    const project = projects.find((p) => p.name === item.id);
+                    if (project)
+                        onSelect(project);
+                } }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to select, Esc to cancel" }) })] }));
+}

package/dist/views/WikiView.d.ts

@@ -0,0 +1,8 @@
+import type { Project } from '../types.js';
+interface WikiViewProps {
+    project: Project;
+    onBack: () => void;
+    onUpdateProject: (project: Project) => void;
+}
+export declare function WikiView({ project, onBack, onUpdateProject }: WikiViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/WikiView.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } 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 { TextArea } from '../components/TextArea.js';
+import { ScrollableMarkdown } from '../components/ScrollableMarkdown.js';
+export function WikiView({ project, onBack, onUpdateProject }) {
+    const [mode, setMode] = useState('normal');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [focusedPanel, setFocusedPanel] = useState('sections');
+    // Form state
+    const [editTitle, setEditTitle] = useState('');
+    const [editContent, setEditContent] = useState('');
+    const wiki = project.wiki || [];
+    const selectedSection = wiki[selectedIndex];
+    const resetForm = () => {
+        setEditTitle('');
+        setEditContent('');
+    };
+    const saveSection = (title, content, isNew) => {
+        const newWiki = [...wiki];
+        if (isNew) {
+            newWiki.push({ title, content });
+            setSelectedIndex(newWiki.length - 1);
+        }
+        else {
+            newWiki[selectedIndex] = { title, content };
+        }
+        onUpdateProject({ ...project, wiki: newWiki });
+        setMode('normal');
+        resetForm();
+    };
+    const deleteSection = () => {
+        const newWiki = wiki.filter((_, i) => i !== selectedIndex);
+        onUpdateProject({ ...project, wiki: newWiki });
+        setSelectedIndex(Math.max(0, selectedIndex - 1));
+        setMode('normal');
+    };
+    // Single useInput hook that handles all modes
+    useInput((input, key) => {
+        // Handle escape - works in all modes
+        if (key.escape) {
+            if (mode !== 'normal') {
+                setMode('normal');
+                resetForm();
+            }
+            else {
+                onBack();
+            }
+            return;
+        }
+        // Delete confirmation mode
+        if (mode === 'delete-confirm') {
+            if (input === 'y') {
+                deleteSection();
+            }
+            else if (input === 'n') {
+                setMode('normal');
+            }
+            return;
+        }
+        // Only process these in normal mode
+        if (mode !== 'normal')
+            return;
+        if (input === 'q') {
+            onBack();
+            return;
+        }
+        // Tab to switch focus between panels
+        if (key.tab) {
+            setFocusedPanel((prev) => (prev === 'sections' ? 'content' : 'sections'));
+            return;
+        }
+        // Only handle section navigation when sections panel is focused
+        if (focusedPanel !== 'sections')
+            return;
+        if (input === 'j' || key.downArrow) {
+            setSelectedIndex((i) => Math.min(i + 1, wiki.length - 1));
+            return;
+        }
+        if (input === 'k' || key.upArrow) {
+            setSelectedIndex((i) => Math.max(i - 1, 0));
+            return;
+        }
+        if (input === 'n') {
+            setEditTitle('');
+            setEditContent('');
+            setMode('add-title');
+            return;
+        }
+        if (input === 'e' && selectedSection) {
+            setEditTitle(selectedSection.title);
+            setEditContent(selectedSection.content);
+            setMode('edit-title');
+            return;
+        }
+        if (input === 'd' && selectedSection) {
+            setMode('delete-confirm');
+            return;
+        }
+    });
+    // Add/Edit title screen
+    if (mode === 'add-title' || mode === 'edit-title') {
+        const isNew = mode === 'add-title';
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Wiki", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: isNew ? 'New Wiki Section' : 'Edit Wiki Section' }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Title: " }), _jsx(TextInput, { value: editTitle, onChange: setEditTitle, onSubmit: () => {
+                                        if (editTitle.trim()) {
+                                            setMode(isNew ? 'add-content' : 'edit-content');
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next, Esc: cancel" }) })] })] }));
+    }
+    // Add/Edit content screen
+    if (mode === 'add-content' || mode === 'edit-content') {
+        const isNew = mode === 'add-content';
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Wiki", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: editTitle }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Content (markdown):" }), _jsx(Box, { marginTop: 1, children: _jsx(TextArea, { value: editContent, onChange: setEditContent, onSubmit: () => {
+                                            if (editContent.trim()) {
+                                                saveSection(editTitle, editContent, isNew);
+                                            }
+                                        }, placeholder: "Write your content here...", height: 10 }) })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: new line  |  Ctrl+S: save  |  Esc: cancel" }) })] })] }));
+    }
+    // Delete confirmation screen
+    if (mode === 'delete-confirm') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Wiki", color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "red", children: "Delete Section" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Delete \"", selectedSection?.title, "\"?"] }) }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsx(Text, { color: "red", bold: true, children: "[y] Yes, delete" }), _jsx(Text, { dimColor: true, children: "[n/Esc] Cancel" })] })] })] }));
+    }
+    // Build section items for list (no status dot)
+    const sectionItems = wiki.map((section, i) => ({
+        id: String(i),
+        label: section.title,
+    }));
+    // Panel-specific hints
+    const sectionsHints = '[n] new  [e] edit  [d] delete';
+    const contentHints = 'j/k scroll';
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Wiki", color: project.color }), _jsxs(Box, { flexGrow: 1, paddingX: 1, gap: 2, children: [_jsx(Panel, { title: "Sections", focused: focusedPanel === 'sections', width: "30%", hints: sectionsHints, children: sectionItems.length > 0 ? (_jsx(List, { items: sectionItems, focused: focusedPanel === 'sections', selectedIndex: selectedIndex, onSelectionChange: setSelectedIndex, onSelect: (item) => {
+                                setSelectedIndex(parseInt(item.id, 10));
+                            } })) : (_jsx(Text, { dimColor: true, children: "No wiki sections yet" })) }), _jsx(Panel, { title: selectedSection?.title || 'Content', focused: focusedPanel === 'content', width: "70%", hints: contentHints, children: selectedSection ? (_jsx(ScrollableMarkdown, { focused: focusedPanel === 'content', height: 20, children: selectedSection.content })) : (_jsx(Text, { dimColor: true, children: "Select a section to view its content" })) })] })] }));
+}

package/dist/views/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalDashboard } from './GlobalDashboard.js';
+export { ProjectContext } from './ProjectContext.js';

package/dist/views/index.js

@@ -0,0 +1,2 @@
+export { GlobalDashboard } from './GlobalDashboard.js';
+export { ProjectContext } from './ProjectContext.js';

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@colmbus72/yeehaw",
+  "version": "0.1.0",
+  "description": "Terminal dashboard for managing projects, servers, and deployments",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "yeehaw": "dist/index.js",
+    "yeehaw-mcp": "dist/mcp-server.js"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "tsx watch src/index.tsx",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "cli",
+    "terminal",
+    "dashboard",
+    "tmux",
+    "ssh",
+    "devops",
+    "infrastructure",
+    "claude",
+    "ink",
+    "react"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.25.3",
+    "chalk": "^5.3.0",
+    "chokidar": "^3.6.0",
+    "execa": "^8.0.1",
+    "figlet": "^1.7.0",
+    "ink": "^4.4.1",
+    "ink-text-input": "^5.0.1",
+    "js-yaml": "^4.1.0",
+    "marked": "^9.1.6",
+    "marked-terminal": "^6.2.0",
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/figlet": "^1.5.8",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^25.0.10",
+    "@types/react": "^18.2.0",
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}