hydra-os-cli 0.1.0

package/dist/widgets/chat-panel.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Chat panel widget.
+ * Displays streaming output from agents, approval prompts, and user messages.
+ */
+import { Box, Text } from "ink";
+const ROLE_COLORS = {
+    user: "blue",
+    agent: "green",
+    system: "yellow",
+    error: "red",
+};
+const ROLE_PREFIXES = {
+    user: () => "> ",
+    agent: (msg) => `[${msg.agent ?? "agent"}] `,
+    system: () => "! ",
+    error: () => "!! ",
+};
+const MAX_VISIBLE_MESSAGES = 100;
+export function ChatPanel({ messages = [] }) {
+    if (messages.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { dimColor: true, children: "Welcome to Hydra TUI. Type a command or describe a workflow to begin." }), _jsx(Text, { dimColor: true, children: "Use /help for available commands. Ctrl+P to toggle side panels." })] }));
+    }
+    // Only render the last N messages to avoid full terminal rewrite on each update
+    const visible = messages.length > MAX_VISIBLE_MESSAGES
+        ? messages.slice(-MAX_VISIBLE_MESSAGES)
+        : messages;
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [messages.length > MAX_VISIBLE_MESSAGES && (_jsxs(Text, { dimColor: true, children: ["(", messages.length - MAX_VISIBLE_MESSAGES, " older messages hidden)"] })), visible.map((msg) => (_jsxs(Box, { marginBottom: 0, children: [_jsx(Text, { color: ROLE_COLORS[msg.role] ?? "white", children: (ROLE_PREFIXES[msg.role] ?? (() => ""))(msg) }), _jsx(Text, { wrap: "wrap", children: msg.content })] }, msg.id)))] }));
+}

package/dist/widgets/header.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Header bar widget.
+ * Shows app title, version, active workflow name, and workflow state.
+ */
+interface HeaderProps {
+    workflowId?: string;
+    workflowStatus: string;
+    themeName: string;
+}
+export declare function Header({ workflowId, workflowStatus, themeName: _themeName }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/header.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Header bar widget.
+ * Shows app title, version, active workflow name, and workflow state.
+ */
+import { Box, Text } from "ink";
+export function Header({ workflowId, workflowStatus, themeName: _themeName }) {
+    const statusColor = workflowStatus === "RUNNING"
+        ? "green"
+        : workflowStatus === "WAITING"
+            ? "yellow"
+            : "gray";
+    return (_jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "cyan", children: "Hydra TUI v0.1.0" }), _jsxs(Box, { gap: 2, children: [workflowId && (_jsxs(Text, { children: ["workflow: ", _jsx(Text, { bold: true, children: workflowId })] })), _jsx(Text, { color: statusColor, children: workflowStatus === "IDLE" ? "● IDLE" : `▶ ${workflowStatus}` })] })] }));
+}

package/dist/widgets/health-check.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Health check output widget.
+ * Displays /doctor results for Temporal, API, Qdrant, Docker, workers, etc.
+ */
+interface ServiceHealth {
+    name: string;
+    address: string;
+    status: "ok" | "warn" | "error";
+    detail: string;
+}
+interface HealthCheckProps {
+    services: ServiceHealth[];
+}
+export declare function HealthCheck({ services }: HealthCheckProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/health-check.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Health check output widget.
+ * Displays /doctor results for Temporal, API, Qdrant, Docker, workers, etc.
+ */
+import { Box, Text } from "ink";
+const STATUS_ICONS = {
+    ok: "✓",
+    warn: "!",
+    error: "✗",
+};
+const STATUS_COLORS = {
+    ok: "green",
+    warn: "yellow",
+    error: "red",
+};
+export function HealthCheck({ services }) {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, children: "Hydra TUI Health Check" }), _jsx(Text, { children: "─".repeat(30) }), services.map((svc) => (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: STATUS_COLORS[svc.status], children: STATUS_ICONS[svc.status] }), _jsx(Text, { bold: true, children: svc.name.padEnd(14) }), _jsx(Text, { children: svc.address.padEnd(20) }), _jsx(Text, { dimColor: true, children: svc.detail })] }, svc.name)))] }));
+}

