@henryavila/blink-tui 0.1.0

package/dist/index.js

@@ -0,0 +1,1901 @@
+import { createContext, useState, useMemo, useContext, useEffect, useRef, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { readFileSync, existsSync } from 'fs';
+import { homedir } from 'os';
+import { join } from 'path';
+import stringWidth from 'string-width';
+import { useStdout, Box, Text, measureElement, Spacer } from 'ink';
+
+// src/theme/palette.ts
+var PALETTE_SLOTS = [
+  "crust",
+  "mantle",
+  "base",
+  "surface0",
+  "surface1",
+  "surface2",
+  "overlay0",
+  "overlay1",
+  "overlay2",
+  "subtext0",
+  "subtext1",
+  "text",
+  "rosewater",
+  "flamingo",
+  "pink",
+  "mauve",
+  "red",
+  "maroon",
+  "peach",
+  "yellow",
+  "green",
+  "teal",
+  "sky",
+  "sapphire",
+  "blue",
+  "lavender"
+];
+var neutral = {
+  crust: "#11111b",
+  mantle: "#181825",
+  base: "#1e1e2e",
+  surface0: "#313244",
+  surface1: "#45475a",
+  surface2: "#585b70",
+  overlay0: "#6c7086",
+  overlay1: "#7f849c",
+  overlay2: "#9399b2",
+  subtext0: "#a6adc8",
+  subtext1: "#bac2de",
+  text: "#cdd6f4",
+  rosewater: "#f5e0dc",
+  flamingo: "#f2cdcd",
+  pink: "#f5c2e7",
+  mauve: "#cba6f7",
+  red: "#f38ba8",
+  maroon: "#eba0ac",
+  peach: "#fab387",
+  yellow: "#f9e2af",
+  green: "#a6e3a1",
+  teal: "#94e2d5",
+  sky: "#89dceb",
+  sapphire: "#74c7ec",
+  blue: "#89b4fa",
+  lavender: "#b4befe"
+};
+var nord = {
+  crust: "#242933",
+  mantle: "#2b303b",
+  base: "#2e3440",
+  surface0: "#3b4252",
+  surface1: "#434c5e",
+  surface2: "#4c566a",
+  overlay0: "#545e72",
+  overlay1: "#616e88",
+  overlay2: "#707e9b",
+  subtext0: "#aeb6c6",
+  subtext1: "#d8dee9",
+  text: "#eceff4",
+  rosewater: "#ecd3c8",
+  flamingo: "#e3c0bb",
+  pink: "#c895b5",
+  mauve: "#b48ead",
+  red: "#bf616a",
+  maroon: "#cf7782",
+  peach: "#d08770",
+  yellow: "#ebcb8b",
+  green: "#a3be8c",
+  teal: "#8fbcbb",
+  sky: "#88c0d0",
+  sapphire: "#81a1c1",
+  blue: "#5e81ac",
+  lavender: "#88c0d0"
+};
+var gruvbox = {
+  crust: "#1d2021",
+  mantle: "#232829",
+  base: "#282828",
+  surface0: "#3c3836",
+  surface1: "#504945",
+  surface2: "#665c54",
+  overlay0: "#7c6f64",
+  overlay1: "#928374",
+  overlay2: "#a89984",
+  subtext0: "#bdae93",
+  subtext1: "#d5c4a1",
+  text: "#ebdbb2",
+  rosewater: "#f9f5d7",
+  flamingo: "#f2e5bc",
+  pink: "#d3869b",
+  mauve: "#b16286",
+  red: "#fb4934",
+  maroon: "#cc241d",
+  peach: "#fe8019",
+  yellow: "#fabd2f",
+  green: "#b8bb26",
+  teal: "#689d6a",
+  sky: "#8ec07c",
+  sapphire: "#458588",
+  blue: "#83a598",
+  lavender: "#d3869b"
+};
+var tokyonight = {
+  crust: "#0b0c12",
+  mantle: "#101119",
+  base: "#15161f",
+  surface0: "#1d1f2e",
+  surface1: "#262b3d",
+  surface2: "#383d57",
+  overlay0: "#565f89",
+  overlay1: "#737aa2",
+  overlay2: "#828bb8",
+  subtext0: "#9099bd",
+  subtext1: "#a9b1d6",
+  text: "#c0caf5",
+  rosewater: "#f7c8d4",
+  flamingo: "#ff9e9e",
+  pink: "#ff75a0",
+  mauve: "#bb9af7",
+  red: "#f7768e",
+  maroon: "#db4b4b",
+  peach: "#ff9e64",
+  yellow: "#e0af68",
+  green: "#9ece6a",
+  teal: "#73daca",
+  sky: "#7dcfff",
+  sapphire: "#2ac3de",
+  blue: "#7aa2f7",
+  lavender: "#bb9af7"
+};
+var latte = {
+  crust: "#dce0e8",
+  mantle: "#e6e9ef",
+  base: "#eff1f5",
+  surface0: "#ccd0da",
+  surface1: "#bcc0cc",
+  surface2: "#acb0be",
+  overlay0: "#9ca0b0",
+  overlay1: "#8c8fa1",
+  overlay2: "#7c7f93",
+  subtext0: "#6c6f85",
+  subtext1: "#5c5f77",
+  text: "#4c4f69",
+  rosewater: "#dc8a78",
+  flamingo: "#dd7878",
+  pink: "#ea76cb",
+  mauve: "#8839ef",
+  red: "#d20f39",
+  maroon: "#e64553",
+  peach: "#fe640b",
+  yellow: "#df8e1d",
+  green: "#40a02b",
+  teal: "#179299",
+  sky: "#04a5e5",
+  sapphire: "#209fb5",
+  blue: "#1e66f5",
+  lavender: "#7287fd"
+};
+var palettes = { neutral, nord, gruvbox, tokyonight, latte };
+var catppuccinMocha = neutral;
+
+// src/theme/tokens.ts
+function buildTokens(p) {
+  return {
+    bg: p.base,
+    bgElevated: p.mantle,
+    bgSunken: p.crust,
+    bgPanel: p.base,
+    bgSelected: p.surface0,
+    bgFocused: p.surface1,
+    bgInverse: p.text,
+    fg: p.text,
+    fgMuted: p.subtext1,
+    fgDim: p.subtext0,
+    fgFaint: p.overlay1,
+    fgDisabled: p.overlay0,
+    fgInverse: p.base,
+    border: p.surface1,
+    borderFocus: p.lavender,
+    borderStrong: p.overlay0,
+    accent: p.lavender,
+    accentAlt: p.mauve,
+    link: p.blue,
+    highlight: p.yellow,
+    stateOk: p.green,
+    stateErr: p.red,
+    stateWarn: p.yellow,
+    statePending: p.overlay1,
+    stateDrift: p.peach,
+    stateInfo: p.sky,
+    domainBlue: p.blue,
+    domainAzure: p.sapphire,
+    domainCyan: p.sky,
+    domainGreen: p.green,
+    domainRed: p.red,
+    domainAmber: p.peach,
+    domainYellow: p.yellow,
+    domainViolet: p.mauve,
+    domainNeutral: p.subtext1
+    // == --fg-muted
+  };
+}
+var mochaTokens = buildTokens(neutral);
+
+// src/theme/colorMix.ts
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  return [
+    parseInt(h.slice(0, 2), 16) / 255,
+    parseInt(h.slice(2, 4), 16) / 255,
+    parseInt(h.slice(4, 6), 16) / 255
+  ];
+}
+function rgbToHex([r, g, b]) {
+  const to = (v) => {
+    const n = Math.max(0, Math.min(255, Math.round(v * 255)));
+    return n.toString(16).padStart(2, "0");
+  };
+  return `#${to(r)}${to(g)}${to(b)}`;
+}
+function toLinear(c) {
+  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function toSrgb(c) {
+  return c <= 31308e-7 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+}
+function linearToOklab([r, g, b]) {
+  const l = 0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b;
+  const m = 0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b;
+  const s = 0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b;
+  const l_ = Math.cbrt(l);
+  const m_ = Math.cbrt(m);
+  const s_ = Math.cbrt(s);
+  return [
+    0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_,
+    1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_,
+    0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_
+  ];
+}
+function oklabToLinear([L, a, b]) {
+  const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+  const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+  const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+  const l = l_ * l_ * l_;
+  const m = m_ * m_ * m_;
+  const s = s_ * s_ * s_;
+  return [
+    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  ];
+}
+function mixOklch(colorA, colorB, weightA) {
+  const wA = Math.max(0, Math.min(1, weightA));
+  const wB = 1 - wA;
+  const labA = linearToOklab(hexToRgb(colorA).map(toLinear));
+  const labB = linearToOklab(hexToRgb(colorB).map(toLinear));
+  const lab = [
+    labA[0] * wA + labB[0] * wB,
+    labA[1] * wA + labB[1] * wB,
+    labA[2] * wA + labB[2] * wB
+  ];
+  return rgbToHex(oklabToLinear(lab).map(toSrgb));
+}
+
+// src/theme/theme.ts
+function makeTheme(id, label, mode, blurb, palette, intentOverrides = {}) {
+  return {
+    id,
+    name: id,
+    label,
+    mode,
+    blurb,
+    palette,
+    tokens: { ...buildTokens(palette), ...intentOverrides }
+  };
+}
+var mocha = makeTheme(
+  "neutral",
+  "neutral",
+  "dark",
+  "Catppuccin Mocha \xB7 calm default",
+  neutral
+);
+var contrast = makeTheme(
+  "contrast",
+  "neutral+",
+  "dark",
+  "neutral \xB7 more contrast",
+  neutral,
+  {
+    bg: neutral.crust,
+    // deeper canvas → text & glyphs pop
+    bgPanel: neutral.crust,
+    bgElevated: neutral.base,
+    bgSunken: neutral.mantle,
+    // status bars lift off the canvas
+    bgSelected: neutral.surface1,
+    // brighter selection fill
+    bgFocused: neutral.surface2,
+    // brightest focus fill
+    border: neutral.overlay1,
+    // clearly visible borders
+    borderStrong: neutral.overlay2,
+    fgFaint: neutral.overlay2,
+    // brighter labels / captions
+    fgDim: neutral.subtext1
+    // lift the dimmest text tier
+  }
+);
+var vivid = makeTheme(
+  "vivid",
+  "vivid",
+  "dark",
+  "accent on selection & featured",
+  neutral,
+  {
+    bgSelected: mixOklch(neutral.lavender, neutral.crust, 0.2),
+    bgFocused: mixOklch(neutral.lavender, neutral.crust, 0.38),
+    statePending: neutral.sky
+    // the last grey state goes chromatic
+  }
+);
+var nordTheme = makeTheme("nord", "nord", "dark", "frost & polar night \xB7 cool", nord);
+var gruvboxTheme = makeTheme("gruvbox", "gruvbox", "dark", "retro \xB7 warm & earthy", gruvbox);
+var tokyonightTheme = makeTheme("tokyonight", "tokyo night", "dark", "saturated indigo night", tokyonight);
+var latteTheme = makeTheme("latte", "latte", "light", "Catppuccin Latte \xB7 light", latte);
+var _registry = /* @__PURE__ */ new Map();
+var _order = [];
+function put(theme) {
+  if (!_registry.has(theme.id)) _order.push(theme.id);
+  _registry.set(theme.id, theme);
+}
+[mocha, contrast, vivid, nordTheme, gruvboxTheme, tokyonightTheme, latteTheme].forEach(put);
+var defaultTheme = tokyonightTheme;
+function getTheme(id) {
+  return _registry.get(id) ?? defaultTheme;
+}
+function hasTheme(id) {
+  return _registry.has(id);
+}
+function allThemes() {
+  return _order.map((id) => _registry.get(id));
+}
+function listThemes() {
+  return allThemes().map(({ id, label, mode, blurb }) => ({ id, label, mode, blurb }));
+}
+function registerTheme(def) {
+  const base = getTheme(def.extends ?? "neutral");
+  const palette = { ...base.palette, ...def.palette };
+  const theme = makeTheme(
+    def.id,
+    def.label ?? def.id,
+    def.mode ?? "dark",
+    def.blurb ?? "",
+    palette,
+    def.intent ?? {}
+  );
+  put(theme);
+  return theme;
+}
+var BlinkContext = createContext({
+  theme: defaultTheme,
+  iconSet: "unicode",
+  setTheme: () => {
+  },
+  themes: listThemes()
+});
+function resolveTheme(t) {
+  if (t == null) return defaultTheme;
+  return typeof t === "string" ? getTheme(t) : t;
+}
+function ThemeProvider({
+  theme,
+  initialTheme,
+  iconSet = "unicode",
+  children
+}) {
+  const [active, setActive] = useState(() => resolveTheme(theme ?? initialTheme));
+  const value = useMemo(
+    () => ({
+      theme: active,
+      iconSet,
+      setTheme: (t) => setActive(resolveTheme(t)),
+      themes: listThemes()
+    }),
+    [active, iconSet]
+  );
+  return /* @__PURE__ */ jsx(BlinkContext.Provider, { value, children });
+}
+function useBlink() {
+  return useContext(BlinkContext);
+}
+function useTheme() {
+  return useContext(BlinkContext).theme;
+}
+function useTokens() {
+  return useContext(BlinkContext).theme.tokens;
+}
+function useIconSet() {
+  return useContext(BlinkContext).iconSet;
+}
+function useThemeControls() {
+  const { theme, setTheme, themes } = useContext(BlinkContext);
+  return { theme, themeId: theme.id, setTheme, themes };
+}
+
+// src/glyphs/nerdIndex.ts
+var NERD_INDEX = {
+  // ── Font Awesome (fa-) · classic, stable codepoints ───────────────────────
+  "fa-github": "f09b",
+  "fa-gitlab": "f296",
+  "fa-bitbucket": "f171",
+  "fa-google": "f1a0",
+  "fa-slack": "f198",
+  "fa-microsoft": "f3ca",
+  "fa-windows": "f17a",
+  "fa-apple": "f179",
+  "fa-linux": "f17c",
+  "fa-android": "f17b",
+  "fa-aws": "f375",
+  "fa-database": "f1c0",
+  "fa-server": "f233",
+  "fa-hdd": "f0a0",
+  "fa-cloud": "f0c2",
+  "fa-cloud_upload": "f0ee",
+  "fa-cloud_download": "f0ed",
+  "fa-terminal": "f120",
+  "fa-code": "f121",
+  "fa-cog": "f013",
+  "fa-cogs": "f085",
+  "fa-wrench": "f0ad",
+  "fa-bug": "f188",
+  "fa-rocket": "f135",
+  "fa-bolt": "f0e7",
+  "fa-lock": "f023",
+  "fa-unlock": "f09c",
+  "fa-key": "f084",
+  "fa-shield": "f132",
+  "fa-folder": "f07b",
+  "fa-folder_open": "f07c",
+  "fa-file": "f15b",
+  "fa-file_text": "f0f6",
+  "fa-home": "f015",
+  "fa-user": "f007",
+  "fa-users": "f0c0",
+  "fa-globe": "f0ac",
+  "fa-envelope": "f0e0",
+  "fa-bell": "f0f3",
+  "fa-star": "f005",
+  "fa-heart": "f004",
+  "fa-search": "f002",
+  "fa-tag": "f02b",
+  "fa-tags": "f02c",
+  "fa-clock": "f017",
+  "fa-calendar": "f073",
+  "fa-download": "f019",
+  "fa-upload": "f093",
+  "fa-refresh": "f021",
+  "fa-trash": "f1f8",
+  "fa-check": "f00c",
+  "fa-times": "f00d",
+  "fa-plus": "f067",
+  "fa-minus": "f068",
+  "fa-info": "f129",
+  "fa-question": "f128",
+  "fa-exclamation": "f12a",
+  "fa-warning": "f071",
+  "fa-power_off": "f011",
+  "fa-play": "f04b",
+  "fa-pause": "f04c",
+  "fa-stop": "f04d",
+  "fa-link": "f0c1",
+  "fa-eye": "f06e",
+  "fa-filter": "f0b0",
+  "fa-flag": "f024",
+  "fa-bookmark": "f02e",
+  "fa-comment": "f075",
+  "fa-microchip": "f2db",
+  "fa-wifi": "f1eb",
+  "fa-bluetooth": "f293",
+  "fa-battery": "f240",
+  "fa-fire": "f06d",
+  "fa-leaf": "f06c",
+  "fa-music": "f001",
+  "fa-camera": "f030",
+  "fa-image": "f03e",
+  "fa-video": "f03d",
+  "fa-map": "f279",
+  "fa-location": "f041",
+  "fa-phone": "f095",
+  "fa-desktop": "f108",
+  "fa-laptop": "f109",
+  "fa-mobile": "f10b",
+  "fa-tablet": "f10a",
+  "fa-print": "f02f",
+  "fa-save": "f0c7",
+  "fa-edit": "f044",
+  "fa-copy": "f0c5",
+  "fa-cut": "f0c4",
+  "fa-paste": "f0ea",
+  "fa-file_o": "f016",
+  "fa-file_pdf": "f1c1",
+  "fa-file_image": "f1c5",
+  "fa-file_archive": "f1c6",
+  "fa-beer": "f0fc",
+  "fa-twitter": "f099",
+  "fa-facebook": "f09a",
+  "fa-youtube": "f167",
+  "fa-linkedin": "f08c",
+  "fa-reddit": "f1a1",
+  "fa-instagram": "f16d",
+  "fa-whatsapp": "f232",
+  "fa-discord": "f392",
+  "fa-telegram": "f2c6",
+  "fa-mastodon": "f4f6",
+  // ── Devicons (dev-) · language & tool logos ───────────────────────────────
+  "dev-git": "e702",
+  "dev-git_branch": "e725",
+  "dev-python": "e73c",
+  "dev-php": "e73d",
+  "dev-laravel": "e73f",
+  "dev-rust": "e7a8",
+  "dev-react": "e7ba",
+  "dev-nodejs_small": "e718",
+  "dev-npm": "e71e",
+  "dev-java": "e738",
+  "dev-ruby": "e739",
+  "dev-go": "e724",
+  "dev-mysql": "e704",
+  "dev-postgresql": "e76e",
+  "dev-redis": "e76d",
+  "dev-mongodb": "e7a4",
+  "dev-sqllite": "e7c4",
+  "dev-vim": "e7c5",
+  "dev-sublime": "e7aa",
+  "dev-visualstudio": "e70c",
+  "dev-html5": "e736",
+  "dev-css3": "e749",
+  "dev-angular": "e753",
+  "dev-django": "e71d",
+  "dev-rails": "e73b",
+  "dev-dotnet": "e77f",
+  "dev-bootstrap": "e747",
+  "dev-jquery": "e750",
+  "dev-svelte": "e697",
+  "dev-yarn": "e6a7",
+  "dev-composer": "e683",
+  // ── Seti-UI (seti-) · file-type icons ─────────────────────────────────────
+  "seti-typescript": "e628",
+  "seti-javascript": "e60c",
+  "seti-json": "e60b",
+  "seti-html": "e60e",
+  "seti-css": "e614",
+  "seti-markdown": "e609",
+  "seti-go": "e627",
+  "seti-c": "e61e",
+  "seti-cpp": "e61d",
+  "seti-vue": "e6a0",
+  "seti-config": "e615",
+  // ── Powerline (pl-) · prompt separators & symbols ─────────────────────────
+  "pl-left_hard_divider": "e0b0",
+  "pl-left_soft_divider": "e0b1",
+  "pl-right_hard_divider": "e0b2",
+  "pl-right_soft_divider": "e0b3",
+  "pl-branch": "e0a0",
+  "pl-line_number": "e0a1",
+  "pl-readonly": "e0a2"
+};
+var NERD_INDEX_SOURCES = {
+  fa: "Font Awesome",
+  dev: "Devicons",
+  seti: "Seti-UI",
+  pl: "Powerline",
+  cod: "Codicons",
+  oct: "Octicons",
+  md: "Material Design",
+  weather: "Weather"
+};
+function registerNerdIndex(full) {
+  for (const k in full) {
+    if (k[0] === "_") continue;
+    if (!(k in NERD_INDEX)) NERD_INDEX[k] = full[k];
+  }
+}
+function nfChar(nameOrHex) {
+  if (nameOrHex == null) return "";
+  let hex = NERD_INDEX[nameOrHex];
+  if (hex == null && /^[0-9a-fA-F]{2,6}$/.test(nameOrHex)) hex = nameOrHex;
+  if (hex == null) return "";
+  try {
+    return String.fromCodePoint(parseInt(hex, 16));
+  } catch {
+    return "";
+  }
+}
+function nf(name) {
+  return nfChar(name);
+}
+function nfHas(name) {
+  return name in NERD_INDEX;
+}
+
+// src/glyphs/packs.ts
+var cp = (hex) => String.fromCodePoint(parseInt(hex, 16));
+var COMMON_DOMAINS = {
+  database: { nerd: cp("f1c0"), unicode: "\u25A4", ascii: "db", color: "domainNeutral" },
+  mysql: { nerd: cp("e704"), unicode: "\u25A4", ascii: "my", color: "domainAzure" },
+  postgresql: { nerd: cp("e76e"), unicode: "\u25A4", ascii: "pg", color: "domainBlue" },
+  redis: { nerd: cp("e76d"), unicode: "\u25C6", ascii: "rd", color: "domainRed" },
+  docker: { nerd: cp("f308"), unicode: "\u25A6", ascii: "dk", color: "domainCyan" },
+  github: { nerd: cp("f09b"), unicode: "\u25C9", ascii: "gh", color: "domainNeutral" },
+  git: { nerd: cp("e702"), unicode: "\u25C8", ascii: "gt", color: "domainAmber" },
+  ssh: { nerd: cp("f015"), unicode: "\u2302", ascii: "sh", color: "domainYellow" },
+  nodejs: { nerd: cp("e718"), unicode: "\u2756", ascii: "nd", color: "domainGreen" },
+  php: { nerd: cp("e73d"), unicode: "\u276E", ascii: "ph", color: "domainViolet" },
+  python: { nerd: cp("e73c"), unicode: "\u276F", ascii: "py", color: "domainYellow" },
+  vim: { nerd: cp("e7c5"), unicode: "\u2731", ascii: "vi", color: "domainGreen" },
+  apple: { nerd: cp("f179"), unicode: "\u25C7", ascii: "mac", color: "domainNeutral" },
+  linux: { nerd: cp("f17c"), unicode: "\u25B3", ascii: "lx", color: "domainYellow" },
+  ubuntu: { nerd: cp("f31b"), unicode: "\u25CB", ascii: "ub", color: "domainAmber" },
+  font: { nerd: cp("f031"), unicode: "\u0192", ascii: "ft", color: "domainNeutral" },
+  ai: { nerd: cp("f2db"), unicode: "\u259A", ascii: "ai", color: "accent" },
+  // ↯ (single-cell) over the design system's ⚡, which is emoji-presentation and
+  // double-wide — it would break the character cell in unicode mode.
+  bolt: { nerd: cp("f0e7"), unicode: "\u21AF", ascii: "!", color: "domainAmber" }
+};
+var LANGUAGES = {
+  javascript: { nerd: cp("e60c"), unicode: "\u25C6", ascii: "js", color: "domainYellow" },
+  typescript: { nerd: cp("e628"), unicode: "\u25C6", ascii: "ts", color: "domainBlue" },
+  python: { nerd: cp("e73c"), unicode: "\u276F", ascii: "py", color: "domainYellow" },
+  php: { nerd: cp("e73d"), unicode: "\u276E", ascii: "ph", color: "domainViolet" },
+  ruby: { nerd: cp("e739"), unicode: "\u25C6", ascii: "rb", color: "domainRed" },
+  rust: { nerd: cp("e7a8"), unicode: "\u25C6", ascii: "rs", color: "domainAmber" },
+  go: { nerd: cp("e627"), unicode: "\u25C6", ascii: "go", color: "domainCyan" },
+  java: { nerd: cp("e738"), unicode: "\u25C6", ascii: "jv", color: "domainAmber" },
+  nodejs: { nerd: cp("e718"), unicode: "\u2756", ascii: "nd", color: "domainGreen" },
+  cpp: { nerd: cp("e61d"), unicode: "\u25C6", ascii: "c+", color: "domainBlue" },
+  c: { nerd: cp("e61e"), unicode: "\u25C6", ascii: "c", color: "domainBlue" },
+  csharp: { nerd: cp("e648"), unicode: "\u25C6", ascii: "c#", color: "domainViolet" },
+  html: { nerd: cp("e60e"), unicode: "\u25C6", ascii: "ht", color: "domainAmber" },
+  css: { nerd: cp("e614"), unicode: "\u25C6", ascii: "cs", color: "domainBlue" },
+  react: { nerd: cp("e7ba"), unicode: "\u25C6", ascii: "rx", color: "domainCyan" },
+  vue: { nerd: cp("e6a0"), unicode: "\u25C6", ascii: "vu", color: "domainGreen" }
+};
+var DATABASES = {
+  database: { nerd: cp("f1c0"), unicode: "\u25A4", ascii: "db", color: "domainNeutral" },
+  postgresql: { nerd: cp("e76e"), unicode: "\u25A4", ascii: "pg", color: "domainBlue" },
+  mysql: { nerd: cp("e704"), unicode: "\u25A4", ascii: "my", color: "domainAzure" },
+  mariadb: { nerd: cp("f1c0"), unicode: "\u25A4", ascii: "mb", color: "domainAzure" },
+  redis: { nerd: cp("e76d"), unicode: "\u25C6", ascii: "rd", color: "domainRed" },
+  mongodb: { nerd: cp("e7a4"), unicode: "\u25C6", ascii: "mg", color: "domainGreen" },
+  sqlite: { nerd: cp("e7c4"), unicode: "\u25A4", ascii: "sq", color: "domainBlue" }
+};
+var CLOUD = {
+  aws: { nerd: cp("f375"), unicode: "\u25C6", ascii: "aws", color: "domainAmber" },
+  cloud: { nerd: cp("f0c2"), unicode: "\u25CC", ascii: "cl", color: "domainCyan" },
+  // ◌ over the double-wide ☁ (same width-1 rule as bolt/ngrok/mailpit)
+  server: { nerd: cp("f233"), unicode: "\u25A4", ascii: "srv", color: "domainNeutral" },
+  docker: { nerd: cp("f308"), unicode: "\u25A6", ascii: "dk", color: "domainCyan" },
+  kubernetes: { nerd: cp("e81d"), unicode: "\u25C6", ascii: "k8", color: "domainBlue" },
+  nginx: { nerd: cp("e776"), unicode: "\u25C6", ascii: "ng", color: "domainGreen" }
+};
+var EDITORS = {
+  vim: { nerd: cp("e7c5"), unicode: "\u2731", ascii: "vi", color: "domainGreen" },
+  neovim: { nerd: cp("e7c5"), unicode: "\u2731", ascii: "nv", color: "domainGreen" },
+  vscode: { nerd: cp("e70c"), unicode: "\u25C6", ascii: "vc", color: "domainBlue" },
+  sublime: { nerd: cp("e7aa"), unicode: "\u25C6", ascii: "su", color: "domainAmber" },
+  emacs: { nerd: cp("e632"), unicode: "\u25C6", ascii: "em", color: "domainViolet" }
+};
+var OS = {
+  apple: { nerd: cp("f179"), unicode: "\u25C7", ascii: "mac", color: "domainNeutral" },
+  linux: { nerd: cp("f17c"), unicode: "\u25B3", ascii: "lx", color: "domainYellow" },
+  ubuntu: { nerd: cp("f31b"), unicode: "\u25CB", ascii: "ub", color: "domainAmber" },
+  debian: { nerd: cp("f306"), unicode: "\u25C6", ascii: "dn", color: "domainRed" },
+  arch: { nerd: cp("f303"), unicode: "\u25B3", ascii: "ar", color: "domainBlue" },
+  fedora: { nerd: cp("f30a"), unicode: "\u25C6", ascii: "fd", color: "domainBlue" },
+  windows: { nerd: cp("f17a"), unicode: "\u25A6", ascii: "win", color: "domainCyan" },
+  android: { nerd: cp("f17b"), unicode: "\u25C6", ascii: "an", color: "domainGreen" }
+};
+var COMPANIES = {
+  github: { nerd: cp("f09b"), unicode: "\u25C9", ascii: "gh", color: "domainNeutral" },
+  gitlab: { nerd: cp("f296"), unicode: "\u25C6", ascii: "gl", color: "domainAmber" },
+  bitbucket: { nerd: cp("f171"), unicode: "\u25C6", ascii: "bb", color: "domainBlue" },
+  google: { nerd: cp("f1a0"), unicode: "\u25C9", ascii: "go", color: "domainBlue" },
+  microsoft: { nerd: cp("f3ca"), unicode: "\u25A6", ascii: "ms", color: "domainCyan" },
+  apple: { nerd: cp("f179"), unicode: "\u25C7", ascii: "ap", color: "domainNeutral" },
+  slack: { nerd: cp("f198"), unicode: "\u25C6", ascii: "sl", color: "domainViolet" },
+  npm: { nerd: cp("e71e"), unicode: "\u25C6", ascii: "np", color: "domainRed" },
+  git: { nerd: cp("e702"), unicode: "\u25C8", ascii: "gt", color: "domainAmber" },
+  // Anthropic / Claude — no verified Nerd Font codepoint, so `nerd` is left empty
+  // and the glyph degrades to ✶ (a width-1 sunburst, evoking the Claude mark);
+  // accent = the brand lavender. Same empty-nerd→unicode pattern as DEVINFRA's
+  // tailscale/syncthing/mosh. A curator can fill `nerd` if a glyph is verified.
+  claude: { nerd: "", unicode: "\u2736", ascii: "cl", color: "accent" }
+};
+var FRAMEWORKS = {
+  react: { nerd: cp("e7ba"), unicode: "\u25C6", ascii: "rx", color: "domainCyan" },
+  vue: { nerd: cp("e6a0"), unicode: "\u25C6", ascii: "vu", color: "domainGreen" },
+  angular: { nerd: cp("e753"), unicode: "\u25C6", ascii: "ng", color: "domainRed" },
+  svelte: { nerd: cp("e697"), unicode: "\u25C6", ascii: "sv", color: "domainAmber" },
+  laravel: { nerd: cp("e73f"), unicode: "\u25C6", ascii: "lv", color: "domainRed" },
+  django: { nerd: cp("e71d"), unicode: "\u25C6", ascii: "dj", color: "domainGreen" },
+  rails: { nerd: cp("e73b"), unicode: "\u25C6", ascii: "rr", color: "domainRed" },
+  dotnet: { nerd: cp("e77f"), unicode: "\u25C6", ascii: "net", color: "domainViolet" },
+  bootstrap: { nerd: cp("e747"), unicode: "\u25C6", ascii: "bs", color: "domainViolet" },
+  jquery: { nerd: cp("e750"), unicode: "\u25C6", ascii: "jq", color: "domainBlue" }
+};
+var FILES = {
+  file: { nerd: cp("f15b"), unicode: "\u25A2", ascii: "fl", color: "domainNeutral" },
+  folder: { nerd: cp("f07b"), unicode: "\u25A4", ascii: "dir", color: "domainBlue" },
+  folder_open: { nerd: cp("f07c"), unicode: "\u25A4", ascii: "dir", color: "domainBlue" },
+  json: { nerd: cp("e60b"), unicode: "\u25C6", ascii: "js", color: "domainYellow" },
+  yaml: { nerd: cp("e615"), unicode: "\u25C6", ascii: "yml", color: "domainAmber" },
+  markdown: { nerd: cp("e609"), unicode: "\u25C6", ascii: "md", color: "domainNeutral" },
+  pdf: { nerd: cp("f1c1"), unicode: "\u25A2", ascii: "pdf", color: "domainRed" },
+  image: { nerd: cp("f1c5"), unicode: "\u25A2", ascii: "img", color: "domainGreen" },
+  archive: { nerd: cp("f1c6"), unicode: "\u25A2", ascii: "zip", color: "domainAmber" },
+  lock: { nerd: cp("f023"), unicode: "\u2302", ascii: "lk", color: "domainYellow" }
+};
+var SOCIAL = {
+  slack: { nerd: cp("f198"), unicode: "\u25C6", ascii: "sl", color: "domainViolet" },
+  discord: { nerd: cp("f392"), unicode: "\u25C6", ascii: "dc", color: "domainBlue" },
+  telegram: { nerd: cp("f2c6"), unicode: "\u25C6", ascii: "tg", color: "domainCyan" },
+  twitter: { nerd: cp("f099"), unicode: "\u25C6", ascii: "tw", color: "domainCyan" },
+  youtube: { nerd: cp("f167"), unicode: "\u25C6", ascii: "yt", color: "domainRed" },
+  linkedin: { nerd: cp("f08c"), unicode: "\u25C6", ascii: "in", color: "domainBlue" },
+  reddit: { nerd: cp("f1a1"), unicode: "\u25C6", ascii: "rd", color: "domainAmber" },
+  mastodon: { nerd: cp("f4f6"), unicode: "\u25C6", ascii: "md", color: "domainViolet" }
+};
+var ACTIONS = {
+  search: { nerd: cp("f002"), unicode: "\u25CE", ascii: "?", color: "domainNeutral" },
+  filter: { nerd: cp("f0b0"), unicode: "\u25BD", ascii: "fi", color: "domainNeutral" },
+  settings: { nerd: cp("f013"), unicode: "\u2726", ascii: "cf", color: "domainNeutral" },
+  trash: { nerd: cp("f1f8"), unicode: "\u2717", ascii: "rm", color: "stateErr" },
+  download: { nerd: cp("f019"), unicode: "\u25BC", ascii: "dl", color: "domainBlue" },
+  upload: { nerd: cp("f093"), unicode: "\u25B2", ascii: "ul", color: "domainBlue" },
+  refresh: { nerd: cp("f021"), unicode: "\u21BB", ascii: "rf", color: "stateInfo" },
+  edit: { nerd: cp("f044"), unicode: "\u270E", ascii: "ed", color: "domainNeutral" },
+  bell: { nerd: cp("f0f3"), unicode: "\u25D4", ascii: "nt", color: "domainYellow" },
+  link: { nerd: cp("f0c1"), unicode: "\u221E", ascii: "ln", color: "link" }
+};
+var SYSTEM = {
+  terminal: { nerd: cp("f120"), unicode: "\u276F", ascii: "tm", color: "domainGreen" },
+  // fa-terminal
+  code: { nerd: cp("f121"), unicode: "\u25C7", ascii: "cd", color: "domainBlue" },
+  // fa-code
+  globe: { nerd: cp("f0ac"), unicode: "\u25CD", ascii: "wb", color: "domainCyan" },
+  // fa-globe
+  home: { nerd: cp("f015"), unicode: "\u2302", ascii: "hm", color: "domainNeutral" },
+  // fa-home
+  key: { nerd: cp("f084"), unicode: "\u26BF", ascii: "ky", color: "domainYellow" },
+  // fa-key
+  mail: { nerd: cp("f0e0"), unicode: "\u22A0", ascii: "ml", color: "domainBlue" },
+  // fa-envelope — ⊠ over the double-wide ✉
+  phone: { nerd: cp("f095"), unicode: "\u260F", ascii: "tel", color: "domainGreen" },
+  // fa-phone — ☏ over the double-wide ☎
+  package: { nerd: cp("f1b2"), unicode: "\u25A6", ascii: "pkg", color: "domainAmber" },
+  // fa-cube
+  sync: { nerd: cp("f021"), unicode: "\u21BB", ascii: "sy", color: "domainCyan" },
+  // fa-refresh
+  text: { nerd: cp("f0f6"), unicode: "\u25A2", ascii: "tx", color: "domainNeutral" },
+  // fa-file-text
+  tools: { nerd: cp("f0ad"), unicode: "\u2726", ascii: "tl", color: "domainNeutral" }
+  // fa-wrench
+};
+var PACKAGES = {
+  npm: { nerd: cp("e71e"), unicode: "\u25C6", ascii: "np", color: "domainRed" },
+  yarn: { nerd: cp("e6a7"), unicode: "\u25C6", ascii: "yn", color: "domainBlue" },
+  cargo: { nerd: cp("e7a8"), unicode: "\u25C6", ascii: "cg", color: "domainAmber" },
+  pip: { nerd: cp("e73c"), unicode: "\u25C6", ascii: "pp", color: "domainYellow" },
+  composer: { nerd: cp("e683"), unicode: "\u25C6", ascii: "co", color: "domainYellow" },
+  homebrew: { nerd: cp("f0fc"), unicode: "\u25C6", ascii: "br", color: "domainYellow" },
+  apt: { nerd: cp("f306"), unicode: "\u25C6", ascii: "ap", color: "domainRed" }
+};
+var DEVINFRA = {
+  laravel: { nerd: cp("e73f"), unicode: "\u25C6", ascii: "lv", color: "domainRed" },
+  // promoted from FRAMEWORKS
+  valet: { nerd: cp("e73f"), unicode: "\u25C6", ascii: "va", color: "domainRed" },
+  // laravel valet (alias glyph)
+  "code-server": { nerd: cp("e70c"), unicode: "\u25C6", ascii: "cs", color: "domainBlue" },
+  // vscode family (EDITORS)
+  ngrok: { nerd: cp("f0e7"), unicode: "\u21AF", ascii: "ng", color: "domainAmber" },
+  // fa-bolt — ↯ over the DS's double-wide ⚡
+  mailpit: { nerd: cp("f0e0"), unicode: "\u22A0", ascii: "mp", color: "domainAmber" },
+  // fa-envelope — ⊠ over the DS's double-wide ✉
+  tailscale: { nerd: "", unicode: "\u25C6", ascii: "ts", color: "domainCyan" },
+  // nerd: verify → degrades to ◆
+  syncthing: { nerd: "", unicode: "\u21BB", ascii: "st", color: "domainViolet" },
+  // nerd: verify → degrades to ↻
+  mosh: { nerd: "", unicode: "\u25C6", ascii: "mo", color: "domainAmber" }
+  // nerd: verify → degrades to ◆
+};
+var GLYPH_PACKS = {
+  languages: LANGUAGES,
+  databases: DATABASES,
+  cloud: CLOUD,
+  editors: EDITORS,
+  os: OS,
+  companies: COMPANIES,
+  frameworks: FRAMEWORKS,
+  files: FILES,
+  social: SOCIAL,
+  actions: ACTIONS,
+  system: SYSTEM,
+  packages: PACKAGES,
+  devinfra: DEVINFRA
+};
+
+// src/glyphs/glyphs.ts
+var stateGlyphs = {
+  check: { nerd: "\u2713", unicode: "\u2713", ascii: "[x]" },
+  cross: { nerd: "\u2717", unicode: "\u2717", ascii: "[!]" },
+  circle: { nerd: "\u25EF", unicode: "\u25EF", ascii: "[ ]" },
+  half: { nerd: "\u25D0", unicode: "\u25D0", ascii: "[~]" },
+  // ⚠ WIDTH-1 — do NOT swap to ☑ (U+2611). string-width measures ☑ as TWO
+  // cells, but ambiguous-width terminals (the non-CJK default) paint it as ONE
+  // → List/Form reserve 2 columns, the terminal fills 1, and the selection
+  // background tears a phantom hole right after the checkbox (audited 2026-06-02
+  // on the mesh picker). ■ (U+25A0) is the width-1 "on" box; it pairs with the
+  // width-1 ☐ (off) and ▣ (locked) so the whole checkbox column holds the grid.
+  checkboxOn: { nerd: "\u25A0", unicode: "\u25A0", ascii: "[*]" },
+  checkboxOff: { nerd: "\u2610", unicode: "\u2610", ascii: "[ ]" },
+  // selected + locked (a required item — no toggle).
+  checkboxLock: { nerd: "\u25A3", unicode: "\u25A3", ascii: "[#]" },
+  // WIDTH-1 — ⚠ (U+26A0) measures 2 in string-width but paints 1 in
+  // ambiguous-width terminals (same grid tear as the old ☑ checkbox). nerd uses
+  // the Nerd Font warning triangle (fa-warning, U+F071, width-1); unicode
+  // degrades to △ (width-1). Drives stateIntents.warn + Banner's warn tone.
+  warn: { nerd: "\uF071", unicode: "\u25B3", ascii: "[!]" },
+  rerun: { nerd: "\u21BB", unicode: "\u21BB", ascii: "(*)" }
+};
+var navGlyphs = {
+  // ⚠ LOCKED — DO NOT SWAP THIS GLYPH (flagged in a prior audit).
+  // The focus caret MUST stay WIDTH-1. `►` (U+25BA, solid right pointer) is the
+  // one-cell sibling of the design's `▶` (U+25B6). `string-width` measures `▶`
+  // as TWO cells, so changing `►` back to `▶` — or to any wide glyph — is a
+  // rendering BUG, not a style choice: the focused row's highlight band gets a
+  // hole behind the wide glyph's phantom cell and the List columns drift (see
+  // the band logic in components/List.tsx). `►` looks identical (a filled
+  // triangle) at one cell. Keep it as-is.
+  focus: { nerd: "\u25BA", unicode: "\u25BA", ascii: ">" },
+  collapsed: { nerd: "\u25B8", unicode: "\u25B8", ascii: ">" },
+  expanded: { nerd: "\u25BE", unicode: "\u25BE", ascii: "v" },
+  depends: { nerd: "\u21B3", unicode: "\u21B3", ascii: "\\>" },
+  flow: { nerd: "\u2192", unicode: "\u2192", ascii: "->" },
+  // ◄ (U+25C4) is the WIDTH-1 left sibling of the focus caret ► (U+25BA) — the
+  // same one-cell rule as the focus glyph above. ◀ (U+25C0) measures 2, so it
+  // would tear any grid that uses it (latent: currently unused).
+  back: { nerd: "\u25C4", unicode: "\u25C4", ascii: "<" },
+  // Overflow markers for a windowed List / LogView — "there is more, off-screen".
+  moreAbove: { nerd: "\u25B4", unicode: "\u25B4", ascii: "^" },
+  moreBelow: { nerd: "\u25BE", unicode: "\u25BE", ascii: "v" }
+};
+var DEFAULT_GLYPH_COLOR = "fgMuted";
+var DEFAULT_UNICODE = "\u25C6";
+var registry = /* @__PURE__ */ new Map();
+for (const table of [stateGlyphs, navGlyphs]) {
+  for (const [name, variants] of Object.entries(table)) registry.set(name, variants);
+}
+function deriveAscii(name) {
+  const s = String(name || "").replace(/[^a-z0-9]/gi, "").slice(0, 2).toLowerCase();
+  return "[" + (s || "?") + "]";
+}
+function normalizeEntry(name, e) {
+  const input = typeof e === "string" ? { nerd: e } : e;
+  let nerd = input.nerd;
+  if (nerd == null && input.cp != null) {
+    try {
+      nerd = String.fromCodePoint(parseInt(input.cp, 16));
+    } catch {
+    }
+  }
+  if (nerd == null && input.nf != null) nerd = nfChar(input.nf);
+  return {
+    nerd: nerd ?? "",
+    unicode: input.unicode ?? DEFAULT_UNICODE,
+    ascii: input.ascii ?? deriveAscii(name),
+    color: input.color ?? DEFAULT_GLYPH_COLOR
+  };
+}
+function registerGlyphs(...maps) {
+  for (const map of maps) {
+    if (!map) continue;
+    for (const [name, entry] of Object.entries(map)) registry.set(name, normalizeEntry(name, entry));
+  }
+}
+function registerGlyph(name, entry) {
+  registerGlyphs({ [name]: entry });
+}
+function hasGlyph(name) {
+  return registry.has(name);
+}
+function registeredNames() {
+  return [...registry.keys()].sort();
+}
+function glyph(name, set) {
+  const v = registry.get(name);
+  if (!v) return name;
+  if (set === "ascii") return v.ascii || v.unicode || v.nerd || name;
+  if (set === "unicode") return v.unicode || v.ascii || v.nerd || name;
+  return v.nerd || v.unicode || v.ascii || name;
+}
+function glyphColor(name) {
+  return registry.get(name)?.color;
+}
+var stateIntents = {
+  installed: { glyph: "check", token: "stateOk" },
+  ok: { glyph: "check", token: "stateOk" },
+  done: { glyph: "check", token: "stateOk" },
+  missing: { glyph: "cross", token: "stateErr" },
+  error: { glyph: "cross", token: "stateErr" },
+  err: { glyph: "cross", token: "stateErr" },
+  failed: { glyph: "cross", token: "stateErr" },
+  drift: { glyph: "half", token: "stateDrift" },
+  partial: { glyph: "half", token: "stateDrift" },
+  warn: { glyph: "warn", token: "stateWarn" },
+  idempotent: { glyph: "rerun", token: "stateInfo" },
+  pending: { glyph: "circle", token: "statePending" },
+  info: { glyph: "depends", token: "stateInfo" }
+};
+function stateGlyph(name) {
+  return stateIntents[name] ?? null;
+}
+var selectionIntents = {
+  selected: { glyph: "checkboxOn", token: "accent" },
+  unselected: { glyph: "checkboxOff", token: "fgDim" },
+  locked: { glyph: "checkboxLock", token: "fgMuted" }
+};
+var boxStyles = {
+  single: { tl: "\u250C", tr: "\u2510", bl: "\u2514", br: "\u2518", h: "\u2500", v: "\u2502" },
+  rounded: { tl: "\u256D", tr: "\u256E", bl: "\u2570", br: "\u256F", h: "\u2500", v: "\u2502" },
+  ascii: { tl: "+", tr: "+", bl: "+", br: "+", h: "-", v: "|" }
+};
+function boxChars(style, set) {
+  if (set === "ascii") return boxStyles.ascii;
+  return boxStyles[style];
+}
+var spinnerFrames = {
+  braille: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"],
+  ascii: ["|", "/", "-", "\\"]
+};
+function spinnerFor(set) {
+  return set === "ascii" ? spinnerFrames.ascii : spinnerFrames.braille;
+}
+var blocks = {
+  full: "\u2588",
+  dark: "\u2593",
+  medium: "\u2592",
+  light: "\u2591",
+  cursor: "\u258E"
+};
+var blocksH = [" ", "\u258F", "\u258E", "\u258D", "\u258C", "\u258B", "\u258A", "\u2589", "\u2588"];
+
+// src/glyphs/useGlyph.ts
+function useGlyph() {
+  const set = useIconSet();
+  return (name) => glyph(name, set);
+}
+async function detectIconSet(opts = {}) {
+  const env = opts.env ?? process.env;
+  const explicit = normalizeSet(env.BLINK_ICON_SET);
+  if (explicit) return explicit;
+  if (env.BLINK_NERD_FONT === "1") return "nerd";
+  if (env.BLINK_NERD_FONT === "0") return "unicode";
+  if (env.BLINK_ASCII === "1") return "ascii";
+  const cfg = opts.configPath ?? join(homedir(), ".config", "blink", "preferences.json");
+  const pref = readPreference(cfg);
+  if (pref) return pref;
+  if (opts.markerFiles?.some((p) => safeExists(p))) return "nerd";
+  if (env.WT_SESSION) return "nerd";
+  if (env.TERM_PROGRAM === "WezTerm") return "nerd";
+  if (env.TERM_PROGRAM === "ghostty") return "nerd";
+  if (/nerd|cask|powerline/i.test(env.ITERM_PROFILE ?? "")) return "nerd";
+  if (env.CI) return "ascii";
+  if (env.TERM === "dumb" || !env.TERM) return "ascii";
+  return "unicode";
+}
+function normalizeSet(value) {
+  if (value === "nerd" || value === "unicode" || value === "ascii") return value;
+  return void 0;
+}
+function readPreference(path) {
+  if (!safeExists(path)) return void 0;
+  try {
+    const parsed = JSON.parse(readFileSync(path, "utf8"));
+    return normalizeSet(typeof parsed.iconSet === "string" ? parsed.iconSet : void 0);
+  } catch {
+    return void 0;
+  }
+}
+function safeExists(path) {
+  try {
+    return existsSync(path);
+  } catch {
+    return false;
+  }
+}
+function cellWidth(str) {
+  return stringWidth(str);
+}
+function useStdoutDimensions() {
+  const { stdout } = useStdout();
+  const read = () => ({
+    columns: stdout?.columns ?? 80,
+    rows: stdout?.rows ?? 24
+  });
+  const [dimensions, setDimensions] = useState(read);
+  useEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setDimensions({ columns: stdout.columns, rows: stdout.rows });
+    stdout.on("resize", onResize);
+    onResize();
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return dimensions;
+}
+function useBlink2(active = true, hz = 1) {
+  const [on, setOn] = useState(true);
+  useEffect(() => {
+    if (!active) {
+      setOn(true);
+      return;
+    }
+    const halfPeriod = Math.max(1, Math.round(1e3 / hz / 2));
+    const timer = setInterval(() => setOn((v) => !v), halfPeriod);
+    return () => clearInterval(timer);
+  }, [active, hz]);
+  return active ? on : true;
+}
+function useSpinnerFrame(opts = {}) {
+  const { active = true, intervalMs = 80 } = opts;
+  const [frame, setFrame] = useState(0);
+  useEffect(() => {
+    if (!active) {
+      setFrame(0);
+      return;
+    }
+    const timer = setInterval(() => setFrame((f) => f + 1), intervalMs);
+    return () => clearInterval(timer);
+  }, [active, intervalMs]);
+  return frame;
+}
+var clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+function computeWindow(prevStart, rowCount, focusedIndex, height, scrolloff = 0, overflowMarkers = true) {
+  const n = rowCount;
+  const H = height;
+  if (H <= 0) return { start: 0, end: 0, aboveCount: 0, belowCount: 0 };
+  if (n <= H) return { start: 0, end: n, aboveCount: 0, belowCount: 0 };
+  const i = focusedIndex == null || focusedIndex < 0 ? -1 : Math.min(focusedIndex, n - 1);
+  let start = clamp(prevStart, 0, n - 1);
+  for (let pass = 0; pass < 4; pass++) {
+    const showAbove2 = overflowMarkers && start > 0;
+    const cAbove2 = H - (showAbove2 ? 1 : 0);
+    const showBelow2 = overflowMarkers && start + cAbove2 < n;
+    const content2 = Math.max(1, cAbove2 - (showBelow2 ? 1 : 0));
+    if (i >= 0) {
+      const m = Math.min(scrolloff, Math.floor((content2 - 1) / 2));
+      if (i < start + m) start = i - m;
+      else if (i >= start + content2 - m) start = i - content2 + 1 + m;
+    }
+    start = clamp(start, 0, n - content2);
+  }
+  const showAbove = overflowMarkers && start > 0;
+  const cAbove = H - (showAbove ? 1 : 0);
+  const showBelow = overflowMarkers && start + cAbove < n;
+  const content = Math.max(1, cAbove - (showBelow ? 1 : 0));
+  start = clamp(start, 0, n - content);
+  const end = start + content;
+  return { start, end, aboveCount: start, belowCount: n - end };
+}
+function useListWindow(opts) {
+  const { rowCount, focusedIndex, height, scrolloff = 0, overflowMarkers = true } = opts;
+  const startRef = useRef(0);
+  const win = computeWindow(startRef.current, rowCount, focusedIndex, height, scrolloff, overflowMarkers);
+  startRef.current = win.start;
+  return win;
+}
+function useListNavigation(opts) {
+  const { ids, focusedId: controlled, onFocusChange, wrap = false } = opts;
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = useState(() => ids[0] ?? null);
+  const focusedId = isControlled ? controlled : internal;
+  const focusedIndex = focusedId == null ? -1 : ids.indexOf(focusedId);
+  const setFocus = useCallback(
+    (id) => {
+      if (id == null) return;
+      if (!isControlled) setInternal(id);
+      onFocusChange?.(id);
+    },
+    [isControlled, onFocusChange]
+  );
+  const move = useCallback(
+    (delta) => {
+      if (ids.length === 0) return;
+      const cur = focusedIndex < 0 ? 0 : focusedIndex;
+      let next = cur + delta;
+      if (wrap) next = (next % ids.length + ids.length) % ids.length;
+      else next = Math.max(0, Math.min(ids.length - 1, next));
+      setFocus(ids[next] ?? null);
+    },
+    [ids, focusedIndex, wrap, setFocus]
+  );
+  return {
+    focusedId,
+    focusedIndex,
+    focusNext: () => move(1),
+    focusPrev: () => move(-1),
+    focusFirst: () => setFocus(ids[0] ?? null),
+    focusLast: () => setFocus(ids[ids.length - 1] ?? null),
+    focusTo: (id) => setFocus(id)
+  };
+}
+function useListSelection(opts) {
+  const { mode, min, max, initial, onChange } = opts;
+  const [selected, setSelected] = useState(() => new Set(initial ?? []));
+  const [blocked, setBlocked] = useState(false);
+  const commit = useCallback(
+    (next) => {
+      setBlocked(false);
+      setSelected(next);
+      onChange?.(next);
+    },
+    [onChange]
+  );
+  const block = useCallback(() => {
+    setBlocked(true);
+    return false;
+  }, []);
+  const toggle = useCallback(
+    (id) => {
+      const has = selected.has(id);
+      if (mode === "single") {
+        if (has) {
+          if (min !== void 0 && min > 0) return block();
+          commit(/* @__PURE__ */ new Set());
+          return true;
+        }
+        commit(/* @__PURE__ */ new Set([id]));
+        return true;
+      }
+      if (has) {
+        if (min !== void 0 && selected.size <= min) return block();
+        const next2 = new Set(selected);
+        next2.delete(id);
+        commit(next2);
+        return true;
+      }
+      if (max !== void 0 && selected.size >= max) return block();
+      const next = new Set(selected);
+      next.add(id);
+      commit(next);
+      return true;
+    },
+    [selected, mode, min, max, commit, block]
+  );
+  const selectOnly = useCallback((id) => commit(/* @__PURE__ */ new Set([id])), [commit]);
+  const clear = useCallback(() => {
+    if (min !== void 0 && min > 0) {
+      block();
+      return;
+    }
+    commit(/* @__PURE__ */ new Set());
+  }, [min, commit, block]);
+  const isSelected = useCallback((id) => selected.has(id), [selected]);
+  return { selectedIds: selected, isSelected, toggle, selectOnly, clear, blocked };
+}
+function inkBorderStyle(style, ascii) {
+  if (ascii) return "classic";
+  return style === "rounded" ? "round" : "single";
+}
+function Pane({
+  title,
+  tone,
+  focused = false,
+  variant,
+  flexGrow = 1,
+  flexBasis,
+  width,
+  height,
+  minHeight,
+  children
+}) {
+  const tokens = useTokens();
+  const iconSet = useIconSet();
+  const ascii = iconSet === "ascii";
+  const t = tone ?? (variant === "error" ? "error" : focused ? "focus" : "resting");
+  const style = variant === "square" ? "single" : "rounded";
+  const chars = boxChars(style, iconSet);
+  const borderColor = t === "error" ? tokens.stateErr : t === "focus" ? tokens.borderFocus : tokens.border;
+  const titleColor = t === "error" ? tokens.stateErr : t === "focus" ? tokens.accent : tokens.fgMuted;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      flexGrow,
+      flexBasis,
+      width,
+      height,
+      minHeight,
+      minWidth: 0,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", height: 1, children: [
+          /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: borderColor, children: chars.tl + chars.h }) }),
+          title ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: titleColor, wrap: "truncate", children: " " + title + " " }) }) : null,
+          /* @__PURE__ */ jsx(Box, { flexGrow: 1, height: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(Text, { color: borderColor, children: chars.h.repeat(200) }) }),
+          /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: borderColor, children: chars.tr }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            flexGrow: 1,
+            minHeight: 0,
+            flexDirection: "column",
+            borderStyle: inkBorderStyle(style, ascii),
+            borderColor,
+            borderTop: false,
+            paddingX: 1,
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function hasSelectionIntent(row) {
+  return row.locked === true || "selected" in row;
+}
+function rowSelection(row) {
+  if (row.locked) return selectionIntents.locked;
+  if (!("selected" in row)) return null;
+  return row.selected ? selectionIntents.selected : selectionIntents.unselected;
+}
+function OverflowMarker({ glyph: glyph2, count }) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, children: `${glyph2} ${count} more` })
+  ] });
+}
+function ListRow({
+  row,
+  focused = false,
+  selected = false,
+  showCheckbox,
+  showState,
+  showDomain,
+  caretWidth,
+  checkboxWidth,
+  stateWidth,
+  domainWidth
+}) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  const backgroundColor = focused ? tokens.bgFocused : selected ? tokens.bgSelected : void 0;
+  const sel = rowSelection(row);
+  const checkStr = sel ? g(sel.glyph) : "";
+  const checkColor = row.muted ? tokens.fgDim : sel ? tokens[sel.token] : tokens.fgDim;
+  const st = row.state ? stateGlyph(row.state) : null;
+  const stateStr = st ? g(st.glyph) : "";
+  const stateColor = row.muted ? tokens.fgDim : st ? tokens[st.token] : tokens.fg;
+  const domainStr = row.domain ? g(row.domain) : "";
+  const domainToken = row.domain ? glyphColor(row.domain) : void 0;
+  const domainColor = row.muted ? tokens.fgDim : domainToken ? tokens[domainToken] : tokens.fgMuted;
+  const labelColor = row.muted ? tokens.fgDim : tokens.fg;
+  const wantCheckbox = showCheckbox ?? hasSelectionIntent(row);
+  const wantState = showState ?? row.state != null;
+  const wantDomain = showDomain ?? row.domain != null;
+  const caretW = caretWidth ?? Math.max(1, cellWidth(g("focus")));
+  const checkW = checkboxWidth ?? Math.max(1, cellWidth(checkStr));
+  const stateW = stateWidth ?? Math.max(1, cellWidth(stateStr));
+  const domainW = domainWidth ?? Math.max(1, cellWidth(domainStr));
+  const cell2 = (s, w) => s + " ".repeat(Math.max(0, w - cellWidth(s)));
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.accent, backgroundColor, wrap: "truncate", children: cell2(focused ? g("focus") : "", caretW) }),
+    /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " }),
+    wantCheckbox ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { color: checkColor, backgroundColor, wrap: "truncate", children: cell2(checkStr, checkW) }),
+      /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " })
+    ] }) : null,
+    wantState ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { color: stateColor, backgroundColor, wrap: "truncate", children: cell2(stateStr, stateW) }),
+      /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " })
+    ] }) : null,
+    wantDomain ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { color: domainColor, backgroundColor, wrap: "truncate", children: cell2(domainStr, domainW) }),
+      /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " })
+    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { color: labelColor, backgroundColor, wrap: "truncate", children: row.label }),
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexBasis: 0, minWidth: 0, height: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(Text, { backgroundColor, children: " ".repeat(200) }) }),
+    row.meta ? /* @__PURE__ */ jsx(Text, { color: tokens.fgDim, backgroundColor, wrap: "truncate", children: row.meta }) : null,
+    /* @__PURE__ */ jsx(Text, { backgroundColor, children: " " })
+  ] });
+}
+function List({
+  rows,
+  focusedId,
+  selectedIds,
+  height,
+  scrolloff = 0,
+  overflowMarkers = true
+}) {
+  const g = useGlyph();
+  const sel = selectedIds ?? /* @__PURE__ */ new Set();
+  const showCheckbox = rows.some(hasSelectionIntent);
+  const showState = rows.some((r) => r.state != null);
+  const showDomain = rows.some((r) => r.domain != null);
+  const focusedIndex = focusedId == null ? -1 : rows.findIndex((r) => r.id === focusedId);
+  const { start, end, aboveCount, belowCount } = useListWindow({
+    rowCount: rows.length,
+    focusedIndex,
+    height: height ?? rows.length,
+    scrolloff,
+    overflowMarkers
+  });
+  const visible = rows.slice(start, end);
+  const caretWidth = Math.max(1, cellWidth(g("focus")));
+  const checkboxWidth = showCheckbox ? rows.reduce((m, r) => {
+    const s = rowSelection(r);
+    return Math.max(m, s ? cellWidth(g(s.glyph)) : 1);
+  }, 1) : 0;
+  const stateWidth = showState ? rows.reduce((m, r) => {
+    const st = r.state ? stateGlyph(r.state) : null;
+    return Math.max(m, st ? cellWidth(g(st.glyph)) : 1);
+  }, 1) : 0;
+  const domainWidth = showDomain ? rows.reduce((m, r) => Math.max(m, r.domain ? cellWidth(g(r.domain)) : 1), 1) : 0;
+  const showAbove = overflowMarkers && aboveCount > 0;
+  const showBelow = overflowMarkers && belowCount > 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    showAbove ? /* @__PURE__ */ jsx(OverflowMarker, { glyph: g("moreAbove"), count: aboveCount }) : null,
+    visible.map((row) => /* @__PURE__ */ jsx(
+      ListRow,
+      {
+        row,
+        focused: row.id === focusedId,
+        selected: sel.has(row.id),
+        showCheckbox,
+        showState,
+        showDomain,
+        caretWidth,
+        checkboxWidth,
+        stateWidth,
+        domainWidth
+      },
+      row.id
+    )),
+    showBelow ? /* @__PURE__ */ jsx(OverflowMarker, { glyph: g("moreBelow"), count: belowCount }) : null
+  ] });
+}
+function Header({
+  mark = blocks.cursor,
+  title,
+  subtitle,
+  right
+}) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexShrink: 1, overflow: "hidden", children: [
+      mark != null && mark !== "" ? /* @__PURE__ */ jsx(Text, { color: tokens.accent, children: mark }) : null,
+      /* @__PURE__ */ jsx(Text, { color: tokens.fg, wrap: "truncate", children: (mark != null && mark !== "" ? " " : "") + title }),
+      subtitle ? /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, wrap: "truncate", children: " \xB7 " + subtitle }) : null
+    ] }),
+    right != null ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: typeof right === "string" ? /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: right }) : right }) : null
+  ] });
+}
+function DescriptionList({
+  items = [],
+  gutter = 10
+}) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: items.map((it, i) => {
+    const st = it.state ? stateGlyph(it.state) : null;
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      it.term != null ? /* @__PURE__ */ jsx(Box, { width: gutter, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: tokens.fgDim, wrap: "truncate", children: it.term }) }) : null,
+      st ? /* @__PURE__ */ jsx(Box, { width: 1, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: tokens[st.token], children: g(st.glyph) }) }) : null,
+      /* @__PURE__ */ jsx(Text, { color: it.muted ? tokens.fgMuted : tokens.fg, wrap: "truncate", children: it.value })
+    ] }, i);
+  }) });
+}
+var clamp2 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+function wrapLine(line, w) {
+  if (line.length === 0) return [""];
+  const out = [];
+  let cur = "";
+  let curW = 0;
+  for (const ch of Array.from(line)) {
+    const cw = cellWidth(ch);
+    if (curW + cw > w && cur.length > 0) {
+      out.push(cur);
+      cur = "";
+      curW = 0;
+    }
+    cur += ch;
+    curW += cw;
+  }
+  out.push(cur);
+  return out;
+}
+function truncateLine(line, w) {
+  let cur = "";
+  let curW = 0;
+  for (const ch of Array.from(line)) {
+    const cw = cellWidth(ch);
+    if (curW + cw > w) break;
+    cur += ch;
+    curW += cw;
+  }
+  return cur;
+}
+function LogView({
+  lines,
+  height,
+  follow = true,
+  wrap = true,
+  width
+}) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  const ref = useRef(null);
+  const [measured, setMeasured] = useState(0);
+  useEffect(() => {
+    if (width != null || !ref.current) return;
+    const m = measureElement(ref.current);
+    if (m.width && m.width !== measured) setMeasured(m.width);
+  });
+  const w = Math.max(1, width ?? measured ?? 0) || 80;
+  const visual = [];
+  for (const line of lines) {
+    if (wrap) for (const vr of wrapLine(line, w)) visual.push(vr);
+    else visual.push(truncateLine(line, w));
+  }
+  const total = visual.length;
+  const bottomOffsetRef = useRef(0);
+  const prevTotalRef = useRef(total);
+  if (follow) {
+    bottomOffsetRef.current = 0;
+  } else {
+    const delta = total - prevTotalRef.current;
+    bottomOffsetRef.current = clamp2(bottomOffsetRef.current + Math.max(0, delta), 0, Math.max(0, total - 1));
+  }
+  prevTotalRef.current = total;
+  const bottomOffset = bottomOffsetRef.current;
+  const end = total - bottomOffset;
+  let start = Math.max(0, end - height);
+  for (let pass = 0; pass < 2; pass++) {
+    const showAbove2 = start > 0;
+    const contentH = height - (showAbove2 ? 1 : 0);
+    start = Math.max(0, end - contentH);
+  }
+  const aboveCount = start;
+  const showAbove = aboveCount > 0;
+  const window = visual.slice(start, end);
+  return /* @__PURE__ */ jsxs(Box, { ref, flexDirection: "column", children: [
+    showAbove ? /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, children: `${g("moreAbove")} ${aboveCount} more` }) : null,
+    window.map((row, idx) => /* @__PURE__ */ jsx(Text, { color: tokens.fg, wrap: "truncate", children: row }, start + idx))
+  ] });
+}
+function Hotkey({ k, desc }) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsxs(Box, { flexShrink: 0, children: [
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgInverse, backgroundColor: tokens.bgInverse, wrap: "truncate", children: " " + k + " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, backgroundColor: tokens.bgSunken, wrap: "truncate", children: " " + desc })
+  ] });
+}
+function chipWidth(h) {
+  return cellWidth(h.k) + 2 + cellWidth(h.desc) + 1;
+}
+function Footer({ keys = [], right, marginTop = 1 }) {
+  const tokens = useTokens();
+  const { columns } = useStdoutDimensions();
+  const rightStr = typeof right === "string" ? right : null;
+  const rightWidth = rightStr != null ? cellWidth(rightStr) : 0;
+  const budget = Math.max(0, columns - 2 - (rightWidth > 0 ? rightWidth + 1 : 0));
+  const shown = [];
+  let used = 0;
+  for (const h of keys) {
+    const w = (shown.length > 0 ? 3 : 0) + chipWidth(h);
+    if (used + w > budget) break;
+    used += w;
+    shown.push(h);
+  }
+  if (right != null && rightStr == null) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingX: 1, justifyContent: "space-between", marginTop, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 3, flexShrink: 1, overflow: "hidden", children: shown.map((h, i) => /* @__PURE__ */ jsx(Hotkey, { k: h.k, desc: h.desc }, i)) }),
+      /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, backgroundColor: tokens.bgSunken, wrap: "truncate", children: right }) })
+    ] });
+  }
+  const fill = " ".repeat(Math.max(0, columns - 1 - used - rightWidth - 1));
+  return /* @__PURE__ */ jsx(Box, { marginTop, flexShrink: 0, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: tokens.bgSunken, wrap: "truncate", children: [
+    " ",
+    shown.map((h, i) => /* @__PURE__ */ jsxs(Text, { children: [
+      i > 0 ? "   " : "",
+      /* @__PURE__ */ jsx(Text, { color: tokens.fgInverse, backgroundColor: tokens.bgInverse, children: " " + h.k + " " }),
+      /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: " " + h.desc })
+    ] }, i)),
+    fill,
+    rightStr != null ? /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, children: rightStr }) : null,
+    " "
+  ] }) });
+}
+function Cursor({ active = true, color }) {
+  const tokens = useTokens();
+  const on = useBlink2(active);
+  return /* @__PURE__ */ jsx(Text, { color: color ?? tokens.fg, children: on ? blocks.cursor : " " });
+}
+function Input({
+  title,
+  value = "",
+  placeholder = "",
+  focused = false,
+  error
+}) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  const tone = error ? "error" : focused ? "focus" : "resting";
+  const empty = value.length === 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Pane, { title, tone, flexGrow: 0, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      empty ? /* @__PURE__ */ jsx(Text, { color: tokens.fgDisabled, children: placeholder }) : /* @__PURE__ */ jsx(Text, { color: tokens.fg, children: value }),
+      focused ? /* @__PURE__ */ jsx(Cursor, { active: true }) : null
+    ] }) }),
+    error ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: tokens.stateErr, children: g("cross") }),
+      /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: " " + error })
+    ] }) : null
+  ] });
+}
+function Dialog({
+  title,
+  tone = "default",
+  lines = [],
+  children,
+  actions = [],
+  width = 44
+}) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsx(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(Box, { width, flexShrink: 0, children: /* @__PURE__ */ jsx(Pane, { title, tone: tone === "error" ? "error" : "focus", flexGrow: 0, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    children ?? lines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: tokens.fg, children: line }, i)),
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+      actions.map((action, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        action.primary ? /* @__PURE__ */ jsx(Text, { color: tokens.fgInverse, backgroundColor: tokens.accent, children: " " + action.key + " " }) : /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: " " + action.key + " " }),
+        /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: action.label })
+      ] }, i)),
+      /* @__PURE__ */ jsx(Spacer, {})
+    ] }),
+    /* @__PURE__ */ jsx(Text, { children: " " })
+  ] }) }) }) });
+}
+var TONES = {
+  info: { glyph: "depends", token: "stateInfo" },
+  success: { glyph: "check", token: "stateOk" },
+  warn: { glyph: "warn", token: "stateWarn" }
+};
+function Banner({ children, text, tone = "info" }) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  const t = TONES[tone] ?? TONES.info;
+  const body = children ?? text ?? "";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { color: tokens[t.token], children: g(t.glyph) + " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: body })
+  ] });
+}
+function Spinner({ active = true, color, intervalMs = 80 }) {
+  const tokens = useTokens();
+  const iconSet = useIconSet();
+  const frames = spinnerFor(iconSet);
+  const frame = useSpinnerFrame({ active, intervalMs });
+  return /* @__PURE__ */ jsx(Text, { color: color ?? tokens.stateInfo, children: frames[frame % frames.length] });
+}
+function ProgressBar({ value, width, color, trackColor, showPercent = true }) {
+  const tokens = useTokens();
+  const iconSet = useIconSet();
+  const v = Math.max(0, Math.min(1, value));
+  const fillColor = color ?? tokens.accent;
+  const track = trackColor ?? tokens.border;
+  const pct = showPercent ? /* @__PURE__ */ jsx(Text, { color: tokens.fgDim, children: `  ${Math.round(v * 100)}%` }) : null;
+  if (iconSet === "ascii") {
+    const full = Math.round(v * width);
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: fillColor, children: "#".repeat(full) }),
+      /* @__PURE__ */ jsx(Text, { color: track, children: " ".repeat(Math.max(0, width - full)) }),
+      pct
+    ] });
+  }
+  const totalEighths = Math.round(v * width * 8);
+  const fullCells = Math.floor(totalEighths / 8);
+  const rem = totalEighths % 8;
+  const filled = blocksH[8].repeat(fullCells) + (rem > 0 ? blocksH[rem] ?? "" : "");
+  const usedCells = fullCells + (rem > 0 ? 1 : 0);
+  const empty = blocks.light.repeat(Math.max(0, width - usedCells));
+  return /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsx(Text, { color: fillColor, children: filled }),
+    /* @__PURE__ */ jsx(Text, { color: track, children: empty }),
+    pct
+  ] });
+}
+var PROGRESS_STATES = {
+  pending: { glyph: "circle", token: "statePending" },
+  ok: { glyph: "check", token: "stateOk" },
+  done: { glyph: "check", token: "stateOk" },
+  failed: { glyph: "cross", token: "stateErr" },
+  error: { glyph: "cross", token: "stateErr" },
+  waiting: { glyph: "half", token: "stateWarn" }
+};
+var SKIPPED = { nerd: "\u25CC", unicode: "\u25CC", ascii: "-" };
+function literalFor(set, v) {
+  return set === "ascii" ? v.ascii : set === "unicode" ? v.unicode : v.nerd;
+}
+function labelToken(state) {
+  if (state === "skipped") return "fgDisabled";
+  if (state === "pending") return "fgMuted";
+  return "fg";
+}
+function cell(s, w) {
+  return s + " ".repeat(Math.max(0, w - cellWidth(s)));
+}
+function ProgressRow({
+  item,
+  active,
+  metrics,
+  animate
+}) {
+  const tokens = useTokens();
+  const iconSet = useIconSet();
+  const g = useGlyph();
+  const bg = active ? tokens.bgFocused : void 0;
+  let statusCell;
+  if (item.state === "running") {
+    statusCell = /* @__PURE__ */ jsxs(Text, { backgroundColor: bg, children: [
+      /* @__PURE__ */ jsx(Spinner, { active: animate }),
+      " ".repeat(Math.max(0, metrics.glyphW - 1))
+    ] });
+  } else if (item.state === "skipped") {
+    statusCell = /* @__PURE__ */ jsx(Text, { color: tokens.fgDisabled, backgroundColor: bg, wrap: "truncate", children: cell(literalFor(iconSet, SKIPPED), metrics.glyphW) });
+  } else {
+    const st = PROGRESS_STATES[item.state] ?? null;
+    statusCell = /* @__PURE__ */ jsx(Text, { color: st ? tokens[st.token] : tokens.fg, backgroundColor: bg, wrap: "truncate", children: cell(st ? g(st.glyph) : "", metrics.glyphW) });
+  }
+  const domainToken = item.domain ? glyphColor(item.domain) : void 0;
+  const domainColor = domainToken ? tokens[domainToken] : tokens.fgMuted;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " }),
+    statusCell,
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " }),
+    metrics.showDomain ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { color: item.domain ? domainColor : tokens.fg, backgroundColor: bg, wrap: "truncate", children: cell(item.domain ? g(item.domain) : "", metrics.domainW) }),
+      /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " })
+    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { color: tokens[labelToken(item.state)], backgroundColor: bg, wrap: "truncate", children: item.label }),
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexBasis: 0, minWidth: 0, height: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " ".repeat(200) }) }),
+    item.meta ? /* @__PURE__ */ jsx(Text, { color: tokens.fgDim, backgroundColor: bg, wrap: "truncate", children: item.meta }) : null,
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " })
+  ] });
+}
+function OverflowMarker2({ glyph: glyph2, count }) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, children: `${glyph2} ${count} more` })
+  ] });
+}
+function ProgressList({
+  items,
+  activeId,
+  height,
+  overflowMarkers = true,
+  animate = true
+}) {
+  const iconSet = useIconSet();
+  const g = useGlyph();
+  const showDomain = items.some((it) => it.domain != null);
+  const glyphW = items.reduce((m, it) => {
+    if (it.state === "running") return Math.max(m, 1);
+    if (it.state === "skipped") return Math.max(m, cellWidth(literalFor(iconSet, SKIPPED)));
+    const st = PROGRESS_STATES[it.state] ?? null;
+    return Math.max(m, st ? cellWidth(g(st.glyph)) : 1);
+  }, 1);
+  const domainW = showDomain ? items.reduce((m, it) => Math.max(m, it.domain ? cellWidth(g(it.domain)) : 1), 1) : 0;
+  const metrics = { glyphW, domainW, showDomain };
+  const activeIndex = activeId == null ? -1 : items.findIndex((it) => it.id === activeId);
+  const { start, end, aboveCount, belowCount } = useListWindow({
+    rowCount: items.length,
+    focusedIndex: activeIndex,
+    height: height ?? items.length,
+    overflowMarkers
+  });
+  const visible = items.slice(start, end);
+  const showAbove = overflowMarkers && aboveCount > 0;
+  const showBelow = overflowMarkers && belowCount > 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    showAbove ? /* @__PURE__ */ jsx(OverflowMarker2, { glyph: g("moreAbove"), count: aboveCount }) : null,
+    visible.map((it) => /* @__PURE__ */ jsx(
+      ProgressRow,
+      {
+        item: it,
+        active: it.id === activeId,
+        metrics,
+        animate
+      },
+      it.id
+    )),
+    showBelow ? /* @__PURE__ */ jsx(OverflowMarker2, { glyph: g("moreBelow"), count: belowCount }) : null
+  ] });
+}
+function resolveChoices(field, values = {}) {
+  if (field.optionsFrom) {
+    const src = values[field.optionsFrom];
+    const ids = Array.isArray(src) ? src : src != null && src !== "" ? [String(src)] : [];
+    return ids.map((id) => ({ id: String(id), label: String(id) }));
+  }
+  return (field.choices ?? []).map(
+    (c) => typeof c === "string" ? { id: c, label: c } : { id: c.id, label: c.label != null ? c.label : String(c.id) }
+  );
+}
+function buildStops(fields, values = {}) {
+  const stops = [];
+  for (const f of fields) {
+    if (f.kind === "select" || f.kind === "multiselect") {
+      for (const c of resolveChoices(f, values)) {
+        stops.push({ id: `${f.name}::${c.id}`, name: f.name, kind: f.kind, choiceId: c.id });
+      }
+    } else {
+      stops.push({ id: f.name, name: f.name, kind: f.kind, choiceId: null });
+    }
+  }
+  return stops;
+}
+function isEmpty(v) {
+  return v == null || v === "" || Array.isArray(v) && v.length === 0;
+}
+function validateForm(fields, values = {}) {
+  const errors = {};
+  for (const f of fields) {
+    const v = values[f.name];
+    if (f.required && isEmpty(v)) errors[f.name] = "required";
+    if (f.kind === "multiselect" && f.min != null) {
+      const n = Array.isArray(v) ? v.length : 0;
+      if (n < f.min) errors[f.name] = `select at least ${f.min}`;
+    }
+  }
+  return { ok: Object.keys(errors).length === 0, errors };
+}
+function useFormNavigation({
+  fields,
+  values = {},
+  onChange
+}) {
+  const stops = buildStops(fields, values);
+  const [idx, setIdx] = useState(0);
+  const safe = Math.min(idx, Math.max(0, stops.length - 1));
+  const stop = stops[safe] ?? null;
+  const emit = (next) => onChange?.(next);
+  return {
+    focusId: stop ? stop.id : null,
+    focusStop: stop,
+    stops,
+    next: () => setIdx((i) => Math.min(i + 1, stops.length - 1)),
+    prev: () => setIdx((i) => Math.max(i - 1, 0)),
+    focusField: (name) => {
+      const j = stops.findIndex((s) => s.name === name);
+      if (j >= 0) setIdx(j);
+    },
+    toggle: () => {
+      if (!stop) return;
+      const f = fields.find((ff) => ff.name === stop.name);
+      if (!f) return;
+      const v = values[f.name];
+      if (f.kind === "toggle") emit({ ...values, [f.name]: !v });
+      else if (f.kind === "select") emit({ ...values, [f.name]: stop.choiceId ?? "" });
+      else if (f.kind === "multiselect") {
+        const cur = Array.isArray(v) ? v : [];
+        const id = stop.choiceId ?? "";
+        if (cur.includes(id)) {
+          if (f.min != null && cur.length <= f.min) return;
+          emit({ ...values, [f.name]: cur.filter((x) => x !== id) });
+        } else {
+          if (f.max != null && cur.length >= f.max) return;
+          emit({ ...values, [f.name]: cur.concat(id) });
+        }
+      }
+    },
+    setText: (name, str) => emit({ ...values, [name]: str }),
+    commit: () => validateForm(fields, values)
+  };
+}
+function FieldLabel({ label, required }) {
+  const tokens = useTokens();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Text, { color: tokens.fg, children: label }),
+    required ? /* @__PURE__ */ jsx(Text, { color: tokens.stateWarn, children: " *" }) : null
+  ] });
+}
+function Choice({
+  selected,
+  locked,
+  label,
+  focused
+}) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  const sel = locked ? selectionIntents.locked : selected ? selectionIntents.selected : selectionIntents.unselected;
+  const bg = focused ? tokens.bgFocused : void 0;
+  const glyphStr = g(sel.glyph);
+  const labelColor = selected || locked ? tokens.fg : tokens.fgMuted;
+  const pad = glyphStr + " ".repeat(Math.max(0, 2 - cellWidth(glyphStr)));
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginRight: 1, children: [
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " }),
+    /* @__PURE__ */ jsx(Text, { color: tokens[sel.token], backgroundColor: bg, wrap: "truncate", children: pad }),
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " }),
+    /* @__PURE__ */ jsx(Text, { color: labelColor, backgroundColor: bg, wrap: "truncate", children: label }),
+    /* @__PURE__ */ jsx(Text, { backgroundColor: bg, children: " " })
+  ] });
+}
+function ErrorLine({ msg }) {
+  const tokens = useTokens();
+  const g = useGlyph();
+  if (!msg) return null;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: tokens.stateErr, children: g("cross") }),
+    /* @__PURE__ */ jsx(Text, { color: tokens.fgMuted, children: " " + msg })
+  ] });
+}
+function FieldControl({
+  field,
+  value,
+  values,
+  focusStop,
+  error
+}) {
+  const tokens = useTokens();
+  const focusedHere = !!focusStop && focusStop.name === field.name;
+  if (field.kind === "text" || field.kind === "secret") {
+    const isSecret = field.kind === "secret";
+    const str = value == null ? "" : String(value);
+    const display = isSecret ? "\u2022".repeat(str.length) : str;
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Input, { value: display, placeholder: field.placeholder ?? "", focused: focusedHere, error }),
+      isSecret && focusedHere ? /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: tokens.fgFaint, children: "\u2423 reveal" }) }) : null
+    ] });
+  }
+  if (field.kind === "toggle") {
+    const on = !!value;
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Choice, { selected: on, label: on ? "enabled" : "disabled", focused: focusedHere }) });
+  }
+  const choices = resolveChoices(field, values);
+  const selectedSet = field.kind === "multiselect" ? new Set(Array.isArray(value) ? value : []) : new Set(value != null && value !== "" ? [String(value)] : []);
+  if (choices.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: tokens.fgDim, children: "\u2014" }) });
+  }
+  return /* @__PURE__ */ jsx(Box, { flexWrap: "wrap", flexDirection: "row", children: choices.map((c) => /* @__PURE__ */ jsx(
+    Choice,
+    {
+      selected: selectedSet.has(c.id),
+      label: c.label,
+      focused: !!focusStop && focusStop.name === field.name && focusStop.choiceId === c.id
+    },
+    c.id
+  )) });
+}
+function Form({ fields, values = {}, focusId, errors = {} }) {
+  const stops = buildStops(fields, values);
+  const focusStop = stops.find((s) => s.id === focusId) ?? null;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: fields.map((f) => {
+    const textual = f.kind === "text" || f.kind === "secret";
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(FieldLabel, { label: f.label, required: f.required }),
+      /* @__PURE__ */ jsx(FieldControl, { field: f, value: values[f.name], values, focusStop, error: errors[f.name] }),
+      textual ? null : /* @__PURE__ */ jsx(ErrorLine, { msg: errors[f.name] })
+    ] }, f.name);
+  }) });
+}
+
+export { ACTIONS, Banner, CLOUD, COMMON_DOMAINS, COMPANIES, Cursor, DATABASES, DEFAULT_GLYPH_COLOR, DEFAULT_UNICODE, DEVINFRA, DescriptionList, Dialog, EDITORS, FILES, FRAMEWORKS, Footer, Form, GLYPH_PACKS, Header, Input, LANGUAGES, List, ListRow, LogView, NERD_INDEX, NERD_INDEX_SOURCES, OS, PACKAGES, PALETTE_SLOTS, Pane, ProgressBar, ProgressList, SOCIAL, SYSTEM, Spinner, ThemeProvider, allThemes, blocks, blocksH, boxChars, boxStyles, buildStops, buildTokens, catppuccinMocha, cellWidth, computeWindow, defaultTheme, deriveAscii, detectIconSet, getTheme, glyph, glyphColor, gruvbox, hasGlyph, hasTheme, latte, listThemes, mocha, mochaTokens, navGlyphs, neutral, nf, nfChar, nfHas, nord, palettes, registerGlyph, registerGlyphs, registerNerdIndex, registerTheme, registeredNames, resolveChoices, selectionIntents, spinnerFor, spinnerFrames, stateGlyph, stateGlyphs, stateIntents, tokyonight, useBlink2 as useBlink, useBlink as useBlinkContext, useFormNavigation, useGlyph, useIconSet, useListNavigation, useListSelection, useListWindow, useSpinnerFrame, useStdoutDimensions, useTheme, useThemeControls, useTokens, validateForm };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map