stratanodex 0.1.0

package/dist/tui/App.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { Box, Text, useApp, useStdout } from 'ink';
+import { useNavigation } from './hooks/useNavigation.js';
+import { useAuth } from './hooks/useAuth.js';
+import { useKeymap } from './hooks/useKeymap.js';
+import { TopBar } from './components/TopBar.js';
+import { CommandInput } from './components/CommandInput.js';
+import { ErrorBoundary } from './components/ErrorBoundary.js';
+import { WelcomeScreen } from './screens/WelcomeScreen.js';
+import { LoginScreen } from './screens/LoginScreen.js';
+import { HomeScreen } from './screens/HomeScreen.js';
+import { ListsScreen } from './screens/ListsScreen.js';
+import { TreeScreen } from './screens/TreeScreen.js';
+import { DailyScreen } from './screens/DailyScreen.js';
+import { DashboardScreen } from './screens/DashboardScreen.js';
+import { NodeScreen } from './screens/NodeScreen.js';
+import { executeCommand } from '../commands/executor.js';
+const TOP_HEIGHT = 5;
+const BOTTOM_BASE_ROWS = 3; // separator + prompt + hint
+/** Map TUI screen names to the registry Screen type for autocomplete. */
+const TUI_TO_REGISTRY = {
+    home: 'folders',
+    lists: 'lists',
+    tree: 'nodes',
+    daily: 'nodes',
+    'node-details': 'nodes',
+    dashboard: 'global',
+    welcome: 'global',
+    login: 'global',
+};
+export function App() {
+    const { exit } = useApp();
+    const { stdout } = useStdout();
+    const terminalHeight = stdout?.rows ?? 24;
+    const terminalWidth = stdout?.columns ?? 80;
+    const { currentScreen, push, pop, replaceScreen } = useNavigation();
+    const { isLoggedIn, user: authUser } = useAuth();
+    const [mode, setMode] = useState('nav');
+    const activeHandlers = useRef({});
+    const [cmdResult, setCmdResult] = useState(null);
+    /** Nodes available in the current screen (populated by TreeScreen/DailyScreen). */
+    const [screenNodes, setScreenNodes] = useState([]);
+    /** Currently selected node ID (cursor position in TreeScreen). */
+    const [selectedNodeId, setSelectedNodeId] = useState(undefined);
+    const registerActions = useCallback((handlers) => {
+        activeHandlers.current = handlers;
+    }, []);
+    /** True when the autocomplete overlay is open — keymap skips ESC in that state */
+    const overlayOpen = useRef(false);
+    useEffect(() => {
+        activeHandlers.current = {};
+        setScreenNodes([]);
+        setCmdResult(null);
+    }, [currentScreen.name]);
+    const handleCommandSubmit = useCallback(async (raw) => {
+        setMode('nav');
+        const registryScreen = TUI_TO_REGISTRY[currentScreen.name] ?? 'global';
+        const p = currentScreen.params ?? {};
+        const result = await executeCommand(raw, registryScreen, {
+            listId: p['listId'],
+            folderId: p['folderId'],
+            currentNodes: screenNodes,
+            selectedNodeId,
+            navigate: (screen, params) => {
+                if (screen === '__pop__')
+                    pop();
+                else
+                    push(screen, params);
+            },
+            exit,
+            refetch: () => activeHandlers.current.onRefetch?.(),
+        });
+        if (result.message)
+            setCmdResult(result.message);
+        setTimeout(() => setCmdResult(null), 3000);
+    }, [currentScreen, screenNodes, selectedNodeId, push, pop, exit]);
+    useKeymap(mode, overlayOpen, {
+        onUp: () => activeHandlers.current.onUp?.(),
+        onDown: () => activeHandlers.current.onDown?.(),
+        onLeft: () => activeHandlers.current.onLeft?.(),
+        onRight: () => activeHandlers.current.onRight?.(),
+        onEnter: () => activeHandlers.current.onEnter?.(),
+        onBack: () => {
+            if (mode === 'edit') {
+                setMode('nav');
+                return;
+            }
+            activeHandlers.current.onBack?.();
+        },
+        onEsc: () => {
+            setMode('nav');
+        },
+        onQuit: () => {
+            if (mode === 'nav') {
+                const h = activeHandlers.current.onQuit;
+                if (h)
+                    h();
+                else
+                    exit();
+            }
+        },
+    });
+    const middleHeight = Math.max(3, terminalHeight - TOP_HEIGHT - BOTTOM_BASE_ROWS);
+    const screenProps = {
+        push,
+        pop,
+        replaceScreen,
+        registerActions,
+        height: middleHeight,
+        width: terminalWidth,
+    };
+    const registryScreen = TUI_TO_REGISTRY[currentScreen.name] ?? 'global';
+    function renderScreen() {
+        const name = currentScreen.name;
+        const p = currentScreen.params ?? {};
+        switch (name) {
+            case 'welcome':
+                return _jsx(WelcomeScreen, { ...screenProps });
+            case 'login':
+                return _jsx(LoginScreen, { ...screenProps });
+            case 'home':
+                return _jsx(HomeScreen, { ...screenProps });
+            case 'lists':
+                return (_jsx(ListsScreen, { ...screenProps, folderId: p['folderId'] ?? '', folderName: p['folderName'] }));
+            case 'tree':
+                return (_jsx(TreeScreen, { ...screenProps, listId: p['listId'] ?? '', listName: p['listName'], folderName: p['folderName'], onNodesLoaded: setScreenNodes, onSelectedNodeChanged: setSelectedNodeId }));
+            case 'daily':
+                return _jsx(DailyScreen, { ...screenProps });
+            case 'node-details':
+                return _jsx(NodeScreen, { ...screenProps, nodeId: p['nodeId'] });
+            case 'dashboard':
+                return _jsx(DashboardScreen, { ...screenProps, authUser: authUser });
+            default:
+                return _jsxs(Text, { color: "red", children: ["Unknown screen: ", name] });
+        }
+    }
+    return (_jsxs(Box, { flexDirection: "column", width: terminalWidth, height: terminalHeight, children: [_jsx(Box, { height: TOP_HEIGHT, flexShrink: 0, children: _jsx(TopBar, { width: terminalWidth, hasToken: isLoggedIn }) }), _jsxs(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", flexDirection: "column", children: [_jsx(ErrorBoundary, { children: renderScreen() }), cmdResult && (_jsx(Box, { paddingX: 2, marginTop: 1, children: _jsx(Text, { color: cmdResult.startsWith('✓') ? '#00c896' : 'red', dimColor: true, children: cmdResult }) }))] }), _jsx(Box, { flexShrink: 0, flexDirection: "column", children: _jsx(CommandInput, { screen: registryScreen, currentNodes: screenNodes, width: terminalWidth, onSubmit: handleCommandSubmit, onOverlayChange: (open) => {
+                        overlayOpen.current = open;
+                    } }) })] }));
+}

