@velum-labs/routekit-cli-ui 0.9.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Velum Labs
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,20 @@
+# @velum-labs/routekit-cli-ui
+
+Brand-configurable terminal UI primitives for CLIs.
+
+## Architecture
+
+This package provides the Ink presenter, prompt facade, and plain-text fallback used by user-facing commands.
+
+## Usage
+
+Use this package when extending a RouteKit-based CLI presentation layer.
+
+```ts
+import { configureBrand, createPresenter } from "@velum-labs/routekit-cli-ui";
+```
+
+## Docs
+
+- Product docs: https://fusionkit.velum-labs.com
+- Maintainer reference: [../../docs/typescript-reference.md](../../docs/typescript-reference.md)

package/dist/format.d.ts

@@ -0,0 +1,27 @@
+/** Small human-readable formatters shared across surfaces. */
+/** Human-readable bytes (binary units), e.g. 1.2 GB. */
+export declare function formatBytes(bytes: number): string;
+/** mm:ss for a duration in seconds (caps at 99:59 to stay one column-stable). */
+export declare function formatEta(seconds: number): string;
+/** A compact human-friendly "time ago" for a timestamp (epoch millis). */
+export declare function relativeTime(epochMs: number): string;
+/** A compact human-friendly "time until" for a future timestamp (epoch millis). */
+export declare function timeUntil(epochMs: number): string;
+/**
+ * Truncate with a middle ellipsis so both ends stay recognizable — long model
+ * ids like `openrouter:moonshotai/kimi-k2-thinking` keep their provider prefix
+ * and model suffix. Plain-text only (measure/slice before styling).
+ */
+export declare function middleEllipsis(text: string, max: number): string;
+/**
+ * Greedy word-wrap to `width` columns. Words longer than the width are hard
+ * split. Existing newlines are respected. Plain-text only.
+ */
+export declare function wrapText(text: string, width: number): string[];
+/**
+ * The usable content width for wrapped UI text on the current terminal. The
+ * default cap matches the widest box content (`box()` caps frames at 100
+ * columns and its frame consumes 4), so pre-wrapped text nests in boxes
+ * without re-wrapping.
+ */
+export declare function contentWidth(stream?: NodeJS.WriteStream, max?: number): number;

package/dist/format.js

