pilotswarm 0.0.1 → 0.4.1

package/ui/core/src/themes/noctis-obscuro.js

@@ -0,0 +1,56 @@
+import { createTheme } from "./helpers.js";
+
+const noctisObscuroTheme = createTheme({
+    id: "noctis-obscuro",
+    label: "Noctis Obscuro",
+    description: "Deep obsidian palette with cool blue accents and restrained contrast for long sessions.",
+    page: {
+        background: "#0b1117",
+        foreground: "#c7d1da",
+        overlayBackground: "#0b1117",
+        overlayForeground: "#c7d1da",
+        hintColor: "#7cc6ff",
+        modalBackdrop: "rgba(5, 9, 13, 0.74)",
+        modalBackground: "#121a23",
+        modalBorder: "#28455b",
+        modalForeground: "#d7e2eb",
+        modalMuted: "#8f9dab",
+        modalSelectedBackground: "#173041",
+        modalSelectedBorder: "#7cc6ff",
+        modalSelectedForeground: "#eef6ff",
+    },
+    terminal: {
+        background: "#060b10",
+        foreground: "#c7d1da",
+        cursor: "#9fd4ff",
+        cursorAccent: "#060b10",
+        selectionBackground: "rgba(72, 125, 170, 0.30)",
+        black: "#2a3138",
+        red: "#ef6b73",
+        green: "#7ddc8f",
+        yellow: "#d9b36c",
+        blue: "#68aee8",
+        magenta: "#b28cff",
+        cyan: "#58c9d4",
+        white: "#c7d1da",
+        brightBlack: "#6e7a86",
+        brightRed: "#f28a92",
+        brightGreen: "#97e5a6",
+        brightYellow: "#e4c28b",
+        brightBlue: "#86c1f1",
+        brightMagenta: "#c6a7ff",
+        brightCyan: "#7ad7df",
+        brightWhite: "#e5edf5",
+    },
+    tui: {
+        surface: "#060b10",
+        activeHighlightBackground: "#123142",
+        activeHighlightForeground: "#eef6ff",
+        selectionBackground: "#4a7baa",
+        selectionForeground: "#0b1117",
+        promptCursorBackground: "#9fd4ff",
+        promptCursorForeground: "#060b10",
+    },
+});
+
+export default noctisObscuroTheme;

package/ui/core/src/themes/noctis.js

@@ -0,0 +1,56 @@
+import { createTheme } from "./helpers.js";
+
+const noctisTheme = createTheme({
+    id: "noctis",
+    label: "Noctis",
+    description: "Dark cyan-tinted palette with warm and cold medium contrast accents.",
+    page: {
+        background: "#052529",
+        foreground: "#b2cacd",
+        overlayBackground: "#052529",
+        overlayForeground: "#b2cacd",
+        hintColor: "#40d4e7",
+        modalBackdrop: "rgba(3, 25, 27, 0.72)",
+        modalBackground: "#073940",
+        modalBorder: "#0e6671",
+        modalForeground: "#b2cacd",
+        modalMuted: "#87a7ab",
+        modalSelectedBackground: "#0b515b",
+        modalSelectedBorder: "#40d4e7",
+        modalSelectedForeground: "#ebfdff",
+    },
+    terminal: {
+        background: "#03191b",
+        foreground: "#b2cacd",
+        cursor: "#85efff",
+        cursorAccent: "#03191b",
+        selectionBackground: "rgba(22, 159, 177, 0.27)",
+        black: "#324a4d",
+        red: "#e66533",
+        green: "#49e9a6",
+        yellow: "#e4b781",
+        blue: "#49ace9",
+        magenta: "#df769b",
+        cyan: "#49d6e9",
+        white: "#b2cacd",
+        brightBlack: "#5e878c",
+        brightRed: "#e97749",
+        brightGreen: "#60ebb1",
+        brightYellow: "#e69533",
+        brightBlue: "#60b6eb",
+        brightMagenta: "#e798b3",
+        brightCyan: "#60dbeb",
+        brightWhite: "#c1d4d7",
+    },
+    tui: {
+        surface: "#03191b",
+        activeHighlightBackground: "#083d44",
+        activeHighlightForeground: "#ebfdff",
+        selectionBackground: "#169fb1",
+        selectionForeground: "#052529",
+        promptCursorBackground: "#85efff",
+        promptCursorForeground: "#03191b",
+    },
+});
+
+export default noctisTheme;

package/ui/core/src/themes/paper-ink.js