package/dist/tui/components/AutocompleteOverlay.js

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { SuggestionItem } from './SuggestionItem.js';
+const MAX_VISIBLE = 5;
+export const AutocompleteOverlay = ({ suggestions, selectedIndex, visible, width, }) => {
+    if (!visible || suggestions.length === 0)
+        return null;
+    // Don't render if every suggestion is a placeholder hint (empty fillValue)
+    const allPlaceholders = suggestions.every((s) => !s.fillValue || s.isNoMatch);
+    if (allPlaceholders)
+        return null;
+    // Scroll window: keep selectedIndex visible
+    const start = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE / 2), suggestions.length - MAX_VISIBLE));
+    const visible_items = suggestions.slice(start, start + MAX_VISIBLE);
+    const borderWidth = Math.min(width - 4, 60);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00bfff", width: borderWidth, marginLeft: 2, children: [_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: "#00bfff", dimColor: true, children: ["suggestions", ' ', suggestions.length > MAX_VISIBLE
+                            ? `(${start + 1}–${start + visible_items.length} of ${suggestions.length})`
+                            : ''] }) }), visible_items.map((s, i) => {
+                const absoluteIdx = start + i;
+                return (_jsx(SuggestionItem, { suggestion: s, isSelected: absoluteIdx === selectedIndex }, `${s.label}-${absoluteIdx}`));
+            })] }));
+};

