@colmbus72/yeehaw 0.1.0

package/dist/views/Home.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { Panel } from '../components/Panel.js';
+import { List } from '../components/List.js';
+export function Home({ barns, sessions, focusedPanel, onSelectBarn, onSelectSession }) {
+    const barnItems = barns.map((barn) => ({
+        id: barn.name,
+        label: barn.name,
+        status: 'active', // TODO: actual status check
+        meta: barn.host,
+    }));
+    const sessionItems = sessions.map((session) => ({
+        id: session.name,
+        label: session.name.replace(/^yh-/, ''),
+        status: session.attached ? 'active' : 'inactive',
+        meta: session.attached ? 'attached' : 'detached',
+    }));
+    return (_jsxs(Box, { gap: 2, children: [_jsx(Panel, { title: "Barns", focused: focusedPanel === 'barns', width: "50%", children: _jsx(List, { items: barnItems, focused: focusedPanel === 'barns', onSelect: (item) => {
+                        const barn = barns.find((b) => b.name === item.id);
+                        if (barn)
+                            onSelectBarn(barn);
+                    } }) }), _jsx(Panel, { title: "Sessions", focused: focusedPanel === 'sessions', width: "50%", children: _jsx(List, { items: sessionItems, focused: focusedPanel === 'sessions', onSelect: (item) => {
+                        const session = sessions.find((s) => s.name === item.id);
+                        if (session)
+                            onSelectSession(session);
+                    } }) })] }));
+}

package/dist/views/IssuesView.d.ts

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

