@scrylog/cli 0.2.0 → 0.3.0

package/src/shared/terminal-capabilities.ts

@@ -0,0 +1,130 @@
+import { stdin as input, stdout as output } from "node:process";
+
+/**
+ * Non-invasive terminal capability probes used by `scrylog doctor` to explain
+ * how provider icons negotiate graphics. Mirrors the response formats OpenTUI's
+ * detector expects, but never enters the alternate screen and always restores
+ * the terminal to its original state (`finally`).
+ */
+
+export interface TerminalGraphicsCapabilities {
+  /** Terminal identification from XTVERSION (e.g. "ghostty(1.2.3)"), if answered. */
+  terminalName: string | null;
+  /** Outer multiplexer detected from the environment ("tmux" | "zellij" | "none"). */
+  multiplexer: "tmux" | "zellij" | "none";
+  /** Terminal answered a kitty graphics protocol query. */
+  kittyGraphics: boolean;
+  /** DA1 primary response advertises sixel (attribute 4). */
+  sixel: boolean;
+  /** Window pixel resolution from `CSI 14t`. */
+  pixelResolution: { width: number; height: number } | null;
+  /** stdin was not a TTY (SSH without tty, pipes) or raw mode was unavailable. */
+  probeFailed: boolean;
+  /** Why the probe did not run or answer. */
+  probeFailedReason: "not-a-tty" | "raw-unavailable" | "no-answer" | null;
+  /** TERM value, useful for manual triage. */
+  term: string | null;
+}
+
+const PROBE_TIMEOUT_MS = 300;
+
+const XTVERSION_PROBE = "\x1bP>0q\x1b\\";
+const DA1_PROBE = "\x1b[c";
+const KITTY_PROBE = "\x1b_Gi=31,s=1,v=1,a=q,t=d,f=24;AAAA\x1b\\";
+const PIXEL_RES_PROBE = "\x1b[14t";
+
+/** Visible attributes in a DA1 primary response (e.g. `ESC[?6;22;4c`). Sixel is attribute 4. */
+const DA1_RESPONSE = /\x1b\[\?(\d+(?:;\d+)*)c/g;
+const XTVERSION_RESPONSE = /\x1bP>[|]([^\x1b]+)\x1b\\/;
+const KITTY_RESPONSE = /\x1b_Gi=31;([^\x1b]*)\x1b\\/;
+const PIXEL_RES_RESPONSE = /\x1b\[4;(\d+);(\d+)t/;
+
+export function detectMultiplexer(): "tmux" | "zellij" | "none" {
+  if (process.env["TMUX"]) return "tmux";
+  if (process.env["ZELLIJ"]) return "zellij";
+  return "none";
+}
+
+export function parseResponses(sequence: string): Partial<TerminalGraphicsCapabilities> {
+  const result: Partial<TerminalGraphicsCapabilities> = {};
+  const version = sequence.match(XTVERSION_RESPONSE)?.[1];
+  if (version) result.terminalName = version.trim();
+  for (const da1 of sequence.matchAll(DA1_RESPONSE)) {
+    if (da1[1]!.split(";").includes("4")) result.sixel = true;
+  }
+  const kitty = sequence.match(KITTY_RESPONSE);
+  if (kitty) result.kittyGraphics = !(kitty[1] ?? "").startsWith("E:");
+  const res = sequence.match(PIXEL_RES_RESPONSE);
+  if (res) result.pixelResolution = { width: Number(res[2]), height: Number(res[1]) };
+  return result;
+}
+
+export function probeTerminalGraphics(): Promise<TerminalGraphicsCapabilities> {
+  const probe: TerminalGraphicsCapabilities = {
+    terminalName: null,
+    multiplexer: detectMultiplexer(),
+    kittyGraphics: false,
+    sixel: false,
+    pixelResolution: null,
+    probeFailed: true,
+    probeFailedReason: null,
+    term: process.env["TERM"] ?? null,
+  };
+
+  if (!input.isTTY || typeof input.setRawMode !== "function") {
+    return Promise.resolve({ ...probe, probeFailedReason: "not-a-tty" });
+  }
+
+  return new Promise((resolve) => {
+    const rawActive = input.isRaw === true;
+    const restore = () => {
+      try { input.setRawMode(rawActive); } catch { /* restore best effort */ }
+    };
+    let buffer = "";
+    let settleTimeout: ReturnType<typeof setTimeout> | null = null;
+    let done = false;
+    const stop = () => {
+      if (done) return;
+      done = true;
+      clearTimeout(settleTimeout!);
+      input.removeListener("data", onData);
+      restore();
+    };
+    const settle = () => {
+      stop();
+      const parsed = parseResponses(buffer);
+      const failed = Object.keys(parsed).length === 0;
+      resolve({
+        ...probe,
+        ...parsed,
+        probeFailed: failed,
+        probeFailedReason: failed ? "no-answer" : null,
+      });
+    };
+    const onData = (chunk: Buffer | string) => {
+      buffer += typeof chunk === "string" ? chunk : chunk.toString("latin1");
+      clearTimeout(settleTimeout!);
+      settleTimeout = setTimeout(settle, 80);
+    };
+    try {
+      input.setRawMode(true);
+    } catch {
+      resolve({ ...probe, probeFailedReason: "raw-unavailable" });
+      return;
+    }
+    input.on("data", onData);
+    settleTimeout = setTimeout(settle, PROBE_TIMEOUT_MS);
+    output.write(XTVERSION_PROBE + DA1_PROBE + KITTY_PROBE + PIXEL_RES_PROBE);
+  });
+}
+
+export type ProviderIconAdvice = "graphics" | "kitty" | "sixel" | "blocks";
+
+/** Maps probed capabilities to the recommended `tui.providerIcons` value. */
+export function adviseProviderIcons(capabilities: TerminalGraphicsCapabilities): ProviderIconAdvice {
+  if (capabilities.multiplexer === "tmux" || capabilities.multiplexer === "zellij") return "blocks";
+  if (capabilities.kittyGraphics) return "graphics";
+  if (capabilities.sixel && capabilities.pixelResolution) return "graphics";
+  if (capabilities.sixel) return "sixel";
+  return "blocks";
+}

package/src/shared/types.ts

@@ -131,7 +131,7 @@ export interface AppOptions extends CollectorOptions {
 // ── New unified session model ─────────────────────────────────────────────────
 
 /** How the agent session was detected */
-export type SessionSource = "tmux" | "standalone";
+export type SessionSource = "tmux" | "herdr" | "standalone";
 
 /** The tool type — extended with "claude" and "error" variants */
 export type SessionTool = "opencode" | "claude" | "codex" | "copilotcli" | "shell" | "unknown";
@@ -190,6 +190,23 @@ export interface CodexSessionMeta {
   forkedFromId?: string;
 }
 
+/** Herdr pane and agent metadata */
+export interface HerdrSessionMeta {
+  paneId: string;
+  terminalId?: string;
+  workspaceId?: string;
+  workspace?: string;
+  tabId?: string;
+  tab?: string;
+  /** Explicit pane name — undefined when herdr only derived it from the agent name */
+  name?: string;
+  focused?: boolean;
+  providerSource: "socket" | "cli";
+  agent?: string;
+  agentStatus?: string;
+  agentSessionId?: string;
+}
+
 /** Unified session model used throughout daemon, API, MCP, and TUI */
 export interface SessionModel {
   id: string;
@@ -201,6 +218,8 @@ export interface SessionModel {
     session: string;
     window: string;
     pane: string;
+    /** tmux window (tab) name, used as display-name fallback */
+    windowName?: string;
   };
   summary: string;
   lastActivity: number;
@@ -212,10 +231,12 @@ export interface SessionModel {
   claude?: ClaudeSessionMeta;
   /** Populated when detected via Codex JSONL transcript or hooks */
   codex?: CodexSessionMeta;
+  /** Populated for panes discovered through herdr */
+  herdr?: HerdrSessionMeta;
   /** Populated when detected via legacy heuristics */
   legacyPaneId?: string;
   /** Data source description for UI display */
-  detectionSource?: "opencode-sdk" | "opencode-hook" | "claude-transcript" | "claude-hook" | "codex-transcript" | "codex-hook" | "fallback-detection" | "opencode-db";
+  detectionSource?: "opencode-sdk" | "opencode-hook" | "claude-transcript" | "claude-hook" | "codex-transcript" | "codex-hook" | "fallback-detection" | "opencode-db" | "herdr";
   /** ID of the parent session when this is a sub-agent session spawned by another session */
   parentSessionId?: string;
   /** IDs of direct child sessions spawned by this session (populated on parent sessions) */
@@ -278,6 +299,16 @@ export interface DaemonState {
   refreshedAt: number;
 }
 
+export interface HealthResponse {
+  ok: true;
+  version: string;
+  startedAt: number;
+  refreshedAt: number;
+  collectors: Record<string, CollectorStatus>;
+}
+
+export type DaemonHealth = Pick<HealthResponse, "ok"> & Partial<Omit<HealthResponse, "ok">>;
+
 export interface CollectorStatus {
   name: string;
   running: boolean;

package/src/shared/version.ts

@@ -0,0 +1,44 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+
+export interface DaemonVersionMismatch {
+  cliVersion: string;
+  daemonVersion?: string;
+}
+
+function readInstalledVersion(): string {
+  try {
+    const pkg = JSON.parse(readFileSync(join(import.meta.dir, "..", "..", "package.json"), "utf8")) as { version?: unknown };
+    return typeof pkg.version === "string" && pkg.version.length > 0 ? pkg.version : "unknown";
+  } catch {
+    return "unknown";
+  }
+}
+
+const INSTALLED_VERSION = readInstalledVersion();
+
+export function getInstalledVersion(): string {
+  return INSTALLED_VERSION;
+}
+
+export function getDaemonVersionMismatch(cliVersion: string, daemonVersion?: string): DaemonVersionMismatch | undefined {
+  if (cliVersion === "unknown") return undefined;
+  if (!daemonVersion || daemonVersion === "unknown") return { cliVersion };
+  if (daemonVersion === cliVersion) return undefined;
+  return { cliVersion, daemonVersion };
+}
+
+export function formatVersionDiagnostics(cliVersion: string, daemonVersion?: string): string {
+  const normalizedDaemonVersion = daemonVersion && daemonVersion !== "unknown" ? daemonVersion : "unknown";
+  const mismatch = getDaemonVersionMismatch(cliVersion, daemonVersion);
+  const lines = [
+    `CLI version: ${cliVersion}`,
+    `Daemon version: ${normalizedDaemonVersion}`,
+    `Version match: ${mismatch ? "false" : "true"}`,
+  ];
+  if (mismatch) {
+    lines.push("Action: scrylog daemon restart");
+    lines.push("Fallback: stop the running daemon and run scrylogd");
+  }
+  return `${lines.join("\n")}\n`;
+}

package/src/tui/App.tsx

@@ -0,0 +1,240 @@
+import { useKeyboard, useTerminalDimensions } from "@opentui/react";
+import { useEffect, useReducer, useRef, useState } from "react";
+import type { ScrylogConfig } from "../shared/config";
+import type { SessionModel, StoreEvent } from "../shared/types";
+import type { SessionListItem } from "../shared/session-view";
+import { applySessionFilters, buildRows, moveSelection, sessionAttachCommand, visibleRowWindow } from "./model";
+import { dashboardReducer, INITIAL_DASHBOARD_STATE } from "./state";
+import type { DaemonClient } from "./client";
+import { SessionsView } from "./components/SessionsView";
+import { UsageView } from "./components/UsageView";
+import { TabBar } from "./components/TabBar";
+import { KeyBar } from "./components/KeyBar";
+import { BindingsModal } from "./components/BindingsModal";
+import { DashboardHeader, dashboardHeaderHeight } from "./components/DashboardHeader";
+import { isInsideTmux } from "../shared/utils";
+import type { DaemonVersionMismatch } from "../shared/version";
+
+export interface AppOptions {
+  refreshMs: number;
+  includeUnknown?: boolean;
+}
+
+export interface AppProps {
+  client: DaemonClient;
+  options: AppOptions;
+  config: ScrylogConfig;
+  versionMismatch?: DaemonVersionMismatch;
+  onExit(): void;
+  onAttach(command: string[], sessionId: string): void;
+}
+
+export function App({ client, options, config, versionMismatch, onExit, onAttach }: AppProps) {
+  const { width, height } = useTerminalDimensions();
+  const paneHeight = Math.max(1, height - dashboardHeaderHeight(width) - 2);
+  const [state, dispatch] = useReducer(dashboardReducer, INITIAL_DASHBOARD_STATE);
+  const [spinnerFrame, setSpinnerFrame] = useState(0);
+  const stateRef = useRef(state);
+  const rowsRef = useRef<ReturnType<typeof buildRows>>([]);
+  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const knownStatesRef = useRef(new Map<string, SessionModel["state"]>());
+  stateRef.current = state;
+
+  useEffect(() => {
+    let active = true;
+    const refreshSessions = async () => {
+      const [status, sessionData] = await Promise.all([
+        client.getStatusSummary(options.includeUnknown),
+        client.getSessions(options.includeUnknown),
+      ]);
+      if (!active) return;
+      if (!status || !sessionData) {
+        dispatch({ type: "connection", connected: false });
+        return;
+      }
+      knownStatesRef.current = new Map(sessionData.sessions.map((session) => [session.id, session.state]));
+      dispatch({ type: "sessions-loaded", sessions: sessionData.sessions, counts: status.counts });
+    };
+    const refreshAll = async () => {
+      const usage = await client.getUsage();
+      if (active && usage) dispatch({ type: "usage-loaded", usage });
+      await refreshSessions();
+    };
+    const scheduleRefresh = (immediate: boolean) => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (immediate || config.tui.pushDebounceMs <= 0) {
+        debounceRef.current = null;
+        void refreshSessions();
+        return;
+      }
+      debounceRef.current = setTimeout(() => {
+        debounceRef.current = null;
+        void refreshSessions();
+      }, config.tui.pushDebounceMs);
+    };
+    const onStoreEvent = (event: StoreEvent | { type: "connected" } | { type: "disconnected" }) => {
+      if (event.type === "connected") {
+        dispatch({ type: "connection", connected: true });
+        void refreshAll();
+      } else if (event.type === "disconnected") {
+        dispatch({ type: "connection", connected: false });
+      } else if (event.type === "usage:updated") {
+        dispatch({ type: "usage-loaded", usage: event.usage });
+      } else if (event.type === "session:added" || event.type === "session:removed") {
+        scheduleRefresh(true);
+      } else if (event.type === "session:updated") {
+        const known = knownStatesRef.current.get(event.session.id);
+        scheduleRefresh(known === undefined || known !== event.session.state);
+      }
+    };
+
+    void refreshAll();
+    const polling = setInterval(() => void refreshAll(), options.refreshMs);
+    const unsubscribe = config.tui.usePushUpdates ? client.subscribeEvents(onStoreEvent) : undefined;
+    return () => {
+      active = false;
+      clearInterval(polling);
+      unsubscribe?.();
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    };
+  }, [client, config.tui.pushDebounceMs, config.tui.usePushUpdates, options.includeUnknown, options.refreshMs]);
+
+  useEffect(() => {
+    if (state.view !== "sessions") return;
+    const animation = setInterval(() => setSpinnerFrame((frame) => (frame + 1) % 10), 180);
+    return () => clearInterval(animation);
+  }, [state.view]);
+
+  const filtered = applySessionFilters(state.sessions, state.filters, config.tui.standaloneMaxAgeHours);
+  const rows = buildRows(filtered, width < 110);
+  rowsRef.current = rows;
+  const usagePaneRows = state.view === "sessions" && state.usage ? 3 : 0;
+  const visibleRows = visibleRowWindow(rows, state.selectedSessionId, Math.max(4, height - dashboardHeaderHeight(width) - usagePaneRows - (state.mode === "search" ? 8 : 5)));
+
+  const openDetail = async (session: SessionListItem | undefined) => {
+    if (!session) return;
+    const detail = await client.getSessionDetail(session.id) ?? ({ ...session } as SessionModel);
+    dispatch({ type: "detail", session: detail });
+  };
+
+  const attach = (session: SessionListItem | undefined) => {
+    if (!session) return;
+    const command = sessionAttachCommand(session, isInsideTmux());
+    if (!command) {
+      dispatch({
+        type: "message",
+        message: session.source === "herdr"
+          ? "Herdr attach is unavailable because this pane has no terminal ID."
+          : "Attach is only available for sessions running inside tmux or herdr.",
+      });
+      return;
+    }
+    onAttach(command, session.id);
+  };
+
+  useKeyboard((key) => {
+    const currentState = stateRef.current;
+    const currentSelected = currentState.sessions.find((session) => session.id === currentState.selectedSessionId);
+    if ((key.ctrl && key.name === "c") || (key.name === "q" && currentState.mode === "list")) return onExit();
+    if (currentState.mode === "search") {
+      if (key.name === "escape" || key.name === "return" || key.name === "enter") dispatch({ type: "close-overlay" });
+      return;
+    }
+    if (currentState.mode === "detail" || currentState.mode === "message" || currentState.mode === "bindings") {
+      if (key.name === "escape" || key.name === "q") dispatch({ type: "close-overlay" });
+      if (key.name === "t" && currentState.detail) attach(currentState.detail as SessionListItem);
+      return;
+    }
+    if (key.name === "tab") {
+      dispatch({ type: "view", view: key.shift ? "sessions" : currentState.view === "sessions" ? "usage" : "sessions" });
+      return;
+    }
+    if (key.name === "u") return dispatch({ type: "view", view: "usage" });
+    if (key.name === "s") return dispatch({ type: "view", view: "sessions" });
+    if (key.name === "r") {
+      void Promise.all([client.getStatusSummary(options.includeUnknown), client.getSessions(options.includeUnknown), client.getUsage()])
+        .then(([status, sessions, usage]) => {
+          if (status && sessions) dispatch({ type: "sessions-loaded", sessions: sessions.sessions, counts: status.counts });
+          if (usage) dispatch({ type: "usage-loaded", usage });
+        });
+      return;
+    }
+    if (key.name === "?") return dispatch({ type: "bindings" });
+    if (currentState.view !== "sessions") return;
+    if (key.name === "up" || key.name === "k") return dispatch({ type: "select", id: moveSelection(rowsRef.current, currentState.selectedSessionId, -1) });
+    if (key.name === "down" || key.name === "j") return dispatch({ type: "select", id: moveSelection(rowsRef.current, currentState.selectedSessionId, 1) });
+    if (key.name === "escape") return dispatch({ type: "select", id: undefined });
+    if (key.name === "return" || key.name === "enter") return void openDetail(currentSelected);
+    if (key.name === "t") return attach(currentSelected);
+    if (key.name === "/") return dispatch({ type: "search" });
+    if (key.name === "a") return dispatch({ type: "toggle-actionable" });
+    if (key.name === "f") return dispatch({ type: "cycle-filters" });
+  });
+
+  const filterSummary = [
+    state.filters.query ? `q=${state.filters.query}` : null,
+    state.filters.actionableOnly ? "actionable" : null,
+    state.filters.tool !== "all" ? `tool=${state.filters.tool}` : null,
+    state.filters.state !== "all" ? `state=${state.filters.state}` : null,
+  ].filter(Boolean).join(" ");
+  const selectedSession = state.sessions.find((session) => session.id === state.selectedSessionId);
+
+  return (
+    <box width="100%" height="100%" flexDirection="column">
+      <DashboardHeader
+        sessions={state.sessions}
+        connected={state.daemonConnected}
+        spinnerFrame={spinnerFrame}
+        width={width}
+        versionMismatch={versionMismatch}
+      />
+      <TabBar
+        view={state.view}
+        onSelect={(next) => dispatch({ type: "view", view: next })}
+      />
+      <box
+        position={state.view === "sessions" ? "relative" : "absolute"}
+        top={state.view === "sessions" ? 0 : height + 2}
+        width="100%"
+        height={paneHeight}
+      >
+        <SessionsView
+          rows={visibleRows}
+          sessions={state.sessions}
+          selectedSessionId={state.selectedSessionId}
+          filters={state.filters}
+          mode={state.mode}
+          detail={state.detail}
+          message={state.message}
+          usage={state.usage}
+          iconMode={config.tui.providerIcons}
+          spinnerFrame={spinnerFrame}
+          width={width}
+          interactive={state.mode === "list" && state.view === "sessions"}
+          onQueryChange={(query) => dispatch({ type: "query", query })}
+          onSearchSubmit={() => dispatch({ type: "close-overlay" })}
+          onSelectSession={(id) => dispatch({ type: "select", id })}
+          onOpenSessionDetail={(session) => void openDetail(session)}
+          onScrollSelection={(direction) => dispatch({ type: "select", id: moveSelection(rowsRef.current, stateRef.current.selectedSessionId, direction) })}
+        />
+      </box>
+      <box
+        position={state.view === "usage" ? "relative" : "absolute"}
+        top={state.view === "usage" ? 0 : height + 2}
+        width="100%"
+        height={paneHeight}
+      >
+        <UsageView usage={state.usage} width={width} iconMode={config.tui.providerIcons} hidden={state.view !== "usage"} />
+      </box>
+      <KeyBar
+        view={state.view}
+        width={width}
+        context={state.view === "sessions"
+          ? `${selectedSession ? `${selectedSession.tool} ${selectedSession.state} ${selectedSession.project?.compactLabel ?? selectedSession.id}` : "no selection"}${filterSummary ? `   ${filterSummary}` : ""}`
+          : undefined}
+      />
+      {state.mode === "bindings" && <BindingsModal width={width} iconMode={config.tui.providerIcons} />}
+    </box>
+  );
+}

package/src/tui/assets/providers/SOURCES.md

@@ -0,0 +1,21 @@
+# Provider artwork sources
+
+Retrieved from official provider properties. The images are bundled so the dashboard never fetches artwork at runtime.
+
+| File | Official source |
+| --- | --- |
+| `claude.png` | `https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c129d018a-0ZbJsTbu.png` |
+| `opencode.png` | `https://opencode.ai/apple-touch-icon-v3.png` |
+| `openai.png` | OpenAI official app icon (`https://cdn.oaistatic.com/assets/apple-touch-icon-mz9nytnj.webp`, white tile with black Blossom from the official brand guidelines); the standalone mono Blossom SVG (`File:OpenAI_logo_2025_(symbol).svg`, Wikimedia Commons, PD-textlogo) served as design reference. Formerly `codex.png` (OpenAI Codex app art). |
+
+The `*-terminal.svg` files are editable 8x8, square integer-grid adaptations of those marks. Their generated `*-terminal.png` counterparts map directly to a compact 8x4-cell block target with square half-block pixels (2 pixel rows per cell), avoiding destructive downsampling and aspect distortion. Hand-drawn tool glyphs (no official small-mark equivalent; used for the 2x1-cell mini column icon in image-capable modes, replaced by a brand monogram in blocks mode):
+
+| File | Source |
+| --- | --- |
+| `copilot.svg` / `copilot.png` | Original 8x8 grid drawing modelled on GitHub Copilot's goggles mark |
+| `shell.svg` / `shell.png` | Original 8x8 grid drawing of a `>_` prompt glyph |
+| `unknown.svg` / `unknown.png` | Original 8x8 grid drawing of a `?` marker |
+
+They deliberately avoid gradients and antialiasing so Claude's inverted cream spark on an orange tile, OpenCode's light "O" plate, and OpenAI's black Blossom on a white tile remain identifiable after character-cell rendering. Square official artwork uses a separate 6x3-cell fitted target.
+
+Claude, OpenCode, Codex, OpenAI, Anthropic, and their marks belong to their respective owners.

package/src/tui/assets/providers/claude-terminal.svg

@@ -0,0 +1,62 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" shape-rendering="crispEdges">
+<rect x="1" y="0" width="1" height="1" fill="#d97757"/>
+<rect x="2" y="0" width="1" height="1" fill="#d97757"/>
+<rect x="5" y="0" width="1" height="1" fill="#d97757"/>
+<rect x="6" y="0" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="1" width="1" height="1" fill="#d97757"/>
+<rect x="2" y="1" width="1" height="1" fill="#d97757"/>
+<rect x="5" y="1" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="1" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="2" width="1" height="1" fill="#d97757"/>
+<rect x="1" y="2" width="1" height="1" fill="#d97757"/>
+<rect x="6" y="2" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="2" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="3" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="3" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="4" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="4" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="5" width="1" height="1" fill="#d97757"/>
+<rect x="1" y="5" width="1" height="1" fill="#d97757"/>
+<rect x="6" y="5" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="5" width="1" height="1" fill="#d97757"/>
+<rect x="0" y="6" width="1" height="1" fill="#d97757"/>
+<rect x="2" y="6" width="1" height="1" fill="#d97757"/>
+<rect x="5" y="6" width="1" height="1" fill="#d97757"/>
+<rect x="7" y="6" width="1" height="1" fill="#d97757"/>
+<rect x="1" y="7" width="1" height="1" fill="#d97757"/>
+<rect x="2" y="7" width="1" height="1" fill="#d97757"/>
+<rect x="5" y="7" width="1" height="1" fill="#d97757"/>
+<rect x="6" y="7" width="1" height="1" fill="#d97757"/>
+<rect x="3" y="0" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="0" width="1" height="1" fill="#f5f1e8"/>
+<rect x="1" y="1" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="1" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="1" width="1" height="1" fill="#f5f1e8"/>
+<rect x="6" y="1" width="1" height="1" fill="#f5f1e8"/>
+<rect x="2" y="2" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="2" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="2" width="1" height="1" fill="#f5f1e8"/>
+<rect x="5" y="2" width="1" height="1" fill="#f5f1e8"/>
+<rect x="1" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="2" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="5" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="6" y="3" width="1" height="1" fill="#f5f1e8"/>
+<rect x="1" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="2" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="5" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="6" y="4" width="1" height="1" fill="#f5f1e8"/>
+<rect x="2" y="5" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="5" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="5" width="1" height="1" fill="#f5f1e8"/>
+<rect x="5" y="5" width="1" height="1" fill="#f5f1e8"/>
+<rect x="1" y="6" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="6" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="6" width="1" height="1" fill="#f5f1e8"/>
+<rect x="6" y="6" width="1" height="1" fill="#f5f1e8"/>
+<rect x="3" y="7" width="1" height="1" fill="#f5f1e8"/>
+<rect x="4" y="7" width="1" height="1" fill="#f5f1e8"/>
+</svg>

package/src/tui/assets/providers/copilot.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" shape-rendering="crispEdges">
+<rect x="2" y="0" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="0" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="0" width="1" height="1" fill="#c8cdd8"/>
+<rect x="5" y="0" width="1" height="1" fill="#c8cdd8"/>
+<rect x="1" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="2" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="5" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="6" y="1" width="1" height="1" fill="#c8cdd8"/>
+<rect x="0" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="1" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="6" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="7" y="2" width="1" height="1" fill="#c8cdd8"/>
+<rect x="0" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="1" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="6" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="7" y="3" width="1" height="1" fill="#c8cdd8"/>
+<rect x="0" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="1" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="2" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="5" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="6" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="7" y="4" width="1" height="1" fill="#c8cdd8"/>
+<rect x="1" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="2" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="5" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="6" y="5" width="1" height="1" fill="#c8cdd8"/>
+<rect x="2" y="6" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="6" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="6" width="1" height="1" fill="#c8cdd8"/>
+<rect x="5" y="6" width="1" height="1" fill="#c8cdd8"/>
+<rect x="3" y="7" width="1" height="1" fill="#c8cdd8"/>
+<rect x="4" y="7" width="1" height="1" fill="#c8cdd8"/>
+</svg>