package/dist/tui/components/BottomBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import chalk from 'chalk';
+const DEFAULT_HINTS = ['/add', '/done', '/delete', '/list', '/daily', '/exit', '/help'];
+export const BottomBar = ({ value, onChange, onSubmit, width, hints = DEFAULT_HINTS, }) => {
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Box, { width: width, children: _jsx(Text, { children: chalk.hex('#0a2a33')('─'.repeat(width)) }) }), _jsxs(Box, { width: width, paddingX: 2, children: [_jsx(Text, { children: chalk.hex('#00bfff')('> ') }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "type a command" })] }), _jsx(Box, { width: width, paddingX: 2, gap: 2, children: hints.slice(0, 7).map((hint) => (_jsx(Text, { children: chalk.hex('#003344')(hint) }, hint))) })] }));
+};

package/dist/tui/components/Breadcrumb.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from 'ink';
+export function Breadcrumb({ parts }) {
+    return (_jsx(Box, { children: parts.map((part, i) => (_jsxs(React.Fragment, { children: [i > 0 && _jsx(Text, { color: "#3a6a7a", children: " \u203A " }), _jsx(Text, { color: "#00bfff", children: part })] }, i))) }));
+}

package/dist/tui/components/CommandInput.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// CommandInput.tsx — Bottom input bar with integrated token-aware autocomplete.
+// Replaces BottomBar for screens that have full command support.
+import { useState, useCallback, useRef } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import chalk from 'chalk';
+import { resolve } from '../../commands/resolver.js';
+import { AutocompleteOverlay } from './AutocompleteOverlay.js';
+export const CommandInput = ({ screen, currentNodes = [], width, onSubmit, onOverlayChange, }) => {
+    const [inputValue, setInputValue] = useState('');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [overlayVisible, setOverlayVisible] = useState(false);
+    /** Guard: when true, handleChange ignores calls (fillToken is setting the value) */
+    const fillingRef = useRef(false);
+    const setOverlay = useCallback((open) => {
+        setOverlayVisible(open);
+        if (open) {
+            onOverlayChange?.(true);
+        }
+        else {
+            setTimeout(() => onOverlayChange?.(false), 0);
+        }
+    }, [onOverlayChange]);
+    const resolved = resolve(inputValue, screen, currentNodes);
+    const suggestions = resolved.suggestions;
+    // Don't show overlay if all suggestions are just placeholder hints (e.g. "folder name")
+    const hasActionableSuggestions = suggestions.length > 0 && suggestions.some((s) => s.fillValue && !s.isNoMatch);
+    const showOverlay = overlayVisible && inputValue.startsWith('/') && hasActionableSuggestions;
+    const handleChange = useCallback((val) => {
+        // Skip if fillToken is active (ink-text-input fires onChange for TAB too)
+        if (fillingRef.current)
+            return;
+        // Strip any tab characters that ink-text-input might inject
+        const cleaned = val.replace(/\t/g, '');
+        setInputValue(cleaned);
+        setSelectedIndex(0);
+        setOverlay(cleaned.startsWith('/'));
+    }, [setOverlay]);
+    const fillToken = useCallback((idx) => {
+        const suggestion = suggestions[idx];
+        if (!suggestion || suggestion.isNoMatch)
+            return;
+        // Block handleChange for this tick — ink-text-input will also fire onChange for TAB
+        fillingRef.current = true;
+        setTimeout(() => {
+            fillingRef.current = false;
+        }, 0);
+        const filled = resolved.filledTokens.join(' ');
+        const base = filled.length > 0 ? filled + ' ' : '';
+        if (!suggestion.fillValue) {
+            setInputValue(base);
+            setOverlay(false);
+        }
+        else {
+            const newValue = base + suggestion.fillValue;
+            setInputValue(newValue);
+            setSelectedIndex(0);
+            // Check if the next stage only has placeholder hints
+            const nextResolved = resolve(newValue, screen, currentNodes);
+            const allPlaceholders = nextResolved.suggestions.length > 0 &&
+                nextResolved.suggestions.every((s) => !s.fillValue || s.isNoMatch);
+            if (allPlaceholders || nextResolved.suggestions.length === 0) {
+                setOverlay(false);
+            }
+        }
+    }, [suggestions, resolved.filledTokens, setOverlay, screen, currentNodes]);
+    const handleSubmit = useCallback((val) => {
+        if (!val.trim())
+            return;
+        setInputValue('');
+        setOverlay(false);
+        setSelectedIndex(0);
+        onSubmit(val.trim());
+    }, [onSubmit, setOverlay]);
+    useInput((input, key) => {
+        // Tab — fill selected suggestion
+        if (key.tab) {
+            if (showOverlay) {
+                fillToken(selectedIndex);
+            }
+            return;
+        }
+        // Arrow up / down — navigate suggestions
+        if (key.upArrow) {
+            if (showOverlay) {
+                setSelectedIndex((i) => Math.max(0, i - 1));
+            }
+            return;
+        }
+        if (key.downArrow) {
+            if (showOverlay) {
+                setSelectedIndex((i) => Math.min(suggestions.length - 1, i + 1));
+            }
+            return;
+        }
+        // Escape — close overlay (event is consumed here, keymap won't see it)
+        if (key.escape) {
+            if (overlayVisible) {
+                setOverlay(false);
+            }
+            else {
+                // Overlay already closed — clear input
+                setInputValue('');
+            }
+            return;
+        }
+    });
+    const borderLine = chalk.hex('#0a2a33')('─'.repeat(width));
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [showOverlay && (_jsx(AutocompleteOverlay, { suggestions: suggestions, selectedIndex: selectedIndex, visible: showOverlay, width: width })), _jsx(Box, { width: width, children: _jsx(Text, { children: borderLine }) }), _jsxs(Box, { width: width, paddingX: 2, children: [_jsx(Text, { children: chalk.hex('#00bfff')('> ') }), _jsx(Box, { children: _jsx(Text, { color: "#e6edf3", children: _jsx(TextInput, { value: inputValue, onChange: handleChange, onSubmit: handleSubmit, placeholder: "type / for commands" }) }) })] }), _jsx(Box, { width: width, paddingX: 2, children: _jsx(Text, { children: chalk.hex('#3a6a7a')('/ for commands  ↑↓ navigate  TAB complete  ESC close  Enter execute') }) })] }));
+};