@@ -0,0 +1,112 @@
+/** Small human-readable formatters shared across surfaces. */
+/** The single-character horizontal ellipsis ("…"), used when truncating. */
+const ELLIPSIS = "…";
+/** Human-readable bytes (binary units), e.g. 1.2 GB. */
+export function formatBytes(bytes) {
+    if (!Number.isFinite(bytes) || bytes <= 0)
+        return "0 B";
+    const units = ["B", "KB", "MB", "GB", "TB"];
+    let value = bytes;
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) {
+        value /= 1024;
+        unit += 1;
+    }
+    const precision = value >= 100 || unit === 0 ? 0 : 1;
+    const text = value.toFixed(precision);
+    const trimmed = text.endsWith(".0") ? text.slice(0, -2) : text;
+    return `${trimmed} ${units[unit]}`;
+}
+/** mm:ss for a duration in seconds (caps at 99:59 to stay one column-stable). */
+export function formatEta(seconds) {
+    if (!Number.isFinite(seconds) || seconds < 0)
+        return "--:--";
+    const capped = Math.min(seconds, 99 * 60 + 59);
+    const mins = Math.floor(capped / 60);
+    const secs = Math.floor(capped % 60);
+    return `${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+}
+/** Coarse "Nx" magnitude (`45s`, `12m`, `3h`, `2d`) for a duration in seconds. */
+function coarseDuration(seconds) {
+    if (seconds < 60)
+        return `${seconds}s`;
+    const minutes = Math.round(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m`;
+    const hours = Math.round(minutes / 60);
+    if (hours < 24)
+        return `${hours}h`;
+    const days = Math.round(hours / 24);
+    return `${days}d`;
+}
+/** A compact human-friendly "time ago" for a timestamp (epoch millis). */
+export function relativeTime(epochMs) {
+    return `${coarseDuration(Math.max(0, Math.round((Date.now() - epochMs) / 1000)))} ago`;
+}
+/** A compact human-friendly "time until" for a future timestamp (epoch millis). */
+export function timeUntil(epochMs) {
+    const seconds = Math.round((epochMs - Date.now()) / 1000);
+    return seconds <= 0 ? "now" : `in ${coarseDuration(seconds)}`;
+}
+/**
+ * Truncate with a middle ellipsis so both ends stay recognizable — long model
+ * ids like `openrouter:moonshotai/kimi-k2-thinking` keep their provider prefix
+ * and model suffix. Plain-text only (measure/slice before styling).
+ */
+export function middleEllipsis(text, max) {
+    if (max <= 1 || text.length <= max)
+        return text;
+    const keep = max - ELLIPSIS.length;
+    const head = Math.ceil(keep / 2);
+    const tail = keep - head;
+    return `${text.slice(0, head)}${ELLIPSIS}${tail > 0 ? text.slice(-tail) : ""}`;
+}
+/**
+ * Greedy word-wrap to `width` columns. Words longer than the width are hard
+ * split. Existing newlines are respected. Plain-text only.
+ */
+export function wrapText(text, width) {
+    if (width <= 0)
+        return [text];
+    const out = [];
+    for (const paragraph of text.split("\n")) {
+        if (paragraph.length <= width) {
+            out.push(paragraph);
+            continue;
+        }
+        let line = "";
+        for (const word of paragraph.split(" ")) {
+            let piece = word;
+            while (piece.length > width) {
+                if (line.length > 0) {
+                    out.push(line);
+                    line = "";
+                }
+                out.push(piece.slice(0, width));
+                piece = piece.slice(width);
+            }
+            if (line.length === 0)
+                line = piece;
+            else if (line.length + 1 + piece.length <= width)
+                line += ` ${piece}`;
+            else {
+                out.push(line);
+                line = piece;
+            }
+        }
+        out.push(line);
+    }
+    return out;
+}
+/**
+ * The usable content width for wrapped UI text on the current terminal. The
+ * default cap matches the widest box content (`box()` caps frames at 100
+ * columns and its frame consumes 4), so pre-wrapped text nests in boxes
+ * without re-wrapping.
+ */
+export function contentWidth(stream = process.stderr, max = 96) {
+    const columns = stream.columns;
+    if (columns === undefined || columns <= 0)
+        return Math.min(80, max);
+    return Math.min(Math.max(columns - 4, 20), max);
+}

package/dist/fuzzy.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The fuzzy matcher behind `fuzzySelect` and dynamic shell completion: a
+ * case-insensitive subsequence match with a small scoring model (consecutive
+ * runs and word starts score higher, earlier and shorter matches win ties).
+ * Dependency-free so completion can use it without pulling in Ink.
+ */
+export type FuzzyMatch = {
+    /** Higher is better; only comparable across matches for the same query. */
+    score: number;
+    /** Indices of matched characters in the original text (for highlighting). */
+    positions: readonly number[];
+};
+/**
+ * Match `query` as a subsequence of `text`. Returns undefined when the query
+ * does not match. An empty query matches everything with score 0.
+ */
+export declare function fuzzyMatch(query: string, text: string): FuzzyMatch | undefined;
+export type FuzzyResult<T> = {
+    item: T;
+    match: FuzzyMatch;
+};
+/** Filter and rank `items` by fuzzy-matching `query` against `textOf(item)`. */
+export declare function fuzzyFilter<T>(query: string, items: readonly T[], textOf: (item: T) => string): FuzzyResult<T>[];

package/dist/fuzzy.js

