@aexol/opencode-wizard 0.3.2 → 0.3.4

package/dist/tui.js

@@ -1,873 +1,5 @@
-import { memo as _$memo } from "@opentui/solid";
-import { createComponent as _$createComponent } from "@opentui/solid";
-import { effect as _$effect } from "@opentui/solid";
-import { createTextNode as _$createTextNode } from "@opentui/solid";
-import { insertNode as _$insertNode } from "@opentui/solid";
-import { insert as _$insert } from "@opentui/solid";
-import { setProp as _$setProp } from "@opentui/solid";
-import { createElement as _$createElement } from "@opentui/solid";
-/** @jsxImportSource @opentui/solid */
-
-import { createEffect, createMemo, createSignal } from 'solid-js';
-import { PLUGIN_ID, resolvePluginStatusSnapshotWithAuthBootstrap, setPublishedSkillInstalled, setPublishedSkillIgnored } from './server.js';
-const STATUS_TIMEOUT_MS = 5_000;
-const STATUS_REFRESH_INTERVAL_MS = 5_000;
-const MAX_STATUS_MESSAGE_LENGTH = 80;
-const MAX_SKILL_DESCRIPTION_LENGTH = 96;
-const MAX_SKILL_NAME_LENGTH = 48;
-const MAX_SKILL_META_LENGTH = 72;
-const MAX_SKILL_TAGS = 4;
-const SKILLS_PAGE_SIZE = 5;
-const compactStatusMessage = message => {
-  if (message.length <= MAX_STATUS_MESSAGE_LENGTH) return message;
-  return `${message.slice(0, MAX_STATUS_MESSAGE_LENGTH - 1)}…`;
-};
-const compactSkillDescription = message => {
-  if (message.length <= MAX_SKILL_DESCRIPTION_LENGTH) return message;
-  return `${message.slice(0, MAX_SKILL_DESCRIPTION_LENGTH - 1)}…`;
-};
-const compactSkillName = name => {
-  if (name.length <= MAX_SKILL_NAME_LENGTH) return name;
-  return `${name.slice(0, MAX_SKILL_NAME_LENGTH - 1)}…`;
-};
-const compactSkillMeta = meta => {
-  if (meta.length <= MAX_SKILL_META_LENGTH) return meta;
-  return `${meta.slice(0, MAX_SKILL_META_LENGTH - 1)}…`;
-};
-const formatSkillsCatalogUnavailableMessage = snapshot => {
-  if (!snapshot.catalog && snapshot.status === 'missing_auth') {
-    if (snapshot.message) return compactStatusMessage(snapshot.message);
-    return 'locked (browser auth pending)';
-  }
-  if (!snapshot.catalog && snapshot.message) return compactStatusMessage(snapshot.message);
-  if (!snapshot.catalog) return `unavailable (${snapshot.status})`;
-  return 'unavailable';
-};
-const formatAuthStatus = snapshot => {
-  if (snapshot.authState.status !== 'authenticated') return snapshot.authState.status;
-  if (!snapshot.authState.email) return 'authenticated';
-  return snapshot.authState.email;
-};
-const formatBackendOriginLabel = backendOrigin => {
-  try {
-    const {
-      hostname
-    } = new URL(backendOrigin);
-    if (hostname === 'localhost' || hostname === '127.0.0.1') return 'localhost';
-    return 'opencode-wizard';
-  } catch {
-    if (backendOrigin.includes('localhost') || backendOrigin.includes('127.0.0.1')) return 'localhost';
-    return 'opencode-wizard';
-  }
-};
-const requestRender = api => {
-  try {
-    api.renderer?.requestRender?.();
-  } catch {
-    // Ignore render request failures; state is still updated.
-  }
-};
-const Row = props => (() => {
-  var _el$ = _$createElement("box"),
-    _el$2 = _$createElement("text"),
-    _el$3 = _$createTextNode(`:&nbsp;`),
-    _el$4 = _$createElement("text");
-  _$insertNode(_el$, _el$2);
-  _$insertNode(_el$, _el$4);
-  _$setProp(_el$, "width", "100%");
-  _$setProp(_el$, "flexDirection", "row");
-  _$setProp(_el$, "overflow", "hidden");
-  _$insertNode(_el$2, _el$3);
-  _$setProp(_el$2, "flexShrink", 0);
-  _$setProp(_el$2, "wrapMode", "none");
-  _$insert(_el$2, () => props.label, _el$3);
-  _$setProp(_el$4, "flexGrow", 1);
-  _$setProp(_el$4, "overflow", "hidden");
-  _$setProp(_el$4, "wrapMode", "none");
-  _$insert(_el$4, () => props.value);
-  _$effect(_p$ => {
-    var _v$ = props.labelColor,
-      _v$2 = props.valueColor;
-    _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));
-    _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "fg", _v$2, _p$.t));
-    return _p$;
-  }, {
-    e: undefined,
-    t: undefined
-  });
-  return _el$;
-})();
-const Panel = props => (() => {
-  var _el$5 = _$createElement("box"),
-    _el$6 = _$createElement("box"),
-    _el$7 = _$createElement("box"),
-    _el$8 = _$createElement("text"),
-    _el$9 = _$createElement("b"),
-    _el$0 = _$createElement("box"),
-    _el$1 = _$createElement("text");
-  _$insertNode(_el$5, _el$6);
-  _$setProp(_el$5, "width", "100%");
-  _$setProp(_el$5, "flexDirection", "column");
-  _$setProp(_el$5, "paddingRight", 1);
-  _$insertNode(_el$6, _el$7);
-  _$insertNode(_el$6, _el$0);
-  _$setProp(_el$6, "width", "100%");
-  _$setProp(_el$6, "flexDirection", "row");
-  _$setProp(_el$6, "justifyContent", "space-between");
-  _$setProp(_el$6, "overflow", "hidden");
-  _$insertNode(_el$7, _el$8);
-  _$setProp(_el$7, "flexShrink", 0);
-  _$insertNode(_el$8, _el$9);
-  _$setProp(_el$8, "wrapMode", "none");
-  _$setProp(_el$8, "overflow", "hidden");
-  _$insert(_el$9, () => props.title);
-  _$insertNode(_el$0, _el$1);
-  _$setProp(_el$0, "flexShrink", 0);
-  _$insertNode(_el$1, _$createTextNode(`open`));
-  _$setProp(_el$1, "wrapMode", "none");
-  _$insert(_el$5, () => props.children, null);
-  _$effect(_p$ => {
-    var _v$3 = props.onOpen,
-      _v$4 = props.theme.text,
-      _v$5 = props.theme.textMuted;
-    _v$3 !== _p$.e && (_p$.e = _$setProp(_el$5, "onMouseUp", _v$3, _p$.e));
-    _v$4 !== _p$.t && (_p$.t = _$setProp(_el$8, "fg", _v$4, _p$.t));
-    _v$5 !== _p$.a && (_p$.a = _$setProp(_el$1, "fg", _v$5, _p$.a));
-    return _p$;
-  }, {
-    e: undefined,
-    t: undefined,
-    a: undefined
-  });
-  return _el$5;
-})();
-const StatusContent = props => {
-  if (props.status.kind === 'loading') {
-    return (() => {
-      var _el$11 = _$createElement("text");
-      _$insertNode(_el$11, _$createTextNode(`loading…`));
-      _$setProp(_el$11, "wrapMode", "none");
-      _$setProp(_el$11, "overflow", "hidden");
-      _$effect(_$p => _$setProp(_el$11, "fg", props.theme.textMuted, _$p));
-      return _el$11;
-    })();
-  }
-  if (props.status.kind === 'error') {
-    return (() => {
-      var _el$13 = _$createElement("text"),
-        _el$14 = _$createTextNode(`unavailable: `);
-      _$insertNode(_el$13, _el$14);
-      _$setProp(_el$13, "wrapMode", "none");
-      _$setProp(_el$13, "overflow", "hidden");
-      _$insert(_el$13, () => compactStatusMessage(props.status.message), null);
-      _$effect(_$p => _$setProp(_el$13, "fg", props.theme.warning, _$p));
-      return _el$13;
-    })();
-  }
-  return _$createComponent(ReadyRows, {
-    get snapshot() {
-      return props.status.snapshot;
-    },
-    get theme() {
-      return props.theme;
-    }
-  });
-};
-const SkillsRows = props => {
-  const theme = createMemo(() => props.api.theme.current);
-  const statusContent = () => {
-    const currentStatus = props.status();
-    return _$createComponent(StatusContent, {
-      status: currentStatus,
-      get theme() {
-        return theme();
-      }
-    });
-  };
-  return (() => {
-    var _el$15 = _$createElement("box");
-    _$setProp(_el$15, "width", "100%");
-    _$setProp(_el$15, "flexDirection", "column");
-    _$setProp(_el$15, "overflow", "hidden");
-    _$insert(_el$15, statusContent);
-    return _el$15;
-  })();
-};
-const getSkillDisplayName = skill => skill.artifactName || skill.skillName || skill.skillSlug;
-const getSkillDescription = skill => {
-  if (skill.whenToUse) return skill.whenToUse;
-  if (skill.artifactDescription) return skill.artifactDescription;
-  return null;
-};
-const getSkillTags = skill => {
-  const tagLabels = skill.tags.map(tag => tag.label || tag.slug).filter(Boolean).slice(0, MAX_SKILL_TAGS);
-  if (tagLabels.length === 0) return 'no tags';
-  return tagLabels.join(', ');
-};
-const isUserScopeAssignment = assignmentSource => assignmentSource === 'USER' || assignmentSource === 'USER_GLOBAL' || assignmentSource === 'USER_WORKSPACE';
-const getSkillScopeLabel = (skill, state) => {
-  if (state === 'installable') return 'AVAILABLE';
-  if (isUserScopeAssignment(skill.assignmentSource) || state === 'user-scope') return 'USER SCOPE';
-  if (state === 'global-scope' || skill.contextKind === 'global') return 'GLOBAL SCOPE';
-  return 'PROJECT SCOPE';
-};
-const getSkillPreferenceScope = skill => {
-  if (skill.assignmentSource === 'USER_GLOBAL') return 'global';
-  if (skill.assignmentSource === 'USER_WORKSPACE') return 'project';
-  if (skill.contextKind === 'global') return 'global';
-  return 'project';
-};
-const getSkillMeta = (skill, state) => `${getSkillScopeLabel(skill, state)} · ${skill.assignmentLabel} · ${skill.policyLabel} · ${getSkillTags(skill)}`;
-const getRowStateLabel = row => {
-  const scopeLabel = getSkillScopeLabel(row.skill, row.state);
-  if (row.ignored) return `ignored · ${scopeLabel}`;
-  if (row.state === 'installable') return 'not installed';
-  return `active · ${scopeLabel}`;
-};
-const getSkillRowState = skill => {
-  if (isUserScopeAssignment(skill.assignmentSource)) return 'user-scope';
-  if (skill.contextKind === 'global') return 'global-scope';
-  return 'project-scope';
-};
-const getInstallableNotInstalledSkills = snapshot => {
-  const installableSkills = snapshot.installableCatalog?.skills ?? [];
-  if (installableSkills.length === 0) return [];
-  const activeSkillSlugs = new Set(snapshot.catalog?.skills.map(skill => skill.skillSlug) ?? []);
-  const ignoredSkillSlugs = new Set(snapshot.ignoredPublishedSkills.skills.map(skill => skill.skillSlug));
-  return installableSkills.filter(skill => !activeSkillSlugs.has(skill.skillSlug) && !ignoredSkillSlugs.has(skill.skillSlug));
-};
-const getErrorMessage = error => {
-  if (error instanceof Error && error.message) return error.message;
-  return 'Preference update failed. Check plugin auth/backend status and try again.';
-};
-const SkillCatalogRow = props => {
-  const skill = props.row.skill;
-  const description = getSkillDescription(skill);
-  const canUninstall = skill.assignmentSource === 'USER_GLOBAL' || skill.assignmentSource === 'USER_WORKSPACE';
-  return (() => {
-    var _el$16 = _$createElement("box"),
-      _el$17 = _$createElement("box"),
-      _el$18 = _$createElement("text"),
-      _el$19 = _$createElement("b"),
-      _el$20 = _$createTextNode(` (`),
-      _el$22 = _$createTextNode(`)`),
-      _el$23 = _$createElement("box"),
-      _el$24 = _$createElement("text");
-    _$insertNode(_el$16, _el$17);
-    _$insertNode(_el$16, _el$24);
-    _$setProp(_el$16, "width", "100%");
-    _$setProp(_el$16, "flexDirection", "column");
-    _$setProp(_el$16, "overflow", "hidden");
-    _$setProp(_el$16, "marginBottom", 1);
-    _$insertNode(_el$17, _el$18);
-    _$insertNode(_el$17, _el$23);
-    _$setProp(_el$17, "width", "100%");
-    _$setProp(_el$17, "flexDirection", "row");
-    _$setProp(_el$17, "justifyContent", "space-between");
-    _$setProp(_el$17, "overflow", "hidden");
-    _$insertNode(_el$18, _el$19);
-    _$insertNode(_el$18, _el$20);
-    _$insertNode(_el$18, _el$22);
-    _$setProp(_el$18, "wrapMode", "none");
-    _$setProp(_el$18, "overflow", "hidden");
-    _$insert(_el$19, () => compactSkillName(getSkillDisplayName(skill)));
-    _$insert(_el$18, () => getRowStateLabel(props.row), _el$22);
-    _$setProp(_el$23, "flexDirection", "row");
-    _$setProp(_el$23, "flexShrink", 0);
-    _$insert(_el$23, (() => {
-      var _c$ = _$memo(() => props.row.state === 'installable');
-      return () => _c$() ? [(() => {
-        var _el$25 = _$createElement("box"),
-          _el$26 = _$createElement("text");
-        _$insertNode(_el$25, _el$26);
-        _$setProp(_el$25, "onMouseUp", () => props.onInstall(props.row, 'global'));
-        _$setProp(_el$25, "flexShrink", 0);
-        _$insertNode(_el$26, _$createTextNode(`GLOBAL SCOPE`));
-        _$setProp(_el$26, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$26, "fg", props.theme.textMuted, _$p));
-        return _el$25;
-      })(), (() => {
-        var _el$28 = _$createElement("text");
-        _$insertNode(_el$28, _$createTextNode(` / `));
-        _$setProp(_el$28, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$28, "fg", props.theme.textMuted, _$p));
-        return _el$28;
-      })(), (() => {
-        var _el$30 = _$createElement("box"),
-          _el$31 = _$createElement("text");
-        _$insertNode(_el$30, _el$31);
-        _$setProp(_el$30, "onMouseUp", () => props.onInstall(props.row, 'project'));
-        _$setProp(_el$30, "flexShrink", 0);
-        _$insertNode(_el$31, _$createTextNode(`PROJECT SCOPE`));
-        _$setProp(_el$31, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$31, "fg", props.theme.textMuted, _$p));
-        return _el$30;
-      })()] : [(() => {
-        var _el$33 = _$createElement("box"),
-          _el$34 = _$createElement("text");
-        _$insertNode(_el$33, _el$34);
-        _$setProp(_el$33, "onMouseUp", () => props.onIgnore(props.row));
-        _$setProp(_el$33, "flexShrink", 0);
-        _$setProp(_el$34, "wrapMode", "none");
-        _$insert(_el$34, () => props.row.ignored ? 'Unignore' : 'Ignore');
-        _$effect(_$p => _$setProp(_el$34, "fg", props.theme.textMuted, _$p));
-        return _el$33;
-      })(), canUninstall ? [(() => {
-        var _el$35 = _$createElement("text");
-        _$insertNode(_el$35, _$createTextNode(` / `));
-        _$setProp(_el$35, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$35, "fg", props.theme.textMuted, _$p));
-        return _el$35;
-      })(), (() => {
-        var _el$37 = _$createElement("box"),
-          _el$38 = _$createElement("text");
-        _$insertNode(_el$37, _el$38);
-        _$setProp(_el$37, "onMouseUp", () => props.onUninstall(props.row));
-        _$setProp(_el$37, "flexShrink", 0);
-        _$insertNode(_el$38, _$createTextNode(`Uninstall`));
-        _$setProp(_el$38, "wrapMode", "none");
-        _$effect(_$p => _$setProp(_el$38, "fg", props.theme.textMuted, _$p));
-        return _el$37;
-      })()] : null];
-    })());
-    _$setProp(_el$24, "wrapMode", "none");
-    _$setProp(_el$24, "overflow", "hidden");
-    _$insert(_el$24, () => compactSkillMeta(getSkillMeta(skill, props.row.state)));
-    _$insert(_el$16, description ? (() => {
-      var _el$40 = _$createElement("text");
-      _$setProp(_el$40, "wrapMode", "none");
-      _$setProp(_el$40, "overflow", "hidden");
-      _$insert(_el$40, () => compactSkillDescription(description));
-      _$effect(_$p => _$setProp(_el$40, "fg", props.theme.text, _$p));
-      return _el$40;
-    })() : null, null);
-    _$effect(_p$ => {
-      var _v$6 = props.row.ignored ? props.theme.textMuted : props.theme.text,
-        _v$7 = props.theme.textMuted;
-      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$18, "fg", _v$6, _p$.e));
-      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$24, "fg", _v$7, _p$.t));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
-    return _el$16;
-  })();
-};
-const WizardSkillsDialogContent = props => {
-  const [page, setPage] = createSignal(0);
-  const content = () => {
-    const currentStatus = props.status();
-    if (currentStatus.kind === 'loading') {
-      return (() => {
-        var _el$41 = _$createElement("text");
-        _$insertNode(_el$41, _$createTextNode(`Refreshing published skills…`));
-        _$setProp(_el$41, "wrapMode", "none");
-        _$setProp(_el$41, "overflow", "hidden");
-        _$effect(_$p => _$setProp(_el$41, "fg", props.theme.textMuted, _$p));
-        return _el$41;
-      })();
-    }
-    if (currentStatus.kind === 'error') {
-      return (() => {
-        var _el$43 = _$createElement("text"),
-          _el$44 = _$createTextNode(`unavailable: `);
-        _$insertNode(_el$43, _el$44);
-        _$setProp(_el$43, "wrapMode", "none");
-        _$setProp(_el$43, "overflow", "hidden");
-        _$insert(_el$43, () => compactStatusMessage(currentStatus.message), null);
-        _$effect(_$p => _$setProp(_el$43, "fg", props.theme.warning, _$p));
-        return _el$43;
-      })();
-    }
-    if (!currentStatus.snapshot.catalog) {
-      return (() => {
-        var _el$45 = _$createElement("text"),
-          _el$46 = _$createTextNode(`catalog `);
-        _$insertNode(_el$45, _el$46);
-        _$setProp(_el$45, "wrapMode", "none");
-        _$setProp(_el$45, "overflow", "hidden");
-        _$insert(_el$45, () => formatSkillsCatalogUnavailableMessage(currentStatus.snapshot), null);
-        _$effect(_$p => _$setProp(_el$45, "fg", props.theme.textMuted, _$p));
-        return _el$45;
-      })();
-    }
-    const {
-      catalog
-    } = currentStatus.snapshot;
-    const installableNotInstalledSkills = getInstallableNotInstalledSkills(currentStatus.snapshot);
-    const rows = [...catalog.skills.map(skill => ({
-      skill,
-      ignored: false,
-      state: getSkillRowState(skill)
-    })), ...currentStatus.snapshot.ignoredPublishedSkills.skills.map(skill => ({
-      skill,
-      ignored: true,
-      state: getSkillRowState(skill)
-    })), ...installableNotInstalledSkills.map(skill => ({
-      skill,
-      ignored: false,
-      state: 'installable'
-    }))];
-    const totalPages = Math.max(1, Math.ceil(rows.length / SKILLS_PAGE_SIZE));
-    const currentPage = Math.min(page(), totalPages - 1);
-    const startIndex = currentPage * SKILLS_PAGE_SIZE;
-    const endIndex = Math.min(startIndex + SKILLS_PAGE_SIZE, rows.length);
-    const visibleRows = rows.slice(startIndex, endIndex);
-    const canGoBack = currentPage > 0;
-    const canGoForward = currentPage < totalPages - 1;
-    const goBack = () => {
-      if (!canGoBack) return;
-      setPage(currentPage - 1);
-    };
-    const goForward = () => {
-      if (!canGoForward) return;
-      setPage(currentPage + 1);
-    };
-    return (() => {
-      var _el$47 = _$createElement("box"),
-        _el$48 = _$createElement("box"),
-        _el$49 = _$createElement("text"),
-        _el$50 = _$createElement("b"),
-        _el$51 = _$createTextNode(` skills`),
-        _el$52 = _$createTextNode(`&nbsp;· `),
-        _el$53 = _$createTextNode(` GLOBAL SCOPE · `),
-        _el$54 = _$createTextNode(` PROJECT SCOPE &nbsp;· `),
-        _el$55 = _$createTextNode(` USER SCOPE &nbsp;· `),
-        _el$56 = _$createTextNode(` ignored &nbsp;· `),
-        _el$57 = _$createTextNode(` installable/not installed`),
-        _el$58 = _$createElement("text"),
-        _el$59 = _$createTextNode(`page `),
-        _el$60 = _$createTextNode(`/`),
-        _el$61 = _$createElement("box"),
-        _el$62 = _$createElement("box"),
-        _el$63 = _$createElement("box"),
-        _el$64 = _$createElement("text"),
-        _el$66 = _$createElement("text"),
-        _el$67 = _$createTextNode(` shown`),
-        _el$68 = _$createElement("box"),
-        _el$69 = _$createElement("text");
-      _$insertNode(_el$47, _el$48);
-      _$insertNode(_el$47, _el$61);
-      _$insertNode(_el$47, _el$62);
-      _$setProp(_el$47, "width", "100%");
-      _$setProp(_el$47, "flexDirection", "column");
-      _$setProp(_el$47, "overflow", "hidden");
-      _$insertNode(_el$48, _el$49);
-      _$insertNode(_el$48, _el$58);
-      _$setProp(_el$48, "width", "100%");
-      _$setProp(_el$48, "flexDirection", "row");
-      _$setProp(_el$48, "justifyContent", "space-between");
-      _$setProp(_el$48, "overflow", "hidden");
-      _$insertNode(_el$49, _el$50);
-      _$insertNode(_el$49, _el$52);
-      _$insertNode(_el$49, _el$53);
-      _$insertNode(_el$49, _el$54);
-      _$insertNode(_el$49, _el$55);
-      _$insertNode(_el$49, _el$56);
-      _$insertNode(_el$49, _el$57);
-      _$setProp(_el$49, "wrapMode", "none");
-      _$setProp(_el$49, "overflow", "hidden");
-      _$insertNode(_el$50, _el$51);
-      _$insert(_el$50, () => catalog.publishedSkillCount, _el$51);
-      _$insert(_el$49, () => catalog.assignmentCounts.global, _el$53);
-      _$insert(_el$49, () => catalog.assignmentCounts.project, _el$54);
-      _$insert(_el$49, () => catalog.assignmentCounts.user, _el$55);
-      _$insert(_el$49, () => currentStatus.snapshot.ignoredPublishedSkills.count, _el$56);
-      _$insert(_el$49, () => installableNotInstalledSkills.length, _el$57);
-      _$insertNode(_el$58, _el$59);
-      _$insertNode(_el$58, _el$60);
-      _$setProp(_el$58, "wrapMode", "none");
-      _$insert(_el$58, currentPage + 1, _el$60);
-      _$insert(_el$58, totalPages, null);
-      _$setProp(_el$61, "width", "100%");
-      _$setProp(_el$61, "flexDirection", "column");
-      _$setProp(_el$61, "marginTop", 1);
-      _$setProp(_el$61, "overflow", "hidden");
-      _$insert(_el$61, () => visibleRows.map(row => _$createComponent(SkillCatalogRow, {
-        row: row,
-        get theme() {
-          return props.theme;
-        },
-        get onIgnore() {
-          return props.onIgnoreSkill;
-        },
-        get onInstall() {
-          return props.onInstallSkill;
-        },
-        get onUninstall() {
-          return props.onUninstallSkill;
-        }
-      })));
-      _$insertNode(_el$62, _el$63);
-      _$insertNode(_el$62, _el$66);
-      _$insertNode(_el$62, _el$68);
-      _$setProp(_el$62, "width", "100%");
-      _$setProp(_el$62, "flexDirection", "row");
-      _$setProp(_el$62, "justifyContent", "space-between");
-      _$setProp(_el$62, "overflow", "hidden");
-      _$insertNode(_el$63, _el$64);
-      _$setProp(_el$63, "onMouseUp", goBack);
-      _$setProp(_el$63, "flexShrink", 0);
-      _$insertNode(_el$64, _$createTextNode(`← Prev`));
-      _$setProp(_el$64, "wrapMode", "none");
-      _$insertNode(_el$66, _el$67);
-      _$setProp(_el$66, "wrapMode", "none");
-      _$setProp(_el$66, "overflow", "hidden");
-      _$insert(_el$66, () => visibleRows.length, _el$67);
-      _$insertNode(_el$68, _el$69);
-      _$setProp(_el$68, "onMouseUp", goForward);
-      _$setProp(_el$68, "flexShrink", 0);
-      _$insertNode(_el$69, _$createTextNode(`Next →`));
-      _$setProp(_el$69, "wrapMode", "none");
-      _$effect(_p$ => {
-        var _v$8 = props.theme.text,
-          _v$9 = props.theme.textMuted,
-          _v$0 = canGoBack ? props.theme.text : props.theme.textMuted,
-          _v$1 = props.theme.textMuted,
-          _v$10 = canGoForward ? props.theme.text : props.theme.textMuted;
-        _v$8 !== _p$.e && (_p$.e = _$setProp(_el$49, "fg", _v$8, _p$.e));
-        _v$9 !== _p$.t && (_p$.t = _$setProp(_el$58, "fg", _v$9, _p$.t));
-        _v$0 !== _p$.a && (_p$.a = _$setProp(_el$64, "fg", _v$0, _p$.a));
-        _v$1 !== _p$.o && (_p$.o = _$setProp(_el$66, "fg", _v$1, _p$.o));
-        _v$10 !== _p$.i && (_p$.i = _$setProp(_el$69, "fg", _v$10, _p$.i));
-        return _p$;
-      }, {
-        e: undefined,
-        t: undefined,
-        a: undefined,
-        o: undefined,
-        i: undefined
-      });
-      return _el$47;
-    })();
-  };
-  return (() => {
-    var _el$71 = _$createElement("box");
-    _$setProp(_el$71, "width", "100%");
-    _$setProp(_el$71, "flexDirection", "column");
-    _$setProp(_el$71, "overflow", "hidden");
-    _$insert(_el$71, _$createComponent(PreferenceActionNoticeRow, {
-      get notice() {
-        return props.actionNotice();
-      },
-      get theme() {
-        return props.theme;
-      }
-    }), null);
-    _$insert(_el$71, content, null);
-    return _el$71;
-  })();
-};
-const PreferenceActionNoticeRow = props => {
-  if (props.notice.kind === 'idle') return null;
-  return (() => {
-    var _el$72 = _$createElement("text");
-    _$setProp(_el$72, "wrapMode", "none");
-    _$setProp(_el$72, "overflow", "hidden");
-    _$insert(_el$72, () => compactStatusMessage(props.notice.message));
-    _$effect(_$p => _$setProp(_el$72, "fg", props.notice.kind === 'error' ? props.theme.warning : props.theme.textMuted, _$p));
-    return _el$72;
-  })();
-};
-const ReadyRows = props => {
-  const statusRows = [_$createComponent(Row, {
-    label: "url",
-    get value() {
-      return formatBackendOriginLabel(props.snapshot.backendOrigin);
-    },
-    get labelColor() {
-      return props.theme.textMuted;
-    },
-    get valueColor() {
-      return props.theme.text;
-    }
-  }), _$createComponent(Row, {
-    label: "auth",
-    get value() {
-      return formatAuthStatus(props.snapshot);
-    },
-    get labelColor() {
-      return props.theme.textMuted;
-    },
-    get valueColor() {
-      return props.theme.text;
-    }
-  })];
-  if (!props.snapshot.catalog) {
-    return (() => {
-      var _el$73 = _$createElement("box");
-      _$setProp(_el$73, "width", "100%");
-      _$setProp(_el$73, "flexDirection", "column");
-      _$setProp(_el$73, "overflow", "hidden");
-      _$insert(_el$73, statusRows, null);
-      _$insert(_el$73, _$createComponent(Row, {
-        label: "catalog",
-        get value() {
-          return formatSkillsCatalogUnavailableMessage(props.snapshot);
-        },
-        get labelColor() {
-          return props.theme.textMuted;
-        },
-        get valueColor() {
-          return props.theme.text;
-        }
-      }), null);
-      return _el$73;
-    })();
-  }
-  const installableNotInstalledCount = getInstallableNotInstalledSkills(props.snapshot).length;
-  const catalogStatus = `${props.snapshot.catalog.publishedSkillCount} loaded · ${installableNotInstalledCount} installable · ${props.snapshot.ignoredPublishedSkills.count} ignored · open for details`;
-  return (() => {
-    var _el$74 = _$createElement("box");
-    _$setProp(_el$74, "width", "100%");
-    _$setProp(_el$74, "flexDirection", "column");
-    _$setProp(_el$74, "overflow", "hidden");
-    _$insert(_el$74, statusRows, null);
-    _$insert(_el$74, _$createComponent(Row, {
-      label: "catalog",
-      value: catalogStatus,
-      get labelColor() {
-        return props.theme.textMuted;
-      },
-      get valueColor() {
-        return props.theme.text;
-      }
-    }), null);
-    return _el$74;
-  })();
-};
-const WizardSkillsDialog = props => {
-  const theme = createMemo(() => props.api.theme.current);
-  const [actionNotice, setActionNotice] = createSignal({
-    kind: 'idle'
-  });
-  const refreshAfterPreferenceChange = message => {
-    setActionNotice({
-      kind: 'success',
-      message
-    });
-    props.refreshStatus({
-      showLoading: false
-    });
-    requestRender(props.api);
-  };
-  const showPreferenceFailure = error => {
-    setActionNotice({
-      kind: 'error',
-      message: getErrorMessage(error)
-    });
-    props.refreshStatus({
-      showLoading: false
-    });
-    requestRender(props.api);
-  };
-  const ignoreSkill = row => {
-    const currentStatus = props.status();
-    if (currentStatus.kind !== 'ready') return;
-    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
-    setActionNotice({
-      kind: 'pending',
-      message: row.ignored ? 'Removing ignore preference…' : 'Ignoring skill…'
-    });
-    requestRender(props.api);
-    void setPublishedSkillIgnored({
-      worktree: props.api.state.path.worktree,
-      directory: props.api.state.path.directory,
-      scopeKey,
-      skillSlug: row.skill.skillSlug,
-      ignored: !row.ignored,
-      preferenceScope: getSkillPreferenceScope(row.skill)
-    }).then(() => refreshAfterPreferenceChange(row.ignored ? 'Skill is no longer ignored.' : 'Skill ignored.')).catch(showPreferenceFailure);
-  };
-  const installSkill = (row, preferenceScope) => {
-    const currentStatus = props.status();
-    if (currentStatus.kind !== 'ready') return;
-    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
-    setActionNotice({
-      kind: 'pending',
-      message: `Installing skill for ${preferenceScope.toUpperCase()} SCOPE…`
-    });
-    requestRender(props.api);
-    void setPublishedSkillInstalled({
-      worktree: props.api.state.path.worktree,
-      directory: props.api.state.path.directory,
-      scopeKey,
-      skillSlug: row.skill.skillSlug,
-      installed: true,
-      preferenceScope
-    }).then(() => refreshAfterPreferenceChange(`Skill installed for ${preferenceScope.toUpperCase()} SCOPE.`)).catch(showPreferenceFailure);
-  };
-  const uninstallSkill = row => {
-    const currentStatus = props.status();
-    if (currentStatus.kind !== 'ready') return;
-    const scopeKey = currentStatus.snapshot.ignoredPublishedSkills.scopeKey;
-    setActionNotice({
-      kind: 'pending',
-      message: 'Uninstalling skill…'
-    });
-    requestRender(props.api);
-    void setPublishedSkillInstalled({
-      worktree: props.api.state.path.worktree,
-      directory: props.api.state.path.directory,
-      scopeKey,
-      skillSlug: row.skill.skillSlug,
-      installed: false,
-      preferenceScope: getSkillPreferenceScope(row.skill)
-    }).then(() => refreshAfterPreferenceChange('Skill uninstalled.')).catch(showPreferenceFailure);
-  };
-  createEffect(() => {
-    props.api.ui?.dialog?.setSize?.('xlarge');
-  });
-  return (() => {
-    var _el$75 = _$createElement("box"),
-      _el$76 = _$createElement("box"),
-      _el$77 = _$createElement("text"),
-      _el$78 = _$createElement("b"),
-      _el$80 = _$createElement("box"),
-      _el$81 = _$createElement("text"),
-      _el$83 = _$createElement("box");
-    _$insertNode(_el$75, _el$76);
-    _$insertNode(_el$75, _el$83);
-    _$setProp(_el$75, "width", "100%");
-    _$setProp(_el$75, "flexDirection", "column");
-    _$setProp(_el$75, "paddingLeft", 1);
-    _$setProp(_el$75, "paddingRight", 1);
-    _$setProp(_el$75, "paddingBottom", 1);
-    _$insertNode(_el$76, _el$77);
-    _$insertNode(_el$76, _el$80);
-    _$setProp(_el$76, "width", "100%");
-    _$setProp(_el$76, "flexDirection", "row");
-    _$setProp(_el$76, "justifyContent", "space-between");
-    _$setProp(_el$76, "overflow", "hidden");
-    _$insertNode(_el$77, _el$78);
-    _$setProp(_el$77, "wrapMode", "none");
-    _$setProp(_el$77, "overflow", "hidden");
-    _$insertNode(_el$78, _$createTextNode(`Wizard Skills`));
-    _$insertNode(_el$80, _el$81);
-    _$setProp(_el$80, "flexShrink", 0);
-    _$insertNode(_el$81, _$createTextNode(`Close`));
-    _$setProp(_el$81, "wrapMode", "none");
-    _$setProp(_el$83, "width", "100%");
-    _$setProp(_el$83, "flexDirection", "column");
-    _$setProp(_el$83, "marginTop", 1);
-    _$setProp(_el$83, "overflow", "hidden");
-    _$insert(_el$83, _$createComponent(WizardSkillsDialogContent, {
-      get status() {
-        return props.status;
-      },
-      actionNotice: actionNotice,
-      get theme() {
-        return theme();
-      },
-      onIgnoreSkill: ignoreSkill,
-      onInstallSkill: installSkill,
-      onUninstallSkill: uninstallSkill
-    }));
-    _$effect(_p$ => {
-      var _v$11 = theme().text,
-        _v$12 = props.onClose,
-        _v$13 = theme().textMuted;
-      _v$11 !== _p$.e && (_p$.e = _$setProp(_el$77, "fg", _v$11, _p$.e));
-      _v$12 !== _p$.t && (_p$.t = _$setProp(_el$80, "onMouseUp", _v$12, _p$.t));
-      _v$13 !== _p$.a && (_p$.a = _$setProp(_el$81, "fg", _v$13, _p$.a));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined,
-      a: undefined
-    });
-    return _el$75;
-  })();
-};
-const openWizardSkillsDialog = (api, status, refreshStatus) => {
-  const dialog = api.ui?.dialog;
-  if (!dialog?.replace) return;
-  refreshStatus({
-    showLoading: true
-  });
-  dialog.replace(() => _$createComponent(WizardSkillsDialog, {
-    api: api,
-    status: status,
-    refreshStatus: refreshStatus,
-    onClose: () => {
-      dialog.clear?.();
-      requestRender(api);
-    }
-  }), () => {
-    requestRender(api);
-  });
-  requestRender(api);
-};
-const createWizardStatusSlot = (api, status, refreshStatus) => ({
-  order: 240,
-  slots: {
-    home_bottom: () => _$createComponent(Panel, {
-      title: "Wizard Skills",
-      get theme() {
-        return api.theme.current;
-      },
-      onOpen: () => openWizardSkillsDialog(api, status, refreshStatus),
-      get children() {
-        return _$createComponent(SkillsRows, {
-          api: api,
-          status: status
-        });
-      }
-    }),
-    sidebar_content: (_ctx, _value) => _$createComponent(Panel, {
-      title: "Wizard Skills",
-      get theme() {
-        return api.theme.current;
-      },
-      onOpen: () => openWizardSkillsDialog(api, status, refreshStatus),
-      get children() {
-        return _$createComponent(SkillsRows, {
-          api: api,
-          status: status
-        });
-      }
-    })
-  }
-});
-const loadStatus = async api => {
-  try {
-    const snapshot = await resolvePluginStatusSnapshotWithAuthBootstrap({
-      worktree: api.state.path.worktree,
-      directory: api.state.path.directory,
-      signal: AbortSignal.timeout(STATUS_TIMEOUT_MS)
-    });
-    return {
-      kind: 'ready',
-      snapshot
-    };
-  } catch (error) {
-    return {
-      kind: 'error',
-      message: error instanceof Error ? error.message : 'Unable to load opencode-wizard status.'
-    };
-  }
-};
-const tui = async api => {
-  const [status, setStatus] = createSignal({
-    kind: 'loading'
-  });
-  const refreshStatus = options => {
-    if (options?.showLoading) {
-      setStatus({
-        kind: 'loading'
-      });
-      requestRender(api);
-    }
-    void loadStatus(api).then(nextStatus => {
-      setStatus(nextStatus);
-      requestRender(api);
-    });
-  };
-  api.slots.register(createWizardStatusSlot(api, status, refreshStatus));
-  refreshStatus();
-  setInterval(refreshStatus, STATUS_REFRESH_INTERVAL_MS);
-};
+import { PLUGIN_ID } from './server.js';
+import { tui } from './tui/plugin.js';
 export default {
   id: PLUGIN_ID,
   tui