loop-task 1.5.5 → 2.0.1

package/README.md

@@ -7,6 +7,8 @@
 
 `loop-task` is a cross-platform CLI that runs shell commands at human-readable intervals. Create loops in the background, manage them from an interactive TUI board, or run them in the foreground. It is the **heartbeat** primitive for [loop engineering](#loop-engineering): instead of running a task by hand every time, you schedule it once and let it run.
 
+**[loop.ckgrafico.com](https://loop.ckgrafico.com)**
+
 [![npm version](https://img.shields.io/npm/v/loop-task?style=flat-square&color=black)](https://www.npmjs.com/package/loop-task)
 [![npm downloads](https://img.shields.io/npm/dm/loop-task?style=flat-square&color=black)](https://www.npmjs.com/package/loop-task)
 [![license](https://img.shields.io/npm/l/loop-task?style=flat-square&color=black)](./LICENSE)
@@ -21,7 +23,7 @@
 `loop-task` is that heartbeat as a tiny local primitive. Some examples:
 
 <div align="center">
-<img src="https://raw.githubusercontent.com/CKGrafico/loop-cli/refs/heads/main/demo.gif" alt="opencode-task demo" width="700" />
+<img src="https://raw.githubusercontent.com/CKGrafico/loop-task/refs/heads/main/demo.gif" alt="loop-task demo" width="700" />
 </div>
 
 ```bash
@@ -46,12 +48,13 @@ No cron files to maintain and no daemon to babysit: loops persist across reboots
 
 ```bash
 npm install -g loop-task
-loop-task                          # open the board (requires Bun)
+loop-task                          # open the board
 loop-task start                    # start the daemon, restore persisted loops
 loop-task new 30m -- npm test      # create a background loop
 loop-task run --now 10s -- echo hi # run a loop in the foreground
 loop-task stop <id>                # stop a frozen loop and kill its child process
 loop-task restart                  # kill daemon + all loops, restart fresh
+loop-task api                      # show HTTP API endpoints (Swagger, OpenAPI)
 ```
 
 Or run it directly:
@@ -63,16 +66,13 @@ npx loop-task new 30m -- npm test
 
 ## Requirements
 
-- **Node.js >= 20** - required for all commands
-- **Bun >= 1.2** - required for the interactive board only
-
-Install Bun:
+- **Node.js >= 20** - required for all commands including the board
 
 ```bash
-npm install -g bun
+npm install -g loop-task
 ```
 
-`start`, `new`, and `run` work with Node alone. The board auto-delegates to Bun when needed.
+All commands (`start`, `new`, `run`, `board`) work with Node alone.
 
 ## Concepts
 
@@ -134,13 +134,17 @@ Colors can be a name (`white`, `cyan`, `green`, `yellow`, `orange`, `pink`) or a
 
 | Command | Description |
 | ------- | ----------- |
-| `loop-task` | Open the interactive board (requires Bun) |
+| `loop-task` | Open the interactive board |
 | `loop-task start` | Start the background daemon, restore persisted loops |
 | `loop-task new <interval> -- <command>` | Create a background loop (creates an inline task) |
 | `loop-task new <interval> --project <name> -- <command>` | Create a loop assigned to a project |
 | `loop-task run <interval> -- <command>` | Run a loop in the foreground |
 | `loop-task stop <id>` | Stop a loop and interrupt its running child process |
 | `loop-task restart` | Kill the daemon and all running loops, then restart fresh |
+| `loop-task status [--json]` | Show status of all loops (JSON optional for scripting) |
+| `loop-task export [file]` | Export all configs to JSON file (or stdout) |
+| `loop-task import <file>` | Import configs from file (triggers hot-reload) |
+| `loop-task api` | Show HTTP API endpoints (base URL, Swagger UI, OpenAPI spec) |
 | `loop-task project list` | List all projects |
 | `loop-task project new <name> [--color <color>]` | Create a project |
 | `loop-task project rename <id\|name> <new-name>` | Rename a project |
@@ -209,6 +213,15 @@ esc         quit
 
 Destructive actions (pause, force run, delete) prompt a confirmation before executing.
 
+### Copy & paste in the command bar
+
+The bottom command bar is a normal terminal input, so use your terminal's own clipboard gestures — they work in every terminal (including the VS Code integrated terminal, where Ctrl+C/V are captured by the editor):
+
+- **Paste** with **Ctrl+Shift+V** (Windows/Linux), **Cmd+V** (macOS), or **right-click**. Multi-line pastes collapse to a single line.
+- **Ctrl+U** clears the command bar (select-all + delete).
+- **`c`** copies the selected loop/task's command to the clipboard.
+- To copy arbitrary text, drag-select in the terminal and use its native copy (Ctrl+Shift+C / right-click).
+
 ### Pause vs Stop
 
 - **Pause** (`p`) - temporarily halts the loop. Resuming continues the original schedule (e.g., a loop that runs every 6h at :00 paused at 12:00 and resumed at 14:00 will still fire at 16:00).
@@ -217,9 +230,9 @@ Destructive actions (pause, force run, delete) prompt a confirmation before exec
 ## How it works
 
 ```
-loop-task (board) ──IPC──► daemon ──► loop 1 ──► task (command)
-                           ├──► loop 2 ──► task ──► on-success task
-                           └──► loop 3 ──► task ──► on-failure task
+loop-task (board)  ──IPC──►  daemon ──► loop 1 ──► task (command)
+HTTP client (curl) ──HTTP──►       ├──► loop 2 ──► task ──► on-success task
+browser (Swagger)  ──HTTP──►       └──► loop 3 ──► task ──► on-failure task
 ```
 
 - The **daemon** is a background process that manages all loops and tasks. It starts automatically when you run `loop-task start` or any command that needs it.
@@ -276,7 +289,7 @@ A four-task chain that finds an issue, marks it in-progress, rewrites it with AI
 **Task 1** (primary): Find an issue to refine
 
 ```bash
-gh issue list --label "to refine" --limit 1 --json number,title,body --jq '{number: .[0].number, title: .[0].title, body: .[0].body}'
+gh issue list --label "to refine" --json number,title,body --jq '{number: .[0].number, title: .[0].title, body: .[0].body}'
 ```
 
 stdout: `{"number":123,"title":"Fix login","body":"It doesn't work"}`
@@ -330,7 +343,7 @@ A four-task chain that finds an issue to implement, marks it in-progress, runs a
 **Task 1** (primary): Find an issue to implement (or exit if one is already in progress)
 
 ```bash
-gh issue list --label "implementing" --limit 1 --json number --jq 'length == 0' | grep -q true && gh issue list --label "to implement" --limit 1 --json number,title,body --jq '{number: .[0].number, title: .[0].title, body: .[0].body}'
+gh issue list --label "implementing" --json number --jq 'length == 0' | grep -q true && gh issue list --label "to implement" --json number,title,body --jq '{number: .[0].number, title: .[0].title, body: .[0].body}'
 ```
 
 stdout: `{"number":456,"title":"Add dark mode toggle","body":"Users want a dark theme"}`
@@ -367,19 +380,92 @@ interpolated: `git push && git fetch origin && [ "$(git rev-parse HEAD)" = "$(gi
 
 The `git rev-parse` check ensures local and remote are in sync before closing - if the push failed or remote is ahead, the command fails and the issue stays open.
 
+## Docker
+
+```bash
+# Run the board in a container
+docker run -it -v ~/.loop-cli:/root/.loop-cli loop-task
+
+# Check status
+docker run -v ~/.loop-cli:/root/.loop-cli loop-task status --json
+
+# Create a background loop
+docker run -v ~/.loop-cli:/root/.loop-cli loop-task new 30m -- npm test
+```
+
+## HTTP API
+
+The daemon exposes a REST + SSE API on `localhost:8845` (configurable via `LOOP_CLI_HTTP_PORT`). It starts automatically with the daemon — no extra flags needed.
+
+### Quick reference
+
+```bash
+# List all loops
+curl http://127.0.0.1:8845/api/loops
+
+# Create a loop
+curl -X POST http://127.0.0.1:8845/api/loops \
+  -H "Content-Type: application/json" \
+  -d '{"command":"echo hi","intervalHuman":"5m","description":"test"}'
+
+# Get a single loop
+curl http://127.0.0.1:8845/api/loops/abc123
+
+# Pause / resume / trigger / stop / delete
+curl -X POST http://127.0.0.1:8845/api/loops/abc123/pause
+curl -X POST http://127.0.0.1:8845/api/loops/abc123/resume
+curl -X POST http://127.0.0.1:8845/api/loops/abc123/trigger
+curl -X POST http://127.0.0.1:8845/api/loops/abc123/stop
+curl -X DELETE http://127.0.0.1:8845/api/loops/abc123
+
+# Fetch logs (last 50 lines)
+curl http://127.0.0.1:8845/api/loops/abc123/logs?tail=50
+
+# Stream logs in real-time (SSE)
+curl -N http://127.0.0.1:8845/api/loops/abc123/logs/stream
+
+# Subscribe to daemon events (SSE)
+curl -N http://127.0.0.1:8845/api/events
+
+# Tasks and projects
+curl http://127.0.0.1:8845/api/tasks
+curl http://127.0.0.1:8845/api/projects
+```
+
+### Interactive docs
+
+- **Swagger UI**: `http://127.0.0.1:8845/api/docs`
+- **OpenAPI 3.0 spec**: `http://127.0.0.1:8845/api/openapi.json`
+
+### From the CLI/TUI
+
+- `loop-task api` — prints all API endpoints to stdout
+- Board: press **Ctrl+G** or type `api` — shows a toast with API info
+
+### Response format
+
+All responses use a consistent JSON envelope:
+
+```json
+{"ok": true, "data": ...}      // success (200/201)
+{"ok": false, "error": {"message": "..."}}  // error (400/404/405/500)
+```
+
+The API binds to `127.0.0.1` only — it is not reachable from the network. If the port is already in use, the daemon skips the HTTP server and continues with IPC only.
+
 ## Development
 
-Requires [Bun](https://bun.sh) >= 1.2 for package management and the board, and [Node.js](https://nodejs.org) >= 20 for the CLI and daemon.
+Requires [Node.js](https://nodejs.org) >= 20. Uses [pnpm](https://pnpm.io) for package management.
 
 ```bash
-bun install
+pnpm install
 npm run build
 ```
 
 Run locally:
 
 ```bash
-bun run dev                                    # board
+tsx src/cli.ts                                   # board
 node dist/entry.js new --now 30m -- npm test   # background loop
 node dist/entry.js run --now --max-runs 1 10s -- echo hello  # foreground
 ```
@@ -387,12 +473,32 @@ node dist/entry.js run --now --max-runs 1 10s -- echo hello  # foreground
 Quality gates:
 
 ```bash
-bun run typecheck
-bun run lint
-bun run test
-npm run build
+pnpm run typecheck   # tsc --noEmit
+pnpm run lint        # eslint src/ tests/
+pnpm run test        # vitest run
+pnpm run build       # tsc -p tsconfig.build.json
 ```
 
+### Testing the board in a browser (ttyd)
+
+> **Agents: Do NOT use ttyd unless the user explicitly asks you to check the CLI in a browser.** It is never the default. Do not start a ttyd server on your own for "manual pass" tasks or visual QA — those are for the human. Reach for ttyd only when the user says "check the board in the browser", "use ttyd", or similar.
+
+The board is an interactive TUI, so it needs a real terminal — you can't drive it from a piped/captured shell (and neither can an AI agent). [`ttyd`](https://github.com/tsl0922/ttyd) shares a terminal over HTTP, which makes the board reachable from a browser and scriptable by browser-automation agents — but only when explicitly requested.
+
+Install ttyd (see the [ttyd README](https://github.com/tsl0922/ttyd#installation) — e.g. `winget install tsl0922.ttyd`, `brew install ttyd`, or `apt install ttyd`), then serve the board from an interactive terminal:
+
+```bash
+# Point -w at the repo (absolute path) and run the dev board:
+ttyd -W -w "C:\Projects\Personal\loop-cli" -p 7681 pnpm run dev
+
+# The built entry works too (after `npm run build`), with the same -w:
+ttyd -W -w "C:\Projects\Personal\loop-cli" -p 7681 node dist/entry.js
+```
+
+Open `http://localhost:7681` in a browser and use the board as normal. `-W` makes it writable so keystrokes reach the TUI. Handy for demos, for testing on a machine without a good local terminal, and for letting an AI agent drive the board (navigate, send keys, screenshot; ttyd renders via xterm.js on a `<canvas>`, so read state from screenshots, not page text).
+
+> **Windows note:** always pass `-w "<absolute repo path>"`. Without it, ttyd gives the spawned command no valid working directory and it fails with `CreateProcessW failed with error 267` — for *every* command (`pnpm`, `npx`, `node` all fail the same way; it is not a `.cmd`-shim issue). On macOS/Linux `-w` is optional but harmless. Start ttyd from a real interactive terminal; a detached/console-less launch can crash its ConPTY on Windows.
+
 ## License
 
 MIT

package/dist/board/App.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { applyLoopFilters, cycleSortMode, cycleStatusFilter, defaultFilters, } from "./state.js";
 import { ToastStack, useToasts } from "./toast.js";

package/dist/board/components/ActionButtons.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { useHoverState } from "../hooks/useHoverState.js";
 import { HOVER_BG } from "../../config/constants.js";

package/dist/board/components/BoardButton.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useHoverState } from "../hooks/useHoverState.js";
 const PRIMARY_REST = "#1e3a5f";
 const PRIMARY_HOVER = "#2a4f7a";

package/dist/board/components/ConfirmModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";
 import { useHoverState } from "../hooks/useHoverState.js";

package/dist/board/components/ContextHelpModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";
 export function ContextHelpModal(props) {

package/dist/board/components/CreateForm.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import fs from "node:fs";

package/dist/board/components/CreateProjectModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { useTabNav } from "../hooks/useTabNav.js";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";

package/dist/board/components/DeleteProjectConfirm.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/DetailView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { t } from "../../i18n/index.js";
 import { commandLine, describeLoop, statusColor, statusLabel, timingLabel } from "../format.js";

package/dist/board/components/EditProjectModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { useTabNav } from "../hooks/useTabNav.js";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";

package/dist/board/components/FilterBar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { useHoverState } from "../hooks/useHoverState.js";
 import { HOVER_BG } from "../../config/constants.js";

package/dist/board/components/Footer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { ENTITY_COLORS } from "../../config/constants.js";
 export function Footer(props) {

package/dist/board/components/Header.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useTerminalDimensions } from "@opentui/react";
 import { HEADER_COMPACT_WIDTH, ENTITY_COLORS } from "../../config/constants.js";
 import { t } from "../../i18n/index.js";

package/dist/board/components/HelpModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";
 export function HelpModal(props) {

package/dist/board/components/Inspector.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { commandLine, describeLoop, statusColor, statusLabel, timeAgo } from "../format.js";
 export function Inspector(props) {

package/dist/board/components/LogModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/Navigator.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/ProjectsModal.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/ProjectsPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import { useKeyboard } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/RunHistory.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useMemo } from "react";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/SearchBox.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { t } from "../../i18n/index.js";
 import { useInputShortcuts } from "../hooks/useInputShortcuts.js";

package/dist/board/components/SearchSelect.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { useKeyboard } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/TaskBrowser.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";

package/dist/board/components/TaskFilterBar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SearchBox } from "./SearchBox.js";
 export function TaskFilterBar(props) {
     const { query, searchActive, focusedPanel, onQueryChange, onSearchActivate, onSearchDismiss } = props;

package/dist/board/components/TaskForm.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 import crypto from "node:crypto";
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";

package/dist/board/components/Timeline.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 export function Timeline(props) {
     return (_jsx("scrollbox", { title: t("board.timelineTitle"), border: true, style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, stickyScroll: true, stickyStart: "bottom", children: props.logLines.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.timelineEmpty") })) : (props.logLines.map((line, index) => _jsx("text", { children: line }, index))) }));

package/dist/board/focus-context.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState, useCallback, useRef, useEffect } from "react";
 import { useKeyboard } from "@opentui/react";
 const FocusContext = createContext(null);

package/dist/board/format.js

@@ -1,9 +1,15 @@
 import { t } from "../i18n/index.js";
+export function unescapeCommand(str) {
+    return str
+        .replace(/\\\\/g, "\x00")
+        .replace(/\\"/g, '"')
+        .replace(/\x00/g, "\\");
+}
 export function quoteArg(arg) {
     return /[\s"]/.test(arg) ? `"${arg.replace(/"/g, '\\"')}"` : arg;
 }
 export function commandLine(command, args) {
-    return [command, ...args.map(quoteArg)].join(" ").trim();
+    return [unescapeCommand(command), ...args.map((a) => quoteArg(unescapeCommand(a)))].join(" ").trim();
 }
 export function formatCmd(command, args, max = 24) {
     const full = commandLine(command, args);
@@ -51,7 +57,7 @@ export function timeUntil(iso) {
 }
 const STATUS_COLORS = {
     running: "#4ade80",
-    waiting: "#38bdf8",
+    waiting: "#6b7280",
     paused: "#facc15",
     idle: "#fb923c",
     stopped: "#f87171",
@@ -91,12 +97,15 @@ export function formatRunTime(iso) {
     const d = new Date(iso);
     return d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false });
 }
+export function formatDate(iso) {
+    const d = new Date(iso);
+    const date = d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    const time = d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
+    return `${date} ${time}`;
+}
 export function sinceLabel(loop) {
     const ts = loop.sessionStartedAt ?? loop.createdAt;
     if (!ts)
         return t("format.dash");
-    const d = new Date(ts);
-    const date = d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-    const time = d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
-    return `${date} ${time}`;
+    return formatDate(ts);
 }

package/dist/board/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 import { App } from "./App.js";

package/dist/board/toast.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from "react";
 import { TOAST_MAX, TOAST_TIMEOUT_MS } from "../config/constants.js";
 export function useToasts() {