@colmbus72/yeehaw 0.4.0 → 0.4.1

package/dist/app.js

@@ -83,6 +83,7 @@ export function App() {
     const [showHelp, setShowHelp] = useState(false);
     const [error, setError] = useState(null);
     const [pendingGo, setPendingGo] = useState(false); // For g+number sequence
+    const [isChildInputMode, setIsChildInputMode] = useState(false); // Track when child views have text input active
     // Get terminal height for full-height layout
     const terminalHeight = stdout?.rows || 24;
     // Check tmux availability
@@ -95,6 +96,36 @@ export function App() {
             ensureCorrectStatusBar();
         }
     }, [view.type]);
+    // Hot-reload: sync view state when projects/barns change (e.g., from MCP server updates)
+    useEffect(() => {
+        setView((currentView) => {
+            // Update project data in views that contain a project
+            if (currentView.type === 'project' || currentView.type === 'wiki' || currentView.type === 'issues') {
+                const freshProject = projects.find((p) => p.name === currentView.project.name);
+                if (freshProject && freshProject !== currentView.project) {
+                    return { ...currentView, project: freshProject };
+                }
+            }
+            // Update livestock detail view
+            if (currentView.type === 'livestock' || currentView.type === 'logs') {
+                const freshProject = projects.find((p) => p.name === currentView.project.name);
+                if (freshProject && freshProject !== currentView.project) {
+                    const freshLivestock = (freshProject.livestock || []).find((l) => l.name === currentView.livestock.name);
+                    if (freshLivestock) {
+                        return { ...currentView, project: freshProject, livestock: freshLivestock };
+                    }
+                }
+            }
+            // Update barn data in barn view
+            if (currentView.type === 'barn') {
+                const freshBarn = barns.find((b) => b.name === currentView.barn.name);
+                if (freshBarn && freshBarn !== currentView.barn) {
+                    return { ...currentView, barn: freshBarn };
+                }
+            }
+            return currentView;
+        });
+    }, [projects, barns]);
     const handleSelectProject = useCallback((project) => {
         setView({ type: 'project', project });
         updateStatusBar(project.name);
@@ -357,8 +388,8 @@ export function App() {
             setPendingGo(true);
             return;
         }
-        // v: Enter night sky visualizer (only from global dashboard to avoid text input conflicts)
-        if (input === 'v' && view.type === 'global') {
+        // v: Enter night sky visualizer (only from global dashboard when not in text input mode)
+        if (input === 'v' && view.type === 'global' && !isChildInputMode) {
             handleEnterNightSky();
             return;
         }
@@ -370,7 +401,7 @@ export function App() {
         }
         switch (view.type) {
             case 'global':
-                return (_jsx(GlobalDashboard, { projects: projects, barns: barns, windows: windows, versionInfo: versionInfo, onSelectProject: handleSelectProject, onSelectBarn: handleSelectBarn, onSelectWindow: handleSelectWindow, onNewClaude: handleNewClaude, onCreateProject: handleCreateProject, onCreateBarn: handleCreateBarn, onSshToBarn: handleSshToBarn }));
+                return (_jsx(GlobalDashboard, { projects: projects, barns: barns, windows: windows, versionInfo: versionInfo, onSelectProject: handleSelectProject, onSelectBarn: handleSelectBarn, onSelectWindow: handleSelectWindow, onNewClaude: handleNewClaude, onCreateProject: handleCreateProject, onCreateBarn: handleCreateBarn, onSshToBarn: handleSshToBarn, onInputModeChange: setIsChildInputMode }));
             case 'project':
                 return (_jsx(ProjectContext, { project: view.project, barns: barns, windows: windows, onBack: handleBack, onNewClaude: handleNewClaude, onSelectWindow: handleSelectWindow, onSelectLivestock: (livestock, barn) => handleOpenLivestockDetail(view.project, livestock, 'project'), onOpenLivestockSession: (livestock, barn) => handleOpenLivestockSession(livestock, barn, view.project.name), onUpdateProject: handleUpdateProject, onDeleteProject: handleDeleteProject, onOpenWiki: () => handleOpenWiki(view.project), onOpenIssues: () => handleOpenIssues(view.project) }));
             case 'barn':

package/dist/components/Header.js

@@ -2,6 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Box, Text } from 'ink';
 import figlet from 'figlet';
+// Compare semver versions - returns true if latest > current
+function isNewerVersion(latest, current) {
+    const parseVersion = (v) => v.split('.').map(n => parseInt(n, 10) || 0);
+    const [lMajor, lMinor, lPatch] = parseVersion(latest);
+    const [cMajor, cMinor, cPatch] = parseVersion(current);
+    if (lMajor > cMajor)
+        return true;
+    if (lMajor < cMajor)
+        return false;
+    if (lMinor > cMinor)
+        return true;
+    if (lMinor < cMinor)
+        return false;
+    return lPatch > cPatch;
+}
 // Convert hex to RGB
 function hexToRgb(hex) {
     const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
@@ -89,5 +104,5 @@ export function Header({ text, subtitle, summary, color, gradientSpread, gradien
     const showTumbleweed = text.toLowerCase() === 'yeehaw';
     // Vertically center tumbleweed next to ASCII art
     const tumbleweedTopPadding = Math.max(0, Math.floor((lines.length - TUMBLEWEED.length) / 2));
-    return (_jsxs(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 2, children: [_jsxs(Box, { flexDirection: "row", children: [showTumbleweed && (_jsxs(Box, { flexDirection: "column", marginRight: 2, children: [Array(tumbleweedTopPadding).fill(null).map((_, i) => (_jsx(Text, { children: " " }, `pad-${i}`))), TUMBLEWEED.map((line, i) => (_jsx(Text, { color: TUMBLEWEED_COLOR, bold: true, children: line }, `tumbleweed-${i}`)))] })), _jsx(Box, { flexDirection: "column", children: lines.map((line, i) => (_jsx(Text, { color: gradientColors[i], children: line }, i))) }), versionInfo && showTumbleweed && (_jsx(Box, { marginLeft: 2, paddingRight: 1, alignItems: "flex-end", flexGrow: 1, justifyContent: "flex-end", children: versionInfo.latest && versionInfo.latest !== versionInfo.current ? (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] }), _jsx(Text, { dimColor: true, children: " \u2192 " }), _jsxs(Text, { color: "yellow", children: ["v", versionInfo.latest] })] })) : versionInfo.latest ? (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] }), _jsx(Text, { color: "green", children: " \u2713 latest" })] })) : (_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] })) }))] }), (subtitle || summary) && (_jsxs(Box, { gap: 2, children: [subtitle && _jsx(Text, { dimColor: true, children: subtitle }), summary && _jsxs(Text, { color: "gray", children: ["- ", summary] })] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingTop: 1, paddingLeft: 2, children: [_jsxs(Box, { flexDirection: "row", children: [showTumbleweed && (_jsxs(Box, { flexDirection: "column", marginRight: 2, children: [Array(tumbleweedTopPadding).fill(null).map((_, i) => (_jsx(Text, { children: " " }, `pad-${i}`))), TUMBLEWEED.map((line, i) => (_jsx(Text, { color: TUMBLEWEED_COLOR, bold: true, children: line }, `tumbleweed-${i}`)))] })), _jsx(Box, { flexDirection: "column", children: lines.map((line, i) => (_jsx(Text, { color: gradientColors[i], children: line }, i))) }), versionInfo && showTumbleweed && (_jsx(Box, { marginLeft: 2, paddingRight: 1, alignItems: "flex-end", flexGrow: 1, justifyContent: "flex-end", children: versionInfo.latest && isNewerVersion(versionInfo.latest, versionInfo.current) ? (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] }), _jsx(Text, { dimColor: true, children: " \u2192 " }), _jsxs(Text, { color: "yellow", children: ["v", versionInfo.latest] })] })) : (_jsxs(Text, { dimColor: true, children: ["v", versionInfo.current] })) }))] }), (subtitle || summary) && (_jsxs(Box, { gap: 2, children: [subtitle && _jsx(Text, { dimColor: true, children: subtitle }), summary && _jsxs(Text, { color: "gray", children: ["- ", summary] })] }))] }));
 }