@@ -0,0 +1,62 @@
+import { createTheme } from "./helpers.js";
+
+// Warm light theme: paper background, true-ink text, letterpress accents.
+// Warmth comes from the background — the text colors stay deep so agent
+// output never washes out.
+const paperInkTheme = createTheme({
+    id: "paper-ink",
+    label: "Paper Ink",
+    description: "Warm paper background with true-ink text and letterpress accents — warmth without washed-out output.",
+    page: {
+        background: "#faf6ef",
+        foreground: "#1c1917",
+        overlayBackground: "#fffdf8",
+        overlayForeground: "#1c1917",
+        hintColor: "#57534e",
+        modalBackdrop: "rgba(28, 25, 23, 0.35)",
+        modalBackground: "#fffdf8",
+        modalBorder: "#d6cfc2",
+        modalForeground: "#1c1917",
+        modalMuted: "#57534e",
+        modalSelectedBackground: "#f1e4c7",
+        modalSelectedBorder: "#854d0e",
+        modalSelectedForeground: "#713f12",
+    },
+    terminal: {
+        background: "#faf6ef",
+        foreground: "#1c1917",
+        cursor: "#9f1239",
+        cursorAccent: "#fffdf8",
+        selectionBackground: "#f1e4c7",
+        black: "#1c1917",
+        red: "#9f1239",
+        green: "#3f6212",
+        yellow: "#854d0e",
+        blue: "#1e40af",
+        magenta: "#86198f",
+        cyan: "#0f766e",
+        white: "#57534e",
+        brightBlack: "#44403c",
+        brightRed: "#881337",
+        brightGreen: "#365314",
+        brightYellow: "#713f12",
+        brightBlue: "#1e3a8a",
+        brightMagenta: "#701a75",
+        brightCyan: "#115e59",
+        brightWhite: "#1c1917",
+    },
+    tui: {
+        surface: "#fffdf8",
+        border: "#d6cfc2",
+        userChat: "#1e40af",
+        userChatLabel: "#1e3a8a",
+        activeHighlightBackground: "#f1e4c7",
+        activeHighlightForeground: "#713f12",
+        selectionBackground: "#854d0e",
+        selectionForeground: "#fffdf8",
+        promptCursorBackground: "#9f1239",
+        promptCursorForeground: "#fffdf8",
+    },
+});
+
+export default paperInkTheme;

package/ui/core/src/themes/solarized-ops.js

@@ -0,0 +1,59 @@
+import { createTheme } from "./helpers.js";
+
+const solarizedOpsTheme = createTheme({
+    id: "solarized-ops",
+    label: "Solarized Ops",
+    description: "Solarized-inspired operations palette with deep blue-green surfaces and balanced long-session contrast.",
+    page: {
+        background: "#002b36",
+        foreground: "#d7e2d0",
+        overlayBackground: "#073642",
+        overlayForeground: "#e5efe4",
+        hintColor: "#93a1a1",
+        modalBackdrop: "rgba(0, 20, 25, 0.74)",
+        modalBackground: "#073642",
+        modalBorder: "#2f5d67",
+        modalForeground: "#e5efe4",
+        modalMuted: "#93a1a1",
+        modalSelectedBackground: "#164b56",
+        modalSelectedBorder: "#2aa198",
+        modalSelectedForeground: "#fdf6e3",
+    },
+    terminal: {
+        background: "#002b36",
+        foreground: "#d7e2d0",
+        cursor: "#2aa198",
+        cursorAccent: "#002b36",
+        selectionBackground: "#164b56",
+        black: "#073642",
+        red: "#dc322f",
+        green: "#859900",
+        yellow: "#b58900",
+        blue: "#268bd2",
+        magenta: "#6c71c4",
+        cyan: "#2aa198",
+        white: "#eee8d5",
+        brightBlack: "#586e75",
+        brightRed: "#cb4b16",
+        brightGreen: "#93a100",
+        brightYellow: "#c79b00",
+        brightBlue: "#3aa0e6",
+        brightMagenta: "#7b80d6",
+        brightCyan: "#36b5ac",
+        brightWhite: "#fdf6e3",
+    },
+    tui: {
+        surface: "#073642",
+        border: "#2f5d67",
+        userChat: "#b58900",
+        userChatLabel: "#f0d47a",
+        activeHighlightBackground: "#164b56",
+        activeHighlightForeground: "#fdf6e3",
+        selectionBackground: "#268bd2",
+        selectionForeground: "#002b36",
+        promptCursorBackground: "#2aa198",
+        promptCursorForeground: "#002b36",
+    },
+});
+
+export default solarizedOpsTheme;

package/ui/core/src/themes/terminal-green.js

