theboardtui 0.1.0

package/README.md

@@ -0,0 +1,156 @@
+# theboardtui
+
+> Terminal UI for The Board - Access your boards and AI features from the command line.
+
+A powerful command-line interface that brings The Board's project management and AI capabilities directly to your terminal. Manage boards, run AI analysis, and view reports—all without leaving your terminal.
+
+## Prerequisites
+
+Before installing `theboardtui`, ensure you have the following installed on your system:
+
+- **Node.js** (version 18 or higher)
+  - Download from [nodejs.org](https://nodejs.org/)
+  - Verify installation: `node --version`
+- **npm** or **yarn** (comes with Node.js, but yarn is recommended)
+  - Verify npm: `npm --version`
+  - Install yarn: `npm install -g yarn` (if not already installed)
+  - Verify yarn: `yarn --version`
+
+## Installation
+
+### Recommended: Using Yarn
+
+```bash
+yarn global add theboardtui
+```
+
+### Alternative: Using npm
+
+```bash
+npm install -g theboardtui
+```
+
+### Verify Installation
+
+After installation, verify that `theboardtui` is available:
+
+```bash
+theboardtui --version
+```
+
+If the command is not found, ensure your global `bin` directory is in your `PATH`. Common locations:
+- macOS/Linux: `~/.yarn/bin` or `~/.npm-global/bin`
+- Windows: `%APPDATA%\npm` or `%LOCALAPPDATA%\Yarn\bin`
+
+## Quick Start
+
+1. **Run the application:**
+   ```bash
+   theboardtui
+   ```
+
+2. **First-time setup:**
+   - On first run, you'll be prompted to log in with your email and password
+   - Your session will be automatically saved for future use
+   - No need to log in again unless you explicitly log out
+
+3. **Start managing your boards:**
+   - Navigate through boards and problems using keyboard shortcuts
+   - Run AI analysis on problems
+   - View reports and voting results
+
+## Features
+
+- **Board Management** - View and navigate your boards and problems
+- **AI Analysis** - Run AI-powered analysis on problems
+- **AI Chat** - Interactive chat interface with AI assistants
+- **Reports & Voting** - View detailed reports and voting results
+- **Credit Management** - Check your credit balance and usage
+- **Secure Authentication** - Secure session management with automatic token storage
+
+## Usage
+
+### Basic Commands
+
+```bash
+# Start the application
+theboardtui
+
+# The application will guide you through:
+# - Login (first time only)
+# - Board selection
+# - Problem management
+# - AI features
+```
+
+### Keyboard Navigation
+
+The terminal UI supports standard keyboard navigation:
+- Arrow keys to navigate lists
+- Enter to select items
+- Tab to switch between sections
+- Escape to go back
+- Ctrl+C to exit
+
+## Configuration
+
+Session data is stored locally in `~/.the-board/` directory. This includes:
+- Authentication tokens
+- User preferences
+- Session state
+
+To log out and clear session data, use the logout option in the application settings.
+
+## Troubleshooting
+
+### Command Not Found
+
+If `theboardtui` command is not found after installation:
+
+1. **Check your PATH:**
+   ```bash
+   echo $PATH  # macOS/Linux
+   echo %PATH% # Windows
+   ```
+
+2. **Add yarn global bin to PATH** (if using yarn):
+   ```bash
+   # macOS/Linux - Add to ~/.zshrc or ~/.bashrc
+   export PATH="$PATH:$(yarn global bin)"
+   
+   # Then reload your shell
+   source ~/.zshrc  # or source ~/.bashrc
+   ```
+
+3. **Add npm global bin to PATH** (if using npm):
+   ```bash
+   # macOS/Linux
+   export PATH="$PATH:$(npm config get prefix)/bin"
+   ```
+
+### Authentication Issues
+
+If you're experiencing login issues:
+- Clear stored session: Delete `~/.the-board/` directory
+- Verify your credentials on [The Board web app](https://theboard11.vercel.app)
+- Ensure you have an active account
+
+### Network Issues
+
+If the application cannot connect to the API:
+- Check your internet connection
+- Verify the API endpoint is accessible
+- Check for firewall or proxy settings
+
+## Support
+
+For issues, questions, or feature requests, please visit [The Board](https://theboard11.vercel.app).
+
+## License
+
+Copyright (c) Forwardev LLC. All rights reserved.
+
+## Terms of Service and Privacy Policy
+
+By using this application, you agree to The Board's [Terms of Service](https://theboard11.vercel.app/terms) and [Privacy Policy](https://theboard11.vercel.app/privacy).
+

package/dist/App.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Box, useApp, useInput } from "ink";
+import { getSessionToken, getUser, clearSession, setUser } from "./lib/config.js";
+import { apiGet } from "./lib/api.js";
+import Login from "./components/Login.js";
+import QuickActions from "./components/QuickActions.js";
+import Navigation from "./components/Navigation.js";
+import BoardsList from "./components/BoardsList.js";
+import BoardDetail from "./components/BoardDetail.js";
+import ProblemsList from "./components/ProblemsList.js";
+import ProblemDetail from "./components/ProblemDetail.js";
+import QuickCreate from "./components/QuickCreate.js";
+import Settings from "./components/Settings.js";
+import MembersList from "./components/MembersList.js";
+export default function App() {
+    const { exit } = useApp();
+    const [view, setView] = useState("login");
+    const [selectedId, setSelectedId] = useState(null);
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
+    const [previousView, setPreviousView] = useState(null);
+    const [isValidating, setIsValidating] = useState(true);
+    useEffect(() => {
+        const validateSession = async () => {
+            const token = getSessionToken();
+            const storedUser = getUser();
+            if (!token || !storedUser.userId || !storedUser.email) {
+                setIsValidating(false);
+                return;
+            }
+            try {
+                const currentUser = await apiGet("/api/auth/me");
+                if (currentUser.email !== storedUser.email || currentUser.userId !== storedUser.userId) {
+                    clearSession();
+                    setIsValidating(false);
+                    return;
+                }
+                setUser(currentUser.userId, currentUser.email);
+                setIsAuthenticated(true);
+                setView("quick-actions");
+            }
+            catch (error) {
+                clearSession();
+            }
+            finally {
+                setIsValidating(false);
+            }
+        };
+        validateSession();
+        const handleSigInt = () => {
+            exit();
+            process.exit(0);
+        };
+        process.on("SIGINT", handleSigInt);
+        return () => {
+            process.removeListener("SIGINT", handleSigInt);
+        };
+    }, [exit]);
+    const handleLogin = useCallback(() => {
+        setIsAuthenticated(true);
+        setView("quick-actions");
+    }, []);
+    const [autoAnalyzeProblemId, setAutoAnalyzeProblemId] = useState(null);
+    const handleNavigate = (newView, id, shouldAutoAnalyze) => {
+        process.stdout.write("\x1b[2J\x1b[H");
+        if (newView !== "problem-create") {
+            setPreviousView(view);
+        }
+        if (id) {
+            setSelectedId(id);
+            if (shouldAutoAnalyze) {
+                setAutoAnalyzeProblemId(id);
+            }
+            else {
+                setAutoAnalyzeProblemId(null);
+            }
+        }
+        setView(newView);
+    };
+    const handleBack = () => {
+        if (process.stdout.isTTY) {
+            process.stdout.cursorTo(0, 0);
+            process.stdout.clearScreenDown();
+        }
+        process.stdout.write("\x1b[2J\x1b[3J\x1b[H");
+        if (view === "board-detail") {
+            setView("boards");
+            setSelectedId(null);
+        }
+        else if (view === "problem-detail") {
+            setView("problems");
+            setSelectedId(null);
+        }
+        else if (view === "problem-create") {
+            setView(previousView || "quick-actions");
+            setSelectedId(null);
+            setPreviousView(null);
+        }
+        else if (view === "members") {
+            setView("quick-actions");
+        }
+        else if (view === "navigation") {
+            setView("quick-actions");
+        }
+        else {
+            setView("quick-actions");
+        }
+    };
+    const handleLogout = () => {
+        setIsAuthenticated(false);
+        setView("login");
+        setSelectedId(null);
+    };
+    useInput((input, key) => {
+        if (key.ctrl && input === "k") {
+            setView("navigation");
+        }
+        else if (key.escape && view === "navigation") {
+            setView("quick-actions");
+        }
+    });
+    if (isValidating) {
+        return null;
+    }
+    if (!isAuthenticated) {
+        return _jsx(Login, { onLogin: handleLogin }, "login");
+    }
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", children: [view === "quick-actions" && _jsx(QuickActions, { onNavigate: handleNavigate, onExit: exit }, "quick-actions"), view === "navigation" && _jsx(Navigation, { onNavigate: handleNavigate, onClose: handleBack }, "navigation"), view === "boards" && _jsx(BoardsList, { onNavigate: handleNavigate }, "boards"), view === "board-detail" && selectedId && (_jsx(BoardDetail, { boardId: selectedId, onNavigate: handleNavigate, onBack: handleBack }, `board-${selectedId}`)), view === "problems" && _jsx(ProblemsList, { onNavigate: handleNavigate }, "problems"), view === "problem-detail" && selectedId && (_jsx(ProblemDetail, { problemId: selectedId, onNavigate: handleNavigate, onBack: handleBack, autoAnalyze: autoAnalyzeProblemId === selectedId }, `problem-${selectedId}`)), view === "problem-create" && _jsx(QuickCreate, { onNavigate: handleNavigate, onBack: handleBack }, "problem-create"), view === "members" && _jsx(MembersList, { onNavigate: handleNavigate }, "members"), view === "settings" && _jsx(Settings, { onBack: handleBack, onLogout: handleLogout }, "settings")] }));
+}

package/dist/components/BoardDetail.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { apiGet } from "../lib/api.js";
+import { formatDate, truncate } from "../utils/formatters.js";
+import { heading, muted, dim, primary } from "../lib/theme.js";
+import Layout from "./Layout.js";
+import ErrorDisplay from "./ui/ErrorDisplay.js";
+export default function BoardDetail({ boardId, onNavigate, onBack }) {
+    const [loading, setLoading] = useState(true);
+    const [board, setBoard] = useState(null);
+    const [members, setMembers] = useState([]);
+    const [error, setError] = useState("");
+    useEffect(() => {
+        loadBoard();
+    }, [boardId]);
+    const loadBoard = async () => {
+        try {
+            setLoading(true);
+            setError("");
+            const [boardData, membersData] = await Promise.all([
+                apiGet(`/api/boards/${boardId}`),
+                apiGet(`/api/boards/members?boardId=${boardId}`).catch(() => ({ members: [] })),
+            ]);
+            setBoard(boardData.board);
+            setMembers(membersData.members || []);
+        }
+        catch (err) {
+            setError(err.message || "Failed to load board");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useInput((input, key) => {
+        if (key.leftArrow || key.escape || (key.ctrl && input === "c")) {
+            onBack();
+        }
+    });
+    if (loading) {
+        return (_jsx(Layout, { title: "Board Details", children: _jsx(Text, { children: "Loading..." }) }));
+    }
+    if (error) {
+        return (_jsx(Layout, { title: "Board Details", children: _jsx(ErrorDisplay, { error: error, maxWidth: Math.min(70, (process.stdout.columns || 80) - 4), showHelpText: true, helpText: "Press \u2190/ESC to go back" }) }));
+    }
+    if (!board) {
+        return (_jsxs(Layout, { title: "Board Details", children: [_jsx(Text, { children: "Board not found." }), _jsx(Text, { children: muted("Press ←/ESC to go back") })] }));
+    }
+    return (_jsx(Layout, { title: truncate(board.name, 40), children: _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsxs(Text, { children: [dim("Description:"), " ", board.description ? truncate(board.description, 70) : dim("No description")] }), _jsxs(Text, { children: [dim("Created:"), " ", formatDate(board.createdAt)] }), _jsx(Box, { height: 0 }), _jsx(Text, { children: dim("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━") }), _jsx(Text, { bold: true, children: heading(`Members (${members.length})`) }), members.length === 0 ? (_jsx(Text, { children: muted("No members") })) : (members.map((member) => (_jsxs(Box, { flexDirection: "column", paddingY: 0, children: [_jsxs(Text, { children: [heading(member.name), " ", dim(`(${member.role})`)] }), member.values.length > 0 && (_jsx(Text, { children: muted(`Values: ${member.values.join(", ")}`) })), member.personality && (_jsx(Text, { children: muted(`Personality: ${member.personality}`) })), _jsx(Text, { children: muted(`Reputation: ${primary(String(member.reputation))}`) })] }, member.id)))), _jsx(Box, { height: 1 }), _jsx(Text, { children: muted("Press ←/ESC to go back") })] }) }));
+}

package/dist/components/BoardsList.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { apiGet } from "../lib/api.js";
+import { formatDate, formatMemberCount, truncate, wrapWithIndent } from "../utils/formatters.js";
+import { getItemPrefix, getSecondLinePrefix, heading, muted, dim, primary } from "../lib/theme.js";
+import Layout from "./Layout.js";
+import CompactList from "./CompactList.js";
+import ErrorDisplay from "./ui/ErrorDisplay.js";
+export default function BoardsList({ onNavigate }) {
+    const [loading, setLoading] = useState(true);
+    const [boards, setBoards] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [pageSize] = useState(10);
+    const [error, setError] = useState("");
+    useEffect(() => {
+        loadBoards();
+        setSelectedIndex(0);
+    }, []);
+    useEffect(() => {
+        setSelectedIndex(0);
+    }, [currentPage]);
+    const loadBoards = async () => {
+        try {
+            setLoading(true);
+            setError("");
+            const data = await apiGet("/api/boards/list");
+            setBoards(data.boards || []);
+        }
+        catch (err) {
+            setError(err.message || "Failed to load boards");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const totalPages = Math.ceil(boards.length / pageSize);
+    const pageStartIndex = (currentPage - 1) * pageSize;
+    const pageEndIndex = pageStartIndex + pageSize;
+    const pageBoards = boards.slice(pageStartIndex, pageEndIndex);
+    useInput((input, key) => {
+        if (key.leftArrow || key.escape || (key.ctrl && input === "c")) {
+            onNavigate("quick-actions");
+            return;
+        }
+        if (key.pageUp) {
+            setCurrentPage((prev) => Math.max(1, prev - 1));
+            setSelectedIndex(0);
+            return;
+        }
+        if (key.pageDown) {
+            setCurrentPage((prev) => Math.min(totalPages, prev + 1));
+            setSelectedIndex(0);
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((prev) => {
+                if (prev === 0 && currentPage > 1) {
+                    setCurrentPage((p) => p - 1);
+                    return pageBoards.length - 1;
+                }
+                return Math.max(0, prev - 1);
+            });
+        }
+        else if (key.downArrow) {
+            setSelectedIndex((prev) => {
+                const newIndex = Math.min(pageBoards.length - 1, prev + 1);
+                if (newIndex === pageBoards.length - 1 && currentPage < totalPages) {
+                    setCurrentPage((p) => p + 1);
+                    return 0;
+                }
+                return newIndex;
+            });
+        }
+        else if (key.return) {
+            if (pageBoards[selectedIndex]) {
+                const boardIndex = pageStartIndex + selectedIndex;
+                onNavigate("board-detail", boards[boardIndex].id);
+            }
+        }
+    });
+    if (loading) {
+        return (_jsx(Layout, { title: "Boards", children: _jsx(Text, { children: "Loading boards..." }) }));
+    }
+    if (error) {
+        return (_jsx(Layout, { title: "Boards", children: _jsx(ErrorDisplay, { error: error, maxWidth: Math.min(70, (process.stdout.columns || 80) - 4), showHelpText: true, helpText: "Press ESC to go back" }) }));
+    }
+    if (boards.length === 0) {
+        return (_jsxs(Layout, { title: "Boards", children: [_jsx(Text, { children: "No boards found." }), _jsx(Text, { children: muted("Press ESC to go back") })] }));
+    }
+    return (_jsx(Layout, { title: "Boards", children: _jsx(CompactList, { title: "Boards", items: pageBoards, selectedIndex: selectedIndex, currentPage: currentPage, totalPages: totalPages, totalItems: boards.length, pageSize: pageSize, viewportSize: 6, getItemId: (board) => board.id, renderItem: (board, index, isSelected) => (_jsxs(Box, { flexDirection: "column", paddingY: 0, children: [_jsxs(Text, { children: [getItemPrefix(isSelected), heading(board.name), " ", primary(formatMemberCount(board.memberCount))] }), board.description ? (_jsx(_Fragment, { children: wrapWithIndent(truncate(board.description, 70) + " " + dim(`- ${formatDate(board.createdAt)}`), 70, getSecondLinePrefix()).map((line, idx) => (_jsx(Text, { children: line }, idx))) })) : (_jsxs(Text, { children: [getSecondLinePrefix(), dim("No description"), " ", dim(`- ${formatDate(board.createdAt)}`)] }))] })), navigationHint: "\u2191\u2193 navigate | Enter to view | PgUp/PgDn change page | \u2190/ESC back" }) }));
+}

package/dist/components/ChatInterface.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { apiPost, apiPostStream } from "../lib/api.js";
+import { primary, secondary, muted, dim } from "../lib/theme.js";
+import chalk from "chalk";
+import Layout from "./Layout.js";
+export default function ChatInterface({ onBack }) {
+    const [messages, setMessages] = useState([]);
+    const [input, setInput] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [streamingContent, setStreamingContent] = useState("");
+    useInput((inputChar, key) => {
+        if (key.escape || (key.ctrl && inputChar === "c")) {
+            onBack();
+            return;
+        }
+        if (loading)
+            return;
+        if (key.return) {
+            if (input.trim()) {
+                handleSend();
+            }
+        }
+        else if (key.backspace || key.delete) {
+            setInput((prev) => prev.slice(0, -1));
+        }
+        else if (inputChar && !key.ctrl && !key.meta) {
+            setInput((prev) => prev + inputChar);
+        }
+    });
+    const handleSend = async () => {
+        const userMessage = {
+            role: "user",
+            content: input.trim(),
+            timestamp: new Date(),
+        };
+        setMessages((prev) => [...prev, userMessage]);
+        setInput("");
+        setLoading(true);
+        setStreamingContent("");
+        try {
+            const newMessages = [
+                ...messages,
+                userMessage,
+                {
+                    role: "assistant",
+                    content: "",
+                    timestamp: new Date(),
+                },
+            ];
+            let fullResponse = "";
+            try {
+                for await (const chunk of apiPostStream("/api/ai/chat", {
+                    messages: newMessages.slice(0, -1).map((m) => ({
+                        role: m.role,
+                        content: m.content,
+                    })),
+                    stream: true,
+                })) {
+                    fullResponse += chunk;
+                    setStreamingContent(fullResponse);
+                }
+                setMessages((prev) => [
+                    ...prev.slice(0, -1),
+                    {
+                        role: "assistant",
+                        content: fullResponse,
+                        timestamp: new Date(),
+                    },
+                ]);
+            }
+            catch (streamError) {
+                const response = await apiPost("/api/ai/chat", {
+                    messages: newMessages.slice(0, -1).map((m) => ({
+                        role: m.role,
+                        content: m.content,
+                    })),
+                    stream: false,
+                });
+                setMessages((prev) => [
+                    ...prev.slice(0, -1),
+                    {
+                        role: "assistant",
+                        content: response.content || "",
+                        timestamp: new Date(),
+                    },
+                ]);
+            }
+        }
+        catch (err) {
+            setMessages((prev) => [
+                ...prev.slice(0, -1),
+                {
+                    role: "assistant",
+                    content: `Error: ${err.message || "Failed to get response"}`,
+                    timestamp: new Date(),
+                },
+            ]);
+        }
+        finally {
+            setLoading(false);
+            setStreamingContent("");
+        }
+    };
+    const displayMessages = [...messages];
+    if (loading && streamingContent) {
+        displayMessages.push({
+            role: "assistant",
+            content: streamingContent,
+            timestamp: new Date(),
+        });
+    }
+    return (_jsx(Layout, { title: "AI Chat", children: _jsxs(Box, { flexDirection: "column", gap: 1, flexGrow: 1, children: [_jsxs(Box, { flexDirection: "column", gap: 0, flexGrow: 1, children: [displayMessages.length === 0 ? (_jsx(Text, { children: muted("Start a conversation...") })) : (displayMessages.map((message, index) => (_jsxs(Box, { flexDirection: "column", gap: 0, marginBottom: 1, children: [_jsx(Text, { children: message.role === "user" ? primary("You:") : secondary("AI:") }), _jsx(Text, { children: message.content })] }, index)))), loading && !streamingContent && (_jsx(Text, { children: muted("Thinking...") }))] }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsxs(Text, { children: [dim(">"), " ", input, chalk.inverse(" ")] }), _jsx(Text, { children: muted("Type your message and press Enter. ESC to go back.") })] })] }) }));
+}

package/dist/components/CompactList.js

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { calculateViewport } from "../lib/viewport.js";
+import { muted, dim } from "../lib/theme.js";
+import { scrollIndicatorTopCompact, scrollIndicatorBottomCompact } from "../lib/scrollIndicators.js";
+export default function CompactList({ title, items, selectedIndex, currentPage, totalPages, totalItems, pageSize, viewportSize = 6, renderItem, getItemId, navigationHint, showPageInfo = true, extraActions, }) {
+    const viewport = calculateViewport({
+        selectedIndex,
+        totalItems: items.length,
+        viewportSize,
+        keepCentered: true,
+    });
+    const visibleItems = items.slice(viewport.startIndex, viewport.endIndex);
+    const hasMoreAbove = viewport.startIndex > 0;
+    const hasMoreBelow = viewport.endIndex < items.length;
+    return (_jsxs(Box, { flexDirection: "column", gap: 0, children: [showPageInfo && (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 1, paddingY: 0, children: [_jsxs(Text, { children: [muted(`Page ${currentPage} of ${totalPages}`), " ", dim(`(${totalItems} total)`)] }), _jsx(Text, { children: muted("PgUp/PgDn") })] })), _jsx(Box, { height: 1 }), hasMoreAbove && (_jsx(Box, { paddingY: 0, paddingX: 1, children: _jsx(Text, { children: scrollIndicatorTopCompact(true) }) })), visibleItems.map((item, visibleIndex) => {
+                const actualIndex = viewport.startIndex + visibleIndex;
+                const isSelected = selectedIndex === actualIndex;
+                const itemKey = getItemId ? getItemId(item, actualIndex) : String(actualIndex);
+                return (_jsx(Box, { paddingY: 0, children: renderItem(item, actualIndex, isSelected) }, itemKey));
+            }), hasMoreBelow && (_jsx(Box, { paddingY: 0, paddingX: 1, children: _jsx(Text, { children: scrollIndicatorBottomCompact(true) }) })), _jsx(Box, { height: 1 }), navigationHint && (_jsx(Text, { children: muted(navigationHint) })), extraActions && (_jsx(Box, { paddingY: 0, children: extraActions }))] }));
+}