package/dist/mcp-server.js

@@ -321,7 +321,7 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
             // Wiki tools
             {
                 name: 'get_wiki',
-                description: 'Get all wiki sections for a project',
+                description: 'Get all wiki section titles for a project (use get_wiki_section to fetch content)',
                 inputSchema: {
                     type: 'object',
                     properties: {
@@ -330,6 +330,18 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
                     required: ['project'],
                 },
             },
+            {
+                name: 'get_wiki_section',
+                description: 'Get the content of a specific wiki section',
+                inputSchema: {
+                    type: 'object',
+                    properties: {
+                        project: { type: 'string', description: 'Project name' },
+                        title: { type: 'string', description: 'Section title' },
+                    },
+                    required: ['project', 'title'],
+                },
+            },
             {
                 name: 'add_wiki_section',
                 description: 'Add a new wiki section to a project',
@@ -379,11 +391,23 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
             // Project operations
             case 'list_projects': {
                 const projects = loadProjects();
+                // Return simplified project data to reduce context usage
+                const simplified = projects.map((p) => ({
+                    name: p.name,
+                    path: p.path,
+                    summary: p.summary,
+                    color: p.color,
+                    livestock: (p.livestock || []).map((l) => ({
+                        name: l.name,
+                        path: l.path,
+                        barn: l.barn,
+                    })),
+                }));
                 return {
                     content: [
                         {
                             type: 'text',
-                            text: JSON.stringify(projects, null, 2),
+                            text: JSON.stringify(simplified, null, 2),
                         },
                     ],
                 };
@@ -397,8 +421,14 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                         isError: true,
                     };
                 }
+                // Return project with wiki section titles only (not full content)
+                // Use get_wiki_section to fetch individual section content
+                const projectWithWikiTitles = {
+                    ...project,
+                    wiki: (project.wiki || []).map((s) => ({ title: s.title })),
+                };
                 return {
-                    content: [{ type: 'text', text: JSON.stringify(project, null, 2) }],
+                    content: [{ type: 'text', text: JSON.stringify(projectWithWikiTitles, null, 2) }],
                 };
             }
             case 'create_project': {
@@ -712,8 +742,31 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                         isError: true,
                     };
                 }