package/dist/tui/components/CommandPalette.js

@@ -0,0 +1 @@
+export {};

package/dist/tui/components/ErrorBoundary.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ErrorBoundary.tsx — React class component error boundary for the TUI.
+// Catches render errors in screen components and shows a friendly recovery message.
+import React from 'react';
+import { Box, Text } from 'ink';
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        const msg = error instanceof Error ? error.message : String(error);
+        return { hasError: true, error: msg };
+    }
+    componentDidCatch(error, info) {
+        const msg = error instanceof Error ? error.message : String(error);
+        // Write to stderr so it shows in logs without breaking the TUI render
+        process.stderr.write(`[StrataNodex] Render error: ${msg}\n${info.componentStack ?? ''}\n`);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Text, { color: "red", bold: true, children: "\u2717 Something went wrong" }), _jsx(Text, { dimColor: true, children: this.state.error ?? 'Unknown error' }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Type /back to go back \u00B7 /home to return to folders \u00B7 /logout to reset" })] }));
+        }
+        return this.props.children;
+    }
+}

package/dist/tui/components/FocusMode.js

@@ -0,0 +1 @@
+export {};

package/dist/tui/components/FolderItem.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function FolderItem({ folder, isSelected }) {
+    return (_jsx(Box, { children: _jsx(Text, { bold: isSelected, color: isSelected ? 'yellow' : undefined, children: isSelected ? `❯ ${folder.name}` : `  ${folder.name}` }) }));
+}

package/dist/tui/components/Header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function Header({ version, userName }) {
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", paddingY: 1, children: [_jsx(Text, { bold: true, color: "white", children: "StrataNodex - CLI" }), _jsxs(Text, { dimColor: true, children: ["v ", version] }), _jsx(Text, { dimColor: true, children: userName ? `Welcome Back, ${userName}` : 'Welcome, Guest' })] }));
+}