@@ -0,0 +1,61 @@
+/**
+ * The fuzzy matcher behind `fuzzySelect` and dynamic shell completion: a
+ * case-insensitive subsequence match with a small scoring model (consecutive
+ * runs and word starts score higher, earlier and shorter matches win ties).
+ * Dependency-free so completion can use it without pulling in Ink.
+ */
+/** True when `ch` starts a word (after a separator or a case boundary). */
+function isWordStart(text, index) {
+    if (index === 0)
+        return true;
+    const prev = text[index - 1] ?? "";
+    if (/[\s\-_/.:=]/.test(prev))
+        return true;
+    const ch = text[index] ?? "";
+    return /[a-z]/.test(prev) && /[A-Z]/.test(ch);
+}
+/**
+ * Match `query` as a subsequence of `text`. Returns undefined when the query
+ * does not match. An empty query matches everything with score 0.
+ */
+export function fuzzyMatch(query, text) {
+    if (query.length === 0)
+        return { score: 0, positions: [] };
+    const lowerQuery = query.toLowerCase();
+    const lowerText = text.toLowerCase();
+    const positions = [];
+    let score = 0;
+    let textIndex = 0;
+    let previousMatch = -2;
+    for (let queryIndex = 0; queryIndex < lowerQuery.length; queryIndex++) {
+        const ch = lowerQuery[queryIndex] ?? "";
+        const found = lowerText.indexOf(ch, textIndex);
+        if (found === -1)
+            return undefined;
+        positions.push(found);
+        score += 1;
+        if (found === previousMatch + 1)
+            score += 2; // consecutive run
+        if (isWordStart(text, found))
+            score += 3; // word-start hit
+        previousMatch = found;
+        textIndex = found + 1;
+    }
+    // Earlier first hit and shorter text read as tighter matches.
+    const first = positions[0] ?? 0;
+    score += Math.max(0, 3 - first * 0.5);
+    score -= text.length * 0.01;
+    return { score, positions };
+}
+/** Filter and rank `items` by fuzzy-matching `query` against `textOf(item)`. */
+export function fuzzyFilter(query, items, textOf) {
+    const results = [];
+    for (const item of items) {
+        const match = fuzzyMatch(query, textOf(item));
+        if (match !== undefined)
+            results.push({ item, match });
+    }
+    if (query.length > 0)
+        results.sort((left, right) => right.match.score - left.match.score);
+    return results;
+}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import type { Presenter } from "./presenter.js";
+export * from "./theme.js";
+export * from "./runtime.js";
+export * from "./format.js";
+export * from "./presenter.js";
+export { PlainPresenter, renderErrorPanelLines, renderKeyValueLines, renderTableLines } from "./plain.js";
+export { InkPresenter, mountInk, settleInk } from "./ink/presenter.js";
+export { select, multiselect, confirm, text, fuzzySelect, autocompleteText, BACK, done, note } from "./prompt.js";
+export type { SelectOption, Back } from "./prompt.js";
+export { fuzzyFilter, fuzzyMatch } from "./fuzzy.js";
+export type { FuzzyMatch, FuzzyResult } from "./fuzzy.js";
+export { runWizard } from "./wizard.js";
+export type { WizardStep } from "./wizard.js";
+/**
+ * The presenter for this invocation: Ink when attached to an interactive TTY,
+ * plain line logs otherwise. `forceNonInteractive()` (the `--json` /
+ * `--no-input` flags) flips this to plain for the rest of the process.
+ */
+export declare function createPresenter(options?: {
+    interactive?: boolean;
+}): Presenter;

package/dist/index.js

@@ -0,0 +1,29 @@
+/**
+ * @velum-labs/routekit-cli-ui — a brand-configurable terminal UX layer.
+ *
+ * One presenter contract, two implementations: rich Ink (React) rendering on
+ * interactive TTYs, ordered plain-text lines everywhere else (CI, pipes,
+ * `ROUTEKIT_NO_TUI=1`). All UI goes to stderr; stdout stays reserved for
+ * machine payloads and the launched tool's output.
+ */
+import { InkPresenter } from "./ink/presenter.js";
+import { PlainPresenter } from "./plain.js";
+import { isInteractive } from "./runtime.js";
+export * from "./theme.js";
+export * from "./runtime.js";
+export * from "./format.js";
+export * from "./presenter.js";
+export { PlainPresenter, renderErrorPanelLines, renderKeyValueLines, renderTableLines } from "./plain.js";
+export { InkPresenter, mountInk, settleInk } from "./ink/presenter.js";
+export { select, multiselect, confirm, text, fuzzySelect, autocompleteText, BACK, done, note } from "./prompt.js";
+export { fuzzyFilter, fuzzyMatch } from "./fuzzy.js";
+export { runWizard } from "./wizard.js";
+/**
+ * The presenter for this invocation: Ink when attached to an interactive TTY,
+ * plain line logs otherwise. `forceNonInteractive()` (the `--json` /
+ * `--no-input` flags) flips this to plain for the rest of the process.
+ */
+export function createPresenter(options = {}) {
+    const interactive = options.interactive ?? isInteractive();
+    return interactive ? new InkPresenter() : new PlainPresenter();
+}