package/dist/widgets/input-bar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Input bar widget.
+ * User prompt input with slash command autocomplete.
+ */
+interface InputBarProps {
+    onSubmit: (text: string) => void;
+}
+export declare function InputBar({ onSubmit }: InputBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/input-bar.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Input bar widget.
+ * User prompt input with slash command autocomplete.
+ */
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { getCompletions } from "../commands/index.js";
+export function InputBar({ onSubmit }) {
+    const [value, setValue] = useState("");
+    const [completions, setCompletions] = useState([]);
+    const handleChange = (text) => {
+        setValue(text);
+        if (text.startsWith("/") && !text.includes(" ")) {
+            setCompletions(getCompletions(text).slice(0, 5));
+        }
+        else {
+            setCompletions([]);
+        }
+    };
+    const handleSubmit = (text) => {
+        if (text.trim()) {
+            onSubmit(text.trim());
+            setValue("");
+            setCompletions([]);
+        }
+    };
+    // Tab completion
+    useInput((input, key) => {
+        if (key.tab && completions.length > 0) {
+            setValue(completions[0] + " ");
+            setCompletions([]);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [completions.length > 0 && (_jsx(Box, { paddingX: 1, gap: 1, children: completions.map((c) => (_jsx(Text, { dimColor: true, children: c }, c))) })), _jsxs(Box, { borderStyle: "single", paddingX: 1, children: [_jsxs(Text, { color: "cyan", bold: true, children: [">", " "] }), _jsx(TextInput, { value: value, onChange: handleChange, onSubmit: handleSubmit })] })] }));
+}

package/dist/widgets/memory-panel.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Memory panel widget.
+ * Shows recent decisions and facts from Qdrant.
+ */
+interface MemoryPanelProps {
+    decisionCount?: number;
+    factCount?: number;
+    lastMemory?: string;
+}
+export declare function MemoryPanel({ decisionCount, factCount, lastMemory, }: MemoryPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/memory-panel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Memory panel widget.
+ * Shows recent decisions and facts from Qdrant.
+ */
+import { Box, Text } from "ink";
+export function MemoryPanel({ decisionCount = 0, factCount = 0, lastMemory, }) {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, underline: true, children: "Memory" }), _jsxs(Text, { children: [decisionCount, " decisions, ", factCount, " facts"] }), lastMemory && (_jsxs(Text, { dimColor: true, wrap: "truncate", children: ["Last: ", lastMemory] }))] }));
+}

package/dist/widgets/status-bar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Status bar widget (footer).
+ * Shows active workflow ID, current agent, token usage, cost, elapsed time.
+ */
+interface StatusBarProps {
+    workflowId?: string;
+    currentAgent?: string;
+    tokenCount: number;
+    cost: number;
+    elapsed: number;
+}
+export declare function StatusBar({ workflowId, currentAgent, tokenCount, cost, elapsed, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/status-bar.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Status bar widget (footer).
+ * Shows active workflow ID, current agent, token usage, cost, elapsed time.
+ */
+import { Box, Text } from "ink";
+function formatElapsed(seconds) {
+    if (seconds < 60)
+        return `${seconds}s`;
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    if (mins < 60)
+        return `${mins}m ${secs}s`;
+    const hrs = Math.floor(mins / 60);
+    return `${hrs}h ${mins % 60}m`;
+}
+function formatTokens(count) {
+    if (count < 1000)
+        return `${count}`;
+    return `${(count / 1000).toFixed(1)}K`;
+}
+export function StatusBar({ workflowId, currentAgent, tokenCount, cost, elapsed, }) {
+    return (_jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: workflowId ?? "no workflow" }), _jsx(Text, { dimColor: true, children: currentAgent ?? "—" }), _jsxs(Text, { dimColor: true, children: ["tokens: ", formatTokens(tokenCount)] }), _jsxs(Text, { dimColor: true, children: ["$", cost.toFixed(2)] }), _jsx(Text, { dimColor: true, children: formatElapsed(elapsed) })] }));
+}