package/dist/tui/components/Keybindings.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function Keybindings({ bindings }) {
+    return _jsx(Text, { dimColor: true, children: bindings });
+}

package/dist/tui/components/ListItem.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function ListItem({ list, isSelected }) {
+    return (_jsx(Box, { children: _jsx(Text, { bold: isSelected, color: isSelected ? 'yellow' : undefined, children: isSelected ? `❯ ${list.name}` : `  ${list.name}` }) }));
+}

package/dist/tui/components/NodeRow.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { TreeConnector } from './TreeConnector.js';
+const STATUS_ICON = {
+    TODO: { icon: '○', color: '#8b949e' },
+    IN_PROGRESS: { icon: '◑', color: '#00bfff' },
+    DONE: { icon: '●', color: '#00c896' },
+};
+const ROOT_INDENT = '  ';
+export function NodeRow({ node, number, depth, isSelected, isLast, isLastRoot, parentLines, }) {
+    const title = node.title.length > 50 ? node.title.slice(0, 47) + '...' : node.title;
+    const statusInfo = STATUS_ICON[node.status] ?? STATUS_ICON['TODO'];
+    return (_jsxs(Box, { children: [depth === 0 ? (_jsx(Text, { color: "#2a5a6a", children: ROOT_INDENT })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: "#2a5a6a", children: ROOT_INDENT }), _jsx(TreeConnector, { depth: depth, parentLines: parentLines, isLast: isLast })] })), _jsx(Text, { color: statusInfo.color, children: statusInfo.icon }), _jsx(Text, { children: " " }), number && (_jsx(Text, { color: isSelected ? '#00bfff' : '#3d6a7a', dimColor: !isSelected, children: number })), number && _jsx(Text, { children: " " }), isSelected ? (_jsx(Text, { bold: true, color: "#00bfff", children: title })) : (_jsx(Text, { color: "#c9d1d9", children: title }))] }));
+}

package/dist/tui/components/PriorityBadge.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function PriorityBadge({ priority }) {
+    if (priority === 'HIGH')
+        return _jsx(Text, { color: "red", children: "[HIGH]" });
+    if (priority === 'LOW')
+        return _jsx(Text, { dimColor: true, children: "[LOW]" });
+    return _jsx(Text, { color: "yellow", children: "[MED]" });
+}

package/dist/tui/components/SearchOverlay.js

@@ -0,0 +1 @@
+export {};

package/dist/tui/components/Spinner.js

@@ -0,0 +1,23 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// Spinner.tsx — A simple terminal spinner using braille frames.
+// Respects NO_COLOR: falls back to plain "..." when set.
+import { useState, useEffect } from 'react';
+import { Text } from 'ink';
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+const INTERVAL_MS = 80;
+export const Spinner = ({ label = 'Loading...' }) => {
+    const noColor = Boolean(process.env['NO_COLOR']);
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        if (noColor)
+            return;
+        const timer = setInterval(() => {
+            setFrame((f) => (f + 1) % FRAMES.length);
+        }, INTERVAL_MS);
+        return () => clearInterval(timer);
+    }, [noColor]);
+    if (noColor) {
+        return _jsxs(Text, { dimColor: true, children: ["... ", label] });
+    }
+    return (_jsxs(Text, { color: "#00bfff", children: [FRAMES[frame], " ", label] }));
+};

package/dist/tui/components/StatusBadge.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function StatusBadge({ status }) {
+    if (status === 'DONE')
+        return (_jsx(Text, { color: "green", dimColor: true, children: "[DONE]" }));
+    if (status === 'IN_PROGRESS')
+        return _jsx(Text, { color: "blue", children: "[IN_PROG]" });
+    return _jsx(Text, { children: "[TODO]" });
+}

package/dist/tui/components/SuggestionItem.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export const SuggestionItem = ({ suggestion, isSelected }) => {
+    if (suggestion.isNoMatch) {
+        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "#ff6b6b", children: "\u2715 No match found" }) }));
+    }
+    return (_jsxs(Box, { paddingX: 1, gap: 1, children: [_jsxs(Text, { color: isSelected ? '#00bfff' : '#8b949e', children: [isSelected ? '>' : ' ', " ", suggestion.label] }), suggestion.hint && (_jsx(Text, { color: "#00c896", dimColor: true, children: suggestion.hint }))] }));
+};

