@castlemilk/omega 0.1.8 → 0.1.9

package/dist/cli.js

@@ -85,7 +85,7 @@ import React2 from "react";
 
 // ../../apps/cli/src/commands/tui.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Box, Text, useApp, useInput } from "ink";
+import { Box, Text, useApp, useInput, useWindowSize } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 var API = process.env.HARNESS_API_URL || "http://localhost:4000";
 function formatTime(d) {
@@ -123,7 +123,7 @@ function useTasks(pollMs = 1e3) {
   const addLog = (message, level = "info") => {
     setLogs((prev) => {
       const next = [...prev, { time: formatTime(/* @__PURE__ */ new Date()), message, level }];
-      return next.slice(-50);
+      return next.slice(-200);
     });
   };
   useEffect(() => {
@@ -153,7 +153,7 @@ function useTasks(pollMs = 1e3) {
           }
         }
         for (const id of Object.keys(previousTasks.current)) {
-          if (!current[id]) {
+          if (!current[id] && !id.startsWith("__")) {
             addLog(`Task removed: "${previousTasks.current[id].title}"`, "warning");
           }
         }
@@ -178,8 +178,12 @@ function useTasks(pollMs = 1e3) {
   }, [pollMs]);
   return { tasks, logs, connected };
 }
+function truncate(str, max) {
+  if (str.length <= max) return str;
+  return str.slice(0, max - 1) + "\u2026";
+}
 function Header({ connected }) {
-  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, height: 3, flexShrink: 0, children: [
     /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Omega Harness Console" }),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
     /* @__PURE__ */ jsx(Text, { color: connected ? "green" : "red", children: connected ? "\u25CF connected" : "\u25CF disconnected" }),
@@ -189,39 +193,6 @@ function Header({ connected }) {
     ] })
   ] });
 }
