@h-rig/omp-extension-plugin 0.0.6-alpha.186

package/README.md

@@ -0,0 +1 @@
+# @h-rig/omp-extension-plugin

package/dist/src/cockpit/board-views.d.ts

@@ -0,0 +1,100 @@
+import type { HelpCatalog, RigBoardRunRow, RigBoardTaskRow } from "@rig/contracts";
+import { type Component } from "@oh-my-pi/pi-tui";
+export type BoardRun = RigBoardRunRow;
+export type BoardTask = RigBoardTaskRow;
+export type RunSortMode = "active" | "recent" | "status";
+export type BoardSettingItem = {
+    id: string;
+    label: string;
+    currentValue?: string;
+    values?: readonly string[];
+    description?: string;
+    heading?: boolean;
+};
+export declare function hairline(width: number): string;
+/** Live runs list: selection bar, status dots, scroll window, search filter,
+ * sort modes. Selection tracks the run, not the row index. */
+/** Board-styled menu/detail rows, used for every non-live family surface. */
+export declare class BoardSettingsList implements Component {
+    items: BoardSettingItem[];
+    selected: number;
+    title: string;
+    emptyMessage: string;
+    setItems(items: readonly BoardSettingItem[]): void;
+    setTitle(title: string): void;
+    private selectableAt;
+    private firstSelectable;
+    moveSelection(delta: number): void;
+    selectedItem(): BoardSettingItem | null;
+    invalidate(): void;
+    render(width: number): string[];
+    private renderLines;
+}
+/** Full-width hairline rule, matching the published shell. */
+export declare class Rule implements Component {
+    invalidate(): void;
+    render(width: number): string[];
+}
+/**
+ * In-app help built from the shared command catalog (the exact published help
+ * data, owned by @rig/omp-extension-plugin), with width-aware two-column layout.
+ */
+export declare class HelpView implements Component {
+    #private;
+    private readonly catalog;
+    private readonly group?;
+    offset: number;
+    constructor(catalog: HelpCatalog, group?: string | undefined);
+    scroll(delta: number): void;
+    invalidate(): void;
+    render(width: number): string[];
+}
+export type DetailTone = "muted" | "strong" | "link" | "warn";
+export type DetailFact = {
+    label: string;
+    value: string;
+    tone?: DetailTone;
+    /** When set, the value renders with the status color + glyph. */
+    status?: string;
+};
+export type DetailAction = {
+    id: string;
+    label: string;
+    glyph?: string;
+    value?: string;
+    hint?: string;
+    /** Default true; disabled actions render greyed and are not selectable. */
+    enabled?: boolean;
+    danger?: boolean;
+};
+export type DetailStage = {
+    label: string;
+    status: string;
+};
+export type DetailModel = {
+    screen: "task-detail" | "run-detail";
+    icon: string;
+    ref: string;
+    title: string;
+    status?: string;
+    body?: string;
+    bodyLabel?: string;
+    facts: DetailFact[];
+    stages?: DetailStage[];
+    actions: DetailAction[];
+};
+export declare class DetailComposer implements Component {
+    model: DetailModel;
+    selected: number;
+    tick: number;
+    private bodyScroll;
+    setModel(model: DetailModel): void;
+    private enabledActions;
+    private clamp;
+    moveSelection(delta: number): void;
+    selectedAction(): DetailAction | null;
+    scrollBody(delta: number): void;
+    resetScroll(): void;
+    invalidate(): void;
+    render(width: number): string[];
+}

package/dist/src/cockpit/board-views.js