package/dist/views/IssuesView.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { Header } from '../components/Header.js';
+import { Panel } from '../components/Panel.js';
+import { List } from '../components/List.js';
+import { ScrollableMarkdown } from '../components/ScrollableMarkdown.js';
+import { parseGitHubUrl, fetchGitHubIssues, openIssueInBrowser, isGhCliAvailable, } from '../lib/github.js';
+export function IssuesView({ project, onBack }) {
+    const [focusedPanel, setFocusedPanel] = useState('list');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [issues, setIssues] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // Extract unique GitHub repos from local livestock
+    const getLocalRepos = () => {
+        const livestock = project.livestock || [];
+        const localLivestock = livestock.filter((l) => !l.barn && l.repo);
+        const seen = new Set();
+        const repos = [];
+        for (const l of localLivestock) {
+            if (!l.repo)
+                continue; // TypeScript narrows l.repo to string
+            const parsed = parseGitHubUrl(l.repo);
+            if (parsed) {
+                const key = `${parsed.owner}/${parsed.repo}`;
+                if (!seen.has(key)) {
+                    seen.add(key);
+                    repos.push({ ...parsed, name: l.name });
+                }
+            }
+        }
+        return repos;
+    };
+    // Fetch issues on mount
+    useEffect(() => {
+        const loadIssues = () => {
+            setLoading(true);
+            setError(null);
+            if (!isGhCliAvailable()) {
+                setError('GitHub CLI (gh) not found or not authenticated. Run: gh auth login');
+                setLoading(false);
+                return;
+            }
+            const repos = getLocalRepos();
+            if (repos.length === 0) {
+                setError('No GitHub repos found in local livestock');
+                setLoading(false);
+                return;
+            }
+            const allIssues = [];
+            for (const repo of repos) {
+                const repoIssues = fetchGitHubIssues(repo.owner, repo.repo);
+                for (const issue of repoIssues) {
+                    allIssues.push({
+                        ...issue,
+                        repoName: repo.name,
+                        fullRepo: `${repo.owner}/${repo.repo}`,
+                    });
+                }
+            }
+            // Sort by updated date (most recent first)
+            allIssues.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
+            setIssues(allIssues);
+            setLoading(false);
+        };
+        loadIssues();
+    }, [project]);
+    const selectedIssue = issues[selectedIndex];
+    // Handle input
+    useInput((input, key) => {
+        if (key.escape || input === 'q') {
+            onBack();
+            return;
+        }
+        // Tab to switch focus between panels
+        if (key.tab) {
+            setFocusedPanel((prev) => (prev === 'list' ? 'details' : 'list'));
+            return;
+        }
+        // Refresh issues
+        if (input === 'r') {
+            setLoading(true);
+            setError(null);
+            // Trigger re-fetch by updating a dependency
+            const repos = getLocalRepos();
+            const allIssues = [];
+            for (const repo of repos) {
+                const repoIssues = fetchGitHubIssues(repo.owner, repo.repo);
+                for (const issue of repoIssues) {
+                    allIssues.push({
+                        ...issue,
+                        repoName: repo.name,
+                        fullRepo: `${repo.owner}/${repo.repo}`,
+                    });
+                }
+            }
+            allIssues.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
+            setIssues(allIssues);
+            setSelectedIndex(0);
+            setLoading(false);
+            return;
+        }
+        // Open in browser
+        if (input === 'o' && selectedIssue) {
+            openIssueInBrowser(selectedIssue.url);
+            return;
+        }
+        // List navigation is handled by the List component via controlled selection
+    });
+    // Truncate title if too long
+    const truncate = (str, maxLen) => {
+        if (str.length <= maxLen)
+            return str;
+        return str.slice(0, maxLen - 1) + '…';
+    };
+    // Build list items - put repo tag as prefix, truncate long titles
+    const issueItems = issues.map((issue, i) => ({
+        id: String(i),
+        label: `[${issue.repoName}] #${issue.number} ${truncate(issue.title, 35)}`,
+        status: issue.state === 'open' ? 'active' : 'inactive',
+    }));
+    // Build issue details markdown
+    const buildIssueDetails = (issue) => {
+        const lines = [];
+        lines.push(`**State:** ${issue.state}`);
+        lines.push(`**Author:** @${issue.author}`);
+        lines.push(`**Repo:** ${issue.fullRepo}`);
+        if (issue.labels.length > 0) {
+            lines.push(`**Labels:** ${issue.labels.join(', ')}`);
+        }
+        lines.push(`**Comments:** ${issue.commentsCount}`);
+        lines.push(`**Updated:** ${new Date(issue.updatedAt).toLocaleDateString()}`);
+        lines.push('');
+        lines.push('---');
+        lines.push('');
+        if (issue.body) {
+            lines.push(issue.body);
+        }
+        else {
+            lines.push('*No description provided.*');
+        }
+        return lines.join('\n');
+    };
+    // Panel-specific hints (page-level hotkeys like r/o are in BottomBar)
+    const listHints = '';
+    const detailsHints = 'j/k scroll';
+    // Loading state
+    if (loading) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Issues", color: project.color }), _jsx(Box, { padding: 2, children: _jsx(Text, { children: "Loading issues..." }) })] }));
+    }
+    // Error state
+    if (error) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Issues", color: project.color }), _jsx(Box, { padding: 2, flexDirection: "column", children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: "Issues", color: project.color }), _jsxs(Box, { flexGrow: 1, paddingX: 1, gap: 2, children: [_jsx(Panel, { title: "Issues", focused: focusedPanel === 'list', width: "40%", hints: listHints, children: issueItems.length > 0 ? (_jsx(List, { items: issueItems, focused: focusedPanel === 'list', selectedIndex: selectedIndex, onSelectionChange: setSelectedIndex })) : (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "No open issues" }) })) }), _jsx(Panel, { title: selectedIssue ? `#${selectedIssue.number} ${selectedIssue.title}` : 'Details', focused: focusedPanel === 'details', width: "60%", hints: detailsHints, children: selectedIssue ? (_jsx(ScrollableMarkdown, { focused: focusedPanel === 'details', height: 20, children: buildIssueDetails(selectedIssue) })) : (_jsx(Text, { dimColor: true, children: "Select an issue to view details" })) })] })] }));
+}

package/dist/views/LivestockDetailView.d.ts