-function TaskList({ tasks }) {
-  const sorted = useMemo(
-    () => [...tasks].sort(
-      (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-    ),
-    [tasks]
-  );
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", paddingX: 1, minHeight: 10, children: [
-    /* @__PURE__ */ jsxs(Text, { bold: true, underline: true, children: [
-      "Tasks (",
-      tasks.length,
-      ")"
-    ] }),
-    sorted.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No tasks yet. Create one in the web UI." }),
-    sorted.map((task) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: statusColor(task.status), children: statusSymbol(task.status) }),
-      /* @__PURE__ */ jsx(Box, { width: 20, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatTime(new Date(task.updatedAt)) }) }),
-      /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsx(Text, { color: statusColor(task.status), bold: true, children: task.status.toUpperCase() }) }),
-      /* @__PURE__ */ jsx(Box, { width: 24, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: task.provider ? `${task.provider}/${task.model}` : "-" }) }),
-      /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: /* @__PURE__ */ jsx(Text, { children: task.title }) })
-    ] }, task.id))
-  ] });
-}
-function ConsoleLog({ logs }) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", paddingX: 1, flexGrow: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, underline: true, children: "Console" }),
-    logs.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Waiting for activity..." }),
-    logs.map((log, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: log.time }),
-      /* @__PURE__ */ jsx(Text, { color: log.level, children: log.message })
-    ] }, i))
-  ] });
-}
 function Stats({ tasks }) {
   const counts = useMemo(() => {
     const total = tasks.length;
@@ -231,7 +202,7 @@ function Stats({ tasks }) {
     const failed = tasks.filter((t) => t.status === "failed").length;
     return { total, todo, inProgress, done, failed };
   }, [tasks]);
-  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, gap: 2, children: [
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, height: 3, flexShrink: 0, gap: 2, children: [
     /* @__PURE__ */ jsxs(Text, { children: [
       "total: ",
       counts.total
@@ -254,20 +225,109 @@ function Stats({ tasks }) {
     ] })
   ] });
 }
+function TaskList({
+  tasks,
+  height,
+  collapsed,
+  toggle,
+  columns
+}) {
+  const sorted = useMemo(
+    () => [...tasks].sort(
+      (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
+    ),
+    [tasks]
+  );
+  const header = /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, underline: true, children: [
+      "Tasks (",
+      tasks.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "[t] ",
+      collapsed ? "expand" : "collapse"
+    ] })
+  ] });
+  if (collapsed) {
+    return /* @__PURE__ */ jsx(Box, { borderStyle: "single", paddingX: 1, height: 3, flexShrink: 0, children: header });
+  }
+  const availableLines = Math.max(0, height - 3);
+  const visible = sorted.slice(0, availableLines);
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, flexDirection: "column", height, flexShrink: 0, children: [
+    header,
+    visible.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No tasks yet. Create one in the web UI." }),
+    visible.map((task) => {
+      const providerText = task.provider ? `${task.provider}/${task.model}` : "-";
+      const titleMax = Math.max(10, columns - 50);
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: statusColor(task.status), children: statusSymbol(task.status) }),
+        /* @__PURE__ */ jsx(Box, { width: 20, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatTime(new Date(task.updatedAt)) }) }),
+        /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsx(Text, { color: statusColor(task.status), bold: true, children: task.status.toUpperCase() }) }),
+        /* @__PURE__ */ jsx(Box, { width: 24, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncate(providerText, 23) }) }),
+        /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: /* @__PURE__ */ jsx(Text, { children: truncate(task.title, titleMax) }) })
+      ] }, task.id);
+    })
+  ] });
+}
+function ConsoleLog({
+  logs,
+  height,
+  columns
+}) {
+  const availableLines = Math.max(0, height - 3);
+  const visible = logs.slice(-availableLines);
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", paddingX: 1, flexDirection: "column", height, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, underline: true, children: "Console" }),
+    visible.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Waiting for activity..." }),
+    visible.map((log, i) => {
+      const timeWidth = 10;
+      const msgMax = Math.max(10, columns - timeWidth - 4);
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Box, { width: timeWidth, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: log.time }) }),
+        /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: /* @__PURE__ */ jsx(Text, { color: log.level, children: truncate(log.message, msgMax) }) })
+      ] }, i);
+    })
+  ] });
+}
 function TuiApp() {
   const { exit } = useApp();
   const { tasks, logs, connected } = useTasks();
+  const { columns, rows } = useWindowSize();
+  const [tasksCollapsed, setTasksCollapsed] = useState(false);
+  const [sidebar, setSidebar] = useState(false);
   useInput((input, key) => {
     if (input === "q" || key.escape) {
       exit();
     }
+    if (input === "t") {
+      setTasksCollapsed((c) => !c);
+    }
+    if (input === "s") {
+      setSidebar((s) => !s);
+    }
   });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: "100%", gap: 1, padding: 1, children: [
+  const mainHeight = Math.max(6, rows - 9);
+  const taskListWidth = sidebar ? Math.max(30, Math.floor(columns * 0.4)) : void 0;
+  const taskListHeight = sidebar ? mainHeight : tasksCollapsed ? 3 : Math.max(3, Math.floor(mainHeight * 0.45));
+  const consoleHeight = sidebar ? mainHeight : mainHeight - taskListHeight;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: rows, width: columns, gap: 1, padding: 1, children: [
     /* @__PURE__ */ jsx(Header, { connected }),
     /* @__PURE__ */ jsx(Stats, { tasks }),
-    /* @__PURE__ */ jsx(TaskList, { tasks }),
-    /* @__PURE__ */ jsx(ConsoleLog, { logs }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press q or Esc to quit" })
+    /* @__PURE__ */ jsxs(Box, { flexDirection: sidebar ? "row" : "column", gap: 1, flexGrow: 1, children: [
+      /* @__PURE__ */ jsx(
+        TaskList,
+        {
+          tasks,
+          height: taskListHeight,
+          collapsed: tasksCollapsed,
+          toggle: () => setTasksCollapsed((c) => !c),
+          columns: taskListWidth ?? columns
+        }
+      ),
+      /* @__PURE__ */ jsx(ConsoleLog, { logs, height: consoleHeight, columns })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "q/esc quit  \u2022  t toggle tasks  \u2022  s toggle sidebar" }) })
   ] });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlemilk/omega",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Omega Harness CLI - installable via npx",
   "type": "module",
   "main": "./dist/cli.js",