+                // Return only section titles to reduce context usage
+                const titles = (project.wiki || []).map((s) => ({ title: s.title }));
+                return {
+                    content: [{ type: 'text', text: JSON.stringify(titles, null, 2) }],
+                };
+            }
+            case 'get_wiki_section': {
+                const projectName = requireString(args, 'project');
+                const title = requireString(args, 'title');
+                const project = loadProject(projectName);
+                if (!project) {
+                    return {
+                        content: [{ type: 'text', text: `Project not found: ${projectName}` }],
+                        isError: true,
+                    };
+                }
+                const section = (project.wiki || []).find((s) => s.title === title);
+                if (!section) {
+                    return {
+                        content: [{ type: 'text', text: `Wiki section not found: ${title}` }],
+                        isError: true,
+                    };
+                }
                 return {
-                    content: [{ type: 'text', text: JSON.stringify(project.wiki || [], null, 2) }],
+                    content: [{ type: 'text', text: JSON.stringify(section, null, 2) }],
                 };
             }
             case 'add_wiki_section': {

package/dist/views/GlobalDashboard.d.ts

@@ -15,6 +15,7 @@ interface GlobalDashboardProps {
     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, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }: GlobalDashboardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/GlobalDashboard.js

@@ -12,9 +12,14 @@ import { isLocalBarn } from '../lib/config.js';
 function countSessionsForProject(projectName, windows) {
     return windows.filter((w) => w.name.startsWith(projectName)).length;
 }
-export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, }) {
+export function GlobalDashboard({ projects, barns, windows, versionInfo, onSelectProject, onSelectBarn, onSelectWindow, onNewClaude, onCreateProject, onCreateBarn, onSshToBarn, onInputModeChange, }) {
     const [focusedPanel, setFocusedPanel] = useState('projects');
-    const [mode, setMode] = useState('normal');
+    const [mode, setModeInternal] = useState('normal');
+    // Wrapper to notify parent when input mode changes
+    const setMode = (newMode) => {
+        setModeInternal(newMode);
+        onInputModeChange?.(newMode !== 'normal');
+    };
     // New project form state
     const [newProjectName, setNewProjectName] = useState('');
     const [newProjectPath, setNewProjectPath] = useState('');

package/dist/views/NightSkyView.js

@@ -273,8 +273,8 @@ export function NightSkyView({ onExit }) {
         }, FRAME_INTERVAL);
         return () => clearInterval(interval);
     }, [isPaused]);