package/dist/ink/components.d.ts

@@ -0,0 +1,49 @@
+import type { ReactElement } from "react";
+import type { StepStatus } from "../presenter.js";
+import { Store } from "./store.js";
+export type LiveFrameState = {
+    lines: readonly string[];
+};
+export declare function LiveFrameView({ store }: {
+    store: Store<LiveFrameState>;
+}): ReactElement;
+/** Animate through the braille spinner frames while mounted. */
+export declare function useSpinnerFrame(intervalMs?: number): string;
+export type TaskState = {
+    text: string;
+    settled?: {
+        kind: "success" | "fail" | "warn" | "info";
+        text: string;
+    };
+};
+export declare function TaskView({ store }: {
+    store: Store<TaskState>;
+}): ReactElement;
+export type ChecklistStep = {
+    id: string;
+    label: string;
+    status: StepStatus;
+    detail?: string;
+    startedAt?: number;
+    endedAt?: number;
+};
+export type ChecklistState = {
+    title?: string;
+    steps: ChecklistStep[];
+};
+export declare function ChecklistView({ store }: {
+    store: Store<ChecklistState>;
+}): ReactElement;
+export type ProgressState = {
+    label: string;
+    downloaded: number;
+    total?: number;
+    startedAt: number;
+    settled?: {
+        kind: "success" | "fail";
+        text: string;
+    };
+};
+export declare function ProgressView({ store }: {
+    store: Store<ProgressState>;
+}): ReactElement;