package/dist/widgets/timeline.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Workflow timeline widget.
+ * Renders workflow progress as a vertical timeline with agent steps.
+ */
+interface TimelineStep {
+    time: string;
+    role: string;
+    description: string;
+    status: "done" | "running" | "waiting" | "pending";
+    duration?: string;
+    cost?: string;
+    score?: string;
+    children?: {
+        label: string;
+        done: boolean;
+    }[];
+}
+interface TimelineProps {
+    workflowId: string;
+    workflowStatus: string;
+    startedAgo: string;
+    totalCost: string;
+    steps: TimelineStep[];
+}
+export declare function Timeline({ workflowId, workflowStatus, startedAgo, totalCost, steps, }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/timeline.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Workflow timeline widget.
+ * Renders workflow progress as a vertical timeline with agent steps.
+ */
+import { Box, Text } from "ink";
+const STATUS_ICONS = {
+    done: "✓",
+    running: "⏳",
+    waiting: "⏸",
+    pending: "○",
+};
+export function Timeline({ workflowId, workflowStatus, startedAgo, totalCost, steps, }) {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { bold: true, children: ["Workflow: ", workflowId] }), _jsxs(Text, { children: ["Status: ", _jsx(Text, { bold: true, children: workflowStatus }), " | Started: ", startedAgo, " | Cost: ", totalCost] }), _jsx(Text, {}), _jsx(Text, { bold: true, underline: true, children: "Timeline:" }), steps.map((step, i) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: step.status === "done"
+                                    ? "green"
+                                    : step.status === "running"
+                                        ? "cyan"
+                                        : "gray", children: STATUS_ICONS[step.status] }), _jsx(Text, { dimColor: true, children: step.time }), _jsx(Text, { bold: true, children: step.role.padEnd(14) }), _jsx(Text, { children: step.description }), step.duration && _jsx(Text, { dimColor: true, children: step.duration }), step.cost && _jsx(Text, { dimColor: true, children: step.cost })] }), step.children?.map((child, j) => (_jsxs(Box, { marginLeft: 4, children: [_jsx(Text, { color: child.done ? "green" : "gray", children: child.done ? "├── ✓ " : "├── ○ " }), _jsx(Text, { children: child.label })] }, j)))] }, i)))] }));
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "hydra-os-cli",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Terminal user interface for the Hydra multi-agent OS. Monitor workflows, approve decisions, and manage agents from your terminal.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mercurialsolo/hydra.git",
+    "directory": "apps/tui"
+  },
+  "homepage": "https://github.com/mercurialsolo/hydra/tree/main/apps/tui",
+  "keywords": [
+    "cli",
+    "tui",
+    "terminal",
+    "agents",
+    "multi-agent",
+    "temporal",
+    "workflow",
+    "orchestration",
+    "hydra"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "bin": {
+    "hydra-os": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "tsx src/cli.tsx",
+    "build": "tsc",
+    "prepublishOnly": "tsc",
+    "start": "node dist/cli.js",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "ink": "^5.1.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
+    "ink-select-input": "^6.0.0",
+    "ink-table": "^3.1.0",
+    "react": "^18.3.0",
+    "commander": "^12.1.0",
+    "chalk": "^5.3.0",
+    "yaml": "^2.4.0",
+    "zod": "^3.23.0",
+    "zustand": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.6",
+    "@types/react": "^18.3.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.3.3",
+    "vitest": "^1.0.4",
+    "ink-testing-library": "^4.0.0"
+  }
+}