@@ -0,0 +1,11 @@
+import type { Project, Livestock } from '../types.js';
+interface LivestockDetailViewProps {
+    project: Project;
+    livestock: Livestock;
+    onBack: () => void;
+    onOpenLogs: () => void;
+    onOpenSession: () => void;
+    onUpdateLivestock: (livestock: Livestock) => void;
+}
+export declare function LivestockDetailView({ project, livestock, onBack, onOpenLogs, onOpenSession, onUpdateLivestock, }: LivestockDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/LivestockDetailView.js

@@ -0,0 +1,140 @@
+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 { PathInput } from '../components/PathInput.js';
+import { loadBarn } from '../lib/config.js';
+export function LivestockDetailView({ project, livestock, onBack, onOpenLogs, onOpenSession, onUpdateLivestock, }) {
+    const [mode, setMode] = useState('normal');
+    // Edit form state
+    const [editName, setEditName] = useState(livestock.name);
+    const [editPath, setEditPath] = useState(livestock.path);
+    const [editRepo, setEditRepo] = useState(livestock.repo || '');
+    const [editBranch, setEditBranch] = useState(livestock.branch || '');
+    const [editLogPath, setEditLogPath] = useState(livestock.log_path || '');
+    const [editEnvPath, setEditEnvPath] = useState(livestock.env_path || '');
+    // Get barn info if remote
+    const barn = livestock.barn ? loadBarn(livestock.barn) : null;
+    const resetForm = () => {
+        setEditName(livestock.name);
+        setEditPath(livestock.path);
+        setEditRepo(livestock.repo || '');
+        setEditBranch(livestock.branch || '');
+        setEditLogPath(livestock.log_path || '');
+        setEditEnvPath(livestock.env_path || '');
+    };
+    const saveEdit = (field, value) => {
+        const updated = { ...livestock };
+        switch (field) {
+            case 'name':
+                updated.name = value;
+                break;
+            case 'path':
+                updated.path = value;
+                break;
+            case 'repo':
+                updated.repo = value || undefined;
+                break;
+            case 'branch':
+                updated.branch = value || undefined;
+                break;
+            case 'log_path':
+                updated.log_path = value || undefined;
+                break;
+            case 'env_path':
+                updated.env_path = value || undefined;
+                break;
+        }
+        onUpdateLivestock(updated);
+        setMode('normal');
+    };
+    useInput((input, key) => {
+        // Handle escape - works in all modes
+        if (key.escape) {
+            if (mode !== 'normal') {
+                setMode('normal');
+                resetForm();
+            }
+            else {
+                onBack();
+            }
+            return;
+        }
+        // Only process these in normal mode
+        if (mode !== 'normal')
+            return;
+        if (input === 'q') {
+            onBack();
+            return;
+        }
+        if (input === 's') {
+            onOpenSession();
+            return;
+        }
+        if (input === 'l') {
+            if (!livestock.log_path) {
+                // Could show an error, but for now just ignore
+                return;
+            }
+            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(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Name: " }), _jsx(TextInput, { value: editName, onChange: setEditName, onSubmit: () => {
+                                        if (editName.trim()) {
+                                            saveEdit('name', editName.trim());
+                                            setMode('edit-path');
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Edit path
+    if (mode === 'edit-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Path: " }), _jsx(PathInput, { value: editPath, onChange: setEditPath, onSubmit: () => {
+                                        if (editPath.trim()) {
+                                            saveEdit('path', editPath.trim());
+                                            setMode('edit-repo');
+                                        }
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Tab: autocomplete, Esc: cancel" }) })] })] }));
+    }
+    // Edit repo
+    if (mode === 'edit-repo') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Git Repo (optional): " }), _jsx(TextInput, { value: editRepo, onChange: setEditRepo, onSubmit: () => {
+                                        saveEdit('repo', editRepo.trim());
+                                        setMode('edit-branch');
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Edit branch
+    if (mode === 'edit-branch') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Git Branch (optional): " }), _jsx(TextInput, { value: editBranch, onChange: setEditBranch, onSubmit: () => {
+                                        saveEdit('branch', editBranch.trim());
+                                        setMode('edit-log-path');
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Edit log path
+    if (mode === 'edit-log-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Log Path (optional, relative): " }), _jsx(TextInput, { value: editLogPath, onChange: setEditLogPath, onSubmit: () => {
+                                        saveEdit('log_path', editLogPath.trim());
+                                        setMode('edit-env-path');
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: next field, Esc: cancel" }) })] })] }));
+    }
+    // Edit env path
+    if (mode === 'edit-env-path') {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Edit: ${livestock.name}`, color: project.color }), _jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { bold: true, color: "yellow", children: "Edit Livestock" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Env Path (optional, relative): " }), _jsx(TextInput, { value: editEnvPath, onChange: setEditEnvPath, onSubmit: () => {
+                                        saveEdit('env_path', editEnvPath.trim());
+                                        // All done - return to normal mode
+                                        setMode('normal');
+                                    } })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter: save & finish, Esc: cancel" }) })] })] }));
+    }
+    // Normal view - show livestock info
+    const hints = `[s] shell  ${livestock.log_path ? '[l] logs  ' : ''}[e] edit  [q] back`;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: livestock.name, color: project.color }), _jsx(Box, { flexGrow: 1, paddingX: 1, children: _jsx(Panel, { title: "Livestock Details", focused: true, hints: hints, children: _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Name:" }) }), _jsx(Text, { children: livestock.name })] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Path:" }) }), _jsx(Text, { children: livestock.path })] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Location:" }) }), barn ? (_jsxs(Text, { children: [barn.name, " ", _jsxs(Text, { dimColor: true, children: ["(", barn.host, ")"] })] })) : (_jsx(Text, { children: "Local" }))] }), livestock.repo && (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Repo:" }) }), _jsx(Text, { children: livestock.repo })] })), livestock.branch && (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Branch:" }) }), _jsx(Text, { children: livestock.branch })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, color: "yellow", children: "Operational Config" }) }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Log Path:" }) }), livestock.log_path ? (_jsx(Text, { children: livestock.log_path })) : (_jsx(Text, { dimColor: true, children: "Not configured" }))] }), _jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "Env Path:" }) }), livestock.env_path ? (_jsx(Text, { children: livestock.env_path })) : (_jsx(Text, { dimColor: true, children: "Not configured" }))] })] }) }) })] }));
+}

package/dist/views/LogsView.d.ts

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

package/dist/views/LogsView.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { Header } from '../components/Header.js';
+import { Panel } from '../components/Panel.js';
+import { readLivestockLogs } from '../lib/livestock.js';
+export function LogsView({ project, livestock, onBack }) {
+    const [logs, setLogs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    // Calculate visible height (leave room for header, panel border, hints)
+    const visibleHeight = 20;
+    const fetchLogs = async () => {
+        setLoading(true);
+        setError(null);
+        const result = await readLivestockLogs(livestock, { lines: 200 });
+        if (result.error) {
+            setError(result.error);
+            setLogs([]);
+        }
+        else {
+            const lines = result.content.split('\n');
+            setLogs(lines);
+            // Scroll to bottom by default (most recent logs)
+            setScrollOffset(Math.max(0, lines.length - visibleHeight));
+        }
+        setLoading(false);
+    };
+    // Fetch logs on mount
+    useEffect(() => {
+        fetchLogs();
+    }, [livestock]);
+    const totalLines = logs.length;
+    useInput((input, key) => {
+        if (key.escape || input === 'q') {
+            onBack();
+            return;
+        }
+        // Refresh logs
+        if (input === 'r') {
+            fetchLogs();
+            return;
+        }
+        // Scroll navigation
+        if (input === 'j' || key.downArrow) {
+            setScrollOffset((prev) => Math.min(prev + 1, Math.max(0, totalLines - visibleHeight)));
+            return;
+        }
+        if (input === 'k' || key.upArrow) {
+            setScrollOffset((prev) => Math.max(prev - 1, 0));
+            return;
+        }
+        if (input === 'g') {
+            setScrollOffset(0);
+            return;
+        }
+        if (input === 'G') {
+            setScrollOffset(Math.max(0, totalLines - visibleHeight));
+            return;
+        }
+        if (key.pageDown) {
+            setScrollOffset((prev) => Math.min(prev + visibleHeight, Math.max(0, totalLines - visibleHeight)));
+            return;
+        }
+        if (key.pageUp) {
+            setScrollOffset((prev) => Math.max(prev - visibleHeight, 0));
+            return;
+        }
+    });
+    // Loading state
+    if (loading) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Logs: ${livestock.name}`, color: project.color }), _jsx(Box, { padding: 2, children: _jsx(Text, { children: "Loading logs..." }) })] }));
+    }
+    // Error state
+    if (error) {
+        return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Logs: ${livestock.name}`, color: project.color }), _jsxs(Box, { padding: 2, flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[r] retry  [q] back" }) })] })] }));
+    }
+    // Get visible slice of lines
+    const displayLines = logs.slice(scrollOffset, scrollOffset + visibleHeight);
+    const showScrollIndicator = totalLines > visibleHeight;
+    const hints = '[r] refresh  [j/k] scroll  [g/G] top/bottom  [q] back';
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { text: project.name, subtitle: `Logs: ${livestock.name}`, color: project.color }), _jsx(Box, { flexGrow: 1, paddingX: 1, children: _jsx(Panel, { title: livestock.log_path || 'Logs', focused: true, hints: hints, children: _jsxs(Box, { flexDirection: "column", height: visibleHeight + 1, children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, children: displayLines.length > 0 ? (displayLines.map((line, idx) => (_jsx(Text, { wrap: "truncate", children: line || ' ' }, scrollOffset + idx)))) : (_jsx(Text, { dimColor: true, children: "No log content" })) }), showScrollIndicator && (_jsx(Box, { justifyContent: "flex-end", children: _jsxs(Text, { dimColor: true, children: ["[", scrollOffset + 1, "-", Math.min(scrollOffset + visibleHeight, totalLines), "/", totalLines, "]"] }) }))] }) }) })] }));
+}

package/dist/views/NightSkyView.d.ts

@@ -0,0 +1,5 @@
+interface NightSkyViewProps {
+    onExit: () => void;
+}
+export declare function NightSkyView({ onExit }: NightSkyViewProps): import("react/jsx-runtime").JSX.Element;
+export {};