-    // Rendering helpers
-    const getWinkingStarDisplay = (star) => {
+    // Memoized rendering helpers to ensure stable references
+    const getWinkingStarDisplay = useCallback((star) => {
         const { progress, holdDuration } = star;
         let brightness;
         if (progress < 1) {
@@ -288,13 +288,13 @@ export function NightSkyView({ onExit }) {
         }
         const chars = [' ', '.', '·', '+', '*'];
         return { char: chars[Math.round(brightness * 4)], dim: brightness < 0.5 };
-    };
-    const getStaticStarDisplay = (star) => {
+    }, []);
+    const getStaticStarDisplay = useCallback((star) => {
         const brightness = star.baseBrightness + Math.sin(star.pulsePhase) * star.pulseAmount;
         return { char: star.char, dim: brightness < 0.4 };
-    };
+    }, []);
     // Cloud display - simple opacity-based fading
-    const getCloudOpacity = (cloud) => {
+    const getCloudOpacity = useCallback((cloud) => {
         const { progress } = cloud;
         if (progress < 0.3) {
             // Fading in - dim
@@ -308,67 +308,70 @@ export function NightSkyView({ onExit }) {
             // Fading out - dim
             return { dim: true, visible: true };
         }
-    };
-    // Render sky
-    const skyRows = [];
-    for (let y = 0; y < skyHeight; y++) {
-        let rowChars = ' '.repeat(width).split('');
-        let rowDims = new Array(width).fill(false);
-        let rowColors = new Array(width).fill(undefined);
-        // Place stars
-        for (const star of state.stars) {
-            if (star.y === y && star.x >= 0 && star.x < width) {
-                const display = star.type === 'winking' ? getWinkingStarDisplay(star) : getStaticStarDisplay(star);
-                if (display.char !== ' ') {
-                    rowChars[star.x] = display.char;
-                    rowDims[star.x] = display.dim;
+    }, []);
+    // Memoized sky row rendering to reduce re-render overhead
+    const skyRows = useMemo(() => {
+        const rows = [];
+        for (let y = 0; y < skyHeight; y++) {
+            const rowChars = ' '.repeat(width).split('');
+            const rowDims = new Array(width).fill(false);
+            const rowColors = new Array(width).fill(undefined);
+            // Place stars
+            for (const star of state.stars) {
+                if (star.y === y && star.x >= 0 && star.x < width) {
+                    const display = star.type === 'winking' ? getWinkingStarDisplay(star) : getStaticStarDisplay(star);
+                    if (display.char !== ' ') {
+                        rowChars[star.x] = display.char;
+                        rowDims[star.x] = display.dim;
+                    }
                 }
             }
-        }
-        // Place clouds
-        for (const cloud of state.clouds) {
-            const display = getCloudOpacity(cloud);
-            if (!display.visible)
-                continue;
-            const cloudY = Math.round(cloud.y);
-            const cloudX = Math.round(cloud.x);
-            // Simple box cloud
-            const textLen = cloud.text.length + 2;
-            const lines = [
-                '╭' + '─'.repeat(textLen) + '╮',
-                '│ ' + cloud.text + ' │',
-                '╰' + '─'.repeat(textLen) + '╯',
-            ];
-            const lineIdx = y - cloudY;
-            if (lineIdx >= 0 && lineIdx < 3) {
-                const line = lines[lineIdx];
-                for (let lx = 0; lx < line.length; lx++) {
-                    const cellX = cloudX + lx;
-                    if (cellX >= 0 && cellX < width) {
-                        rowChars[cellX] = line[lx];
-                        rowDims[cellX] = display.dim;
-                        rowColors[cellX] = '#87CEEB';
+            // Place clouds
+            for (const cloud of state.clouds) {
+                const display = getCloudOpacity(cloud);
+                if (!display.visible)
+                    continue;
+                const cloudY = Math.round(cloud.y);
+                const cloudX = Math.round(cloud.x);
+                // Simple box cloud
+                const textLen = cloud.text.length + 2;
+                const lines = [
+                    '╭' + '─'.repeat(textLen) + '╮',
+                    '│ ' + cloud.text + ' │',
+                    '╰' + '─'.repeat(textLen) + '╯',
+                ];
+                const lineIdx = y - cloudY;
+                if (lineIdx >= 0 && lineIdx < 3) {
+                    const line = lines[lineIdx];
+                    for (let lx = 0; lx < line.length; lx++) {
+                        const cellX = cloudX + lx;
+                        if (cellX >= 0 && cellX < width) {
+                            rowChars[cellX] = line[lx];
+                            rowDims[cellX] = display.dim;
+                            rowColors[cellX] = '#87CEEB';
+                        }
                     }
                 }
             }
-        }
-        // Build segments for efficient rendering
-        const segments = [];
-        let seg = { text: rowChars[0], dim: rowDims[0], color: rowColors[0] };
-        for (let x = 1; x < width; x++) {
-            if (rowDims[x] === seg.dim && rowColors[x] === seg.color) {
-                seg.text += rowChars[x];
-            }
-            else {
-                segments.push(seg);
-                seg = { text: rowChars[x], dim: rowDims[x], color: rowColors[x] };
+            // Build segments for efficient rendering - join consecutive same-style chars
+            const segments = [];
+            let seg = { text: rowChars[0], dim: rowDims[0], color: rowColors[0] };
+            for (let x = 1; x < width; x++) {
+                if (rowDims[x] === seg.dim && rowColors[x] === seg.color) {
+                    seg.text += rowChars[x];
+                }
+                else {
+                    segments.push(seg);
+                    seg = { text: rowChars[x], dim: rowDims[x], color: rowColors[x] };
+                }
             }
+            segments.push(seg);
+            rows.push(_jsx(Text, { children: segments.map((s, i) => (_jsx(Text, { color: s.color || 'white', dimColor: s.dim, children: s.text }, `${y}-${i}`))) }, y));
         }
-        segments.push(seg);
-        skyRows.push(_jsx(Text, { children: segments.map((s, i) => (_jsx(Text, { color: s.color || 'white', dimColor: s.dim, children: s.text }, i))) }, y));
-    }
-    // Render landscape with cacti and ground
-    const renderLandscape = () => {
+        return rows;
+    }, [state.stars, state.clouds, width, skyHeight, getWinkingStarDisplay, getStaticStarDisplay, getCloudOpacity]);
+    // Memoized landscape rendering - only changes when cacti/ground change
+    const landscapeRows = useMemo(() => {
         const GROUND_LINE_Y = 5; // Ground line position in landscape
         // Create ground grid
         const ground = groundBase.map(row => [...row]);
@@ -433,9 +436,9 @@ export function NightSkyView({ onExit }) {
             }
             if (currentText)
                 segments.push({ text: currentText, color: currentColor, dim: currentDim });
-            rows.push(_jsx(Text, { children: segments.map((s, i) => (_jsx(Text, { color: s.color, dimColor: s.dim, children: s.text }, i))) }, `land-${y}`));
+            rows.push(_jsx(Text, { children: segments.map((s, i) => (_jsx(Text, { color: s.color, dimColor: s.dim, children: s.text }, `land-${y}-${i}`))) }, `land-${y}`));
         }
         return rows;
-    };
-    return (_jsxs(Box, { flexDirection: "column", height: height, children: [_jsx(Box, { flexDirection: "column", children: skyRows }), _jsx(Box, { flexDirection: "column", children: renderLandscape() })] }));
+    }, [cacti, groundBase, width]);
+    return (_jsxs(Box, { flexDirection: "column", height: height, children: [_jsx(Box, { flexDirection: "column", children: skyRows }), _jsx(Box, { flexDirection: "column", children: landscapeRows })] }));
 }

package/dist/views/WikiView.js

@@ -70,17 +70,10 @@ export function WikiView({ project, onBack, onUpdateProject }) {
             setFocusedPanel((prev) => (prev === 'sections' ? 'content' : 'sections'));
             return;
         }
-        // Only handle section navigation when sections panel is focused
+        // Only handle section operations when sections panel is focused
+        // Note: j/k navigation is handled by the List component
         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('');

package/package.json

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