@@ -0,0 +1,59 @@
+import { createTheme } from "./helpers.js";
+
+const terminalGreenTheme = createTheme({
+    id: "terminal-green",
+    label: "Terminal Green",
+    description: "Classic black terminal with phosphor green text, amber warnings, and crisp operator contrast.",
+    page: {
+        background: "#020503",
+        foreground: "#c9f7d3",
+        overlayBackground: "#020503",
+        overlayForeground: "#d9ffe0",
+        hintColor: "#7ee787",
+        modalBackdrop: "rgba(0, 6, 2, 0.82)",
+        modalBackground: "#061109",
+        modalBorder: "#245c33",
+        modalForeground: "#d9ffe0",
+        modalMuted: "#83a98c",
+        modalSelectedBackground: "#0b2a14",
+        modalSelectedBorder: "#63e27a",
+        modalSelectedForeground: "#ecfff0",
+    },
+    terminal: {
+        background: "#020503",
+        foreground: "#c9f7d3",
+        cursor: "#8cff9f",
+        cursorAccent: "#020503",
+        selectionBackground: "#174923",
+        black: "#061109",
+        red: "#ff5f5f",
+        green: "#63e27a",
+        yellow: "#d6b95f",
+        blue: "#5aa7ff",
+        magenta: "#c586ff",
+        cyan: "#5ce1d8",
+        white: "#c9f7d3",
+        brightBlack: "#5b7a61",
+        brightRed: "#ff7f7f",
+        brightGreen: "#8cff9f",
+        brightYellow: "#f0d982",
+        brightBlue: "#82bdff",
+        brightMagenta: "#d9a8ff",
+        brightCyan: "#89f4ee",
+        brightWhite: "#effff1",
+    },
+    tui: {
+        surface: "#020503",
+        border: "#245c33",
+        userChat: "#f0d982",
+        userChatLabel: "#fff0a8",
+        activeHighlightBackground: "#0b2a14",
+        activeHighlightForeground: "#ecfff0",
+        selectionBackground: "#63e27a",
+        selectionForeground: "#020503",
+        promptCursorBackground: "#8cff9f",
+        promptCursorForeground: "#020503",
+    },
+});
+
+export default terminalGreenTheme;

package/ui/core/src/themes/tokyo-night.js

@@ -0,0 +1,56 @@
+import { createTheme } from "./helpers.js";
+
+const tokyoNightTheme = createTheme({
+    id: "tokyo-night",
+    label: "Tokyo Night",
+    description: "Deep blue-gray canvas with vivid neon accents inspired by Tokyo city lights.",
+    page: {
+        background: "#1a1b26",
+        foreground: "#a9b1d6",
+        overlayBackground: "#1a1b26",
+        overlayForeground: "#a9b1d6",
+        hintColor: "#737aa2",
+        modalBackdrop: "rgba(26, 27, 38, 0.74)",
+        modalBackground: "#24283b",
+        modalBorder: "#414868",
+        modalForeground: "#a9b1d6",
+        modalMuted: "#737aa2",
+        modalSelectedBackground: "#33467c",
+        modalSelectedBorder: "#7aa2f7",
+        modalSelectedForeground: "#c0caf5",
+    },
+    terminal: {
+        background: "#1a1b26",
+        foreground: "#a9b1d6",
+        cursor: "#c0caf5",
+        cursorAccent: "#1a1b26",
+        selectionBackground: "rgba(122, 162, 247, 0.22)",
+        black: "#414868",
+        red: "#f7768e",
+        green: "#9ece6a",
+        yellow: "#e0af68",
+        blue: "#7aa2f7",
+        magenta: "#bb9af7",
+        cyan: "#7dcfff",
+        white: "#a9b1d6",
+        brightBlack: "#565f89",
+        brightRed: "#f7768e",
+        brightGreen: "#9ece6a",
+        brightYellow: "#e0af68",
+        brightBlue: "#7aa2f7",
+        brightMagenta: "#bb9af7",
+        brightCyan: "#7dcfff",
+        brightWhite: "#c0caf5",
+    },
+    tui: {
+        surface: "#1a1b26",
+        activeHighlightBackground: "#33467c",
+        activeHighlightForeground: "#c0caf5",
+        selectionBackground: "#7aa2f7",
+        selectionForeground: "#1a1b26",
+        promptCursorBackground: "#c0caf5",
+        promptCursorForeground: "#1a1b26",
+    },
+});
+
+export default tokyoNightTheme;

package/ui/react/README.md

@@ -0,0 +1,5 @@
+# pilotswarm/ui-react (internal)
+
+Shared React views and host adapters for PilotSwarm interfaces.
+
+This package is used by both the TUI and web portal host layers.

package/ui/react/src/chat-status.js

@@ -0,0 +1,39 @@
+import React from "react";
+
+const DOT_FRAMES = [".\u00a0\u00a0", "..\u00a0", "..."];
+
+export function useAnimatedDots(active, intervalMs = 360) {
+    const [frameIndex, setFrameIndex] = React.useState(0);
+
+    React.useEffect(() => {
+        if (!active) {
+            setFrameIndex(0);
+            return undefined;
+        }
+
+        const timer = setInterval(() => {
+            setFrameIndex((current) => (current + 1) % DOT_FRAMES.length);
+        }, intervalMs);
+
+        return () => clearInterval(timer);
+    }, [active, intervalMs]);
+
+    return active ? DOT_FRAMES[frameIndex] : "";
+}
+
+export function appendAnimatedDotsToRuns(runs, dots = "") {
+    if (!Array.isArray(runs) || runs.length === 0) return null;
+    if (!dots) return runs;
+
+    const lastRun = runs[runs.length - 1] || {};
+    return [
+        ...runs,
+        {
+            text: dots,
+            color: lastRun.color || "gray",
+            bold: Boolean(lastRun.bold),
+            underline: Boolean(lastRun.underline),
+            backgroundColor: lastRun.backgroundColor,
+        },
+    ];
+}