package/dist/tui/components/TopBar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import chalk from 'chalk';
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+const { version } = require('../../../package.json');
+const LOGO_LINE_1 = '█▀▀ ▀█▀ █▀█ ▄▀█ ▀█▀ ▄▀█   █▄ █ █▀█ █▀▄ █▀▀ ▀▄▀';
+const LOGO_LINE_2 = '▄██  █  █▀▄ █▀█  █  █▀█   █ ▀█ █▄█ █▄▀ ██▄ █ █';
+export const TopBar = ({ width, hasToken }) => {
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Box, { width: width, children: _jsx(Text, { children: chalk.hex('#1a4a5a')('▀'.repeat(width)) }) }), _jsx(Box, { width: width, paddingX: 2, children: _jsx(Text, { children: chalk.hex('#004477')(LOGO_LINE_1) }) }), _jsx(Box, { width: width, paddingX: 2, children: _jsx(Text, { children: chalk.hex('#00bfff').bold(LOGO_LINE_1) }) }), _jsxs(Box, { width: width, justifyContent: "space-between", paddingX: 2, children: [_jsx(Text, { children: chalk.hex('#00bfff').bold(LOGO_LINE_2) }), _jsxs(Text, { children: [chalk.hex('#004455')(`v${version}`), ' ', hasToken
+                                ? chalk.hex('#007799')('● connected')
+                                : chalk.hex('#440000')('● not logged in')] })] }), _jsx(Box, { width: width, children: _jsx(Text, { children: chalk.hex('#0a2a33')('─'.repeat(width)) }) })] }));
+};

package/dist/tui/components/TreeConnector.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+// Each depth level = 4 chars wide
+const CONT = '│   '; // vertical + 3 spaces
+const BLANK = '    '; // 4 spaces
+const MID = '├── '; // branch mid-sibling
+const END = '└── '; // branch last-sibling
+export function TreeConnector({ depth, parentLines, isLast }) {
+    if (depth === 0)
+        return null;
+    let prefix = '';
+    for (let i = 0; i < depth - 1; i++) {
+        prefix += parentLines[i] ? CONT : BLANK;
+    }
+    prefix += isLast ? END : MID;
+    return _jsx(Text, { color: "#2a5a6a", children: prefix });
+}

package/dist/tui/hooks/useAuth.js

@@ -0,0 +1,37 @@
+// Auth hook
+import { useState, useEffect, useRef } from 'react';
+import { getToken } from '../../utils/auth.js';
+import { getMe } from '../../api/client.js';
+export function useAuth() {
+    const [state, setState] = useState({ isLoggedIn: false, user: null, loading: true });
+    const fetchedRef = useRef(false);
+    useEffect(() => {
+        // GUEST MODE — for local testing only
+        if (process.env['STRATANODEX_GUEST'] === 'true') {
+            setState({ isLoggedIn: true, user: { name: 'Guest', email: 'guest' }, loading: false });
+            return;
+        }
+        const tryAuth = () => {
+            if (fetchedRef.current)
+                return; // already resolved, stop polling
+            const token = getToken();
+            if (!token) {
+                setState({ isLoggedIn: false, user: null, loading: false });
+                return;
+            }
+            // Token just appeared — fetch user and stop polling
+            fetchedRef.current = true;
+            getMe()
+                .then((u) => setState({ isLoggedIn: true, user: { name: u.name, email: u.email }, loading: false }))
+                .catch(() => {
+                fetchedRef.current = false; // allow retry
+                setState({ isLoggedIn: false, user: null, loading: false });
+            });
+        };
+        // Run immediately, then poll every 500ms until token is found
+        tryAuth();
+        const interval = setInterval(tryAuth, 500);
+        return () => clearInterval(interval);
+    }, []);
+    return state;
+}

package/dist/tui/hooks/useCommandInput.js