package/dist/components/Dashboard.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { apiGet } from "../lib/api.js";
+import { formatStatus, formatDate, formatCredits } from "../utils/formatters.js";
+import { selectionIndicator, primary, muted, heading, dim } from "../lib/theme.js";
+import Layout from "./Layout.js";
+import ErrorDisplay from "./ui/ErrorDisplay.js";
+export default function Dashboard({ onNavigate }) {
+    const [loading, setLoading] = useState(true);
+    const [stats, setStats] = useState(null);
+    const [credits, setCredits] = useState(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [error, setError] = useState("");
+    useEffect(() => {
+        loadData();
+    }, []);
+    const loadData = async () => {
+        try {
+            setLoading(true);
+            setError("");
+            const [statsData, creditsData] = await Promise.all([
+                apiGet("/api/dashboard/stats").catch(() => ({ stats: null })),
+                apiGet("/api/billing/credits").catch(() => ({ credits: null })),
+            ]);
+            if (statsData.stats) {
+                setStats(statsData.stats);
+            }
+            if (creditsData.credits !== null) {
+                setCredits(creditsData.credits);
+            }
+        }
+        catch (err) {
+            setError(err.message || "Failed to load dashboard");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+        }
+        else if (key.downArrow) {
+            const maxIndex = 2;
+            setSelectedIndex((prev) => Math.min(maxIndex, prev + 1));
+        }
+        else if (key.return) {
+            switch (selectedIndex) {
+                case 0:
+                    onNavigate("boards");
+                    break;
+                case 1:
+                    onNavigate("problems");
+                    break;
+                case 2:
+                    onNavigate("settings");
+                    break;
+            }
+        }
+    });
+    if (loading) {
+        return (_jsx(Layout, { title: "Dashboard", children: _jsx(Text, { children: "Loading..." }) }));
+    }
+    if (error) {
+        return (_jsx(Layout, { title: "Dashboard", children: _jsx(ErrorDisplay, { error: error, maxWidth: Math.min(70, (process.stdout.columns || 80) - 4) }) }));
+    }
+    const menuItems = [
+        { label: "Boards", action: "boards" },
+        { label: "Problems", action: "problems" },
+        { label: "Settings", action: "settings" },
+    ];
+    return (_jsx(Layout, { title: "Dashboard", children: _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { bold: true, children: heading("Quick Stats") }), _jsxs(Text, { children: ["Boards: ", primary(String(stats?.boardCount || 0)), " | Problems: ", primary(String(stats?.problemCount || 0)), " | Credits:", " ", credits !== null ? formatCredits(credits) : muted("N/A")] })] }), _jsx(Box, { height: 1 }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { bold: true, children: heading("Navigation") }), menuItems.map((item, index) => (_jsxs(Text, { children: [selectedIndex === index ? selectionIndicator() : "  ", item.label] }, item.action)))] }), stats?.recentProblems && stats.recentProblems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Box, { height: 1 }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { bold: true, children: heading("Recent Problems") }), stats.recentProblems.slice(0, 5).map((problem) => (_jsxs(Text, { children: [formatStatus(problem.status), " ", dim(problem.title), " - ", formatDate(problem.createdAt)] }, problem.id)))] })] })), _jsx(Box, { height: 1 }), _jsx(Text, { children: muted("Use ↑↓ to navigate, Enter to select, ESC to exit") })] }) }));
+}

package/dist/components/Layout.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { title, divider } from "../lib/theme.js";
+export default function Layout({ children, title: titleText }) {
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", children: [titleText && (_jsxs(_Fragment, { children: [_jsx(Box, { paddingX: 1, paddingY: 0, children: _jsx(Text, { bold: true, children: title(titleText) }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { children: divider(50) }) })] })), _jsx(Box, { flexGrow: 1, paddingX: 1, paddingY: titleText ? 1 : 0, children: children })] }));
+}