@termix-ssh/plugin-sdk 1.0.11 → 1.0.12

package/dist/host/PluginsTab-EV4MSGY6.js

@@ -0,0 +1,2933 @@
+const __termixNoGlob = () => ({});
+import {
+  AddButton,
+  Card,
+  DataView,
+  EmptyState,
+  FormFooter,
+  ListBadge,
+  ListRow,
+  ListRowAction,
+  betaFeedbackUrl,
+  betaToTry,
+  capabilityRisk,
+  categoriesOf,
+  describeContributions,
+  formatBytes,
+  formatCount,
+  groupChanges,
+  isSevere,
+  matchesQuery,
+  mergePlugins,
+  mergeReleaseNotes,
+  orderByRisk,
+  reportIssueUrl,
+  requestFeatureUrl,
+  require_semver,
+  sortPlugins,
+  uploadEntry,
+  youtubeEmbedUrl
+} from "./chunk-X4QZKO5G.js";
+import {
+  ArrowDownWideNarrow,
+  BookOpen,
+  Bug,
+  Button,
+  Check,
+  Columns3,
+  DEVELOPER_MODE_CHANGED_EVENT,
+  Database,
+  DocsLink,
+  Download,
+  ExternalLink,
+  Facts,
+  FakeSwitch,
+  FlaskConical,
+  Globe,
+  GroupHeading,
+  InlineView,
+  Input,
+  Library,
+  Lightbulb,
+  PANEL,
+  PanePrompt,
+  PanelShell,
+  Pin,
+  PluginIcon,
+  Puzzle,
+  RefreshCw,
+  RotateCcw,
+  Search,
+  SectionCard,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Server,
+  Settings,
+  SurfaceScope,
+  TabStrip,
+  Trash,
+  TriangleAlert,
+  Upload,
+  ViewToggle,
+  addRegistry,
+  cn,
+  deletePluginData,
+  docsUrl,
+  getDeveloperMode,
+  getPluginChangelog,
+  getPluginData,
+  getPluginRegistry,
+  getPlugins,
+  getRegistries,
+  hasSettingsPage,
+  installPlugin,
+  installUploadedPlugin,
+  openPluginSettings,
+  pluginDescription,
+  pluginName,
+  previewPluginState,
+  previewRegistry,
+  removeRegistry,
+  retryPlugin,
+  setAllPluginChannels,
+  setPluginOptions,
+  setPluginState,
+  setRegistryEnabled,
+  uninstallPlugin,
+  updateAllPlugins,
+  updatePlugin,
+  uploadPlugin,
+  useConfirm
+} from "./chunk-AWR6FYDO.js";
+import "./chunk-RUPLD6RF.js";
+import {
+  __toESM,
+  define_import_meta_env_default,
+  init_define_import_meta_env
+} from "./chunk-YGYBM7SQ.js";
+
+// src/ui/plugins/PluginsTab.tsx
+init_define_import_meta_env();
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef2, useState as useState5 } from "react";
+import { useTranslation as useTranslation7 } from "react-i18next";
+
+// src/ui/plugins/plugin-bits.tsx
+init_define_import_meta_env();
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PluginIconBox({
+  name,
+  size = "md",
+  muted
+}) {
+  const box = size === "lg" ? "size-10" : size === "sm" ? "size-7" : "size-9";
+  const glyph = size === "lg" ? "size-5" : size === "sm" ? "size-3.5" : "size-4";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        box,
+        "flex shrink-0 items-center justify-center border border-border bg-muted",
+        muted && "opacity-40"
+      ),
+      children: /* @__PURE__ */ jsx(PluginIcon, { name, className: cn(glyph, "text-accent-brand") })
+    }
+  );
+}
+function CapabilityRow({
+  capability,
+  showId,
+  className
+}) {
+  const { t } = useTranslation();
+  const severe = isSevere(capability);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-2.5", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: severe && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "flex size-4 items-center justify-center border border-destructive/50 bg-destructive/10 text-[10px] font-bold text-destructive",
+        title: t(`plugins.manager.risk.${capabilityRisk(capability)}`),
+        children: "!"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium leading-snug", children: t(`plugins.capabilities.${capability}.title`, {
+        defaultValue: capability,
+        nsSeparator: false
+      }) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t(`plugins.capabilities.${capability}.consequence`, {
+        defaultValue: "",
+        nsSeparator: false
+      }) })
+    ] }),
+    showId && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground/50", children: capability })
+  ] });
+}
+function UnverifiedBadge() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "shrink-0 border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-warning",
+      title: t("plugins.manager.unverifiedHint"),
+      children: t("plugins.manager.unverified")
+    }
+  );
+}
+function SourceBadge({
+  source,
+  registryName
+}) {
+  const { t } = useTranslation();
+  if (source !== "community" && source !== "custom") return null;
+  const label = source === "community" ? t("plugins.manager.registries.communityBadge") : registryName ?? t("plugins.manager.registries.customBadge");
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "max-w-32 shrink-0 truncate border border-border bg-muted/40 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-muted-foreground",
+      title: t(`plugins.manager.registries.${source}BadgeHint`, {
+        name: label
+      }),
+      children: label
+    }
+  );
+}
+function BetaBadge() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "shrink-0 border border-accent-brand/40 bg-accent-brand/10 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-accent-brand",
+      title: t("plugins.manager.beta.badgeHint"),
+      children: t("plugins.manager.beta.badge")
+    }
+  );
+}
+function DownloadCount({ count }) {
+  const { t } = useTranslation();
+  if (count === null || count <= 0) return null;
+  return /* @__PURE__ */ jsx("span", { title: t("plugins.manager.count.downloadsHint"), children: t("plugins.manager.count.downloads", {
+    count,
+    formatted: formatCount(count)
+  }) });
+}
+
+// src/ui/plugins/RegistriesSection.tsx
+init_define_import_meta_env();
+import { useCallback, useEffect, useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { toast } from "sonner";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function errorOf(error) {
+  const data = error?.response?.data;
+  return {
+    message: typeof data?.error === "string" ? data.error : error instanceof Error ? error.message : String(error),
+    code: typeof data?.code === "string" ? data.code : void 0,
+    data: data ?? {}
+  };
+}
+function RegistriesSection({ manager }) {
+  const { t } = useTranslation2();
+  const confirm = useConfirm();
+  const [state, setState] = useState(null);
+  const [adding, setAdding] = useState(false);
+  const [busy, setBusy] = useState(null);
+  const load = useCallback(async () => {
+    try {
+      setState(await getRegistries());
+    } catch (error) {
+      toast.error(
+        t("plugins.manager.registries.loadFailed", {
+          error: errorOf(error).message
+        })
+      );
+    }
+  }, [t]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const statusOf = (id) => manager.registries.find((entry) => entry.id === id);
+  const toggle = async (id, enabled) => {
+    if (enabled && id === "community") {
+      const ok = await confirm({
+        title: t("plugins.manager.registries.communityConfirmTitle"),
+        description: t("plugins.manager.registries.communityConfirmBody"),
+        confirmLabel: t("plugins.manager.registries.communityConfirm"),
+        destructive: false
+      });
+      if (!ok) return;
+    }
+    setBusy(id);
+    try {
+      await setRegistryEnabled(id, enabled);
+      await load();
+      await manager.refresh();
+    } catch (error) {
+      toast.error(
+        t("plugins.manager.registries.changeFailed", {
+          error: errorOf(error).message
+        })
+      );
+    } finally {
+      setBusy(null);
+    }
+  };
+  const remove = async (id, name) => {
+    const ok = await confirm({
+      title: t("plugins.manager.registries.removeTitle", { name }),
+      description: t("plugins.manager.registries.removeBody"),
+      confirmLabel: t("plugins.manager.registries.remove")
+    });
+    if (!ok) return;
+    setBusy(id);
+    try {
+      await removeRegistry(id);
+      toast.success(t("plugins.manager.registries.removed", { name }));
+      await load();
+      await manager.refresh();
+    } catch (error) {
+      const info = errorOf(error);
+      toast.error(
+        info.code === "REGISTRY_IN_USE" ? t("plugins.manager.registries.inUse", {
+          name,
+          list: (info.data.plugins ?? []).join(", ")
+        }) : t("plugins.manager.registries.changeFailed", {
+          error: info.message
+        })
+      );
+    } finally {
+      setBusy(null);
+    }
+  };
+  const readOnly = manager.managedByServer || state?.managedByServer;
+  const meta = (id, url, extra) => {
+    const status = statusOf(id);
+    const parts = [url];
+    if (status && !status.error) {
+      parts.push(
+        t("plugins.manager.registries.pluginCount", { count: status.plugins })
+      );
+    }
+    if (extra) parts.push(extra);
+    return parts.join(" | ");
+  };
+  const errorLine = (id) => {
+    const error = statusOf(id)?.error;
+    return error ? /* @__PURE__ */ jsx2("span", { className: "text-[11px] leading-snug text-destructive", children: t("plugins.manager.registries.unreachable", { error }) }) : null;
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: `flex flex-col ${PANEL.gap} ${PANEL.body}`, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs2("p", { className: "min-w-0 flex-1 text-[11px] leading-snug text-muted-foreground", children: [
+        t("plugins.manager.registries.intro"),
+        " ",
+        /* @__PURE__ */ jsx2(DocsLink, { core: "hostRegistry", className: "text-[11px]", children: t("plugins.manager.registries.hostYourOwn") })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx2(
+        AddButton,
+        {
+          label: t("plugins.manager.registries.add"),
+          onClick: () => setAdding(true)
+        }
+      )
+    ] }),
+    state && /* @__PURE__ */ jsxs2("div", { className: "flex flex-col border-t border-border/40", children: [
+      /* @__PURE__ */ jsx2(
+        ListRow,
+        {
+          stripe: 0,
+          icon: /* @__PURE__ */ jsx2(Library, {}),
+          title: t("plugins.manager.registries.officialName"),
+          badges: /* @__PURE__ */ jsx2(ListBadge, { tone: "brand", children: t("plugins.manager.registries.alwaysOn") }),
+          meta: meta("official", state.official.url),
+          children: errorLine("official")
+        }
+      ),
+      /* @__PURE__ */ jsxs2(
+        ListRow,
+        {
+          stripe: 1,
+          icon: /* @__PURE__ */ jsx2(Library, {}),
+          tone: state.community.enabled ? "brand" : "muted",
+          dimmed: !state.community.enabled,
+          title: t("plugins.manager.registries.communityName"),
+          meta: meta("community", state.community.url),
+          trailing: /* @__PURE__ */ jsx2(
+            FakeSwitch,
+            {
+              checked: state.community.enabled,
+              disabled: readOnly || busy === "community",
+              onChange: (next) => void toggle("community", next)
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsxs2("span", { className: "text-[11px] leading-snug text-muted-foreground", children: [
+              t("plugins.manager.registries.communityHint"),
+              " ",
+              /* @__PURE__ */ jsx2(DocsLink, { core: "communityRegistry", className: "text-[11px]", children: t("plugins.manager.communitySubmit") })
+            ] }),
+            state.community.enabled && errorLine("community")
+          ]
+        }
+      ),
+      state.custom.map((entry, index) => /* @__PURE__ */ jsx2(
+        ListRow,
+        {
+          stripe: index,
+          icon: /* @__PURE__ */ jsx2(Library, {}),
+          tone: entry.enabled ? "warning" : "muted",
+          dimmed: !entry.enabled,
+          title: entry.name,
+          badges: /* @__PURE__ */ jsx2(ListBadge, { tone: "warning", children: t("plugins.manager.registries.customBadge") }),
+          meta: meta(
+            entry.id,
+            entry.url,
+            t("plugins.manager.registries.keyFingerprint", {
+              keyId: entry.keyId
+            })
+          ),
+          trailing: /* @__PURE__ */ jsx2(
+            FakeSwitch,
+            {
+              checked: entry.enabled,
+              disabled: readOnly || busy === entry.id,
+              onChange: (next) => void toggle(entry.id, next)
+            }
+          ),
+          actions: readOnly ? void 0 : /* @__PURE__ */ jsx2(
+            ListRowAction,
+            {
+              label: t("plugins.manager.registries.remove"),
+              tone: "destructive",
+              disabled: busy === entry.id,
+              onClick: () => void remove(entry.id, entry.name),
+              children: /* @__PURE__ */ jsx2(Trash, {})
+            }
+          ),
+          children: entry.enabled && errorLine(entry.id)
+        },
+        entry.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsx2(
+      AddRegistryView,
+      {
+        open: adding,
+        onOpenChange: setAdding,
+        onAdded: async () => {
+          setAdding(false);
+          await load();
+          await manager.refresh();
+        }
+      }
+    )
+  ] });
+}
+function AddRegistryView({
+  open,
+  onOpenChange,
+  onAdded
+}) {
+  const { t } = useTranslation2();
+  const [url, setUrl] = useState("");
+  const [preview, setPreview] = useState(null);
+  const [error, setError] = useState(null);
+  const [working, setWorking] = useState(false);
+  useEffect(() => {
+    if (!open) {
+      setUrl("");
+      setPreview(null);
+      setError(null);
+    }
+  }, [open]);
+  const check = async () => {
+    setWorking(true);
+    setError(null);
+    setPreview(null);
+    try {
+      setPreview(await previewRegistry(url.trim()));
+    } catch (failure) {
+      setError(errorOf(failure).message);
+    } finally {
+      setWorking(false);
+    }
+  };
+  const add = async () => {
+    if (!preview) return;
+    setWorking(true);
+    setError(null);
+    try {
+      const added = await addRegistry(preview.url, preview.keyId);
+      toast.success(
+        t("plugins.manager.registries.added", { name: added.name })
+      );
+      await onAdded();
+    } catch (failure) {
+      const info = errorOf(failure);
+      if (info.code === "KEY_MISMATCH") setPreview(null);
+      setError(info.message);
+    } finally {
+      setWorking(false);
+    }
+  };
+  return /* @__PURE__ */ jsx2(
+    InlineView,
+    {
+      open,
+      onOpenChange,
+      title: t("plugins.manager.registries.addTitle"),
+      icon: /* @__PURE__ */ jsx2(Library, { className: "size-4" }),
+      footer: /* @__PURE__ */ jsx2(
+        FormFooter,
+        {
+          onCancel: () => onOpenChange(false),
+          onSave: () => void (preview ? add() : check()),
+          saveLabel: preview ? t("plugins.manager.registries.addConfirm") : t("plugins.manager.registries.check"),
+          saving: working,
+          disabled: !url.trim()
+        }
+      ),
+      children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 p-3", children: [
+        /* @__PURE__ */ jsx2("p", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.registries.addHint") }),
+        /* @__PURE__ */ jsx2(
+          Input,
+          {
+            value: url,
+            onChange: (e) => {
+              setUrl(e.target.value);
+              setPreview(null);
+              setError(null);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && url.trim() && !working) {
+                e.preventDefault();
+                void (preview ? add() : check());
+              }
+            },
+            placeholder: "https://example.com/termix/index.json",
+            className: "h-8 text-xs",
+            "aria-label": t("plugins.manager.registries.urlLabel"),
+            autoFocus: true
+          }
+        ),
+        error && /* @__PURE__ */ jsx2("p", { className: "text-[11px] leading-snug text-destructive", children: error }),
+        preview && /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5 border border-warning/40 bg-warning/5 p-3", children: [
+          /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold", children: preview.name }),
+          /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-muted-foreground", children: t("plugins.manager.registries.pluginCount", {
+            count: preview.plugins
+          }) }),
+          /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-muted-foreground", children: t("plugins.manager.registries.keyFingerprint", {
+            keyId: preview.keyId
+          }) }),
+          /* @__PURE__ */ jsx2("p", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.registries.customWarning") })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/plugins/PluginConsentPrompt.tsx
+init_define_import_meta_env();
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PluginConsentPrompt({
+  request,
+  busy,
+  onCancel,
+  onConfirm
+}) {
+  const { t } = useTranslation3();
+  if (!request) return null;
+  const { plugin, mode, version } = request;
+  const ordered = orderByRisk(request.capabilities);
+  const notable = ordered.filter((c) => capabilityRisk(c) !== "low");
+  const minor = ordered.filter((c) => capabilityRisk(c) === "low");
+  return /* @__PURE__ */ jsx3(
+    PanePrompt,
+    {
+      open: true,
+      className: "max-w-md",
+      onCancel: busy ? void 0 : onCancel,
+      icon: /* @__PURE__ */ jsx3(PluginIconBox, { name: plugin.icon, size: "sm" }),
+      title: mode === "enable" ? t("plugins.manager.consent.enableTitle", { name: plugin.name }) : mode === "update" ? t("plugins.manager.consent.updateTitle", { name: plugin.name }) : mode === "upload" ? t("plugins.manager.consent.uploadTitle", { name: plugin.name }) : t("plugins.manager.consent.installTitle", { name: plugin.name }),
+      description: /* @__PURE__ */ jsxs3(Facts, { children: [
+        plugin.author && /* @__PURE__ */ jsx3("span", { className: "truncate", children: plugin.author }),
+        /* @__PURE__ */ jsx3("span", { className: "shrink-0", children: (mode === "update" || mode === "upload") && plugin.version ? t("plugins.manager.versionChange", {
+          from: plugin.version,
+          to: version
+        }) : version })
+      ] }),
+      actions: /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3(Button, { variant: "ghost", onClick: onCancel, disabled: busy, children: t("common.cancel") }),
+        /* @__PURE__ */ jsx3(
+          Button,
+          {
+            variant: "outline",
+            onClick: onConfirm,
+            disabled: busy,
+            className: "border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+            children: mode === "enable" ? t("plugins.manager.enable") : mode === "update" ? t("plugins.manager.consent.agreeUpdate") : t("plugins.manager.install")
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+        mode === "upload" && /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2 border border-warning/40 bg-warning/10 px-3 py-2", children: [
+          /* @__PURE__ */ jsx3(TriangleAlert, { className: "mt-px size-3.5 shrink-0 text-warning" }),
+          /* @__PURE__ */ jsx3("span", { className: "text-[11px] leading-snug text-foreground", children: t("plugins.manager.consent.uploadWarning") })
+        ] }),
+        mode === "update" && /* @__PURE__ */ jsx3("p", { className: "text-xs leading-relaxed text-foreground", children: t("plugins.manager.consent.updateExplain") }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx3("span", { className: "pb-2 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: mode === "update" ? t("plugins.manager.consent.newInVersion") : t("plugins.manager.whatItCanDo") }),
+          /* @__PURE__ */ jsxs3("div", { className: "divide-y divide-border border-y border-border", children: [
+            notable.map((capability) => /* @__PURE__ */ jsx3(
+              CapabilityRow,
+              {
+                capability,
+                className: "py-2.5"
+              },
+              capability
+            )),
+            minor.length > 0 && /* @__PURE__ */ jsx3("div", { className: "py-2.5 text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.consent.minor") }),
+            ordered.length === 0 && /* @__PURE__ */ jsx3("div", { className: "py-2.5 text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.consent.none") })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/plugins/PluginDetail.tsx
+init_define_import_meta_env();
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+
+// src/ui/plugins/PluginReleaseNotes.tsx
+init_define_import_meta_env();
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var MAX_CHANGES = 8;
+function formatDate(value) {
+  if (!value) return "";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? value : date.toLocaleDateString();
+}
+function InlineText({ text }) {
+  return /* @__PURE__ */ jsx4(Fragment2, { children: text.split(/(`[^`]+`)/).map(
+    (part, i) => part.length > 2 && part.startsWith("`") && part.endsWith("`") ? /* @__PURE__ */ jsx4(
+      "code",
+      {
+        className: "bg-muted px-1 py-px font-mono text-[10px] text-foreground",
+        children: part.slice(1, -1)
+      },
+      i
+    ) : /* @__PURE__ */ jsx4("span", { children: part }, i)
+  ) });
+}
+function Release({
+  row,
+  installedVersion
+}) {
+  const { t } = useTranslation4();
+  const [full, setFull] = useState2(false);
+  const all = groupChanges(row.changes);
+  const hidden = full ? 0 : Math.max(0, row.changes.length - MAX_CHANGES);
+  let budget = full ? Infinity : MAX_CHANGES;
+  const groups = all.map((group) => {
+    const items = group.items.slice(0, Math.max(0, budget));
+    budget -= items.length;
+    return { ...group, items };
+  }).filter((group) => group.items.length > 0);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx4("span", { className: "text-xs font-semibold", children: row.version }),
+      row.version === installedVersion && /* @__PURE__ */ jsx4("span", { className: "border border-accent-brand/40 bg-accent-brand/10 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-accent-brand", children: t("plugins.manager.installedBadge") }),
+      !row.compatible && /* @__PURE__ */ jsx4("span", { className: "border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-warning", children: t("plugins.manager.incompatible") }),
+      /* @__PURE__ */ jsx4("span", { className: "ml-auto text-[10px] text-muted-foreground", children: formatDate(row.date) })
+    ] }),
+    row.summary && /* @__PURE__ */ jsx4(
+      "p",
+      {
+        className: `whitespace-pre-line text-[11px] leading-relaxed text-muted-foreground ${full ? "" : "line-clamp-4"}`,
+        children: /* @__PURE__ */ jsx4(InlineText, { text: row.summary })
+      }
+    ),
+    groups.map((group) => /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx4("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70", children: t(`plugins.manager.changeTypes.${group.type}`) }),
+      /* @__PURE__ */ jsx4("ul", { className: "flex list-disc flex-col gap-0.5 pl-4 text-[11px] leading-snug", children: group.items.map((item, i) => /* @__PURE__ */ jsx4("li", { className: "whitespace-pre-line", children: /* @__PURE__ */ jsx4(InlineText, { text: item }) }, i)) })
+    ] }, group.type)),
+    hidden > 0 && /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        onClick: () => setFull(true),
+        className: "w-fit text-[11px] text-muted-foreground hover:text-accent-brand",
+        children: t("plugins.manager.showMoreChanges", { count: hidden })
+      }
+    ),
+    groups.length === 0 && !row.summary && /* @__PURE__ */ jsx4("span", { className: "text-[11px] text-muted-foreground", children: t("plugins.manager.noReleaseNotes") }),
+    row.releaseNotesUrl && /* @__PURE__ */ jsx4(
+      "a",
+      {
+        href: row.releaseNotesUrl,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "w-fit text-[11px] text-muted-foreground hover:text-accent-brand",
+        children: t("plugins.manager.viewRelease")
+      }
+    )
+  ] });
+}
+function PluginReleaseNotes({ plugin }) {
+  const { t } = useTranslation4();
+  const [local, setLocal] = useState2([]);
+  const [showOlder, setShowOlder] = useState2(false);
+  useEffect2(() => {
+    let cancelled = false;
+    setLocal([]);
+    if (!plugin.installed) return;
+    getPluginChangelog(plugin.id).then((releases) => {
+      if (!cancelled) setLocal(releases);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [plugin.id, plugin.installed, plugin.version]);
+  const rows = useMemo(
+    () => mergeReleaseNotes(plugin.versions, local),
+    [plugin.versions, local]
+  );
+  if (rows.length === 0) return null;
+  const [latest, ...older] = rows;
+  return /* @__PURE__ */ jsx4(
+    SectionCard,
+    {
+      title: t("plugins.manager.releaseNotes"),
+      icon: null,
+      action: older.length > 0 ? /* @__PURE__ */ jsx4(
+        Button,
+        {
+          variant: "ghost",
+          size: "xs",
+          className: "text-muted-foreground",
+          onClick: () => setShowOlder((v) => !v),
+          children: showOlder ? t("plugins.manager.hideOlderReleases") : t("plugins.manager.showOlderReleases", {
+            count: older.length
+          })
+        }
+      ) : void 0,
+      children: /* @__PURE__ */ jsxs4("div", { className: "-mx-3 -my-1 md:-mx-4", children: [
+        /* @__PURE__ */ jsx4(Release, { row: latest, installedVersion: plugin.version }),
+        showOlder && older.length > 0 && /* @__PURE__ */ jsx4("div", { className: "max-h-96 divide-y divide-border overflow-y-auto border-t border-border", children: older.map((row) => /* @__PURE__ */ jsx4(
+          Release,
+          {
+            row,
+            installedVersion: plugin.version
+          },
+          row.version
+        )) })
+      ] })
+    }
+  );
+}
+function PluginVideo({
+  videoId,
+  name
+}) {
+  const { t } = useTranslation4();
+  const src = youtubeEmbedUrl(videoId);
+  if (!src) return null;
+  return /* @__PURE__ */ jsx4("div", { className: "aspect-video w-full border border-border bg-black", children: /* @__PURE__ */ jsx4(
+    "iframe",
+    {
+      src,
+      title: t("plugins.manager.videoTitle", { name }),
+      className: "size-full",
+      loading: "lazy",
+      referrerPolicy: "strict-origin-when-cross-origin",
+      sandbox: "allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox",
+      allow: "encrypted-media; picture-in-picture; fullscreen",
+      allowFullScreen: true
+    }
+  ) });
+}
+
+// src/ui/plugins/PluginDetail.tsx
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var LINK_ROW = "flex items-center gap-2 border border-border bg-card px-3 py-2.5 text-left text-[11px] text-muted-foreground transition-colors hover:border-accent-brand/40 hover:text-foreground";
+function PluginDetail({
+  plugin,
+  manager,
+  onUninstalled
+}) {
+  const { t } = useTranslation5();
+  const busy = manager.busy.has(plugin.id) || manager.busy.has("*");
+  const locked = manager.managedByServer;
+  const running = plugin.status === "running";
+  const failed = plugin.status === "failed" || plugin.status === "blocked";
+  const compatible = plugin.versions.filter((v) => v.compatible);
+  const [picked, setPicked] = useState3(
+    plugin.version ?? plugin.latestVersion ?? ""
+  );
+  useEffect3(() => {
+    setPicked(plugin.version ?? plugin.latestVersion ?? "");
+  }, [plugin.version, plugin.latestVersion]);
+  const contributions = describeContributions(plugin.contributes);
+  const hasSettings = plugin.installed && hasSettingsPage(plugin, true);
+  const issueUrl = reportIssueUrl(
+    plugin,
+    define_import_meta_env_default.VITE_APP_VERSION || void 0
+  );
+  const featureUrl = requestFeatureUrl(plugin);
+  const feedbackUrl = plugin.isBeta ? betaFeedbackUrl(plugin, define_import_meta_env_default.VITE_APP_VERSION || void 0) : null;
+  const tryableBeta = betaToTry(plugin);
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: `mx-auto flex w-full max-w-5xl flex-col ${PANEL.gap} ${PANEL.body}`,
+      children: [
+        /* @__PURE__ */ jsxs5(Card, { className: "flex-row flex-wrap items-start gap-4 px-4 py-4", children: [
+          /* @__PURE__ */ jsx5(
+            PluginIconBox,
+            {
+              name: plugin.icon,
+              size: "lg",
+              muted: plugin.installed && !running
+            }
+          ),
+          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx5("h1", { className: "text-lg font-bold tracking-tight", children: plugin.name }),
+            /* @__PURE__ */ jsx5("span", { className: "text-xs leading-relaxed text-muted-foreground", children: plugin.description }),
+            /* @__PURE__ */ jsxs5(Facts, { className: "text-[11px] text-muted-foreground/70", children: [
+              plugin.unverified && /* @__PURE__ */ jsx5(UnverifiedBadge, {}),
+              /* @__PURE__ */ jsx5(
+                SourceBadge,
+                {
+                  source: plugin.source,
+                  registryName: plugin.registryName
+                }
+              ),
+              plugin.isBeta && /* @__PURE__ */ jsx5(BetaBadge, {}),
+              plugin.author && /* @__PURE__ */ jsx5("span", { children: plugin.author }),
+              plugin.version ? /* @__PURE__ */ jsxs5("span", { children: [
+                "v",
+                plugin.version
+              ] }) : plugin.latestVersion && /* @__PURE__ */ jsxs5("span", { children: [
+                "v",
+                plugin.latestVersion
+              ] }),
+              plugin.category && /* @__PURE__ */ jsx5("span", { children: plugin.category }),
+              plugin.pinnedVersion && /* @__PURE__ */ jsx5("span", { children: t("plugins.manager.pinnedTo", {
+                version: plugin.pinnedVersion
+              }) }),
+              /* @__PURE__ */ jsx5(DownloadCount, { count: plugin.downloads })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 flex-col gap-1.5", children: [
+            plugin.installed && plugin.updateAvailable && !plugin.pinnedVersion && /* @__PURE__ */ jsxs5(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "gap-1.5 border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+                disabled: busy || locked,
+                onClick: () => void manager.requestUpdate(plugin),
+                children: [
+                  /* @__PURE__ */ jsx5(Download, { className: "size-3.5" }),
+                  t("plugins.manager.updateTo", {
+                    version: plugin.latestVersion
+                  })
+                ]
+              }
+            ),
+            tryableBeta && /* @__PURE__ */ jsxs5(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "gap-1.5",
+                disabled: busy || locked,
+                onClick: () => void manager.tryBeta(plugin),
+                children: [
+                  /* @__PURE__ */ jsx5(FlaskConical, { className: "size-3.5" }),
+                  t("plugins.manager.beta.try", { version: tryableBeta })
+                ]
+              }
+            ),
+            plugin.installed ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              failed ? /* @__PURE__ */ jsxs5(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  className: "gap-1.5",
+                  disabled: busy || locked,
+                  onClick: () => void manager.retry(plugin),
+                  children: [
+                    /* @__PURE__ */ jsx5(RotateCcw, { className: "size-3.5" }),
+                    t("plugins.manager.restart")
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ jsx5(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  disabled: busy || plugin.managedByServer,
+                  onClick: () => void manager.toggle(plugin),
+                  children: plugin.enabled ? t("plugins.manager.disable") : t("plugins.manager.enable")
+                }
+              ),
+              !plugin.defaultLook && /* @__PURE__ */ jsxs5(
+                Button,
+                {
+                  variant: "destructive",
+                  size: "sm",
+                  className: "gap-1.5",
+                  disabled: busy || locked,
+                  onClick: async () => {
+                    if (await manager.uninstall(plugin)) onUninstalled();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx5(Trash, { className: "size-3.5" }),
+                    t("plugins.manager.uninstall")
+                  ]
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs5(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "gap-1.5 border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+                disabled: busy || locked || !plugin.latestVersion,
+                onClick: () => manager.requestInstall(plugin),
+                children: [
+                  /* @__PURE__ */ jsx5(Download, { className: "size-3.5" }),
+                  t("plugins.manager.install")
+                ]
+              }
+            )
+          ] })
+        ] }),
+        plugin.installed && failed && plugin.lastError && /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2 border border-destructive/30 bg-destructive/5 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx5(TriangleAlert, { className: "mt-px size-3.5 shrink-0 text-destructive" }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx5("span", { className: "text-xs font-medium", children: plugin.status === "blocked" ? t("plugins.manager.status.blocked") : t("plugins.manager.status.failed") }),
+            /* @__PURE__ */ jsx5("span", { className: "break-words font-mono text-[11px] leading-snug text-muted-foreground", children: plugin.lastError })
+          ] })
+        ] }),
+        plugin.status === "server" && /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2 border border-border bg-muted/30 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx5(Server, { className: "mt-px size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.runsOnServerHint") })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 gap-2 lg:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 lg:col-span-2", children: [
+            /* @__PURE__ */ jsx5(PluginVideo, { videoId: plugin.videoId, name: plugin.name }),
+            plugin.features.length > 0 && /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.features"), icon: null, children: /* @__PURE__ */ jsx5("ul", { className: "grid grid-cols-1 gap-x-4 gap-y-1.5 px-4 py-3 sm:grid-cols-2", children: plugin.features.map((feature) => /* @__PURE__ */ jsxs5(
+              "li",
+              {
+                className: "flex items-start gap-2 text-xs leading-snug",
+                children: [
+                  /* @__PURE__ */ jsx5(Check, { className: "mt-px size-3.5 shrink-0 text-accent-brand" }),
+                  /* @__PURE__ */ jsx5("span", { children: feature })
+                ]
+              },
+              feature
+            )) }) }),
+            /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.whatItCanDo"), icon: null, children: /* @__PURE__ */ jsxs5("div", { className: "divide-y divide-border", children: [
+              orderByRisk(plugin.capabilities).map((capability) => /* @__PURE__ */ jsx5(
+                CapabilityRow,
+                {
+                  capability,
+                  showId: true,
+                  className: "px-4 py-2.5"
+                },
+                capability
+              )),
+              plugin.capabilities.length === 0 && /* @__PURE__ */ jsx5("div", { className: "px-4 py-2.5 text-[11px] text-muted-foreground", children: t("plugins.manager.consent.none") })
+            ] }) }),
+            plugin.env.length > 0 && /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.envVars"), icon: null, children: /* @__PURE__ */ jsx5("div", { className: "divide-y divide-border", children: plugin.env.map((v) => /* @__PURE__ */ jsxs5(
+              "div",
+              {
+                className: "flex flex-col gap-0.5 px-4 py-2.5",
+                children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx5("code", { className: "font-mono text-xs font-semibold", children: v.name }),
+                    v.required && /* @__PURE__ */ jsx5("span", { className: "text-[9px] font-bold uppercase tracking-widest text-accent-brand", children: t("plugins.manager.envRequired") }),
+                    v.default !== void 0 && /* @__PURE__ */ jsx5("span", { className: "font-mono text-[10px] text-muted-foreground", children: t("plugins.manager.envDefault", {
+                      value: v.default
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: v.description })
+                ]
+              },
+              v.name
+            )) }) }),
+            /* @__PURE__ */ jsx5(PluginReleaseNotes, { plugin }),
+            plugin.installed && /* @__PURE__ */ jsx5(
+              DataCard,
+              {
+                plugin,
+                disabled: busy || locked,
+                onDelete: () => manager.removeData(plugin)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+            contributions.length > 0 && /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.addsToTermix"), icon: null, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
+              /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap gap-1", children: contributions.map((c) => /* @__PURE__ */ jsx5(
+                "span",
+                {
+                  className: "border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground",
+                  children: t(`plugins.manager.contributes.${c.kind}`, {
+                    count: c.count
+                  })
+                },
+                c.kind
+              )) }),
+              /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground/70", children: t("plugins.manager.addsToTermixHint") })
+            ] }) }),
+            plugin.inRegistry && compatible.length > 0 && /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.version"), icon: null, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 px-4 py-3", children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: plugin.installed ? t("plugins.manager.versionPickHintInstalled") : t("plugins.manager.versionPickHint") }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs5(Select, { value: picked, onValueChange: setPicked, children: [
+                  /* @__PURE__ */ jsx5(SelectTrigger, { size: "sm", className: "flex-1 text-xs", children: /* @__PURE__ */ jsx5(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx5(SelectContent, { children: compatible.map((v) => /* @__PURE__ */ jsx5(
+                    SelectItem,
+                    {
+                      value: v.version,
+                      className: "text-xs",
+                      children: v.version === plugin.latestVersion ? t("plugins.manager.latestVersion", {
+                        version: v.version
+                      }) : v.prerelease ? t("plugins.manager.beta.versionLabel", {
+                        version: v.version
+                      }) : v.version
+                    },
+                    v.version
+                  )) })
+                ] }),
+                /* @__PURE__ */ jsx5(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "outline",
+                    className: "h-8",
+                    disabled: busy || locked || !picked || picked === plugin.version,
+                    onClick: () => plugin.installed ? void manager.requestUpdate(plugin, picked) : manager.requestInstall(plugin, picked),
+                    children: plugin.installed ? t("plugins.manager.switchVersion") : t("plugins.manager.install")
+                  }
+                )
+              ] })
+            ] }) }),
+            plugin.installed && /* @__PURE__ */ jsx5(SectionCard, { title: t("plugins.manager.updates"), icon: null, children: /* @__PURE__ */ jsxs5("div", { className: "divide-y divide-border", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ jsx5("span", { className: "text-xs font-medium", children: t("plugins.manager.autoUpdate") }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.autoUpdateHint") })
+                ] }),
+                /* @__PURE__ */ jsx5(
+                  FakeSwitch,
+                  {
+                    checked: plugin.autoUpdate,
+                    disabled: busy || locked || !!plugin.pinnedVersion,
+                    onChange: (v) => void manager.setOptions(plugin, { autoUpdate: v })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5 text-xs font-medium", children: [
+                    /* @__PURE__ */ jsx5(FlaskConical, { className: "size-3 text-muted-foreground" }),
+                    t("plugins.manager.beta.channel")
+                  ] }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: plugin.channel === "stable" && plugin.isBeta ? t("plugins.manager.beta.waitingForStable", {
+                    version: plugin.version
+                  }) : t("plugins.manager.beta.channelHint") })
+                ] }),
+                /* @__PURE__ */ jsx5(
+                  FakeSwitch,
+                  {
+                    checked: plugin.channel === "beta",
+                    disabled: busy || locked,
+                    onChange: (v) => void (v ? manager.tryBeta(plugin) : manager.leaveBeta(plugin))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
+                /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5 text-xs font-medium", children: [
+                    /* @__PURE__ */ jsx5(Pin, { className: "size-3 text-muted-foreground" }),
+                    t("plugins.manager.pin")
+                  ] }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.pinHint", {
+                    version: plugin.version
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsx5(
+                  FakeSwitch,
+                  {
+                    checked: !!plugin.pinnedVersion,
+                    disabled: busy || locked,
+                    onChange: (v) => void manager.setOptions(plugin, { pinned: v })
+                  }
+                )
+              ] })
+            ] }) }),
+            plugin.docs && /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: plugin.docs,
+                target: "_blank",
+                rel: "noreferrer",
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(BookOpen, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: t("plugins.manager.documentation") })
+                ]
+              }
+            ),
+            hasSettings && /* @__PURE__ */ jsxs5(
+              "button",
+              {
+                type: "button",
+                onClick: () => openPluginSettings(plugin.id),
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(Settings, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: t("plugins.manager.openSettings") })
+                ]
+              }
+            ),
+            issueUrl && /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: issueUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(Bug, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: plugin.source === "official" || plugin.source === "bundled" || !plugin.author ? t("plugins.manager.reportIssue") : t("plugins.manager.reportTo", { author: plugin.author }) })
+                ]
+              }
+            ),
+            feedbackUrl && /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: feedbackUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(FlaskConical, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: t("plugins.manager.beta.sendFeedback") })
+                ]
+              }
+            ),
+            featureUrl && /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: featureUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(Lightbulb, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: t("plugins.manager.requestFeature") })
+                ]
+              }
+            ),
+            plugin.repository && /* @__PURE__ */ jsxs5(
+              "a",
+              {
+                href: plugin.repository,
+                target: "_blank",
+                rel: "noreferrer",
+                className: LINK_ROW,
+                children: [
+                  /* @__PURE__ */ jsx5(ExternalLink, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx5("span", { className: "truncate", children: plugin.repository.replace(/^https?:\/\//, "") })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function DataCard({
+  plugin,
+  disabled,
+  onDelete
+}) {
+  const { t } = useTranslation5();
+  const [data, setData] = useState3(null);
+  const [error, setError] = useState3(false);
+  const [version, setVersion] = useState3(0);
+  useEffect3(() => {
+    let cancelled = false;
+    setError(false);
+    getPluginData(plugin.id).then((summary) => {
+      if (!cancelled) setData(summary);
+    }).catch(() => {
+      if (!cancelled) setError(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [plugin.id, plugin.version, version]);
+  const settings = data ? data.settings.admin + data.settings.user + data.settings.host : 0;
+  const rows = data?.tables.reduce((sum, table) => sum + (table.rows ?? 0), 0);
+  return /* @__PURE__ */ jsx5(
+    SectionCard,
+    {
+      title: t("plugins.manager.data.title"),
+      icon: /* @__PURE__ */ jsx5(Database, { className: "size-3.5" }),
+      action: /* @__PURE__ */ jsxs5(
+        Button,
+        {
+          variant: "ghost",
+          size: "xs",
+          className: "gap-1 text-muted-foreground hover:text-destructive",
+          disabled,
+          onClick: async () => {
+            if (await onDelete()) setVersion((v) => v + 1);
+          },
+          children: [
+            /* @__PURE__ */ jsx5(Trash, { className: "size-3" }),
+            t("plugins.manager.data.delete")
+          ]
+        }
+      ),
+      children: error ? /* @__PURE__ */ jsx5("div", { className: "px-4 py-3 text-[11px] text-muted-foreground", children: t("plugins.manager.data.loadFailed") }) : !data ? /* @__PURE__ */ jsx5("div", { className: "px-4 py-3 text-[11px] text-muted-foreground", children: t("plugins.manager.loading") }) : /* @__PURE__ */ jsxs5("div", { className: "-mx-3 -my-1 flex flex-col md:-mx-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-2 gap-px bg-border sm:grid-cols-4", children: [
+          /* @__PURE__ */ jsx5(
+            Stat,
+            {
+              label: t("plugins.manager.data.tables"),
+              value: `${data.tables.length}`,
+              hint: t("plugins.manager.data.rows", { count: rows ?? 0 })
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Stat,
+            {
+              label: t("plugins.manager.data.kv"),
+              value: `${data.kvKeys}`
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Stat,
+            {
+              label: t("plugins.manager.data.settings"),
+              value: `${settings}`,
+              hint: t("plugins.manager.data.secrets", {
+                count: data.settings.secret
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Stat,
+            {
+              label: t("plugins.manager.data.files"),
+              value: formatBytes(data.filesBytes)
+            }
+          )
+        ] }),
+        data.tables.length > 0 && /* @__PURE__ */ jsx5("div", { className: "divide-y divide-border border-t border-border", children: data.tables.map((table) => /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: "flex items-center gap-2 px-4 py-1.5",
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate font-mono text-[11px]", children: table.name }),
+              /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: table.rows === null ? "-" : t("plugins.manager.data.rows", { count: table.rows }) })
+            ]
+          },
+          table.name
+        )) }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-x-4 gap-y-1 border-t border-border px-4 py-2 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx5("span", { children: t("plugins.manager.data.migrations", {
+            count: data.migrations.length
+          }) }),
+          /* @__PURE__ */ jsx5("span", { children: t("plugins.manager.data.grants", { count: data.grants.length }) })
+        ] })
+      ] })
+    }
+  );
+}
+function Stat({
+  label,
+  value,
+  hint
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0.5 bg-card px-4 py-2.5", children: [
+    /* @__PURE__ */ jsx5("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx5("span", { className: "text-sm font-semibold", children: value }),
+    hint && /* @__PURE__ */ jsx5("span", { className: "text-[10px] text-muted-foreground", children: hint })
+  ] });
+}
+
+// src/ui/plugins/use-plugins-manager.ts
+init_define_import_meta_env();
+var import_semver = __toESM(require_semver(), 1);
+import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { toast as toast2 } from "sonner";
+function readError(error, fallback) {
+  const data = error?.response?.data;
+  if (data && typeof data === "object") {
+    return {
+      message: typeof data.error === "string" ? data.error : fallback,
+      code: typeof data.code === "string" ? data.code : void 0,
+      data
+    };
+  }
+  return {
+    message: error instanceof Error ? error.message : fallback,
+    data: {}
+  };
+}
+function usePluginsManager() {
+  const { t } = useTranslation6();
+  const confirm = useConfirm();
+  const [installed, setInstalled] = useState4([]);
+  const [registry, setRegistry] = useState4(null);
+  const [registryError, setRegistryError] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  const [refreshing, setRefreshing] = useState4(false);
+  const [busy, setBusy] = useState4(/* @__PURE__ */ new Set());
+  const [consent, setConsent] = useState4(null);
+  const [developer, setDeveloper] = useState4({
+    enabled: false,
+    signedOnly: false
+  });
+  const mounted = useRef(true);
+  useEffect4(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const load = useCallback2(async (refresh = false) => {
+    if (refresh) setRefreshing(true);
+    const [plugins2, listing, devMode] = await Promise.allSettled([
+      getPlugins(),
+      getPluginRegistry(refresh),
+      getDeveloperMode()
+    ]);
+    if (!mounted.current) return;
+    if (plugins2.status === "fulfilled") setInstalled(plugins2.value);
+    if (devMode.status === "fulfilled") setDeveloper(devMode.value);
+    if (listing.status === "fulfilled") {
+      setRegistry(listing.value);
+      setRegistryError(listing.value.registry.error);
+    } else {
+      setRegistryError(readError(listing.reason, "").message || "unreachable");
+    }
+    setLoading(false);
+    setRefreshing(false);
+  }, []);
+  useEffect4(() => {
+    void load();
+  }, [load]);
+  useEffect4(() => {
+    const onChange = (event) => {
+      const enabled = event.detail;
+      if (typeof enabled !== "boolean") return;
+      setDeveloper((current) => ({ ...current, enabled }));
+    };
+    window.addEventListener(DEVELOPER_MODE_CHANGED_EVENT, onChange);
+    return () => window.removeEventListener(DEVELOPER_MODE_CHANGED_EVENT, onChange);
+  }, []);
+  const plugins = useMemo2(
+    () => mergePlugins(installed, registry?.plugins ?? null).map((plugin) => ({
+      ...plugin,
+      name: pluginName(t, plugin),
+      description: pluginDescription(t, plugin)
+    })),
+    [installed, registry, t]
+  );
+  const run = useCallback2(
+    async (id, action) => {
+      setBusy((current) => new Set(current).add(id));
+      try {
+        await action();
+      } finally {
+        if (mounted.current) {
+          setBusy((current) => {
+            const next = new Set(current);
+            next.delete(id);
+            return next;
+          });
+        }
+        await load();
+      }
+    },
+    [load]
+  );
+  const failToast = useCallback2(
+    (error, key, name) => {
+      const info = readError(error, t("plugins.manager.errors.generic"));
+      if (info.code === "MANAGED_BY_SERVER") {
+        toast2.error(t("plugins.manager.errors.managedByServer"));
+      } else if (info.code === "DEFAULT_LOOK") {
+        toast2.error(t("plugins.manager.errors.defaultLook", { name }));
+      } else if (info.code === "HAS_DEPENDENTS") {
+        toast2.error(
+          t("plugins.manager.errors.hasDependents", {
+            name,
+            list: (info.data.dependents ?? []).join(", ")
+          })
+        );
+      } else if (info.code === "MISSING_DEPENDENCIES") {
+        toast2.error(
+          t("plugins.manager.errors.missingDependencies", {
+            name,
+            list: (info.data.missing ?? []).join(", ")
+          })
+        );
+      } else {
+        toast2.error(t(key, { name, error: info.message }));
+      }
+    },
+    [t]
+  );
+  const versionCapabilities = (plugin, version) => plugin.versions.find((v) => v.version === version)?.capabilities ?? [];
+  const requestInstall = useCallback2(
+    (plugin, version) => {
+      const target = version ?? plugin.latestVersion;
+      if (!target) return;
+      setConsent({
+        plugin,
+        mode: "install",
+        version: target,
+        capabilities: versionCapabilities(plugin, target)
+      });
+    },
+    []
+  );
+  const doInstall = useCallback2(
+    (plugin, version, capabilities) => run(plugin.id, async () => {
+      try {
+        const result = await installPlugin(plugin.id, {
+          version: version === plugin.latestVersion ? void 0 : version,
+          capabilities,
+          registryId: plugin.registryId ?? void 0
+        });
+        if (result.state === "failed" || result.state === "blocked") {
+          toast2.error(
+            t("plugins.manager.toast.installedNotRunning", {
+              name: plugin.name
+            })
+          );
+        } else {
+          toast2.success(
+            t("plugins.manager.toast.installed", { name: plugin.name })
+          );
+        }
+      } catch (error) {
+        const info = readError(error, "");
+        if (info.code === "CONSENT_MISMATCH") {
+          toast2.error(t("plugins.manager.errors.consentChanged"));
+          setConsent({
+            plugin,
+            mode: "install",
+            version,
+            capabilities: info.data.capabilities ?? []
+          });
+          return;
+        }
+        failToast(error, "plugins.manager.errors.install", plugin.name);
+      }
+    }),
+    [run, t, failToast]
+  );
+  const doUpdate = useCallback2(
+    (plugin, version, accepted) => run(plugin.id, async () => {
+      try {
+        await updatePlugin(plugin.id, {
+          version: version === plugin.latestVersion ? void 0 : version,
+          acceptCapabilities: accepted !== null,
+          capabilities: accepted ?? void 0
+        });
+        toast2.success(
+          t("plugins.manager.toast.updated", {
+            name: plugin.name,
+            version
+          })
+        );
+      } catch (error) {
+        const info = readError(error, "");
+        if (info.code === "CAPABILITIES_ADDED" || info.code === "CONSENT_MISMATCH") {
+          if (info.code === "CONSENT_MISMATCH") {
+            toast2.error(t("plugins.manager.errors.consentChanged"));
+          }
+          setConsent({
+            plugin,
+            mode: "update",
+            version,
+            capabilities: info.data.capabilities ?? []
+          });
+          return;
+        }
+        failToast(error, "plugins.manager.errors.update", plugin.name);
+      }
+    }),
+    [run, t, failToast]
+  );
+  const requestUpdate = useCallback2(
+    async (plugin, version) => {
+      const target = version ?? plugin.latestVersion;
+      if (!target || !plugin.version) return;
+      if (import_semver.default.valid(target) && import_semver.default.valid(plugin.version) && import_semver.default.lt(target, plugin.version)) {
+        const ok = await confirm({
+          title: t("plugins.manager.confirm.downgradeTitle", {
+            name: plugin.name,
+            version: target
+          }),
+          description: t("plugins.manager.confirm.downgradeBody"),
+          confirmLabel: t("plugins.manager.confirm.downgradeConfirm"),
+          destructive: false
+        });
+        if (!ok) return;
+      }
+      const have = new Set(plugin.capabilities);
+      const added = versionCapabilities(plugin, target).filter(
+        (c) => !have.has(c)
+      );
+      if (added.length > 0) {
+        setConsent({
+          plugin,
+          mode: "update",
+          version: target,
+          capabilities: added
+        });
+        return;
+      }
+      await doUpdate(plugin, target, null);
+    },
+    [confirm, t, doUpdate]
+  );
+  const doInstallUpload = useCallback2(
+    (request) => run(request.plugin.id, async () => {
+      try {
+        const result = await installUploadedPlugin(
+          request.uploadToken,
+          request.capabilities
+        );
+        if (result.state === "failed" || result.state === "blocked") {
+          toast2.error(
+            t("plugins.manager.toast.installedNotRunning", {
+              name: request.plugin.name
+            })
+          );
+        } else {
+          toast2.success(
+            t("plugins.manager.toast.installed", {
+              name: request.plugin.name
+            })
+          );
+        }
+      } catch (error) {
+        failToast(
+          error,
+          "plugins.manager.errors.install",
+          request.plugin.name
+        );
+      }
+    }),
+    [run, t, failToast]
+  );
+  const requestUpload = useCallback2(
+    async (file) => {
+      try {
+        const preview = await uploadPlugin(file);
+        setConsent({
+          plugin: uploadEntry(preview),
+          mode: "upload",
+          version: preview.version,
+          capabilities: preview.capabilities,
+          uploadToken: preview.token
+        });
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.upload", file.name);
+      }
+    },
+    [failToast]
+  );
+  const doEnable = useCallback2(
+    async (request) => run(request.plugin.id, async () => {
+      try {
+        const result = await setPluginState(request.plugin.id, true, {
+          version: request.version,
+          capabilities: request.capabilities
+        });
+        if (result.state === "failed" || result.state === "blocked") {
+          toast2.error(
+            t("plugins.manager.toast.failedToStart", {
+              name: request.plugin.name
+            })
+          );
+        }
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.state", request.plugin.name);
+      }
+    }),
+    [run, t, failToast]
+  );
+  const confirmConsent = useCallback2(async () => {
+    if (!consent) return;
+    const request = consent;
+    setConsent(null);
+    if (request.mode === "enable") {
+      await doEnable(request);
+    } else if (request.mode === "upload" && request.uploadToken) {
+      await doInstallUpload(request);
+    } else if (request.mode === "install") {
+      await doInstall(request.plugin, request.version, request.capabilities);
+    } else {
+      await doUpdate(request.plugin, request.version, request.capabilities);
+    }
+  }, [consent, doInstall, doUpdate, doInstallUpload, doEnable]);
+  const nameOf = useCallback2(
+    (id) => plugins.find((p) => p.id === id)?.name ?? id,
+    [plugins]
+  );
+  const toggle = useCallback2(
+    async (plugin) => {
+      const enable = !plugin.enabled;
+      try {
+        const preview = await previewPluginState(plugin.id, enable);
+        if (enable && preview.missing.length > 0) {
+          toast2.error(
+            t("plugins.manager.errors.missingDependencies", {
+              name: plugin.name,
+              list: preview.missing.join(", ")
+            })
+          );
+          return;
+        }
+        const others = enable ? preview.enable : preview.disable;
+        if (others.length > 0) {
+          const ok = await confirm({
+            title: enable ? t("plugins.manager.confirm.enableAlsoTitle", {
+              name: plugin.name
+            }) : t("plugins.manager.confirm.disableAlsoTitle", {
+              name: plugin.name
+            }),
+            description: enable ? t("plugins.manager.confirm.enableAlsoBody", {
+              list: others.map(nameOf).join(", ")
+            }) : t("plugins.manager.confirm.disableAlsoBody", {
+              list: others.map(nameOf).join(", ")
+            }),
+            confirmLabel: enable ? t("plugins.manager.enable") : t("plugins.manager.disable"),
+            destructive: !enable
+          });
+          if (!ok) return;
+        }
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.state", plugin.name);
+        return;
+      }
+      if (enable && registry?.managedByServer) {
+        setConsent({
+          plugin,
+          mode: "enable",
+          version: plugin.version,
+          capabilities: plugin.capabilities
+        });
+        return;
+      }
+      await run(plugin.id, async () => {
+        try {
+          const result = await setPluginState(plugin.id, enable);
+          if (result.state === "failed" || result.state === "blocked") {
+            toast2.error(
+              t("plugins.manager.toast.failedToStart", { name: plugin.name })
+            );
+          }
+        } catch (error) {
+          failToast(error, "plugins.manager.errors.state", plugin.name);
+        }
+      });
+    },
+    [confirm, t, run, failToast, nameOf, registry?.managedByServer]
+  );
+  const retry = useCallback2(
+    (plugin) => run(plugin.id, async () => {
+      try {
+        await retryPlugin(plugin.id);
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.retry", plugin.name);
+      }
+    }),
+    [run, failToast]
+  );
+  const uninstall = useCallback2(
+    async (plugin) => {
+      const ok = await confirm({
+        title: t("plugins.manager.confirm.uninstallTitle", {
+          name: plugin.name
+        }),
+        description: t("plugins.manager.confirm.uninstallBody"),
+        confirmLabel: t("plugins.manager.uninstall")
+      });
+      if (!ok) return false;
+      let done = false;
+      await run(plugin.id, async () => {
+        try {
+          await uninstallPlugin(plugin.id);
+          done = true;
+          toast2.success(
+            t("plugins.manager.toast.uninstalled", { name: plugin.name })
+          );
+        } catch (error) {
+          failToast(error, "plugins.manager.errors.uninstall", plugin.name);
+        }
+      });
+      return done;
+    },
+    [confirm, t, run, failToast]
+  );
+  const removeData = useCallback2(
+    async (plugin) => {
+      const ok = await confirm({
+        title: t("plugins.manager.confirm.deleteDataTitle", {
+          name: plugin.name
+        }),
+        description: t("plugins.manager.confirm.deleteDataBody"),
+        confirmLabel: t("plugins.manager.data.delete")
+      });
+      if (!ok) return false;
+      let done = false;
+      await run(plugin.id, async () => {
+        try {
+          await deletePluginData(plugin.id);
+          done = true;
+          toast2.success(
+            t("plugins.manager.toast.dataDeleted", { name: plugin.name })
+          );
+        } catch (error) {
+          failToast(error, "plugins.manager.errors.deleteData", plugin.name);
+        }
+      });
+      return done;
+    },
+    [confirm, t, run, failToast]
+  );
+  const setOptions = useCallback2(
+    (plugin, options) => run(plugin.id, async () => {
+      try {
+        await setPluginOptions(plugin.id, options);
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.options", plugin.name);
+      }
+    }),
+    [run, failToast]
+  );
+  const tryBeta = useCallback2(
+    async (plugin) => {
+      const version = plugin.latestBeta;
+      const ok = await confirm({
+        title: t("plugins.manager.beta.confirmTitle", { name: plugin.name }),
+        description: t("plugins.manager.beta.confirmBody"),
+        confirmLabel: version ? t("plugins.manager.beta.confirmInstall", { version }) : t("plugins.manager.beta.confirmSwitch"),
+        destructive: false
+      });
+      if (!ok) return;
+      await setOptions(plugin, { channel: "beta", pinned: false });
+      if (version && version !== plugin.version) {
+        await requestUpdate({ ...plugin, pinnedVersion: null }, version);
+      }
+    },
+    [confirm, t, setOptions, requestUpdate]
+  );
+  const leaveBeta = useCallback2(
+    async (plugin) => {
+      await setOptions(plugin, { channel: "stable" });
+      if (plugin.isBeta) {
+        toast2.info(
+          t("plugins.manager.beta.leftWhileOnBeta", {
+            name: plugin.name,
+            version: plugin.version
+          })
+        );
+      }
+    },
+    [setOptions, t]
+  );
+  const setAllChannels = useCallback2(
+    (channel) => run("*", async () => {
+      try {
+        await setAllPluginChannels(channel);
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.options", "");
+      }
+    }),
+    [run, failToast]
+  );
+  const updateAll = useCallback2(
+    () => run("*", async () => {
+      try {
+        const result = await updateAllPlugins();
+        if (result.updated.length > 0) {
+          toast2.success(
+            t("plugins.manager.toast.updatedMany", {
+              count: result.updated.length
+            })
+          );
+        }
+        for (const failed of result.failed) {
+          toast2.error(
+            t("plugins.manager.errors.update", {
+              name: nameOf(failed.id),
+              error: failed.error
+            })
+          );
+        }
+      } catch (error) {
+        failToast(error, "plugins.manager.errors.updateAll", "");
+      }
+    }),
+    [run, t, failToast, nameOf]
+  );
+  return {
+    plugins,
+    loading,
+    refreshing,
+    registryError,
+    managedByServer: registry?.managedByServer ?? false,
+    lastCheckedAt: registry?.registry.lastCheckedAt ?? null,
+    registries: registry?.registries ?? [],
+    reload: () => load(),
+    busy,
+    consent,
+    setConsent,
+    developerMode: developer.enabled,
+    signedOnly: developer.signedOnly,
+    requestUpload,
+    refresh: () => load(true),
+    requestInstall,
+    requestUpdate,
+    confirmConsent,
+    toggle,
+    retry,
+    uninstall,
+    removeData,
+    setOptions,
+    tryBeta,
+    leaveBeta,
+    setAllChannels,
+    updateAll
+  };
+}
+
+// src/ui/plugins/PluginsTab.tsx
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var GRID_SIZES = ["auto", "2", "3", "4", "5", "6"];
+function useStoredChoice(key, allowed, fallback) {
+  const [value, setValue] = useState5(() => {
+    try {
+      const saved = localStorage.getItem(key);
+      return allowed.includes(saved) ? saved : fallback;
+    } catch {
+      return fallback;
+    }
+  });
+  useEffect5(() => {
+    try {
+      localStorage.setItem(key, value);
+    } catch {
+    }
+  }, [key, value]);
+  return [value, setValue];
+}
+function PluginsTab() {
+  return /* @__PURE__ */ jsx6(SurfaceScope, { kind: "tab", className: "h-full min-h-0", children: /* @__PURE__ */ jsx6(PluginsTabBody, {}) });
+}
+function PluginsTabBody() {
+  const { t } = useTranslation7();
+  const manager = usePluginsManager();
+  const [section, setSection] = useState5("installed");
+  const [query, setQuery] = useState5("");
+  const [detailId, setDetailId] = useState5(null);
+  const [view, setView] = useStoredChoice(
+    "pluginsTab.view",
+    ["grid", "list"],
+    "grid"
+  );
+  const [columns, setColumns] = useStoredChoice(
+    "pluginsTab.columns",
+    GRID_SIZES,
+    "auto"
+  );
+  const layout = { view, columns };
+  const layoutControls = /* @__PURE__ */ jsx6(LayoutControls, { layout, onView: setView, onColumns: setColumns });
+  const installed = manager.plugins.filter((p) => p.installed);
+  const available = manager.plugins.filter((p) => p.inRegistry);
+  const updates = installed.filter((p) => p.updateAvailable);
+  const running = installed.filter((p) => p.status === "running").length;
+  const detail = manager.plugins.find((p) => p.id === detailId) ?? null;
+  const tabs = [
+    {
+      id: "installed",
+      label: t("plugins.manager.tabs.installed"),
+      icon: /* @__PURE__ */ jsx6(Puzzle, { className: "size-3" }),
+      count: installed.length
+    },
+    {
+      id: "browse",
+      label: t("plugins.manager.tabs.browse"),
+      icon: /* @__PURE__ */ jsx6(Globe, { className: "size-3" })
+    },
+    {
+      id: "updates",
+      label: t("plugins.manager.tabs.updates"),
+      icon: /* @__PURE__ */ jsx6(Download, { className: "size-3" }),
+      count: updates.filter((p) => !p.pinnedVersion).length || void 0
+    },
+    {
+      id: "registries",
+      label: t("plugins.manager.tabs.registries"),
+      icon: /* @__PURE__ */ jsx6(Library, { className: "size-3" })
+    }
+  ];
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(
+      PanelShell,
+      {
+        icon: /* @__PURE__ */ jsx6(Puzzle, { className: "size-4" }),
+        title: t("nav.plugins"),
+        docs: docsUrl("plugins"),
+        status: t("plugins.manager.status.summary", {
+          installed: installed.length,
+          running
+        }),
+        scroll: false,
+        actions: /* @__PURE__ */ jsx6(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            title: t("plugins.manager.checkRegistry"),
+            "aria-label": t("plugins.manager.checkRegistry"),
+            disabled: manager.refreshing,
+            onClick: () => void manager.refresh(),
+            className: "text-muted-foreground",
+            children: /* @__PURE__ */ jsx6(
+              RefreshCw,
+              {
+                className: cn("size-3.5", manager.refreshing && "animate-spin")
+              }
+            )
+          }
+        ),
+        tabs: /* @__PURE__ */ jsx6(
+          TabStrip,
+          {
+            tabs,
+            activeTab: section,
+            onTabChange: (id) => setSection(id)
+          }
+        ),
+        children: /* @__PURE__ */ jsxs6("div", { className: "min-h-0 flex-1 overflow-y-auto thin-scrollbar", children: [
+          manager.managedByServer && /* @__PURE__ */ jsx6(Notice, { children: t("plugins.manager.managedByServer") }),
+          manager.registryError && /* @__PURE__ */ jsx6(Notice, { children: t("plugins.manager.registryUnreachable", {
+            error: manager.registryError
+          }) }),
+          manager.loading ? /* @__PURE__ */ jsx6("div", { className: PANEL.body, children: /* @__PURE__ */ jsx6(EmptyState, { icon: Puzzle, title: t("plugins.manager.loading") }) }) : section === "installed" ? /* @__PURE__ */ jsx6(
+            InstalledSection,
+            {
+              plugins: installed,
+              manager,
+              query,
+              onQuery: setQuery,
+              onOpen: setDetailId,
+              layout,
+              layoutControls
+            }
+          ) : section === "browse" ? /* @__PURE__ */ jsx6(
+            BrowseSection,
+            {
+              plugins: available,
+              manager,
+              query,
+              onQuery: setQuery,
+              onOpen: setDetailId,
+              layout,
+              layoutControls
+            }
+          ) : section === "updates" ? /* @__PURE__ */ jsx6(
+            UpdatesSection,
+            {
+              plugins: updates,
+              manager,
+              onOpen: setDetailId
+            }
+          ) : /* @__PURE__ */ jsx6(RegistriesSection, { manager })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      InlineView,
+      {
+        open: !!detail,
+        onOpenChange: (open) => !open && setDetailId(null),
+        title: detail?.name ?? "",
+        icon: /* @__PURE__ */ jsx6(Puzzle, { className: "size-4" }),
+        width: "wide",
+        bare: true,
+        children: detail && /* @__PURE__ */ jsx6(
+          PluginDetail,
+          {
+            plugin: detail,
+            manager,
+            onUninstalled: () => setDetailId(null)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      PluginConsentPrompt,
+      {
+        request: manager.consent,
+        onCancel: () => manager.setConsent(null),
+        onConfirm: () => void manager.confirmConsent()
+      }
+    )
+  ] });
+}
+function Notice({ children }) {
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-2 border-b border-warning/30 bg-warning/5 px-3 py-2", children: [
+    /* @__PURE__ */ jsx6(TriangleAlert, { className: "mt-px size-3.5 shrink-0 text-warning" }),
+    /* @__PURE__ */ jsx6("span", { className: "text-[11px] leading-snug text-muted-foreground", children })
+  ] });
+}
+function SortSelect({
+  value,
+  onChange
+}) {
+  const { t } = useTranslation7();
+  const keys = ["popular", "name", "updated", "category"];
+  return /* @__PURE__ */ jsxs6(Select, { value, onValueChange: (v) => onChange(v), children: [
+    /* @__PURE__ */ jsxs6(SelectTrigger, { size: "sm", className: "w-auto gap-1.5 text-xs", children: [
+      /* @__PURE__ */ jsx6(ArrowDownWideNarrow, { className: "size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx6(SelectValue, {})
+    ] }),
+    /* @__PURE__ */ jsx6(SelectContent, { children: keys.map((key) => /* @__PURE__ */ jsx6(SelectItem, { value: key, className: "text-xs", children: t(`plugins.manager.sort.${key}`) }, key)) })
+  ] });
+}
+function Toolbar({
+  query,
+  onQuery,
+  placeholder,
+  children
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "relative min-w-40 max-w-xs flex-1", children: [
+      /* @__PURE__ */ jsx6(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx6(
+        Input,
+        {
+          value: query,
+          onChange: (e) => onQuery(e.target.value),
+          placeholder,
+          className: "h-8 pl-8 text-xs"
+        }
+      )
+    ] }),
+    children
+  ] });
+}
+function Group({
+  title,
+  count,
+  children
+}) {
+  return /* @__PURE__ */ jsxs6("section", { className: "flex flex-col gap-2.5", children: [
+    /* @__PURE__ */ jsx6(GroupHeading, { title, count }),
+    children
+  ] });
+}
+function LayoutControls({
+  layout,
+  onView,
+  onColumns
+}) {
+  const { t } = useTranslation7();
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    layout.view === "grid" && /* @__PURE__ */ jsxs6(
+      Select,
+      {
+        value: layout.columns,
+        onValueChange: (v) => onColumns(v),
+        children: [
+          /* @__PURE__ */ jsxs6(
+            SelectTrigger,
+            {
+              size: "sm",
+              className: "w-auto gap-1.5 text-xs",
+              title: t("plugins.manager.columns.title"),
+              "aria-label": t("plugins.manager.columns.title"),
+              children: [
+                /* @__PURE__ */ jsx6(Columns3, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx6(SelectValue, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx6(SelectContent, { children: GRID_SIZES.map((size) => /* @__PURE__ */ jsx6(SelectItem, { value: size, className: "text-xs", children: size === "auto" ? t("plugins.manager.columns.auto") : t("plugins.manager.columns.count", { count: Number(size) }) }, size)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(ViewToggle, { view: layout.view, onView })
+  ] });
+}
+function gridStyle(columns) {
+  if (columns === "auto") {
+    return {
+      gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 400px), 1fr))"
+    };
+  }
+  const n = Number(columns);
+  const gaps = (n - 1) * 12;
+  return {
+    gridTemplateColumns: `repeat(auto-fill, minmax(max(220px, calc((100% - ${gaps}px) / ${n} - 0.5px)), 1fr))`
+  };
+}
+function PluginCollection({
+  plugins,
+  layout,
+  renderCard,
+  listColumns,
+  onOpen
+}) {
+  if (layout.view === "list") {
+    return /* @__PURE__ */ jsx6(
+      DataView,
+      {
+        items: plugins,
+        view: "list",
+        getKey: (p) => p.id,
+        renderCard,
+        columns: {},
+        listColumns,
+        onRowClick: (p) => onOpen(p.id),
+        empty: null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx6("div", { className: "grid gap-3", style: gridStyle(layout.columns), children: plugins.map((p) => /* @__PURE__ */ jsx6("div", { className: "flex flex-col *:flex-1", children: renderCard(p) }, p.id)) });
+}
+function NameCell({ plugin, muted }) {
+  return /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsx6(PluginIconBox, { name: plugin.icon, size: "sm", muted }),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        className: cn(
+          "truncate font-semibold",
+          muted && "text-muted-foreground"
+        ),
+        children: plugin.name
+      }
+    ),
+    plugin.unverified && /* @__PURE__ */ jsx6(UnverifiedBadge, {}),
+    /* @__PURE__ */ jsx6(SourceBadge, { source: plugin.source, registryName: plugin.registryName }),
+    plugin.isBeta && /* @__PURE__ */ jsx6(BetaBadge, {})
+  ] });
+}
+function DescriptionCell({ plugin }) {
+  return /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground", title: plugin.description, children: plugin.description });
+}
+function stop(e) {
+  e.stopPropagation();
+}
+function InstalledSection({
+  plugins,
+  manager,
+  query,
+  onQuery,
+  onOpen,
+  layout,
+  layoutControls
+}) {
+  const { t } = useTranslation7();
+  const [sort, setSort] = useState5("name");
+  const rows = sortPlugins(
+    plugins.filter((p) => matchesQuery(p, query)),
+    sort
+  );
+  const running = rows.filter((p) => p.status === "running");
+  const onServer = rows.filter((p) => p.status === "server");
+  const stopped = rows.filter(
+    (p) => p.status !== "running" && p.status !== "server"
+  );
+  const pending = plugins.filter((p) => p.updateAvailable && !p.pinnedVersion);
+  const listColumns = [
+    {
+      key: "name",
+      header: t("plugins.manager.table.name"),
+      width: "minmax(0,1.3fr)",
+      cell: (p) => /* @__PURE__ */ jsx6(NameCell, { plugin: p, muted: p.status !== "running" })
+    },
+    {
+      key: "description",
+      header: t("plugins.manager.table.description"),
+      width: "minmax(0,2fr)",
+      hideBelow: "md",
+      cell: (p) => /* @__PURE__ */ jsx6(DescriptionCell, { plugin: p })
+    },
+    {
+      key: "version",
+      header: t("plugins.manager.table.version"),
+      width: "80px",
+      cell: (p) => /* @__PURE__ */ jsxs6("span", { className: "tabular-nums text-muted-foreground", children: [
+        "v",
+        p.version
+      ] })
+    },
+    {
+      key: "status",
+      header: t("plugins.manager.table.status"),
+      width: "140px",
+      hideBelow: "lg",
+      cell: (p) => /* @__PURE__ */ jsx6(StatusCell, { plugin: p })
+    },
+    {
+      key: "actions",
+      header: "",
+      width: "150px",
+      align: "end",
+      cell: (p) => /* @__PURE__ */ jsx6(InstalledRowActions, { plugin: p, manager })
+    }
+  ];
+  const collection = (items) => /* @__PURE__ */ jsx6(
+    PluginCollection,
+    {
+      plugins: items,
+      layout,
+      renderCard: (p) => /* @__PURE__ */ jsx6(
+        InstalledCard,
+        {
+          plugin: p,
+          manager,
+          onOpen: () => onOpen(p.id)
+        }
+      ),
+      listColumns,
+      onOpen
+    }
+  );
+  return /* @__PURE__ */ jsxs6("div", { className: `flex flex-col ${PANEL.gap} ${PANEL.body}`, children: [
+    /* @__PURE__ */ jsx6(
+      Toolbar,
+      {
+        query,
+        onQuery,
+        placeholder: t("plugins.manager.searchInstalled"),
+        children: /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6(SortSelect, { value: sort, onChange: setSort }),
+          layoutControls,
+          manager.developerMode && !manager.signedOnly && /* @__PURE__ */ jsx6(UploadButton, { manager }),
+          /* @__PURE__ */ jsxs6(
+            Button,
+            {
+              variant: "outline",
+              className: "gap-1.5",
+              disabled: pending.length === 0 || manager.busy.size > 0 || manager.managedByServer,
+              onClick: () => void manager.updateAll(),
+              children: [
+                /* @__PURE__ */ jsx6(Download, { className: "size-3.5" }),
+                t("plugins.manager.updateAll")
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    rows.length === 0 ? /* @__PURE__ */ jsx6(
+      EmptyState,
+      {
+        icon: Puzzle,
+        title: plugins.length === 0 ? t("plugins.manager.noneInstalled") : t("plugins.manager.nothingMatches")
+      }
+    ) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      running.length > 0 && /* @__PURE__ */ jsx6(
+        Group,
+        {
+          title: t("plugins.manager.groups.running"),
+          count: running.length,
+          children: collection(running)
+        }
+      ),
+      onServer.length > 0 && /* @__PURE__ */ jsx6(
+        Group,
+        {
+          title: t("plugins.manager.groups.onServer"),
+          count: onServer.length,
+          children: collection(onServer)
+        }
+      ),
+      stopped.length > 0 && /* @__PURE__ */ jsx6(
+        Group,
+        {
+          title: t("plugins.manager.groups.notRunning"),
+          count: stopped.length,
+          children: collection(stopped)
+        }
+      )
+    ] })
+  ] });
+}
+function UploadButton({ manager }) {
+  const { t } = useTranslation7();
+  const input = useRef2(null);
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx6(
+      "input",
+      {
+        ref: input,
+        type: "file",
+        accept: ".tmxplug",
+        className: "hidden",
+        onChange: (e) => {
+          const file = e.target.files?.[0];
+          e.target.value = "";
+          if (file) void manager.requestUpload(file);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs6(
+      Button,
+      {
+        variant: "outline",
+        className: "gap-1.5",
+        disabled: manager.busy.size > 0 || manager.managedByServer,
+        onClick: () => input.current?.click(),
+        children: [
+          /* @__PURE__ */ jsx6(Upload, { className: "size-3.5" }),
+          t("plugins.manager.developer.installFromFile")
+        ]
+      }
+    )
+  ] });
+}
+function CardHead({
+  plugin,
+  muted,
+  facts,
+  onOpen
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "button",
+    {
+      type: "button",
+      onClick: onOpen,
+      className: "group/open flex flex-1 items-start gap-3 p-3 text-left",
+      children: [
+        /* @__PURE__ */ jsx6(PluginIconBox, { name: plugin.icon, muted }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              className: cn(
+                "truncate text-sm font-semibold transition-colors group-hover/open:text-accent-brand",
+                muted && "text-muted-foreground"
+              ),
+              children: plugin.name
+            }
+          ),
+          /* @__PURE__ */ jsx6("span", { className: "line-clamp-2 text-[11px] leading-snug text-muted-foreground", children: plugin.description }),
+          /* @__PURE__ */ jsx6(Facts, { className: "text-[10px] text-muted-foreground/70", children: facts })
+        ] })
+      ]
+    }
+  );
+}
+function InstalledCard({
+  plugin,
+  manager,
+  onOpen
+}) {
+  const { t } = useTranslation7();
+  const running = plugin.status === "running";
+  const failed = plugin.status === "failed" || plugin.status === "blocked";
+  const busy = manager.busy.has(plugin.id) || manager.busy.has("*");
+  const locked = manager.managedByServer;
+  const adds = describeContributions(plugin.contributes).slice(0, 3).map((c) => t(`plugins.manager.contributes.${c.kind}`, { count: c.count }));
+  return /* @__PURE__ */ jsxs6(Card, { className: "gap-0 overflow-hidden py-0", children: [
+    /* @__PURE__ */ jsx6(
+      CardHead,
+      {
+        plugin,
+        muted: !running,
+        onOpen,
+        facts: /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          plugin.unverified && /* @__PURE__ */ jsx6(UnverifiedBadge, {}),
+          /* @__PURE__ */ jsx6(
+            SourceBadge,
+            {
+              source: plugin.source,
+              registryName: plugin.registryName
+            }
+          ),
+          plugin.isBeta && /* @__PURE__ */ jsx6(BetaBadge, {}),
+          plugin.author && /* @__PURE__ */ jsx6("span", { children: plugin.author }),
+          /* @__PURE__ */ jsxs6("span", { children: [
+            "v",
+            plugin.version
+          ] }),
+          adds.length > 0 && /* @__PURE__ */ jsx6("span", { children: adds.join(", ") })
+        ] })
+      }
+    ),
+    failed ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 border-t border-border bg-destructive/5 px-3 py-2", children: [
+      /* @__PURE__ */ jsx6(TriangleAlert, { className: "size-3.5 shrink-0 text-destructive" }),
+      /* @__PURE__ */ jsx6(
+        "span",
+        {
+          className: "flex-1 truncate text-[11px] text-muted-foreground",
+          title: plugin.lastError ?? void 0,
+          children: plugin.status === "blocked" ? t("plugins.manager.status.blocked") : t("plugins.manager.status.failed")
+        }
+      )
+    ] }) : !running ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 border-t border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx6("span", { className: "size-1.5 shrink-0 bg-muted-foreground/40" }),
+      /* @__PURE__ */ jsx6("span", { className: "text-[11px] text-muted-foreground", children: plugin.status === "server" ? t("plugins.manager.status.server") : t("plugins.manager.status.disabled") })
+    ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 border-t border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx6("span", { className: "size-1.5 shrink-0 bg-green-500" }),
+      /* @__PURE__ */ jsx6("span", { className: "text-[11px] text-muted-foreground", children: plugin.pinnedVersion ? t("plugins.manager.pinnedTo", {
+        version: plugin.pinnedVersion
+      }) : t("plugins.manager.status.running") })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5 border-t border-border px-3 py-2", children: [
+      plugin.updateAvailable && !plugin.pinnedVersion && !failed && /* @__PURE__ */ jsxs6(
+        Button,
+        {
+          variant: "outline",
+          size: "xs",
+          className: "gap-1 border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+          disabled: busy || locked,
+          onClick: () => void manager.requestUpdate(plugin),
+          children: [
+            /* @__PURE__ */ jsx6(Download, { className: "size-3" }),
+            plugin.addedCapabilities.length > 0 ? t("plugins.manager.reviewUpdate") : t("plugins.manager.updateTo", {
+              version: plugin.latestVersion
+            })
+          ]
+        }
+      ),
+      failed ? /* @__PURE__ */ jsxs6(
+        Button,
+        {
+          variant: "outline",
+          size: "xs",
+          className: "gap-1",
+          disabled: busy || locked,
+          onClick: () => void manager.retry(plugin),
+          children: [
+            /* @__PURE__ */ jsx6(RotateCcw, { className: "size-3" }),
+            t("plugins.manager.restart")
+          ]
+        }
+      ) : /* @__PURE__ */ jsx6(
+        Button,
+        {
+          variant: "outline",
+          size: "xs",
+          disabled: busy || plugin.managedByServer,
+          onClick: () => void manager.toggle(plugin),
+          children: plugin.enabled ? t("plugins.manager.disable") : t("plugins.manager.enable")
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        DocsLink,
+        {
+          href: plugin.docs,
+          variant: "icon",
+          className: "ml-auto size-6"
+        }
+      ),
+      !plugin.defaultLook && /* @__PURE__ */ jsx6(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-xs",
+          disabled: busy || locked,
+          title: t("plugins.manager.uninstall"),
+          "aria-label": t("plugins.manager.uninstall"),
+          className: cn(
+            "text-muted-foreground hover:text-destructive",
+            !plugin.docs && "ml-auto"
+          ),
+          onClick: () => void manager.uninstall(plugin),
+          children: /* @__PURE__ */ jsx6(Trash, { className: "size-3" })
+        }
+      )
+    ] })
+  ] });
+}
+function StatusCell({ plugin }) {
+  const { t } = useTranslation7();
+  const running = plugin.status === "running";
+  const failed = plugin.status === "failed" || plugin.status === "blocked";
+  const label = plugin.status === "blocked" ? t("plugins.manager.status.blocked") : failed ? t("plugins.manager.status.failed") : plugin.status === "server" ? t("plugins.manager.status.server") : !running ? t("plugins.manager.status.disabled") : plugin.pinnedVersion ? t("plugins.manager.pinnedTo", { version: plugin.pinnedVersion }) : t("plugins.manager.status.running");
+  return /* @__PURE__ */ jsxs6(
+    "span",
+    {
+      className: "flex min-w-0 items-center gap-1.5 text-muted-foreground",
+      title: failed ? plugin.lastError ?? void 0 : void 0,
+      children: [
+        failed ? /* @__PURE__ */ jsx6(TriangleAlert, { className: "size-3 shrink-0 text-destructive" }) : /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: cn(
+              "size-1.5 shrink-0",
+              running ? "bg-green-500" : "bg-muted-foreground/40"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6("span", { className: "truncate", children: label })
+      ]
+    }
+  );
+}
+function InstalledRowActions({
+  plugin,
+  manager
+}) {
+  const { t } = useTranslation7();
+  const failed = plugin.status === "failed" || plugin.status === "blocked";
+  const busy = manager.busy.has(plugin.id) || manager.busy.has("*");
+  const locked = manager.managedByServer;
+  const updateLabel = plugin.addedCapabilities.length > 0 ? t("plugins.manager.reviewUpdate") : t("plugins.manager.updateTo", { version: plugin.latestVersion });
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-1", onClick: stop, children: [
+    plugin.updateAvailable && !plugin.pinnedVersion && !failed && /* @__PURE__ */ jsx6(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-xs",
+        title: updateLabel,
+        "aria-label": updateLabel,
+        className: "text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand",
+        disabled: busy || locked,
+        onClick: () => void manager.requestUpdate(plugin),
+        children: /* @__PURE__ */ jsx6(Download, { className: "size-3" })
+      }
+    ),
+    failed ? /* @__PURE__ */ jsxs6(
+      Button,
+      {
+        variant: "outline",
+        size: "xs",
+        className: "gap-1",
+        disabled: busy || locked,
+        onClick: () => void manager.retry(plugin),
+        children: [
+          /* @__PURE__ */ jsx6(RotateCcw, { className: "size-3" }),
+          t("plugins.manager.restart")
+        ]
+      }
+    ) : /* @__PURE__ */ jsx6(
+      Button,
+      {
+        variant: "outline",
+        size: "xs",
+        disabled: busy || plugin.managedByServer,
+        onClick: () => void manager.toggle(plugin),
+        children: plugin.enabled ? t("plugins.manager.disable") : t("plugins.manager.enable")
+      }
+    ),
+    /* @__PURE__ */ jsx6(DocsLink, { href: plugin.docs, variant: "icon", className: "size-6" }),
+    !plugin.defaultLook && /* @__PURE__ */ jsx6(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-xs",
+        disabled: busy || locked,
+        title: t("plugins.manager.uninstall"),
+        "aria-label": t("plugins.manager.uninstall"),
+        className: "text-muted-foreground hover:text-destructive",
+        onClick: () => void manager.uninstall(plugin),
+        children: /* @__PURE__ */ jsx6(Trash, { className: "size-3" })
+      }
+    )
+  ] });
+}
+function BrowseSection({
+  plugins,
+  manager,
+  query,
+  onQuery,
+  onOpen,
+  layout,
+  layoutControls
+}) {
+  const { t } = useTranslation7();
+  const [category, setCategory] = useState5(null);
+  const [registry, setRegistry] = useState5(null);
+  const [sort, setSort] = useState5("popular");
+  const [installedChoice, setInstalledChoice] = useStoredChoice(
+    "pluginsTab.browseInstalled",
+    ["hide", "show"],
+    "hide"
+  );
+  const showInstalled = installedChoice === "show";
+  const categories = useMemo3(() => categoriesOf(plugins), [plugins]);
+  const registries = manager.registries;
+  const registryFilter = registries.some((entry) => entry.id === registry) ? registry : null;
+  const rows = sortPlugins(
+    plugins.filter(
+      (p) => (showInstalled || !p.installed) && matchesQuery(p, query) && (category === null || p.category === category) && (registryFilter === null || p.registryId === registryFilter)
+    ),
+    sort
+  );
+  const allInstalledHidden = !showInstalled && plugins.length > 0 && plugins.every((p) => p.installed);
+  const listColumns = [
+    {
+      key: "name",
+      header: t("plugins.manager.table.name"),
+      width: "minmax(0,1.3fr)",
+      cell: (p) => /* @__PURE__ */ jsx6(NameCell, { plugin: p })
+    },
+    {
+      key: "description",
+      header: t("plugins.manager.table.description"),
+      width: "minmax(0,2fr)",
+      hideBelow: "md",
+      cell: (p) => /* @__PURE__ */ jsx6(DescriptionCell, { plugin: p })
+    },
+    {
+      key: "category",
+      header: t("plugins.manager.table.category"),
+      width: "120px",
+      hideBelow: "lg",
+      cell: (p) => /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground", children: p.category ?? "" })
+    },
+    {
+      key: "downloads",
+      header: t("plugins.manager.table.downloads"),
+      width: "110px",
+      hideBelow: "lg",
+      cell: (p) => /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx6(DownloadCount, { count: p.downloads }) })
+    },
+    {
+      key: "version",
+      header: t("plugins.manager.table.version"),
+      width: "80px",
+      cell: (p) => /* @__PURE__ */ jsx6("span", { className: "tabular-nums text-muted-foreground", children: p.latestVersion ? `v${p.latestVersion}` : "" })
+    },
+    {
+      key: "actions",
+      header: "",
+      width: "120px",
+      align: "end",
+      cell: (p) => /* @__PURE__ */ jsx6(BrowseAction, { plugin: p, manager })
+    }
+  ];
+  return /* @__PURE__ */ jsxs6("div", { className: `flex flex-col ${PANEL.gap} ${PANEL.body}`, children: [
+    /* @__PURE__ */ jsx6(
+      Toolbar,
+      {
+        query,
+        onQuery,
+        placeholder: t("plugins.manager.searchPlugins"),
+        children: /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs6("label", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: t("plugins.manager.showInstalled") }),
+            /* @__PURE__ */ jsx6(
+              FakeSwitch,
+              {
+                checked: showInstalled,
+                onChange: (v) => setInstalledChoice(v ? "show" : "hide")
+              }
+            )
+          ] }),
+          registries.length > 1 && /* @__PURE__ */ jsxs6(
+            Select,
+            {
+              value: registryFilter ?? "__all",
+              onValueChange: (v) => setRegistry(v === "__all" ? null : v),
+              children: [
+                /* @__PURE__ */ jsxs6(
+                  SelectTrigger,
+                  {
+                    size: "sm",
+                    className: "w-auto gap-1.5 text-xs",
+                    "aria-label": t("plugins.manager.registries.filter"),
+                    children: [
+                      /* @__PURE__ */ jsx6(Library, { className: "size-3.5 text-muted-foreground" }),
+                      /* @__PURE__ */ jsx6(SelectValue, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs6(SelectContent, { children: [
+                  /* @__PURE__ */ jsx6(SelectItem, { value: "__all", className: "text-xs", children: t("plugins.manager.registries.allRegistries") }),
+                  registries.map((entry) => /* @__PURE__ */ jsx6(
+                    SelectItem,
+                    {
+                      value: entry.id,
+                      className: "text-xs",
+                      children: entry.name
+                    },
+                    entry.id
+                  ))
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx6(SortSelect, { value: sort, onChange: setSort }),
+          layoutControls
+        ] })
+      }
+    ),
+    categories.length > 0 && /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center gap-1", children: [null, ...categories].map((c) => /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        onClick: () => setCategory(c),
+        className: cn(
+          "border px-2 py-1 text-[11px] font-medium transition-colors",
+          category === c ? "border-accent-brand bg-accent-brand/10 text-accent-brand" : "border-border text-muted-foreground hover:text-foreground"
+        ),
+        children: c ?? t("plugins.manager.allCategories")
+      },
+      c ?? "__all"
+    )) }),
+    rows.length === 0 ? allInstalledHidden ? /* @__PURE__ */ jsx6(
+      EmptyState,
+      {
+        icon: Puzzle,
+        title: t("plugins.manager.allInstalled"),
+        hint: t("plugins.manager.allInstalledHint")
+      }
+    ) : /* @__PURE__ */ jsx6(
+      EmptyState,
+      {
+        icon: Puzzle,
+        title: t("plugins.manager.nothingHere"),
+        hint: plugins.length === 0 ? void 0 : t("plugins.manager.nothingHereHint")
+      }
+    ) : /* @__PURE__ */ jsx6(
+      PluginCollection,
+      {
+        plugins: rows,
+        layout,
+        renderCard: (p) => /* @__PURE__ */ jsx6(
+          BrowseCard,
+          {
+            plugin: p,
+            manager,
+            onOpen: () => onOpen(p.id)
+          }
+        ),
+        listColumns,
+        onOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs6("p", { className: "text-[11px] text-muted-foreground", children: [
+      t("plugins.manager.registries.browseHint"),
+      " ",
+      /* @__PURE__ */ jsx6(DocsLink, { core: "communityRegistry", className: "text-[11px]", children: t("plugins.manager.communitySubmit") })
+    ] })
+  ] });
+}
+function BrowseCard({
+  plugin,
+  manager,
+  onOpen
+}) {
+  const { t } = useTranslation7();
+  const severe = orderByRisk(plugin.capabilities).filter(isSevere);
+  return /* @__PURE__ */ jsxs6(Card, { className: "gap-0 overflow-hidden py-0", children: [
+    /* @__PURE__ */ jsx6(
+      CardHead,
+      {
+        plugin,
+        onOpen,
+        facts: /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          /* @__PURE__ */ jsx6(
+            SourceBadge,
+            {
+              source: plugin.source,
+              registryName: plugin.registryName
+            }
+          ),
+          plugin.author && /* @__PURE__ */ jsx6("span", { children: plugin.author }),
+          plugin.latestVersion && /* @__PURE__ */ jsxs6("span", { children: [
+            "v",
+            plugin.latestVersion
+          ] }),
+          plugin.category && /* @__PURE__ */ jsx6("span", { children: plugin.category }),
+          /* @__PURE__ */ jsx6(DownloadCount, { count: plugin.downloads })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 border-t border-border px-3 py-2", children: [
+      /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-[10px] text-muted-foreground", children: severe.length > 0 ? t(`plugins.capabilities.${severe[0]}.title`, {
+        defaultValue: severe[0],
+        nsSeparator: false
+      }) : t("plugins.manager.noServerAccess") }),
+      /* @__PURE__ */ jsx6(BrowseAction, { plugin, manager })
+    ] })
+  ] });
+}
+function BrowseAction({
+  plugin,
+  manager
+}) {
+  const { t } = useTranslation7();
+  const busy = manager.busy.has(plugin.id) || manager.busy.has("*");
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: "flex shrink-0 items-center justify-end gap-2",
+      onClick: stop,
+      children: [
+        /* @__PURE__ */ jsx6(DocsLink, { href: plugin.docs, variant: "icon", className: "size-6" }),
+        plugin.installed ? /* @__PURE__ */ jsxs6("span", { className: "flex shrink-0 items-center gap-1 text-[11px] font-medium text-accent-brand", children: [
+          /* @__PURE__ */ jsx6(Check, { className: "size-3" }),
+          t("plugins.manager.installedBadge")
+        ] }) : /* @__PURE__ */ jsx6(
+          Button,
+          {
+            variant: "outline",
+            size: "xs",
+            disabled: busy || manager.managedByServer || !plugin.latestVersion,
+            onClick: () => manager.requestInstall(plugin),
+            className: "border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+            children: t("plugins.manager.install")
+          }
+        )
+      ]
+    }
+  );
+}
+function UpdatesSection({
+  plugins,
+  manager,
+  onOpen
+}) {
+  const { t } = useTranslation7();
+  const pinned = plugins.filter((p) => p.pinnedVersion);
+  const open = plugins.filter((p) => !p.pinnedVersion);
+  const gated = open.filter((p) => p.addedCapabilities.length > 0);
+  const plain = open.filter((p) => p.addedCapabilities.length === 0);
+  if (plugins.length === 0) {
+    return /* @__PURE__ */ jsx6("div", { className: PANEL.body, children: /* @__PURE__ */ jsx6(
+      EmptyState,
+      {
+        icon: Check,
+        title: t("plugins.manager.upToDate"),
+        hint: manager.lastCheckedAt ? t("plugins.manager.lastChecked", {
+          time: new Date(manager.lastCheckedAt).toLocaleString()
+        }) : void 0
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: `flex flex-col ${PANEL.gap} ${PANEL.body}`, children: [
+    plain.length > 0 && /* @__PURE__ */ jsxs6(Card, { className: "flex-row items-center gap-3 px-3 py-2.5", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "flex-1 text-xs text-muted-foreground", children: [
+        t("plugins.manager.updatesReady", { count: plain.length }),
+        gated.length > 0 && ` ${t("plugins.manager.updatesNeedReview", { count: gated.length })}`
+      ] }),
+      /* @__PURE__ */ jsxs6(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "gap-1.5 border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+          disabled: manager.busy.size > 0 || manager.managedByServer,
+          onClick: () => void manager.updateAll(),
+          children: [
+            /* @__PURE__ */ jsx6(Download, { className: "size-3.5" }),
+            t("plugins.manager.updateAll")
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-3", children: [...gated, ...plain, ...pinned].map((p) => /* @__PURE__ */ jsx6(
+      UpdateRow,
+      {
+        plugin: p,
+        manager,
+        onOpen: () => onOpen(p.id)
+      },
+      p.id
+    )) })
+  ] });
+}
+function UpdateRow({
+  plugin,
+  manager,
+  onOpen
+}) {
+  const { t } = useTranslation7();
+  const gated = plugin.addedCapabilities.length > 0;
+  const busy = manager.busy.has(plugin.id) || manager.busy.has("*");
+  const notes = plugin.versions.find((v) => v.version === plugin.latestVersion);
+  return /* @__PURE__ */ jsx6(Card, { className: "gap-0 overflow-hidden py-0", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-start gap-3 p-3", children: [
+    /* @__PURE__ */ jsx6(PluginIconBox, { name: plugin.icon }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            onClick: onOpen,
+            className: "truncate text-sm font-semibold hover:text-accent-brand",
+            children: plugin.name
+          }
+        ),
+        /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: t("plugins.manager.versionChange", {
+          from: plugin.version,
+          to: plugin.latestVersion
+        }) })
+      ] }),
+      plugin.pinnedVersion ? /* @__PURE__ */ jsx6("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.pinnedTo", { version: plugin.pinnedVersion }) }) : gated ? /* @__PURE__ */ jsx6("span", { className: "text-[11px] leading-snug text-muted-foreground", children: t("plugins.manager.updateAsksMore") }) : null,
+      notes?.releaseNotesUrl && /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: notes.releaseNotesUrl,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "w-fit text-[11px] text-muted-foreground hover:text-accent-brand",
+          children: t("plugins.manager.releaseNotes")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsxs6("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx6("span", { className: "text-[10px] text-muted-foreground", children: t("plugins.manager.auto") }),
+        /* @__PURE__ */ jsx6(
+          FakeSwitch,
+          {
+            checked: plugin.autoUpdate,
+            disabled: busy || manager.managedByServer || !!plugin.pinnedVersion,
+            onChange: (v) => void manager.setOptions(plugin, { autoUpdate: v })
+          }
+        )
+      ] }),
+      !plugin.pinnedVersion && /* @__PURE__ */ jsx6(
+        Button,
+        {
+          variant: "outline",
+          size: "xs",
+          disabled: busy || manager.managedByServer,
+          onClick: () => void manager.requestUpdate(plugin),
+          className: "border-accent-brand/40 text-accent-brand hover:bg-accent-brand/10 hover:text-accent-brand dark:border-accent-brand/40 dark:bg-transparent dark:hover:bg-accent-brand/10",
+          children: gated ? t("plugins.manager.review") : t("plugins.manager.update")
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  PluginsTab
+};