package/dist/ink/components.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Ink components behind the presenter's live surfaces: a spinner task, a
+ * multi-step checklist, and a byte-download progress bar. Each is driven by a
+ * mutable {@link Store} that the imperative controller updates.
+ */
+import { Box, Text } from "ink";
+import { useEffect, useState, useSyncExternalStore } from "react";
+import { formatBytes, formatEta } from "../format.js";
+import { SPINNER_FRAMES, glyph, supportsColor } from "../theme.js";
+export function LiveFrameView({ store }) {
+    const state = useSyncExternalStore(store.subscribe, store.get, store.get);
+    return (_jsx(Box, { flexDirection: "column", children: state.lines.map((line, index) => (_jsx(Text, { children: line }, `${index}:${line}`))) }));
+}
+/** Animate through the braille spinner frames while mounted. */
+export function useSpinnerFrame(intervalMs = 80) {
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((previous) => (previous + 1) % SPINNER_FRAMES.length);
+        }, intervalMs);
+        timer.unref();
+        return () => clearInterval(timer);
+    }, [intervalMs]);
+    return SPINNER_FRAMES[frame] ?? "-";
+}
+function settledGlyph(kind) {
+    switch (kind) {
+        case "success":
+            return { symbol: glyph.tick(), color: "green" };
+        case "fail":
+            return { symbol: glyph.cross(), color: "red" };
+        case "warn":
+            return { symbol: glyph.warn(), color: "yellow" };
+        case "info":
+            return { symbol: glyph.bullet(), color: "cyan" };
+        default: {
+            const exhaustive = kind;
+            throw new Error(`unknown settle kind: ${String(exhaustive)}`);
+        }
+    }
+}
+export function TaskView({ store }) {
+    const state = useSyncExternalStore(store.subscribe, store.get, store.get);
+    const frame = useSpinnerFrame();
+    if (state.settled !== undefined) {
+        const { symbol, color } = settledGlyph(state.settled.kind);
+        return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: symbol }), " ", state.settled.text] }));
+    }
+    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: frame }), " ", state.text] }));
+}
+function elapsedLabel(step) {
+    if (step.startedAt === undefined)
+        return "";
+    const end = step.endedAt ?? Date.now();
+    const seconds = (end - step.startedAt) / 1000;
+    if (seconds < 0.05)
+        return "";
+    return ` ${seconds.toFixed(1)}s`;
+}
+function StepRow({ step, frame }) {
+    let symbol;
+    switch (step.status) {
+        case "pending":
+            symbol = _jsx(Text, { color: "gray", children: glyph.pending() });
+            break;
+        case "active":
+            symbol = _jsx(Text, { color: "cyan", children: frame });
+            break;
+        case "done":
+            symbol = _jsx(Text, { color: "green", children: glyph.tick() });
+            break;
+        case "failed":
+            symbol = _jsx(Text, { color: "red", children: glyph.cross() });
+            break;
+        case "skipped":
+            symbol = _jsx(Text, { color: "yellow", children: glyph.bullet() });
+            break;
+        default: {
+            const exhaustive = step.status;
+            throw new Error(`unknown step status: ${String(exhaustive)}`);
+        }
+    }
+    return (_jsxs(Text, { children: [symbol, " ", step.label, step.detail !== undefined ? _jsxs(Text, { dimColor: true, children: [" ", step.detail] }) : null, _jsx(Text, { color: "gray", children: elapsedLabel(step) })] }));
+}
+export function ChecklistView({ store }) {
+    const state = useSyncExternalStore(store.subscribe, store.get, store.get);
+    const frame = useSpinnerFrame();
+    return (_jsxs(Box, { flexDirection: "column", children: [state.title !== undefined ? _jsx(Text, { dimColor: true, children: state.title }) : null, state.steps.map((step) => (_jsx(StepRow, { step: step, frame: frame }, step.id)))] }));
+}
+const BAR_WIDTH = 24;
+function ProgressBarLine({ state, frame }) {
+    const elapsed = (Date.now() - state.startedAt) / 1000;
+    const speed = elapsed > 0 ? state.downloaded / elapsed : 0;
+    const speedLabel = speed > 0 ? `${formatBytes(speed)}/s` : "";
+    if (state.total !== undefined && state.total > 0) {
+        const fraction = Math.max(0, Math.min(1, state.downloaded / state.total));
+        const filledChar = supportsColor() ? "\u2588" : "#";
+        const emptyChar = supportsColor() ? "\u2591" : "-";
+        const filled = Math.round(fraction * BAR_WIDTH);
+        const pct = `${Math.floor(fraction * 100)}%`.padStart(4);
+        const sizes = `${formatBytes(state.downloaded)} / ${formatBytes(state.total)}`;
+        const remaining = speed > 0 ? formatEta((state.total - state.downloaded) / speed) : "--:--";
+        return (_jsxs(Text, { children: [state.label, "  ", _jsx(Text, { color: "cyan", children: filledChar.repeat(filled) }), _jsx(Text, { dimColor: true, children: emptyChar.repeat(BAR_WIDTH - filled) }), " ", _jsx(Text, { color: "cyan", children: pct }), "  ", _jsxs(Text, { dimColor: true, children: [sizes, "  ", speedLabel, "  ", "eta ", remaining] })] }));
+    }
+    return (_jsxs(Text, { children: [state.label, "  ", _jsx(Text, { color: "cyan", children: frame }), " ", _jsxs(Text, { dimColor: true, children: [formatBytes(state.downloaded), speedLabel.length > 0 ? `  ${speedLabel}` : ""] })] }));
+}
+export function ProgressView({ store }) {
+    const state = useSyncExternalStore(store.subscribe, store.get, store.get);
+    const frame = useSpinnerFrame(90);
+    if (state.settled !== undefined) {
+        const ok = state.settled.kind === "success";
+        return (_jsxs(Text, { children: [_jsx(Text, { color: ok ? "green" : "red", children: ok ? glyph.tick() : glyph.cross() }), " ", state.settled.text] }));
+    }
+    return _jsx(ProgressBarLine, { state: state, frame: frame });
+}