@@ -0,0 +1,35 @@
+import { useState, useCallback } from 'react';
+export function useCommandInput({ onExit, onNavigate, onScreenCommand }) {
+    const [inputValue, setInputValue] = useState('');
+    const handleSubmit = useCallback((value) => {
+        const trimmed = value.trim();
+        setInputValue('');
+        if (!trimmed)
+            return;
+        if (!trimmed.startsWith('/')) {
+            onScreenCommand(trimmed);
+            return;
+        }
+        const [cmd, ...args] = trimmed.slice(1).split(' ');
+        const _argStr = args.join(' ');
+        switch (cmd.toLowerCase()) {
+            case 'exit':
+            case 'quit':
+                onExit();
+                break;
+            case 'help':
+                onNavigate('help');
+                break;
+            case 'list':
+                onNavigate('home');
+                break;
+            case 'daily':
+                onNavigate('daily');
+                break;
+            default:
+                onScreenCommand(trimmed);
+                break;
+        }
+    }, [onExit, onNavigate, onScreenCommand]);
+    return { inputValue, setInputValue, handleSubmit };
+}

package/dist/tui/hooks/useFolders.js

@@ -0,0 +1,16 @@
+// Folders hook
+import { useState, useEffect, useCallback } from 'react';
+import { getFolders } from '../../api/client.js';
+export function useFolders() {
+    const [state, setState] = useState({ folders: [], loading: true, error: null });
+    const fetch = useCallback(() => {
+        setState((s) => ({ ...s, loading: true, error: null }));
+        getFolders()
+            .then((folders) => setState({ folders, loading: false, error: null }))
+            .catch((err) => setState({ folders: [], loading: false, error: err.message }));
+    }, []);
+    useEffect(() => {
+        fetch();
+    }, [fetch]);
+    return { ...state, refetch: fetch };
+}

package/dist/tui/hooks/useKeymap.js

@@ -0,0 +1,30 @@
+import { useInput } from 'ink';
+export function useKeymap(mode, overlayOpen, handlers) {
+    useInput((input, key) => {
+        // When the autocomplete overlay is open, CommandInput handles all keys.
+        // Let it consume them — don't fire any navigation actions here.
+        if (overlayOpen.current)
+            return;
+        if (mode === 'edit') {
+            if (key.escape)
+                handlers.onEsc?.();
+            return;
+        }
+        if (key.upArrow)
+            handlers.onUp?.();
+        else if (key.downArrow)
+            handlers.onDown?.();
+        else if (key.leftArrow)
+            handlers.onLeft?.();
+        else if (key.rightArrow)
+            handlers.onRight?.();
+        else if (key.return)
+            handlers.onEnter?.();
+        else if (key.escape)
+            handlers.onEsc?.();
+        else if (input === 'b')
+            handlers.onBack?.();
+        else if (input === 'q')
+            handlers.onQuit?.();
+    });
+}

package/dist/tui/hooks/useLists.js

@@ -0,0 +1,16 @@
+// Lists hook
+import { useState, useEffect, useCallback } from 'react';
+import { getLists } from '../../api/client.js';
+export function useLists(folderId) {
+    const [state, setState] = useState({ lists: [], loading: true, error: null });
+    const fetch = useCallback(() => {
+        setState((s) => ({ ...s, loading: true, error: null }));
+        getLists(folderId)
+            .then((lists) => setState({ lists, loading: false, error: null }))
+            .catch((err) => setState({ lists: [], loading: false, error: err.message }));
+    }, [folderId]);
+    useEffect(() => {
+        fetch();
+    }, [fetch]);
+    return { ...state, refetch: fetch };
+}

package/dist/tui/hooks/useNavigation.js

@@ -0,0 +1,15 @@
+import { useState, useCallback } from 'react';
+export function useNavigation() {
+    const [stack, setStack] = useState([{ name: 'welcome' }]);
+    const currentScreen = stack[stack.length - 1];
+    const push = useCallback((name, params) => {
+        setStack((s) => [...s, { name, params }]);
+    }, []);
+    const pop = useCallback(() => {
+        setStack((s) => (s.length > 1 ? s.slice(0, -1) : s));
+    }, []);
+    const replaceScreen = useCallback((name, params) => {
+        setStack((prev) => [...prev.slice(0, -1), { name, params }]);
+    }, []);
+    return { currentScreen, stack, push, pop, replaceScreen };
+}