@@ -0,0 +1,298 @@
+// @bun
+// packages/omp-extension-plugin/src/cockpit/board-views.ts
+import { truncateToWidth } from "@oh-my-pi/pi-tui";
+import {
+  accent,
+  accentDim,
+  bold,
+  cyan,
+  ink,
+  ink2,
+  ink3,
+  ink4,
+  red,
+  DRONE_WIDTH,
+  renderDroneFrame,
+  renderMicroDroneFrame,
+  RIG_SPINNER_FRAMES,
+  screenGlyph,
+  sectionDivider,
+  statusColor,
+  statusGlyph,
+  statusPill,
+  wrapText,
+  yellow
+} from "@rig/std-shared/board-theme";
+function hairline(width) {
+  return ink4("\u2500".repeat(Math.max(0, width)));
+}
+class BoardSettingsList {
+  items = [];
+  selected = 0;
+  title = "";
+  emptyMessage = "nothing to show";
+  setItems(items) {
+    this.items = [...items];
+    if (!this.selectableAt(this.selected))
+      this.selected = this.firstSelectable();
+  }
+  setTitle(title) {
+    this.title = title;
+  }
+  selectableAt(index) {
+    const item = this.items[index];
+    return !!item && item.heading !== true;
+  }
+  firstSelectable() {
+    const i = this.items.findIndex((_, idx) => this.selectableAt(idx));
+    return i >= 0 ? i : 0;
+  }
+  moveSelection(delta) {
+    if (this.items.length === 0)
+      return;
+    const step = delta < 0 ? -1 : 1;
+    for (let i = this.selected + step;i >= 0 && i < this.items.length; i += step) {
+      if (this.selectableAt(i)) {
+        this.selected = i;
+        return;
+      }
+    }
+  }
+  selectedItem() {
+    return this.selectableAt(this.selected) ? this.items[this.selected] : null;
+  }
+  invalidate() {}
+  render(width) {
+    return this.renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+  }
+  renderLines(width) {
+    if (this.items.length === 0) {
+      return ["", ` ${ink2(this.emptyMessage)}`, ""];
+    }
+    const maxVisible = Math.max(8, Math.min(16, (process.stdout.rows ?? 30) - 10));
+    const start = Math.max(0, Math.min(this.selected - Math.floor(maxVisible / 2), this.items.length - maxVisible));
+    const window = this.items.slice(start, start + maxVisible);
+    const valueWidth = Math.min(24, Math.max(10, Math.floor(width * 0.24)));
+    const labelWidth = Math.min(24, Math.max(10, Math.floor(width * 0.26)));
+    const lines = window.flatMap((item, index) => {
+      const absolute = start + index;
+      const isSelected = absolute === this.selected;
+      const marker = isSelected ? accent("\u258C") : " ";
+      const navGlyph = item.id.startsWith("to:") ? `${screenGlyph(item.id.slice(3))} ` : "";
+      const labelText = truncateToWidth(`${navGlyph}${item.label}`, labelWidth).padEnd(labelWidth);
+      const isTitle = item.id === "title";
+      const isStatus = item.id.endsWith(":status");
+      const label = isTitle ? accent(labelText) : isSelected ? ink(labelText) : item.heading ? ink3(labelText) : ink2(labelText);
+      const value = !item.currentValue ? ink4("".padEnd(valueWidth)) : isStatus ? statusColor(item.currentValue)(truncateToWidth(`${statusGlyph(item.currentValue)} ${item.currentValue}`, valueWidth).padEnd(valueWidth)) : item.heading ? ink2(truncateToWidth(item.currentValue, valueWidth).padEnd(valueWidth)) : ink3(truncateToWidth(item.currentValue, valueWidth).padEnd(valueWidth));
+      const action = item.values?.[0] && item.values[0] !== item.currentValue ? isSelected ? accent(item.values[0]) : accentDim(item.values[0]) : "";
+      const row = `${marker} ${label} ${value}${action ? ` ${action}` : ""}`;
+      if (isSelected && item.description) {
+        return [row, `   ${ink4(truncateToWidth(item.description, Math.max(12, width - 5)))}`];
+      }
+      return [row];
+    });
+    const meta = [];
+    if (this.items.length > maxVisible)
+      meta.push(`${this.selected + 1}/${this.items.length}`);
+    if (this.title)
+      meta.push(this.title);
+    if (meta.length > 0)
+      lines.push(ink4(`   ${meta.join("  \xB7  ")}`));
+    return ["", ...lines, ""];
+  }
+}
+
+class Rule {
+  invalidate() {}
+  render(width) {
+    return [hairline(width)];
+  }
+}
+
+class HelpView {
+  catalog;
+  group;
+  offset = 0;
+  #built = null;
+  constructor(catalog, group) {
+    this.catalog = catalog;
+    this.group = group;
+  }
+  #build(width) {
+    if (this.#built)
+      return this.#built;
+    const { sections, groups } = this.catalog;
+    const lines = [];
+    const groupAnchors = new Map;
+    const columnWidth = Math.min(38, Math.max(24, Math.floor(width * 0.4)));
+    const row = (command, description) => {
+      const left = command.length >= columnWidth ? `${command}  ` : command.padEnd(columnWidth);
+      return `  ${bold(ink(left))} ${ink2(truncateToWidth(description, Math.max(16, width - columnWidth - 4)))}`;
+    };
+    for (const section of sections) {
+      lines.push(`${accent("\u25C7")} ${bold(ink(section.title))} ${ink3(`\u2014 ${section.subtitle}`)}`);
+      for (const command of section.commands)
+        lines.push(row(command.command, command.description));
+      lines.push("");
+    }
+    lines.push(`${accent("\u25C7")} ${bold(ink("command groups"))} ${ink3("\u2014 every `rig <group>` surface")}`);
+    lines.push("");
+    for (const group of groups) {
+      groupAnchors.set(group.name, lines.length);
+      lines.push(`${accentDim("\u258D")}${bold(ink(`rig ${group.name}`))} ${ink3(`\u2014 ${group.summary}`)}`);
+      for (const usage of group.usage)
+        lines.push(`  ${cyan(usage)}`);
+      for (const command of group.commands)
+        lines.push(row(command.command, command.description));
+      if (group.examples?.length) {
+        for (const example of group.examples)
+          lines.push(`  ${ink4("$")} ${ink2(example)}`);
+      }
+      if (group.next?.length) {
+        for (const next of group.next)
+          lines.push(`  ${accent("\u203A")} ${ink3(next)}`);
+      }
+      lines.push("");
+    }
+    this.#built = { lines, groupAnchors };
+    if (this.group) {
+      const anchor = groupAnchors.get(this.group);
+      if (anchor !== undefined)
+        this.offset = anchor;
+    }
+    return this.#built;
+  }
+  scroll(delta) {
+    if (!this.#built)
+      return;
+    const max = Math.max(0, this.#built.lines.length - 10);
+    this.offset = Math.max(0, Math.min(max, this.offset + delta));
+  }
+  invalidate() {
+    this.#built = null;
+  }
+  render(width) {
+    const { lines } = this.#build(width);
+    const viewport = Math.max(10, (process.stdout.rows ?? 30) - 8);
+    const slice = lines.slice(this.offset, this.offset + viewport);
+    const more = this.offset + viewport < lines.length;
+    return [
+      "",
+      ...slice.map((line) => truncateToWidth(` ${line}`, Math.max(10, width - 1))),
+      more ? ink4(`   \u2026 ${lines.length - this.offset - viewport} more (\u2193)`) : ""
+    ];
+  }
+}
+var EMPTY_DETAIL = { screen: "task-detail", icon: "", ref: "", title: "", facts: [], actions: [] };
+
+class DetailComposer {
+  model = EMPTY_DETAIL;
+  selected = 0;
+  tick = 0;
+  bodyScroll = 0;
+  setModel(model) {
+    const prevId = this.enabledActions()[this.selected]?.id;
+    this.model = model;
+    const actions = this.enabledActions();
+    const idx = prevId ? actions.findIndex((action) => action.id === prevId) : -1;
+    this.selected = idx >= 0 ? idx : 0;
+    this.clamp();
+  }
+  enabledActions() {
+    return this.model.actions.filter((action) => action.enabled !== false);
+  }
+  clamp() {
+    const count = this.enabledActions().length;
+    this.selected = count === 0 ? 0 : Math.max(0, Math.min(this.selected, count - 1));
+  }
+  moveSelection(delta) {
+    const count = this.enabledActions().length;
+    if (count === 0)
+      return;
+    this.selected = Math.max(0, Math.min(count - 1, this.selected + delta));
+  }
+  selectedAction() {
+    return this.enabledActions()[this.selected] ?? null;
+  }
+  scrollBody(delta) {
+    this.bodyScroll = Math.max(0, this.bodyScroll + delta);
+  }
+  resetScroll() {
+    this.bodyScroll = 0;
+  }
+  invalidate() {}
+  render(width) {
+    const model = this.model;
+    const inner = Math.max(12, width - 2);
+    const budget = Math.max(8, (process.stdout.rows ?? 40) - 5);
+    const top = [""];
+    top.push(` ${accent(model.icon)}  ${accent(model.ref)}${model.status ? `   ${statusPill(model.status)}` : ""}`);
+    for (const line of wrapText(model.title, inner - 1))
+      top.push(` ${ink(line)}`);
+    top.push("");
+    const bottom = [];
+    if (model.facts.length > 0) {
+      bottom.push(sectionDivider("details", width));
+      const labelWidth = Math.min(16, Math.max(...model.facts.map((fact) => fact.label.length)) + 1);
+      for (const fact of model.facts) {
+        const label = ink3(fact.label.toUpperCase().padEnd(labelWidth));
+        const value = fact.status ? statusColor(fact.status)(`${statusGlyph(fact.status)} ${fact.value}`) : fact.tone === "link" ? cyan(truncateToWidth(fact.value, inner - labelWidth - 3)) : fact.tone === "warn" ? yellow(fact.value) : ink2(truncateToWidth(fact.value, inner - labelWidth - 3));
+        bottom.push(`  ${label} ${value}`);
+      }
+      bottom.push("");
+    }
+    if (model.stages && model.stages.length > 0) {
+      bottom.push(sectionDivider("pipeline", width));
+      const parts = model.stages.map((stage) => `${statusColor(stage.status)(statusGlyph(stage.status))} ${ink3(stage.label)}`);
+      bottom.push(truncateToWidth(`  ${parts.join(ink4(" \u2192 "))}`, inner));
+      bottom.push("");
+    }
+    if (model.actions.length > 0) {
+      bottom.push(sectionDivider("actions", width));
+      const selId = this.selectedAction()?.id;
+      for (const action of model.actions) {
+        const on = action.enabled !== false;
+        const isSel = on && action.id === selId;
+        const rail = isSel ? accent("\u258C") : " ";
+        const labelText = `${action.glyph ? `${action.glyph} ` : ""}${action.label}`;
+        const label = !on ? ink4(labelText) : action.danger ? red(labelText) : isSel ? accent(labelText) : ink2(labelText);
+        const tail = !on ? ink4(action.value ?? "unavailable") : isSel ? ink3(action.hint ?? action.value ?? "") : ink3(action.value ?? "");
+        bottom.push(`${rail} ${label}${tail ? `  ${tail}` : ""}`);
+      }
+    }
+    const body = [];
+    if (model.body && model.body.trim()) {
+      const bodyCap = budget - top.length - bottom.length;
+      if (bodyCap >= 3) {
+        const bodyLines = wrapText(model.body, inner - 3);
+        const contentCap = bodyCap - 2;
+        const needScroll = bodyLines.length > contentCap;
+        const shownCount = needScroll ? Math.max(1, contentCap - 1) : bodyLines.length;
+        const maxScroll = Math.max(0, bodyLines.length - shownCount);
+        const scroll = Math.min(this.bodyScroll, maxScroll);
+        body.push(sectionDivider(model.bodyLabel ?? "body", width));
+        for (const line of bodyLines.slice(scroll, scroll + shownCount))
+          body.push(` ${ink4("\u2502")} ${ink2(line)}`);
+        if (needScroll) {
+          const up = scroll > 0 ? "\u2191 " : "";
+          const down = scroll < maxScroll ? `\u2193 ${maxScroll - scroll} more` : "";
+          body.push(` ${ink4("\u2502")} ${accentDim(`${up}${down}`.trim())}`);
+        }
+        body.push("");
+      }
+    }
+    const out = [...top, ...body, ...bottom];
+    if (out.length > budget) {
+      const keepTail = Math.min(bottom.length, budget - top.length);
+      return [...top, ...out.slice(out.length - keepTail)].map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+    }
+    return out.map((line) => truncateToWidth(line, Math.max(10, width - 1)));
+  }
+}
+export {
+  hairline,
+  Rule,
+  HelpView,
+  DetailComposer,
+  BoardSettingsList
+};

package/dist/src/cockpit/cockpit-product.d.ts

@@ -0,0 +1,12 @@
+import type { CockpitCapabilities } from "@rig/contracts";
+import { type PluginHost } from "@rig/core";
+export type { CockpitCapabilities, DispatchOutcomeCapability, RigTaskBadgeProjection, TaskProjectionCapability, } from "@rig/contracts";
+export declare function isRecord(value: unknown): value is Record<string, unknown>;
+export declare const defaultCockpitCapabilities: CockpitCapabilities;
+/**
+ * Resolve the cockpit capability bag from the live plugin host. Task projection
+ * is required when a host exists: cockpit must consume TASK_PROJECTION from the
+ * task-io owner instead of silently falling back to local semantics. Dispatch
+ * outcome wording remains optional and inert when absent.
+ */
+export declare function resolveCockpitCapabilities(host?: PluginHost): Promise<CockpitCapabilities>;

package/dist/src/cockpit/cockpit-product.js

@@ -0,0 +1,55 @@
+// @bun
+// packages/omp-extension-plugin/src/cockpit/cockpit-product.ts
+import {
+  DISPATCH_OUTCOME_CAPABILITY_ID,
+  TASK_PROJECTION_CAPABILITY_ID
+} from "@rig/contracts";
+import { defineServiceCapability } from "@rig/core";
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var unavailableTaskProjection = {
+  normalizeStatus: () => "unknown",
+  normalizePriority: () => null,
+  project: (task) => ({
+    id: task.id,
+    title: "",
+    status: "unknown",
+    priority: null,
+    metadata: { projection: "unavailable" }
+  }),
+  assigneeText: () => "",
+  title: () => "",
+  id: () => null,
+  status: () => "unknown",
+  description: () => "",
+  listRows: () => [],
+  boardTasks: () => [],
+  stats: () => null
+};
+var unavailableDispatchOutcome = {
+  humanize: () => null
+};
+var defaultCockpitCapabilities = {
+  taskProjection: unavailableTaskProjection,
+  dispatchOutcome: unavailableDispatchOutcome
+};
+var TaskProjectionCapability = defineServiceCapability(TASK_PROJECTION_CAPABILITY_ID);
+var DispatchOutcomeCapability = defineServiceCapability(DISPATCH_OUTCOME_CAPABILITY_ID);
+async function resolveCockpitCapabilities(host) {
+  if (!host)
+    return defaultCockpitCapabilities;
+  const [taskProjection, dispatchOutcome] = await Promise.all([
+    TaskProjectionCapability.requireService(host),
+    DispatchOutcomeCapability.resolveService(host)
+  ]);
+  return {
+    taskProjection,
+    dispatchOutcome: dispatchOutcome ?? defaultCockpitCapabilities.dispatchOutcome
+  };
+}
+export {
+  resolveCockpitCapabilities,
+  isRecord,
+  defaultCockpitCapabilities
+};

package/dist/src/cockpit/drone-preloader.d.ts

@@ -0,0 +1,11 @@
+import type { ExtensionUiComponent } from "@oh-my-pi/pi-coding-agent";
+import type { TUI } from "@oh-my-pi/pi-tui";
+export declare class DronePreloaderComponent implements ExtensionUiComponent {
+    #private;
+    private readonly tui;
+    constructor(tui: TUI);
+    render(width: number): readonly string[];
+    handleInput(_data: string): void;
+    invalidate(): void;
+    dispose(): void;
+}

package/dist/src/cockpit/drone-preloader.js

@@ -0,0 +1,220 @@
+// @bun
+// packages/omp-extension-plugin/src/cockpit/drone-preloader.ts
+var ART = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var BL = ["---", "\\\\\\", "|||", "///"];
+var GW = 52;
+var GH = 27;
+var FLEET = [
+  { s: MINI, x: 0, y: 2, amp: 1, sp: 0.05, ph: 0, dx: 1, dsp: 0.02 },
+  { s: MINI, x: 39, y: 2, amp: 1, sp: 0.044, ph: 2.1, dx: 1, dsp: 0.017 },
+  { s: MINI, x: 1, y: 20, amp: 1, sp: 0.048, ph: 4.2, dx: 1, dsp: 0.023 },
+  { s: MINI, x: 38, y: 20, amp: 1, sp: 0.041, ph: 1.3, dx: 1, dsp: 0.015 },
+  { s: ART, x: 10, y: 5, amp: 2, sp: 0.04, ph: 0, dx: 0, dsp: 0.011 }
+];
+var fg = (r, g, b) => (text) => `\x1B[38;2;${r};${g};${b}m${text}\x1B[39m`;
+var COL = {
+  d: fg(204, 255, 77),
+  m: fg(169, 214, 63),
+  c: fg(86, 216, 255),
+  r: fg(95, 107, 58),
+  rb: fg(125, 158, 52),
+  eye: fg(234, 255, 176)
+};
+function classOf(ch) {
+  if (ch === "$" || ch === "@")
+    return "d";
+  if (ch === "=" || ch === "%")
+    return "m";
+  if (ch === "\\" || ch === "/")
+    return "r";
+  if (ch === "(" || ch === ")" || ch === "-" || ch === "|" || ch === "'" || ch === ".")
+    return "c";
+  return "b";
+}
+var GAP = "";
+var SPACED_WIDTH = GW + GAP.length * (GW - 1);
+var bolden = (f) => (t) => `\x1B[1m${f(t)}\x1B[22m`;
+function colorFor(key) {
+  switch (key) {
+    case "d":
+      return bolden(COL.d);
+    case "m":
+      return COL.m;
+    case "c":
+      return COL.c;
+    case "r":
+      return COL.r;
+    case "rb":
+      return bolden(COL.rb);
+    case "eye":
+      return bolden(COL.eye);
+    default:
+      return (text) => text;
+  }
+}
+function composeGrid(t) {
+  const phase = Math.floor(t / 4);
+  const blade = BL[phase % 4];
+  const p = Math.sin(t * 0.07);
+  const core = p > 0.45 ? "@" : p > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: GH }, () => Array.from({ length: GW }, () => " "));
+  for (const d of FLEET) {
+    const oy = d.y + Math.round(d.amp * Math.sin(t * d.sp + d.ph));
+    const ox = d.x + Math.round(d.dx * Math.sin(t * d.dsp + d.ph));
+    for (let i = 0;i < d.s.length; i++) {
+      const ln = d.s[i];
+      const ry = oy + i;
+      if (ry < 0 || ry >= GH)
+        continue;
+      for (let j = 0;j < ln.length; j++) {
+        const ch = ln[j];
+        if (ch === " ")
+          continue;
+        const rx = ox + j;
+        if (rx < 0 || rx >= GW)
+          continue;
+        grid[ry][rx] = ch;
+      }
+    }
+  }
+  const eyes = [];
+  const rows = grid.map((row, r) => {
+    const line = row.join("");
+    const cells = new Array(GW);
+    let k = 0;
+    while (k < GW) {
+      if (line.substr(k, 3) === "!!!") {
+        cells[k] = { ch: blade[0], key: "rb" };
+        cells[k + 1] = { ch: blade[1], key: "rb" };
+        cells[k + 2] = { ch: blade[2], key: "rb" };
+        k += 3;
+      } else if (line[k] === "?") {
+        eyes.push([r, k]);
+        cells[k] = { ch: core, key: "eye" };
+        k += 1;
+      } else {
+        cells[k] = { ch: line[k], key: classOf(line[k]) };
+        k += 1;
+      }
+    }
+    return cells;
+  });
+  return { rows, eyes };
+}
+var GLOW_RGB = [204, 255, 77];
+var GLOW_RADIUS = 2;
+var GLOW_SIGMA2 = 2 * 1.05 * 1.05;
+var GLOW_MAX_BG = 0.15;
+var GLOW_LEVELS = 10;
+function buildGlow(eyes) {
+  const glow = Array.from({ length: GH }, () => new Array(GW).fill(0));
+  for (const [er, ec] of eyes) {
+    for (let r = Math.max(0, er - GLOW_RADIUS);r <= Math.min(GH - 1, er + GLOW_RADIUS); r++) {
+      for (let c = Math.max(0, ec - GLOW_RADIUS);c <= Math.min(GW - 1, ec + GLOW_RADIUS); c++) {
+        const d2 = (r - er) * (r - er) + (c - ec) * (c - ec);
+        if (d2 > GLOW_RADIUS * GLOW_RADIUS)
+          continue;
+        const v = Math.exp(-d2 / GLOW_SIGMA2);
+        if (v > glow[r][c])
+          glow[r][c] = v;
+      }
+    }
+  }
+  return glow;
+}
+function bgLevel(intensity) {
+  return Math.round(Math.min(1, Math.max(0, intensity)) * GLOW_LEVELS);
+}
+function bgOpen(level) {
+  const f = level / GLOW_LEVELS * GLOW_MAX_BG;
+  return `\x1B[48;2;${Math.round(GLOW_RGB[0] * f)};${Math.round(GLOW_RGB[1] * f)};${Math.round(GLOW_RGB[2] * f)}m`;
+}
+var BG_CLOSE = "\x1B[49m";
+function renderRow(cells, glowRow) {
+  const outs = [];
+  for (let c = 0;c < GW; c++) {
+    outs.push({ ch: cells[c].ch, key: cells[c].key, bg: bgLevel(glowRow[c]) });
+    if (GAP && c < GW - 1)
+      outs.push({ ch: GAP, key: "b", bg: bgLevel(Math.max(glowRow[c], glowRow[c + 1])) });
+  }
+  let out = "";
+  let i = 0;
+  while (i < outs.length) {
+    const { key, bg } = outs[i];
+    let chunk = "";
+    while (i < outs.length && outs[i].key === key && outs[i].bg === bg) {
+      chunk += outs[i].ch;
+      i += 1;
+    }
+    out += bg > 0 ? bgOpen(bg) + colorFor(key)(chunk) + BG_CLOSE : colorFor(key)(chunk);
+  }
+  return out;
+}
+function composeFleet(t) {
+  const { rows, eyes } = composeGrid(t);
+  const glow = buildGlow(eyes);
+  return rows.map((cells, r) => renderRow(cells, glow[r]));
+}
+var ANIM_HZ = 120;
+var RENDER_MS = 1000 / 60;
+
+class DronePreloaderComponent {
+  tui;
+  #start = Date.now();
+  #timer;
+  constructor(tui) {
+    this.tui = tui;
+    this.#timer = setInterval(() => this.tui.requestRender(), Math.round(RENDER_MS));
+  }
+  render(width) {
+    const t = Math.round((Date.now() - this.#start) * ANIM_HZ / 1000);
+    const sprite = composeFleet(t);
+    const left = Math.max(0, Math.floor((width - SPACED_WIDTH) / 2));
+    const indent = " ".repeat(left);
+    const rows = typeof process.stdout.rows === "number" && process.stdout.rows > 0 ? process.stdout.rows : 0;
+    const topPad = rows > sprite.length ? Math.max(0, Math.floor((rows - sprite.length) / 2)) : 0;
+    const lines = [];
+    for (let i = 0;i < topPad; i++)
+      lines.push("");
+    for (const row of sprite)
+      lines.push(indent + row);
+    return lines;
+  }
+  handleInput(_data) {}
+  invalidate() {}
+  dispose() {
+    if (this.#timer) {
+      clearInterval(this.#timer);
+      this.#timer = undefined;
+    }
+  }
+}
+export {
+  DronePreloaderComponent
+};