@markjaquith/agency 3.5.2 → 3.6.1

package/src/utils/interactive.js

@@ -0,0 +1,977 @@
+// @bun
+// src/utils/interactive.tsx
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+import { createCliRenderer } from "@opentui/core";
+import { render, useKeyboard, useTerminalDimensions } from "@opentui/solid";
+import { createMemo, createSignal, For, Show } from "solid-js";
+import { macchiato } from "./theme";
+var interactiveRendererConfig = {
+  screenMode: "split-footer",
+  footerHeight: 5,
+  externalOutputMode: "capture-stdout",
+  consoleMode: "disabled",
+  clearOnShutdown: false,
+  exitOnCtrlC: false,
+  useMouse: false,
+  autoFocus: false,
+  openConsoleOnError: false
+};
+var interactiveSelectRendererConfig = {
+  ...interactiveRendererConfig,
+  screenMode: "alternate-screen",
+  externalOutputMode: "passthrough"
+};
+var isCancel = (key) => key.name === "escape" || key.ctrl && key.name === "c";
+var removedText = (before, after) => {
+  let start = 0;
+  while (start < before.length && start < after.length && before[start] === after[start]) {
+    start++;
+  }
+  let end = 0;
+  while (before[before.length - end - 1] === after[after.length - end - 1] && end < before.length - start && end < after.length - start) {
+    end++;
+  }
+  return before.slice(start, before.length - end);
+};
+var createReadlineEditing = (getInput, onInput) => {
+  let value = "";
+  let killBuffer = "";
+  let beforeKill;
+  return {
+    get value() {
+      return value;
+    },
+    handleInput(next) {
+      if (beforeKill !== undefined) {
+        const killed = removedText(beforeKill, next);
+        if (killed)
+          killBuffer = killed;
+        beforeKill = undefined;
+      }
+      value = next;
+      onInput?.(next);
+    },
+    handleKey(key) {
+      const current = getInput()?.plainText;
+      if (current !== undefined && current !== value)
+        this.handleInput(current);
+      if (!key.ctrl)
+        return false;
+      if (key.name === "y") {
+        key.preventDefault();
+        key.stopPropagation();
+        if (killBuffer)
+          getInput()?.insertText(killBuffer);
+        return true;
+      }
+      if (key.name === "u" || key.name === "k" || key.name === "w") {
+        beforeKill = value;
+      }
+      return false;
+    }
+  };
+};
+var InteractiveTextPrompt = (props) => {
+  let input;
+  const editing = createReadlineEditing(() => input);
+  useKeyboard((key) => {
+    if (key.propagationStopped)
+      return;
+    if (props.embedded && key.name === "escape" && editing.value) {
+      key.preventDefault();
+      key.stopPropagation();
+      input?.clear();
+      editing.handleInput("");
+      return;
+    }
+    if (isCancel(key)) {
+      key.preventDefault();
+      key.stopPropagation();
+      if (key.ctrl && key.name === "c")
+        props.onQuit?.();
+      props.onDone(null);
+      return;
+    }
+    editing.handleKey(key);
+  });
+  return (() => {
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text"), _el$3 = _$createElement("textarea"), _el$4 = _$createElement("text");
+    _$insertNode(_el$, _el$2);
+    _$insertNode(_el$, _el$3);
+    _$insertNode(_el$, _el$4);
+    _$setProp(_el$, "flexDirection", "column");
+    _$setProp(_el$, "width", "100%");
+    _$setProp(_el$, "height", "100%");
+    _$insert(_el$, (() => {
+      var _c$ = _$memo(() => !!(props.fullScreen && !props.embedded));
+      return () => _c$() && [(() => {
+        var _el$5 = _$createElement("text");
+        _$insertNode(_el$5, _$createTextNode(`\uF21B  Agency`));
+        _$effect((_$p) => _$setProp(_el$5, "fg", macchiato.blue, _$p));
+        return _el$5;
+      })(), (() => {
+        var _el$7 = _$createElement("box");
+        _$setProp(_el$7, "height", 1);
+        _$setProp(_el$7, "flexShrink", 0);
+        return _el$7;
+      })()];
+    })(), _el$2);
+    _$setProp(_el$2, "flexShrink", 0);
+    _$insert(_el$2, (() => {
+      var _c$2 = _$memo(() => !!props.fullScreen);
+      return () => _c$2() ? `\uF138  ${props.prompt}` : props.prompt;
+    })());
+    _$use((next) => {
+      input = next;
+    }, _el$3);
+    _$setProp(_el$3, "focused", true);
+    _$setProp(_el$3, "minHeight", 1);
+    _$setProp(_el$3, "wrapMode", "word");
+    _$setProp(_el$3, "keyBindings", [{
+      name: "return",
+      action: "submit"
+    }, {
+      name: "return",
+      shift: true,
+      action: "newline"
+    }]);
+    _$setProp(_el$3, "onSubmit", () => props.onDone(editing.value));
+    _$setProp(_el$3, "onContentChange", () => {
+      editing.handleInput(input?.plainText ?? "");
+    });
+    _$setProp(_el$4, "wrapMode", "none");
+    _$setProp(_el$4, "height", 1);
+    _$setProp(_el$4, "flexShrink", 0);
+    _$insert(_el$4, () => props.embedded ? "enter submit | shift-enter newline | esc clear/back" : "enter submit | shift-enter newline | esc cancel");
+    _$effect((_p$) => {
+      var _v$ = macchiato.base, _v$2 = macchiato.blue, _v$3 = props.fullScreen ? 0 : 2, _v$4 = props.fullScreen ? 1 : 0, _v$5 = macchiato.mantle, _v$6 = macchiato.surface0, _v$7 = macchiato.text, _v$8 = macchiato.text, _v$9 = macchiato.blue, _v$0 = macchiato.overlay1;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$, "backgroundColor", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "fg", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp(_el$3, "height", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp(_el$3, "flexGrow", _v$4, _p$.o));
+      _v$5 !== _p$.i && (_p$.i = _$setProp(_el$3, "backgroundColor", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = _$setProp(_el$3, "focusedBackgroundColor", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = _$setProp(_el$3, "textColor", _v$7, _p$.s));
+      _v$8 !== _p$.h && (_p$.h = _$setProp(_el$3, "focusedTextColor", _v$8, _p$.h));
+      _v$9 !== _p$.r && (_p$.r = _$setProp(_el$3, "cursorColor", _v$9, _p$.r));
+      _v$0 !== _p$.d && (_p$.d = _$setProp(_el$4, "fg", _v$0, _p$.d));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined,
+      r: undefined,
+      d: undefined
+    });
+    return _el$;
+  })();
+};
+var isWordBoundary = (value, index) => index === 0 || /[\s/_.:-]/.test(value[index - 1]);
+var fuzzyScore = (value, query) => {
+  const candidate = value.toLowerCase();
+  const needle = query.toLowerCase();
+  let previous = new Float64Array(candidate.length);
+  let current = new Float64Array(candidate.length);
+  previous.fill(Number.NEGATIVE_INFINITY);
+  let bestScore = Number.NEGATIVE_INFINITY;
+  for (let queryIndex = 0;queryIndex < needle.length; queryIndex++) {
+    current.fill(Number.NEGATIVE_INFINITY);
+    let bestEarlier = Number.NEGATIVE_INFINITY;
+    bestScore = Number.NEGATIVE_INFINITY;
+    for (let index = 0;index < candidate.length; index++) {
+      if (queryIndex > 0 && index > 0) {
+        bestEarlier = Math.max(bestEarlier, previous[index - 1] + index - 1);
+      }
+      if (candidate[index] !== needle[queryIndex])
+        continue;
+      const boundaryBonus = isWordBoundary(candidate, index) ? 8 : 0;
+      if (queryIndex === 0) {
+        current[index] = 10 + boundaryBonus - index;
+        bestScore = Math.max(bestScore, current[index]);
+        continue;
+      }
+      const contiguous = index > 0 ? previous[index - 1] + 12 : Number.NEGATIVE_INFINITY;
+      const gapped = bestEarlier - index + 1;
+      current[index] = Math.max(contiguous, gapped) + 10 + boundaryBonus;
+      bestScore = Math.max(bestScore, current[index]);
+    }
+    if (!Number.isFinite(bestScore))
+      return null;
+    const swap = previous;
+    previous = current;
+    current = swap;
+  }
+  return bestScore - candidate.length / 1000;
+};
+var fuzzyChoices = (choices, query) => {
+  if (!query)
+    return choices;
+  return choices.map((choice, index) => ({
+    choice,
+    index,
+    score: fuzzyScore(choice.label, query)
+  })).filter((match) => match.score !== null).sort((left, right) => right.score - left.score || left.index - right.index).map((match) => match.choice);
+};
+var choiceDepth = (choice) => choice.depth ?? 0;
+var hasSibling = (choices, index, direction) => {
+  const depth = choiceDepth(choices[index]);
+  for (let siblingIndex = index + direction;siblingIndex >= 0 && siblingIndex < choices.length; siblingIndex += direction) {
+    const siblingDepth = choiceDepth(choices[siblingIndex]);
+    if (siblingDepth < depth)
+      return false;
+    if (siblingDepth === depth)
+      return true;
+  }
+  return false;
+};
+var hierarchyPrefix = (choices, index) => {
+  const choice = choices[index];
+  if (!choice || choice.depth === undefined)
+    return "";
+  const depth = choiceDepth(choice);
+  let prefix = "";
+  let ancestorIndex = index;
+  for (let ancestorDepth = depth - 1;ancestorDepth >= 0; ancestorDepth--) {
+    for (ancestorIndex--;ancestorIndex >= 0; ancestorIndex--) {
+      if (choiceDepth(choices[ancestorIndex]) === ancestorDepth)
+        break;
+    }
+    prefix = `${ancestorIndex >= 0 && hasSibling(choices, ancestorIndex, 1) ? "\u2502  " : "   "}${prefix}`;
+  }
+  const hasPrevious = hasSibling(choices, index, -1);
+  const hasNext = hasSibling(choices, index, 1);
+  return `${prefix}${!hasPrevious && hasNext ? "\u256D" : hasNext ? "\u251C" : "\u2570"}\u2500 `;
+};
+var InteractiveSelectPrompt = (props) => {
+  let input;
+  const dimensions = useTerminalDimensions();
+  const [query, setQuery] = createSignal("");
+  const editing = createReadlineEditing(() => input, setQuery);
+  const [selected, setSelected] = createSignal(0);
+  const choices = createMemo(() => fuzzyChoices(props.choices, query()));
+  const displaySegments = (choice) => choice.segments ?? [{
+    text: choice.label
+  }];
+  const move = (offset) => {
+    const count = choices().length;
+    if (count === 0)
+      return;
+    setSelected((current) => (current + offset + count) % count);
+  };
+  useKeyboard((key) => {
+    if (props.active === false || key.propagationStopped)
+      return;
+    if (key.name === "tab" && props.onTab) {
+      key.preventDefault();
+      key.stopPropagation();
+      props.onTab();
+      return;
+    }
+    if (key.name === "escape" && query()) {
+      key.preventDefault();
+      key.stopPropagation();
+      input?.clear();
+      editing.handleInput("");
+      setQuery("");
+      setSelected(0);
+      return;
+    }
+    if (isCancel(key)) {
+      key.preventDefault();
+      key.stopPropagation();
+      if (key.ctrl && key.name === "c")
+        props.onQuit?.();
+      props.onDone(null);
+      return;
+    }
+    if (key.name === "up" || key.ctrl && key.name === "p") {
+      key.preventDefault();
+      key.stopPropagation();
+      move(-1);
+      return;
+    }
+    if (key.name === "down" || key.ctrl && key.name === "n") {
+      key.preventDefault();
+      key.stopPropagation();
+      move(1);
+      return;
+    }
+    editing.handleKey(key);
+  });
+  const height = () => dimensions().height - (props.reservedRows ?? 0);
+  const background = () => props.backgroundColor ?? macchiato.base;
+  const brandHeight = () => !props.embedded && height() > 4 ? 1 : 0;
+  const gapHeight = () => height() > (props.embedded ? 3 : 5) ? 1 : 0;
+  const availableRows = () => height() - 2 - 2 * brandHeight() - gapHeight();
+  const rowHeight = () => props.choices.some((choice) => choice.details) && availableRows() >= 2 ? 2 : 1;
+  const contentWidth = createMemo(() => Math.max(0, ...props.choices.map(({
+    details
+  }) => details ? Math.max(...[details.title, details.metadata].map((row) => Bun.stringWidth(row.map((segment) => segment.text).join("")))) : 0)));
+  const detailWidth = () => Math.min(contentWidth(), Math.max(1, dimensions().width - 20));
+  const visible = () => {
+    const visibleCount = Math.max(Math.floor(availableRows() / rowHeight()), 1);
+    const start = Math.min(Math.max(selected() - Math.floor(visibleCount / 2), 0), Math.max(choices().length - visibleCount, 0));
+    return choices().slice(start, start + visibleCount).map((choice, offset) => ({
+      choice,
+      index: start + offset,
+      originalIndex: props.choices.indexOf(choice)
+    }));
+  };
+  return (() => {
+    var _el$8 = _$createElement("box"), _el$9 = _$createElement("box"), _el$0 = _$createElement("text"), _el$1 = _$createElement("box"), _el$10 = _$createElement("text"), _el$12 = _$createElement("box"), _el$13 = _$createElement("textarea"), _el$14 = _$createElement("box"), _el$15 = _$createElement("box");
+    _$insertNode(_el$8, _el$9);
+    _$insertNode(_el$8, _el$0);
+    _$insertNode(_el$8, _el$1);
+    _$insertNode(_el$8, _el$14);
+    _$insertNode(_el$8, _el$15);
+    _$setProp(_el$8, "flexDirection", "column");
+    _$setProp(_el$8, "width", "100%");
+    _$setProp(_el$8, "height", "100%");
+    _$insert(_el$8, (() => {
+      var _c$3 = _$memo(() => brandHeight() > 0);
+      return () => _c$3() && (() => {
+        var _el$16 = _$createElement("text");
+        _$insertNode(_el$16, _$createTextNode(`\uF21B  Agency`));
+        _$setProp(_el$16, "height", 1);
+        _$setProp(_el$16, "flexShrink", 0);
+        _$setProp(_el$16, "wrapMode", "none");
+        _$effect((_$p) => _$setProp(_el$16, "fg", macchiato.blue, _$p));
+        return _el$16;
+      })();
+    })(), _el$9);
+    _$setProp(_el$9, "flexShrink", 0);
+    _$setProp(_el$0, "height", 1);
+    _$setProp(_el$0, "flexShrink", 0);
+    _$setProp(_el$0, "wrapMode", "none");
+    _$insert(_el$0, () => props.prompt);
+    _$insertNode(_el$1, _el$10);
+    _$insertNode(_el$1, _el$12);
+    _$setProp(_el$1, "flexDirection", "row");
+    _$setProp(_el$1, "width", "100%");
+    _$setProp(_el$1, "height", 1);
+    _$setProp(_el$1, "flexShrink", 0);
+    _$insertNode(_el$10, _$createTextNode(`\uF138  `));
+    _$insertNode(_el$12, _el$13);
+    _$setProp(_el$12, "flexDirection", "row");
+    _$setProp(_el$12, "flexGrow", 1);
+    _$setProp(_el$12, "minWidth", 10);
+    _$setProp(_el$12, "height", 1);
+    _$setProp(_el$12, "paddingLeft", 1);
+    _$setProp(_el$12, "paddingRight", 1);
+    _$use((next) => {
+      input = next;
+    }, _el$13);
+    _$setProp(_el$13, "flexGrow", 1);
+    _$setProp(_el$13, "minWidth", 8);
+    _$setProp(_el$13, "height", 1);
+    _$setProp(_el$13, "wrapMode", "none");
+    _$setProp(_el$13, "placeholder", "type to filter");
+    _$setProp(_el$13, "keyBindings", [{
+      name: "return",
+      action: "submit"
+    }]);
+    _$setProp(_el$13, "onSubmit", () => {
+      const choice = choices()[selected()];
+      if (choice)
+        props.onDone(choice.key);
+    });
+    _$setProp(_el$13, "onContentChange", () => {
+      editing.handleInput(input?.plainText ?? "");
+      setSelected(0);
+    });
+    _$setProp(_el$14, "flexShrink", 0);
+    _$setProp(_el$15, "flexDirection", "column");
+    _$setProp(_el$15, "flexGrow", 1);
+    _$insert(_el$15, _$createComponent(For, {
+      get each() {
+        return visible();
+      },
+      get fallback() {
+        return (() => {
+          var _el$18 = _$createElement("text");
+          _$insert(_el$18, (() => {
+            var _c$4 = _$memo(() => !!query());
+            return () => _c$4() ? "No matches" : props.emptyLabel ?? "No matches";
+          })());
+          _$effect((_$p) => _$setProp(_el$18, "fg", macchiato.overlay1, _$p));
+          return _el$18;
+        })();
+      },
+      children: ({
+        choice,
+        index,
+        originalIndex
+      }) => (() => {
+        var _el$19 = _$createElement("box");
+        _$setProp(_el$19, "width", "100%");
+        _$setProp(_el$19, "flexDirection", "row");
+        _$insert(_el$19, (() => {
+          var _c$5 = _$memo(() => !!(choice.details && rowHeight() === 2));
+          return () => _c$5() ? [(() => {
+            var _el$20 = _$createElement("text");
+            _$setProp(_el$20, "width", 2);
+            _$setProp(_el$20, "height", 2);
+            _$insert(_el$20, () => index === selected() ? `\u258C
+\u258C` : "");
+            _$effect((_$p) => _$setProp(_el$20, "fg", macchiato.blue, _$p));
+            return _el$20;
+          })(), (() => {
+            var _el$21 = _$createElement("box");
+            _$setProp(_el$21, "flexDirection", "column");
+            _$setProp(_el$21, "height", 2);
+            _$setProp(_el$21, "flexShrink", 0);
+            _$insert(_el$21, _$createComponent(For, {
+              get each() {
+                return [choice.details.title, choice.details.metadata];
+              },
+              children: (row) => (() => {
+                var _el$24 = _$createElement("text");
+                _$setProp(_el$24, "height", 1);
+                _$setProp(_el$24, "wrapMode", "none");
+                _$insert(_el$24, _$createComponent(For, {
+                  each: row,
+                  children: (segment) => (() => {
+                    var _el$25 = _$createElement("span");
+                    _$insert(_el$25, () => segment.text);
+                    _$effect((_$p) => _$setProp(_el$25, "style", {
+                      fg: segment.color
+                    }, _$p));
+                    return _el$25;
+                  })()
+                }));
+                return _el$24;
+              })()
+            }));
+            _$effect((_$p) => _$setProp(_el$21, "width", detailWidth(), _$p));
+            return _el$21;
+          })(), (() => {
+            var _el$22 = _$createElement("box");
+            _$setProp(_el$22, "width", 2);
+            _$setProp(_el$22, "flexShrink", 0);
+            return _el$22;
+          })(), (() => {
+            var _el$23 = _$createElement("text");
+            _$setProp(_el$23, "flexGrow", 1);
+            _$setProp(_el$23, "minWidth", 0);
+            _$setProp(_el$23, "width", 0);
+            _$setProp(_el$23, "height", 2);
+            _$setProp(_el$23, "wrapMode", "word");
+            _$insert(_el$23, () => choice.details.description);
+            _$effect((_$p) => _$setProp(_el$23, "fg", macchiato.subtext0, _$p));
+            return _el$23;
+          })()] : (() => {
+            var _el$26 = _$createElement("text"), _el$27 = _$createElement("span"), _el$28 = _$createElement("span");
+            _$insertNode(_el$26, _el$27);
+            _$insertNode(_el$26, _el$28);
+            _$setProp(_el$26, "wrapMode", "none");
+            _$insert(_el$27, () => index === selected() ? "\u258C " : "  ");
+            _$insert(_el$28, (() => {
+              var _c$6 = _$memo(() => !!query());
+              return () => _c$6() ? "" : hierarchyPrefix(props.choices, originalIndex);
+            })());
+            _$insert(_el$26, _$createComponent(For, {
+              get each() {
+                return displaySegments(choice);
+              },
+              children: (segment) => (() => {
+                var _el$29 = _$createElement("span");
+                _$insert(_el$29, () => segment.text);
+                _$effect((_$p) => _$setProp(_el$29, "style", {
+                  fg: segment.color
+                }, _$p));
+                return _el$29;
+              })()
+            }), null);
+            _$effect((_p$) => {
+              var _v$24 = index === selected() ? macchiato.text : macchiato.subtext0, _v$25 = index === selected() ? macchiato.surface1 : background(), _v$26 = {
+                fg: index === selected() ? macchiato.blue : undefined
+              }, _v$27 = {
+                fg: macchiato.overlay1
+              };
+              _v$24 !== _p$.e && (_p$.e = _$setProp(_el$26, "fg", _v$24, _p$.e));
+              _v$25 !== _p$.t && (_p$.t = _$setProp(_el$26, "bg", _v$25, _p$.t));
+              _v$26 !== _p$.a && (_p$.a = _$setProp(_el$27, "style", _v$26, _p$.a));
+              _v$27 !== _p$.o && (_p$.o = _$setProp(_el$28, "style", _v$27, _p$.o));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined,
+              o: undefined
+            });
+            return _el$26;
+          })();
+        })());
+        _$effect((_p$) => {
+          var _v$22 = rowHeight(), _v$23 = index === selected() ? macchiato.surface1 : background();
+          _v$22 !== _p$.e && (_p$.e = _$setProp(_el$19, "height", _v$22, _p$.e));
+          _v$23 !== _p$.t && (_p$.t = _$setProp(_el$19, "backgroundColor", _v$23, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$19;
+      })()
+    }));
+    _$effect((_p$) => {
+      var _v$1 = background(), _v$10 = brandHeight(), _v$11 = macchiato.blue, _v$12 = macchiato.blue, _v$13 = props.active === false ? macchiato.mantle : props.embedded ? macchiato.surface1 : macchiato.surface0, _v$14 = props.active !== false, _v$15 = macchiato.overlay0, _v$16 = macchiato.mantle, _v$17 = props.embedded ? macchiato.surface1 : macchiato.surface0, _v$18 = macchiato.text, _v$19 = macchiato.text, _v$20 = macchiato.blue, _v$21 = gapHeight();
+      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$8, "backgroundColor", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$9, "height", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$0, "fg", _v$11, _p$.a));
+      _v$12 !== _p$.o && (_p$.o = _$setProp(_el$10, "fg", _v$12, _p$.o));
+      _v$13 !== _p$.i && (_p$.i = _$setProp(_el$12, "backgroundColor", _v$13, _p$.i));
+      _v$14 !== _p$.n && (_p$.n = _$setProp(_el$13, "focused", _v$14, _p$.n));
+      _v$15 !== _p$.s && (_p$.s = _$setProp(_el$13, "placeholderColor", _v$15, _p$.s));
+      _v$16 !== _p$.h && (_p$.h = _$setProp(_el$13, "backgroundColor", _v$16, _p$.h));
+      _v$17 !== _p$.r && (_p$.r = _$setProp(_el$13, "focusedBackgroundColor", _v$17, _p$.r));
+      _v$18 !== _p$.d && (_p$.d = _$setProp(_el$13, "textColor", _v$18, _p$.d));
+      _v$19 !== _p$.l && (_p$.l = _$setProp(_el$13, "focusedTextColor", _v$19, _p$.l));
+      _v$20 !== _p$.u && (_p$.u = _$setProp(_el$13, "cursorColor", _v$20, _p$.u));
+      _v$21 !== _p$.c && (_p$.c = _$setProp(_el$14, "height", _v$21, _p$.c));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined,
+      r: undefined,
+      d: undefined,
+      l: undefined,
+      u: undefined,
+      c: undefined
+    });
+    return _el$8;
+  })();
+};
+var InteractiveTabbedPrompt = (props) => {
+  const dimensions = useTerminalDimensions();
+  const [active, setActive] = createSignal(props.initialTab ?? 0);
+  const showBrand = () => dimensions().width >= props.tabs.reduce((width, tab) => width + Bun.stringWidth(tab.label) + 4, 12);
+  const reservedRows = () => 1 + (props.notice ? 1 : 0);
+  const cycle = () => {
+    if (!props.tabs.length)
+      return;
+    const next = (active() + 1) % props.tabs.length;
+    setActive(next);
+    props.onTabChange?.(next);
+  };
+  useKeyboard((key) => {
+    if (!props.content || key.name !== "tab" || key.propagationStopped)
+      return;
+    key.preventDefault();
+    key.stopPropagation();
+    cycle();
+  });
+  return (() => {
+    var _el$30 = _$createElement("box"), _el$31 = _$createElement("box"), _el$32 = _$createElement("box"), _el$35 = _$createElement("box");
+    _$insertNode(_el$30, _el$31);
+    _$insertNode(_el$30, _el$35);
+    _$setProp(_el$30, "flexDirection", "column");
+    _$setProp(_el$30, "width", "100%");
+    _$setProp(_el$30, "height", "100%");
+    _$insertNode(_el$31, _el$32);
+    _$setProp(_el$31, "flexDirection", "row");
+    _$setProp(_el$31, "height", 1);
+    _$setProp(_el$31, "flexShrink", 0);
+    _$setProp(_el$31, "paddingLeft", 1);
+    _$setProp(_el$31, "paddingRight", 1);
+    _$insert(_el$31, _$createComponent(For, {
+      get each() {
+        return props.tabs;
+      },
+      children: (tab, index) => (() => {
+        var _el$37 = _$createElement("text"), _el$38 = _$createElement("span");
+        _$insertNode(_el$37, _el$38);
+        _$setProp(_el$37, "wrapMode", "none");
+        _$insert(_el$38, () => index() === active() ? "\u258E" : " ");
+        _$insert(_el$37, () => ` ${tab.label}  `, null);
+        _$effect((_p$) => {
+          var _v$30 = index() === active() ? macchiato.text : macchiato.overlay1, _v$31 = index() === active() ? macchiato.base : macchiato.surface0, _v$32 = {
+            fg: macchiato.blue
+          };
+          _v$30 !== _p$.e && (_p$.e = _$setProp(_el$37, "fg", _v$30, _p$.e));
+          _v$31 !== _p$.t && (_p$.t = _$setProp(_el$37, "bg", _v$31, _p$.t));
+          _v$32 !== _p$.a && (_p$.a = _$setProp(_el$38, "style", _v$32, _p$.a));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined
+        });
+        return _el$37;
+      })()
+    }), _el$32);
+    _$setProp(_el$32, "flexGrow", 1);
+    _$setProp(_el$32, "minWidth", 1);
+    _$insert(_el$31, _$createComponent(Show, {
+      get when() {
+        return showBrand();
+      },
+      get children() {
+        var _el$33 = _$createElement("text");
+        _$insertNode(_el$33, _$createTextNode(`\uF21B  Agency`));
+        _$setProp(_el$33, "flexShrink", 0);
+        _$setProp(_el$33, "wrapMode", "none");
+        _$effect((_$p) => _$setProp(_el$33, "fg", macchiato.blue, _$p));
+        return _el$33;
+      }
+    }), null);
+    _$setProp(_el$35, "flexDirection", "column");
+    _$setProp(_el$35, "flexGrow", 1);
+    _$setProp(_el$35, "minHeight", 0);
+    _$setProp(_el$35, "paddingLeft", 1);
+    _$setProp(_el$35, "paddingRight", 1);
+    _$insert(_el$35, _$createComponent(Show, {
+      get when() {
+        return props.notice;
+      },
+      get children() {
+        var _el$36 = _$createElement("text");
+        _$setProp(_el$36, "height", 1);
+        _$setProp(_el$36, "flexShrink", 0);
+        _$setProp(_el$36, "wrapMode", "none");
+        _$insert(_el$36, () => props.notice);
+        _$effect((_$p) => _$setProp(_el$36, "fg", macchiato.text, _$p));
+        return _el$36;
+      }
+    }), null);
+    _$insert(_el$35, (() => {
+      var _c$7 = _$memo(() => !!props.content);
+      return () => _c$7() ? props.content(reservedRows) : _$createComponent(For, {
+        get each() {
+          return props.tabs;
+        },
+        children: (tab, index) => (() => {
+          var _el$39 = _$createElement("box");
+          _$setProp(_el$39, "width", "100%");
+          _$setProp(_el$39, "flexGrow", 1);
+          _$setProp(_el$39, "minHeight", 0);
+          _$insert(_el$39, _$createComponent(InteractiveSelectPrompt, {
+            embedded: true,
+            get active() {
+              return index() === active();
+            },
+            get reservedRows() {
+              return reservedRows();
+            },
+            get backgroundColor() {
+              return macchiato.base;
+            },
+            get prompt() {
+              return tab.prompt;
+            },
+            get choices() {
+              return tab.choices;
+            },
+            get emptyLabel() {
+              return tab.emptyLabel;
+            },
+            onTab: cycle,
+            get onDone() {
+              return props.onDone;
+            },
+            get onQuit() {
+              return props.onQuit;
+            }
+          }));
+          _$effect((_$p) => _$setProp(_el$39, "visible", index() === active(), _$p));
+          return _el$39;
+        })()
+      });
+    })(), null);
+    _$effect((_p$) => {
+      var _v$28 = macchiato.surface0, _v$29 = macchiato.base;
+      _v$28 !== _p$.e && (_p$.e = _$setProp(_el$30, "backgroundColor", _v$28, _p$.e));
+      _v$29 !== _p$.t && (_p$.t = _$setProp(_el$35, "backgroundColor", _v$29, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$30;
+  })();
+};
+var shutdown = async (renderer) => {
+  try {
+    await renderer.idle();
+  } finally {
+    renderer.destroy();
+  }
+};
+var createInteractiveSession = async (onCancel = () => {}, initialTabs = []) => {
+  const [view, setView] = createSignal({
+    kind: "progress",
+    prompt: "Preparing\u2026"
+  });
+  let pending;
+  let closed = false;
+  let cancelled = false;
+  let quitRequested = false;
+  let activeTab = 0;
+  let frameTabs = initialTabs;
+  let navigationRequested = false;
+  const navigate = (index) => {
+    activeTab = index;
+    navigationRequested = true;
+    if (pending)
+      pending(null);
+    else {
+      cancelled = true;
+      onCancel();
+    }
+  };
+  const [notice, setNotice] = createSignal("");
+  const quit = () => {
+    quitRequested = true;
+    onCancel();
+  };
+  const Progress = (props) => {
+    useKeyboard((key) => {
+      if (key.propagationStopped)
+        return;
+      if (!isCancel(key))
+        return;
+      key.preventDefault();
+      key.stopPropagation();
+      cancelled = true;
+      if (key.ctrl && key.name === "c")
+        quitRequested = true;
+      onCancel();
+    });
+    return (() => {
+      var _el$40 = _$createElement("box"), _el$41 = _$createElement("text");
+      _$insertNode(_el$40, _el$41);
+      _$setProp(_el$40, "flexDirection", "column");
+      _$setProp(_el$40, "width", "100%");
+      _$setProp(_el$40, "height", "100%");
+      _$insert(_el$41, () => props.prompt);
+      _$effect((_p$) => {
+        var _v$33 = macchiato.base, _v$34 = macchiato.text;
+        _v$33 !== _p$.e && (_p$.e = _$setProp(_el$40, "backgroundColor", _v$33, _p$.e));
+        _v$34 !== _p$.t && (_p$.t = _$setProp(_el$41, "fg", _v$34, _p$.t));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$40;
+    })();
+  };
+  const renderer = await createCliRenderer({
+    ...interactiveSelectRendererConfig,
+    onDestroy: () => {
+      const external = !closed;
+      closed = true;
+      if (external)
+        quit();
+      pending?.(null);
+    }
+  });
+  try {
+    await render(() => _$createComponent(Show, {
+      get when() {
+        return view();
+      },
+      keyed: true,
+      children: (current) => current.kind === "tabs" ? _$createComponent(InteractiveTabbedPrompt, {
+        get tabs() {
+          return current.tabs;
+        },
+        get onDone() {
+          return current.finish;
+        },
+        onQuit: quit,
+        get notice() {
+          return notice();
+        },
+        initialTab: activeTab,
+        onTabChange: (index) => {
+          activeTab = index;
+        }
+      }) : _$createComponent(InteractiveTabbedPrompt, {
+        tabs: frameTabs,
+        initialTab: activeTab,
+        get notice() {
+          return notice();
+        },
+        onDone: () => {},
+        onTabChange: navigate,
+        content: (reservedRows) => current.kind === "select" ? _$createComponent(InteractiveSelectPrompt, {
+          embedded: true,
+          get reservedRows() {
+            return reservedRows();
+          },
+          get prompt() {
+            return current.prompt;
+          },
+          get choices() {
+            return current.choices;
+          },
+          get onDone() {
+            return current.finish;
+          },
+          onQuit: quit
+        }) : current.kind === "text" ? _$createComponent(InteractiveTextPrompt, {
+          fullScreen: true,
+          embedded: true,
+          get prompt() {
+            return current.prompt;
+          },
+          get onDone() {
+            return current.finish;
+          },
+          onQuit: quit
+        }) : _$createComponent(Progress, {
+          get prompt() {
+            return current.prompt;
+          }
+        })
+      })
+    }), renderer);
+  } catch (error) {
+    await shutdown(renderer);
+    throw error;
+  }
+  const ask = (prompt, choices, tabs) => {
+    if (closed || cancelled)
+      return Promise.resolve(null);
+    return new Promise((resolve) => {
+      pending = (value) => {
+        pending = undefined;
+        if (!closed)
+          setView({
+            kind: "progress",
+            prompt: "Preparing next step\u2026"
+          });
+        resolve(value);
+      };
+      setView(tabs ? {
+        kind: "tabs",
+        tabs,
+        finish: pending
+      } : choices ? {
+        kind: "select",
+        prompt,
+        choices,
+        finish: pending
+      } : {
+        kind: "text",
+        prompt,
+        finish: pending
+      });
+      renderer.requestRender();
+    });
+  };
+  return {
+    activateTab: (id) => {
+      const index = frameTabs.findIndex((tab) => tab.id === id);
+      if (index >= 0)
+        activeTab = index;
+    },
+    takeNavigation: () => {
+      const requested = navigationRequested;
+      navigationRequested = false;
+      return requested;
+    },
+    get navigationRequested() {
+      return navigationRequested;
+    },
+    get quitRequested() {
+      return quitRequested;
+    },
+    notice: (message) => {
+      cancelled = false;
+      setNotice(message);
+    },
+    tabs: (tabs) => {
+      frameTabs = tabs;
+      return ask("", undefined, tabs);
+    },
+    text: (prompt) => ask(prompt),
+    select: (prompt, choices) => ask(prompt, choices),
+    show: (prompt) => {
+      setView({
+        kind: "progress",
+        prompt
+      });
+      renderer.requestRender();
+    },
+    close: async () => {
+      if (closed)
+        return;
+      closed = true;
+      pending?.(null);
+      await shutdown(renderer);
+    }
+  };
+};
+async function runInteractive(view, config = interactiveRendererConfig) {
+  let finish;
+  let settled = false;
+  const result = new Promise((resolve) => {
+    finish = (value) => {
+      if (settled)
+        return;
+      settled = true;
+      resolve(value);
+    };
+  });
+  let renderer;
+  try {
+    renderer = await createCliRenderer({
+      ...config,
+      onDestroy: () => finish(null)
+    });
+    await render(() => view(finish), renderer);
+    renderer.requestRender();
+    return await result;
+  } finally {
+    if (renderer) {
+      await shutdown(renderer);
+    }
+  }
+}
+var promptText = async (prompt) => {
+  const result = await runInteractive((finish) => _$createComponent(InteractiveTextPrompt, {
+    prompt,
+    onDone: finish
+  }));
+  if (result === null)
+    throw new Error("Interactive input cancelled");
+  return result;
+};
+var promptSelect = (prompt, choices) => runInteractive((finish) => _$createComponent(InteractiveSelectPrompt, {
+  prompt,
+  choices,
+  onDone: finish
+}), interactiveSelectRendererConfig);
+export {
+  InteractiveSelectPrompt,
+  InteractiveTabbedPrompt,
+  InteractiveTextPrompt,
+  createInteractiveSession,
+  fuzzyChoices,
+  hierarchyPrefix,
+  interactiveRendererConfig,
+  interactiveSelectRendererConfig,
+  promptSelect,
+  promptText
+};