@inkandswitch/patchwork-pkg-base 0.0.81 → 0.0.83

package/packages/packages/dist/assets/mount-Czkd2ZvO.js

@@ -1,1660 +0,0 @@
-import { insert, createComponent, setAttribute, effect, memo, use, template, className, delegateEvents, render } from "solid-js/web";
-import { createSignal, onCleanup, createMemo, createEffect, Show, For } from "solid-js";
-import { getAllRegistries } from "@inkandswitch/patchwork-plugins";
-import * as filesystem from "@inkandswitch/patchwork-filesystem";
-import { getImportableUrlFromAutomergeUrl } from "@inkandswitch/patchwork-filesystem";
-function isAutomergeUrl(url) {
-  return typeof url === "string" && url.startsWith("automerge:");
-}
-function documentIdOf(url) {
-  if (!isAutomergeUrl(url)) return void 0;
-  const rest = url.slice("automerge:".length);
-  const match = rest.match(/^[^@?#/]+/);
-  return match ? match[0] : void 0;
-}
-function moduleKey(url) {
-  if (!url) return void 0;
-  return documentIdOf(url) ?? url;
-}
-function bareModuleUrl(url) {
-  if (!isAutomergeUrl(url)) return url;
-  const id = documentIdOf(url);
-  return id ? `automerge:${id}` : url;
-}
-function headsOf(url) {
-  if (!isAutomergeUrl(url)) return [];
-  const hash = url.indexOf("#");
-  if (hash < 0) return [];
-  const section = url.slice(hash + 1).replace(/[?].*$/, "");
-  return section ? section.split("|") : [];
-}
-function pinnedModuleUrl(importUrl, heads) {
-  const id = documentIdOf(importUrl);
-  if (!id || heads.length === 0) return void 0;
-  return `automerge:${id}#${[...heads].sort().join("|")}`;
-}
-function moduleKeySet(modules) {
-  const keys = /* @__PURE__ */ new Set();
-  for (const m of modules ?? []) {
-    const key = moduleKey(m);
-    if (key) keys.add(key);
-  }
-  return keys;
-}
-function classifyOrigin(importUrl, installedKeys, systemKeys) {
-  if (!importUrl) return "unknown";
-  const key = moduleKey(importUrl);
-  if (installedKeys.has(key)) return "installed";
-  if (systemKeys.has(key)) return "core";
-  if (!isAutomergeUrl(importUrl)) return "core";
-  return "ephemeral";
-}
-const ORIGIN_LABEL = {
-  installed: "my package list",
-  core: "system package list",
-  ephemeral: "ephemeral",
-  unknown: "unknown"
-};
-const ORIGIN_HINT = {
-  installed: "In the package list you're viewing.",
-  core: "From the site's default (system) package list.",
-  ephemeral: "Registered this session but not in any package list — install it to keep it after a reload.",
-  unknown: "No import URL, so its origin is unknown."
-};
-function originRank(origin) {
-  switch (origin) {
-    case "installed":
-      return 0;
-    case "ephemeral":
-      return 1;
-    case "core":
-      return 2;
-    default:
-      return 3;
-  }
-}
-function safeGetRegistries() {
-  try {
-    return getAllRegistries();
-  } catch {
-    return /* @__PURE__ */ new Map();
-  }
-}
-function readRegistrySnapshot() {
-  const out = [];
-  for (const [registry, reg] of safeGetRegistries()) {
-    let entries;
-    try {
-      entries = reg.all();
-    } catch {
-      continue;
-    }
-    for (const p of entries) {
-      if (!p || typeof p.id !== "string") continue;
-      out.push({
-        registry,
-        id: p.id,
-        type: typeof p.type === "string" ? p.type : registry,
-        name: typeof p.name === "string" ? p.name : p.id,
-        icon: p.icon,
-        importUrl: typeof p.importUrl === "string" ? p.importUrl : void 0,
-        supportedDatatypes: p.supportedDatatypes,
-        unlisted: p.unlisted === true ? true : void 0,
-        loaded: "module" in p
-      });
-    }
-  }
-  return out;
-}
-function deactivateModule(importUrl) {
-  const key = moduleKey(importUrl);
-  if (!key) return;
-  for (const [, reg] of safeGetRegistries()) {
-    const registry = reg;
-    if (typeof registry.remove !== "function") continue;
-    let entries;
-    try {
-      entries = registry.all();
-    } catch {
-      continue;
-    }
-    for (const p of entries) {
-      if (!p || typeof p.id !== "string") continue;
-      if (moduleKey(p.importUrl) !== key) continue;
-      registry.remove(p.id);
-    }
-  }
-}
-function useLiveRegistries() {
-  const [tick, setTick] = createSignal(0);
-  const subs = /* @__PURE__ */ new Map();
-  const ensureSubscribed = () => {
-    for (const [, reg] of safeGetRegistries()) {
-      if (subs.has(reg)) continue;
-      try {
-        subs.set(reg, reg.on("changed", bump));
-      } catch {
-      }
-    }
-  };
-  function bump() {
-    ensureSubscribed();
-    setTick((t) => t + 1);
-  }
-  ensureSubscribed();
-  onCleanup(() => {
-    for (const off of subs.values()) {
-      try {
-        off();
-      } catch {
-      }
-    }
-    subs.clear();
-  });
-  const snapshot = createMemo(() => {
-    tick();
-    return readRegistrySnapshot();
-  });
-  return { snapshot };
-}
-function moduleWatcher() {
-  try {
-    return globalThis.window?.patchwork?.packages;
-  } catch {
-    return void 0;
-  }
-}
-function readSettingsSources() {
-  const mw = moduleWatcher();
-  if (!mw) return [];
-  const urls = mw.urls ?? {};
-  const out = [];
-  for (const name of Object.keys(urls)) {
-    const url = urls[name];
-    if (typeof url !== "string") continue;
-    let modules;
-    const handle = mw.handles?.[name];
-    if (handle?.doc) {
-      try {
-        modules = handle.doc()?.modules;
-      } catch {
-      }
-    }
-    if (!modules) modules = mw.staticManifests?.[name]?.modules;
-    const moduleKeys = /* @__PURE__ */ new Set();
-    for (const m of modules ?? []) {
-      const key = moduleKey(m);
-      if (key) moduleKeys.add(key);
-    }
-    out.push({ name, url, key: moduleKey(url) ?? url, moduleKeys });
-  }
-  return out;
-}
-function repo() {
-  try {
-    return globalThis.window?.repo;
-  } catch {
-    return void 0;
-  }
-}
-function useDocHeadsMap(urls) {
-  const [map, setMap] = createSignal({});
-  const subs = /* @__PURE__ */ new Map();
-  createEffect(() => {
-    const r = repo();
-    if (!r) return;
-    for (const url of urls()) {
-      if (!isAutomergeUrl(url)) continue;
-      const id = documentIdOf(url);
-      if (!id || subs.has(id)) continue;
-      subs.set(id, () => {
-      });
-      void r.find(bareModuleUrl(url)).then((handle) => {
-        const update = () => setMap((prev) => ({ ...prev, [id]: [...handle.heads()] }));
-        update();
-        handle.on("change", update);
-        subs.set(id, () => handle.off("change", update));
-      }).catch(() => {
-        subs.delete(id);
-      });
-    }
-  });
-  onCleanup(() => {
-    for (const off of subs.values()) {
-      try {
-        off();
-      } catch {
-      }
-    }
-    subs.clear();
-  });
-  return map;
-}
-let worker;
-let nextRequestId = 1;
-const pending = /* @__PURE__ */ new Map();
-function getWorker() {
-  if (worker) return worker;
-  const w = new Worker("/module-loader-worker.js", {
-    type: "module",
-    name: "packages-module-loader"
-  });
-  w.addEventListener("message", (event) => {
-    const data = event.data;
-    if (!data || data.type !== "descriptors" && data.type !== "error") return;
-    const entry = pending.get(data.id);
-    if (!entry) return;
-    pending.delete(data.id);
-    if (data.type === "descriptors") entry.resolve(data.descriptors);
-    else entry.reject(new Error(data.error));
-  });
-  w.addEventListener("error", (event) => {
-    const error = new Error(
-      `module-loader worker error: ${event.message ?? "unknown"}`
-    );
-    for (const [, entry] of pending) entry.reject(error);
-    pending.clear();
-    worker = void 0;
-  });
-  worker = w;
-  return w;
-}
-function hostImporter() {
-  try {
-    const watcher = globalThis.window?.patchwork?.packages;
-    const importer = watcher?.importAutomergePackage;
-    return typeof importer === "function" ? importer.bind(watcher) : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function discoverViaWorker(folderUrl, timeoutMs) {
-  const id = nextRequestId++;
-  return new Promise((resolve, reject) => {
-    const timer = setTimeout(() => {
-      if (pending.delete(id)) reject(new Error("Timed out importing the package"));
-    }, timeoutMs);
-    pending.set(id, {
-      resolve: (d) => {
-        clearTimeout(timer);
-        resolve(d);
-      },
-      reject: (e) => {
-        clearTimeout(timer);
-        reject(e);
-      }
-    });
-    try {
-      getWorker().postMessage({ type: "discover", id, url: folderUrl });
-    } catch (e) {
-      clearTimeout(timer);
-      pending.delete(id);
-      reject(e instanceof Error ? e : new Error(String(e)));
-    }
-  });
-}
-async function discoverPlugins(folderUrl, timeoutMs = 15e3) {
-  const importer = hostImporter();
-  if (!importer) return discoverViaWorker(folderUrl, timeoutMs);
-  const mod = await withTimeout(
-    importer(folderUrl),
-    timeoutMs,
-    "importing the package"
-  );
-  return descriptorsOf(mod);
-}
-function descriptorsOf(mod) {
-  const plugins = mod?.plugins;
-  return Array.isArray(plugins) ? plugins.map(toDescriptor) : [];
-}
-function toDescriptor(plugin) {
-  if (!plugin || typeof plugin !== "object") return {};
-  const { load, import: _import, module, ...description } = plugin;
-  return description;
-}
-function withTimeout(p, ms, what) {
-  return new Promise((resolve, reject) => {
-    const timer = setTimeout(
-      () => reject(new Error(`Timed out ${what}`)),
-      ms
-    );
-    p.then(
-      (v) => {
-        clearTimeout(timer);
-        resolve(v);
-      },
-      (e) => {
-        clearTimeout(timer);
-        reject(e);
-      }
-    );
-  });
-}
-async function discoverHttpPlugins(url, timeoutMs = 15e3) {
-  const mod = await withTimeout(
-    filesystem.importPackageFromHttpUrl(url),
-    timeoutMs,
-    "importing the package"
-  );
-  return descriptorsOf(mod);
-}
-function discoverPackagePlugins(url) {
-  return isAutomergeUrl(url) ? discoverPlugins(url) : discoverHttpPlugins(url);
-}
-async function fetchJson(url) {
-  try {
-    const res = await fetch(url);
-    if (!res.ok) return void 0;
-    return await res.json();
-  } catch {
-    return void 0;
-  }
-}
-function pickMeta(pkg) {
-  return {
-    name: typeof pkg?.name === "string" ? pkg.name : void 0,
-    title: typeof pkg?.title === "string" ? pkg.title : void 0,
-    version: typeof pkg?.version === "string" ? pkg.version : void 0
-  };
-}
-const BUILD_DIRS = /* @__PURE__ */ new Set([
-  "dist",
-  "build",
-  "lib",
-  "out",
-  "es",
-  "esm",
-  "cjs",
-  "umd",
-  "src",
-  "public",
-  "www"
-]);
-function dirSegments(url) {
-  const parts = url.pathname.split("/").filter(Boolean);
-  const last = parts[parts.length - 1] ?? "";
-  if (/\.[a-z0-9]+$/i.test(last)) parts.pop();
-  return parts;
-}
-function pickPlugins(pkg) {
-  const arr = pkg?.plugins;
-  if (!Array.isArray(arr)) return null;
-  return arr.filter((p) => p && typeof p === "object").map((p) => ({
-    id: typeof p.id === "string" ? p.id : void 0,
-    name: typeof p.name === "string" ? p.name : void 0,
-    type: typeof p.type === "string" ? p.type : void 0,
-    supportedDatatypes: p.supportedDatatypes,
-    unlisted: p.unlisted === true ? true : void 0
-  }));
-}
-async function resolvePackageJson(importUrl) {
-  if (isAutomergeUrl(importUrl)) {
-    const base = getImportableUrlFromAutomergeUrl(
-      importUrl
-    );
-    const pkgUrl = new URL("package.json", base).href;
-    return fetchJson(pkgUrl);
-  }
-  if (/^https?:/i.test(importUrl)) {
-    try {
-      const u = new URL(importUrl);
-      const dirs = dirSegments(u);
-      const candidates = [dirs.join("/")];
-      while (dirs.length && BUILD_DIRS.has(dirs[dirs.length - 1].toLowerCase())) {
-        dirs.pop();
-        candidates.push(dirs.join("/"));
-      }
-      for (const dir of candidates) {
-        const base = `${u.origin}/${dir}${dir ? "/" : ""}`;
-        const pkg = await fetchJson(new URL("package.json", base).href);
-        if (pkg && (pkg.name || pkg.title || Array.isArray(pkg.plugins)))
-          return pkg;
-      }
-    } catch {
-    }
-  }
-  return void 0;
-}
-async function resolvePackageMeta(importUrl) {
-  return pickMeta(await resolvePackageJson(importUrl) ?? {});
-}
-async function resolvePackageInfo(importUrl) {
-  const pkg = await resolvePackageJson(importUrl);
-  return { meta: pickMeta(pkg ?? {}), plugins: pickPlugins(pkg) };
-}
-function shortenAutomerge(url) {
-  const id = url.slice("automerge:".length).replace(/[@?#].*$/, "");
-  return id.length > 10 ? `automerge:${id.slice(0, 8)}…` : url;
-}
-function packageDisplayName(importUrl, meta) {
-  if (meta?.title) return meta.title;
-  if (meta?.name) return meta.name;
-  if (!importUrl) return "(unknown source)";
-  if (isAutomergeUrl(importUrl)) return shortenAutomerge(importUrl);
-  if (/^https?:/i.test(importUrl)) {
-    try {
-      const u = new URL(importUrl);
-      const parts = dirSegments(u);
-      while (parts.length && BUILD_DIRS.has(parts[parts.length - 1].toLowerCase())) {
-        parts.pop();
-      }
-      return parts[parts.length - 1] || u.hostname;
-    } catch {
-      return importUrl;
-    }
-  }
-  return importUrl;
-}
-var _tmpl$ = /* @__PURE__ */ template(`<li class=pw-more><button class=pw-more__btn>`), _tmpl$2 = /* @__PURE__ */ template(`<span class=pw-packages__origin>`), _tmpl$3 = /* @__PURE__ */ template(`<span class=pw-packages__unlisted title="Hidden from new-document menus and pickers">unlisted`), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<span class=pw-plugin__supports><span class=pw-plugin__supports-label>supports</span> `), _tmpl$6 = /* @__PURE__ */ template(`<li class=pw-plugin><span class=pw-plugin__dot></span><span class=pw-plugin__name></span><span class=pw-plugin__type>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=pw-source__lines>`), _tmpl$8 = /* @__PURE__ */ template(`<span class=pw-source__none>no import url`), _tmpl$9 = /* @__PURE__ */ template(`<button class=pw-actions__btn>open`), _tmpl$0 = /* @__PURE__ */ template(`<button class="pw-actions__btn pw-actions__btn--danger"title="Remove this module from the settings doc you're viewing">delete`), _tmpl$1 = /* @__PURE__ */ template(`<div class=pw-actions>`), _tmpl$10 = /* @__PURE__ */ template(`<span class=pw-packages__stat-of> / `), _tmpl$11 = /* @__PURE__ */ template(`<div class=pw-package-notice role=status>Using a custom system package list.`), _tmpl$12 = /* @__PURE__ */ template(`<div class=pw-package-notice role=alert>This package list is not being watched by this window.`), _tmpl$13 = /* @__PURE__ */ template(`<div class=pw-package-notices>`), _tmpl$14 = /* @__PURE__ */ template(`<div class=pw-broken>`), _tmpl$15 = /* @__PURE__ */ template(`<ul class=pw-cards>`), _tmpl$16 = /* @__PURE__ */ template(`<div class=pw-registries>`), _tmpl$17 = /* @__PURE__ */ template(`<div class=pw-table-wrap><table class=pw-table><thead><tr><th class="pw-table__th pw-table__th--plain">importUrl</th></tr></thead><tbody>`), _tmpl$18 = /* @__PURE__ */ template(`<div class=pw-install__error>`), _tmpl$19 = /* @__PURE__ */ template(`<div class=pw-install__loading>Reading package…`), _tmpl$20 = /* @__PURE__ */ template(`<span class=pw-install__version>v`), _tmpl$21 = /* @__PURE__ */ template(`<ul class=pw-install__plugins>`), _tmpl$22 = /* @__PURE__ */ template(`<div class=pw-install__card><div class=pw-install__card-head><h3 class=pw-install__pkg>`), _tmpl$23 = /* @__PURE__ */ template(`<div class=pw-install__preview>`), _tmpl$24 = /* @__PURE__ */ template(`<span class=pw-install__already>Already in your package list`), _tmpl$25 = /* @__PURE__ */ template(`<div class=pw-modal role=dialog aria-modal=true><div class=pw-install><header class=pw-install__head><h2 class=pw-install__title>Install a package</h2><button class=pw-install__close title=Close>×</button></header><p class=pw-install__blurb>Paste an <code>automerge:</code> or <code>https://</code> URL to add it to your package list.</p><input class=pw-install__input type=text autocomplete=off placeholder="automerge:… or https://…"><footer class=pw-install__foot><button class=pw-install__cancel>Cancel</button><button class=pw-install__add>Add to my package list`), _tmpl$26 = /* @__PURE__ */ template(`<div class=pw-packages><header class=pw-packages__head><div class=pw-packages__toolbar><input class=pw-packages__search type=text placeholder="Filter… or paste a URL to install"><div class=pw-packages__stats><span><strong></strong> plugins</span><span><strong></strong> packages</span><span><strong></strong> types</span></div></div><div class=pw-packages__tabbar><div class=pw-packages__tabs role=tablist></div><div class=pw-packages__origins>`), _tmpl$27 = /* @__PURE__ */ template(`<button class=pw-packages__tab>`), _tmpl$28 = /* @__PURE__ */ template(`<span class=pw-packages__origin-count>`), _tmpl$29 = /* @__PURE__ */ template(`<button class=pw-packages__origin-chip>`), _tmpl$30 = /* @__PURE__ */ template(`<span class=pw-broken__name>`), _tmpl$31 = /* @__PURE__ */ template(`<span class=pw-card__version>v`), _tmpl$32 = /* @__PURE__ */ template(`<ul class="pw-install__plugins pw-broken__plugins">`), _tmpl$33 = /* @__PURE__ */ template(`<div class=pw-broken__box role=alert><div class=pw-broken__head><span class=pw-broken__label>Failed to import</span><div class=pw-actions><button class="pw-actions__btn pw-actions__btn--danger"title="Delete this module from your package list">delete</button></div></div><pre class=pw-broken__trace>`), _tmpl$34 = /* @__PURE__ */ template(`<span class=pw-plugin__type>`), _tmpl$35 = /* @__PURE__ */ template(`<span class=pw-install__plugin-supports>supports `), _tmpl$36 = /* @__PURE__ */ template(`<li class=pw-install__plugin><span class=pw-install__plugin-name>`), _tmpl$37 = /* @__PURE__ */ template(`<div class=pw-packages__empty>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=pw-card__pkgname>`), _tmpl$39 = /* @__PURE__ */ template(`<footer class=pw-card__foot>`), _tmpl$40 = /* @__PURE__ */ template(`<li class=pw-card><header class=pw-card__head><h2 class=pw-card__name></h2><div class=pw-card__badges><span class=pw-card__count> plugin</span></div></header><div class=pw-card__source></div><ul class=pw-plugins>`), _tmpl$41 = /* @__PURE__ */ template(`<section class=pw-registry><header class=pw-registry__head><h2 class=pw-registry__name></h2><span class=pw-registry__count></span></header><ul class=pw-reglist>`), _tmpl$42 = /* @__PURE__ */ template(`<span class=pw-regitem__supports>supports `), _tmpl$43 = /* @__PURE__ */ template(`<li class=pw-regitem><div class=pw-regitem__main><span class=pw-regitem__name></span></div><div class=pw-regitem__source><span class=pw-regitem__pkg>`), _tmpl$44 = /* @__PURE__ */ template(`<span class=pw-table__arrow>`), _tmpl$45 = /* @__PURE__ */ template(`<th class=pw-table__th>`), _tmpl$46 = /* @__PURE__ */ template(`<span class=pw-table__supports>`), _tmpl$47 = /* @__PURE__ */ template(`<span title="Hidden from new-document menus and pickers">✓`), _tmpl$48 = /* @__PURE__ */ template(`<tr class=pw-table__row><td class=pw-table__name></td><td class=pw-table__reg></td><td></td><td class=pw-table__pkg></td><td></td><td class=pw-table__flag></td><td class=pw-table__url><div class=pw-source>`), _tmpl$49 = /* @__PURE__ */ template(`<div class=pw-install__none>`);
-const VIEW_LABEL = {
-  packages: "By package",
-  registries: "By type",
-  table: "Table"
-};
-async function previewPackage(url) {
-  if (isAutomergeUrl(url)) {
-    const bare = bareModuleUrl(url);
-    const [pluginsResult2, meta] = await Promise.all([discoverPlugins(bare).then((plugins) => ({
-      plugins
-    }), (e) => ({
-      error: e instanceof Error ? e.message : "Couldn't read the package."
-    })), resolvePackageMeta(bare).catch(() => ({}))]);
-    return {
-      meta,
-      plugins: "plugins" in pluginsResult2 ? pluginsResult2.plugins : null,
-      error: "error" in pluginsResult2 ? pluginsResult2.error : void 0
-    };
-  }
-  const [pluginsResult, info] = await Promise.all([discoverHttpPlugins(url).then((plugins) => ({
-    plugins
-  }), (e) => ({
-    error: e instanceof Error ? e.message : "Couldn't import the package."
-  })), resolvePackageInfo(url).catch(() => ({
-    meta: {},
-    plugins: null
-  }))]);
-  const imported = "plugins" in pluginsResult ? pluginsResult.plugins : null;
-  const declared = info.plugins;
-  return {
-    meta: info.meta,
-    plugins: imported && imported.length ? imported : declared,
-    // Only surface the import failure when there are no declared plugins to
-    // show in its place.
-    error: "error" in pluginsResult && !(declared && declared.length) ? pluginsResult.error : void 0
-  };
-}
-function datatypesLabel(dt) {
-  if (dt === void 0) return null;
-  if (typeof dt === "string") return dt === "*" ? "any" : dt;
-  if (dt.includes("*")) return "any";
-  if (dt.length === 0) return "none";
-  return dt.join(", ");
-}
-function prettyType(type) {
-  const [ns, rest] = type.includes(":") ? type.split(/:(.*)/) : ["", type];
-  return ns === "patchwork" ? rest : type;
-}
-function Collapsible(props) {
-  const [expanded, setExpanded] = createSignal(false);
-  const limit = () => props.limit ?? 4;
-  const shown = createMemo(() => expanded() ? props.each : props.each.slice(0, limit()));
-  const hidden = () => Math.max(0, props.each.length - limit());
-  return [createComponent(For, {
-    get each() {
-      return shown();
-    },
-    children: (item) => props.render(item)
-  }), createComponent(Show, {
-    get when() {
-      return hidden() > 0;
-    },
-    get children() {
-      var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-      _el$2.$$click = () => setExpanded((v) => !v);
-      insert(_el$2, (() => {
-        var _c$ = memo(() => !!expanded());
-        return () => _c$() ? "show less" : `show ${hidden()} more`;
-      })());
-      return _el$;
-    }
-  })];
-}
-function Packages(props) {
-  const [doc, setDoc] = createSignal(props.handle.doc());
-  const onChange = () => setDoc(props.handle.doc());
-  props.handle.on("change", onChange);
-  onCleanup(() => props.handle.off("change", onChange));
-  const installedKeys = createMemo(() => moduleKeySet(doc()?.modules));
-  const {
-    snapshot
-  } = useLiveRegistries();
-  const viewedKey = createMemo(() => moduleKey(props.handle.url));
-  const settingsSources = createMemo(() => {
-    snapshot();
-    return readSettingsSources();
-  });
-  const systemKeys = createMemo(() => {
-    const keys = /* @__PURE__ */ new Set();
-    for (const source of settingsSources()) {
-      if (source.key === viewedKey()) continue;
-      for (const key of source.moduleKeys) keys.add(key);
-    }
-    return keys;
-  });
-  const systemPackageListUrl = createMemo(() => settingsSources().find((source) => source.name === "system")?.url);
-  const isCustomSystemPackageList = createMemo(() => systemPackageListUrl() !== void 0 && systemPackageListUrl() !== "/modules.json");
-  const isWatchedPackageList = createMemo(() => {
-    const key = viewedKey();
-    return !!key && settingsSources().some((source) => source.key === key);
-  });
-  const headsByDoc = useDocHeadsMap(() => snapshot().map((e) => e.importUrl));
-  const headsFor = (importUrl) => {
-    if (!importUrl) return [];
-    const embedded = headsOf(importUrl);
-    if (embedded.length) return embedded;
-    const id = documentIdOf(importUrl);
-    return id && headsByDoc()[id] || [];
-  };
-  const pluginImportKeys = createMemo(() => {
-    const keys = /* @__PURE__ */ new Set();
-    for (const e of snapshot()) {
-      const k = moduleKey(e.importUrl);
-      if (k) keys.add(k);
-    }
-    return keys;
-  });
-  const orphanModules = createMemo(() => {
-    const registered = pluginImportKeys();
-    return (doc()?.modules ?? []).filter((m) => {
-      const k = moduleKey(m);
-      return !!k && !registered.has(k);
-    });
-  });
-  const [probes, setProbes] = createSignal({});
-  const probed = /* @__PURE__ */ new Set();
-  createEffect(() => {
-    for (const url of orphanModules()) {
-      const key = moduleKey(url);
-      if (!key || probed.has(key)) continue;
-      probed.add(key);
-      setProbes((p) => ({
-        ...p,
-        [key]: {
-          status: "loading"
-        }
-      }));
-      void discoverPackagePlugins(bareModuleUrl(url)).then(() => setProbes((p) => ({
-        ...p,
-        [key]: {
-          status: "ok"
-        }
-      })), (e) => setProbes((p) => ({
-        ...p,
-        // discoverPlugins rejects with the worker's stack as the message.
-        [key]: {
-          status: "error",
-          error: e instanceof Error ? e.message : String(e)
-        }
-      })));
-    }
-  });
-  const brokenModules = createMemo(() => orphanModules().map((url) => ({
-    url,
-    probe: probes()[moduleKey(url)]
-  })).filter((b) => b.probe?.status === "error").map((b) => ({
-    url: b.url,
-    error: b.probe.error ?? "Unknown error"
-  })));
-  const [brokenInfo, setBrokenInfo] = createSignal({});
-  const brokenRequested = /* @__PURE__ */ new Set();
-  createEffect(() => {
-    for (const {
-      url
-    } of brokenModules()) {
-      const key = moduleKey(url);
-      if (!key || brokenRequested.has(key)) continue;
-      brokenRequested.add(key);
-      void resolvePackageInfo(bareModuleUrl(url)).then((info) => setBrokenInfo((prev) => ({
-        ...prev,
-        [key]: info
-      })));
-    }
-  });
-  const [pkgMetas, setPkgMetas] = createSignal({});
-  const requested = /* @__PURE__ */ new Set();
-  createEffect(() => {
-    for (const entry of snapshot()) {
-      const url = entry.importUrl;
-      if (!url || requested.has(url)) continue;
-      requested.add(url);
-      void resolvePackageMeta(url).then((meta) => setPkgMetas((prev) => ({
-        ...prev,
-        [url]: meta
-      })));
-    }
-  });
-  const enriched = createMemo(() => {
-    const installed = installedKeys();
-    const system = systemKeys();
-    const metas = pkgMetas();
-    return snapshot().map((entry) => {
-      const meta = entry.importUrl ? metas[entry.importUrl] : void 0;
-      return {
-        ...entry,
-        origin: classifyOrigin(entry.importUrl, installed, system),
-        pkgMeta: meta,
-        pkgName: packageDisplayName(entry.importUrl, meta)
-      };
-    });
-  });
-  const [view, setView] = createSignal("packages");
-  const [search, setSearch] = createSignal("");
-  const [originFilter, setOriginFilter] = createSignal("all");
-  const [sortKey, setSortKey] = createSignal("name");
-  const [sortAsc, setSortAsc] = createSignal(true);
-  const originCounts = createMemo(() => {
-    const counts = {
-      installed: 0,
-      ephemeral: 0,
-      core: 0,
-      unknown: 0
-    };
-    for (const e of enriched()) counts[e.origin]++;
-    return counts;
-  });
-  const filtered = createMemo(() => {
-    const q = search().trim().toLowerCase();
-    const of = originFilter();
-    return enriched().filter((e) => {
-      if (of !== "all" && e.origin !== of) return false;
-      if (q) {
-        const hay = [e.name, e.id, e.registry, e.type, e.importUrl, e.pkgName, datatypesLabel(e.supportedDatatypes), e.unlisted ? "unlisted" : ""].filter(Boolean).join(" ").toLowerCase();
-        if (!hay.includes(q)) return false;
-      }
-      return true;
-    });
-  });
-  const stats = createMemo(() => {
-    const rows = filtered();
-    const packages = /* @__PURE__ */ new Set();
-    const registries = /* @__PURE__ */ new Set();
-    for (const e of rows) {
-      packages.add(e.importUrl ?? "∅");
-      registries.add(e.registry);
-    }
-    return {
-      plugins: rows.length,
-      total: enriched().length,
-      packages: packages.size,
-      registries: registries.size
-    };
-  });
-  const packageGroups = createMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const e of filtered()) {
-      const key = e.importUrl ?? "∅";
-      let group = groups.get(key);
-      if (!group) {
-        group = {
-          importUrl: e.importUrl,
-          name: e.pkgName,
-          meta: e.pkgMeta,
-          origin: e.origin,
-          plugins: []
-        };
-        groups.set(key, group);
-      }
-      group.plugins.push(e);
-    }
-    const arr = [...groups.values()];
-    for (const g of arr) g.plugins.sort((a, b) => a.name.localeCompare(b.name));
-    arr.sort((a, b) => originRank(a.origin) - originRank(b.origin) || a.name.localeCompare(b.name));
-    return arr;
-  });
-  const registryGroups = createMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const e of filtered()) {
-      const list = groups.get(e.registry);
-      if (list) list.push(e);
-      else groups.set(e.registry, [e]);
-    }
-    return [...groups.entries()].map(([registry, plugins]) => ({
-      registry,
-      plugins: plugins.sort((a, b) => a.name.localeCompare(b.name))
-    })).sort((a, b) => a.registry.localeCompare(b.registry));
-  });
-  const tableRows = createMemo(() => {
-    const key = sortKey();
-    const dir = sortAsc() ? 1 : -1;
-    const value = (e) => {
-      switch (key) {
-        case "registry":
-          return e.registry;
-        case "id":
-          return e.id;
-        case "package":
-          return e.pkgName;
-        case "origin":
-          return String(originRank(e.origin));
-        // Ascending groups the unlisted ones first — that's what you sort by
-        // this column to find.
-        case "unlisted":
-          return e.unlisted ? "0" : "1";
-        default:
-          return e.name;
-      }
-    };
-    return [...filtered()].sort((a, b) => value(a).localeCompare(value(b)) * dir || a.name.localeCompare(b.name));
-  });
-  const toggleSort = (key) => {
-    if (sortKey() === key) setSortAsc((v) => !v);
-    else {
-      setSortKey(key);
-      setSortAsc(true);
-    }
-  };
-  const [copied, setCopied] = createSignal(null);
-  let copyTimer;
-  const copy = (value) => {
-    try {
-      void navigator.clipboard?.writeText(value);
-    } catch {
-    }
-    setCopied(value);
-    clearTimeout(copyTimer);
-    copyTimer = setTimeout(() => setCopied(null), 1200);
-  };
-  onCleanup(() => clearTimeout(copyTimer));
-  const openDoc = (url) => {
-    props.element.dispatchEvent(new CustomEvent("patchwork:open-document", {
-      detail: {
-        url
-      },
-      bubbles: true,
-      composed: true
-    }));
-  };
-  const uninstall = (importUrl) => {
-    const key = moduleKey(importUrl);
-    if (!key) return;
-    props.handle.change((d) => {
-      if (!Array.isArray(d.modules)) return;
-      const idx = d.modules.findIndex((m) => moduleKey(m) === key);
-      if (idx >= 0) d.modules.splice(idx, 1);
-    });
-    deactivateModule(importUrl);
-  };
-  const hasActions = (importUrl, origin) => isAutomergeUrl(importUrl) || origin === "installed";
-  const [installOpen, setInstallOpen] = createSignal(false);
-  const [installUrl, setInstallUrl] = createSignal("");
-  const [installBusy, setInstallBusy] = createSignal(false);
-  const [installPlugins, setInstallPlugins] = createSignal(null);
-  const [installMeta, setInstallMeta] = createSignal(null);
-  const [installError, setInstallError] = createSignal(null);
-  const installTarget = createMemo(() => installUrl().trim());
-  const isInstallableUrl = (url) => {
-    if (isAutomergeUrl(url)) {
-      const id = documentIdOf(url);
-      return !!id && id.length >= 16;
-    }
-    if (/^https?:/i.test(url)) {
-      try {
-        new URL(url);
-        return true;
-      } catch {
-        return false;
-      }
-    }
-    return false;
-  };
-  const installValid = createMemo(() => isInstallableUrl(installTarget()));
-  const installKey = createMemo(() => moduleKey(installTarget()));
-  const alreadyInstalled = createMemo(() => {
-    const key = installKey();
-    return !!key && installedKeys().has(key);
-  });
-  const resetPreview = () => {
-    setInstallBusy(false);
-    setInstallPlugins(null);
-    setInstallMeta(null);
-    setInstallError(null);
-  };
-  let previewToken = 0;
-  createEffect(() => {
-    if (!installOpen()) return;
-    const raw = installTarget();
-    resetPreview();
-    if (!raw) return;
-    if (!installValid()) {
-      setInstallError("That doesn't look like an automerge: or https:// URL.");
-      return;
-    }
-    const token = ++previewToken;
-    setInstallBusy(true);
-    const timer = setTimeout(() => {
-      void previewPackage(raw).then((res) => {
-        if (token !== previewToken) return;
-        setInstallBusy(false);
-        setInstallMeta(res.meta);
-        setInstallPlugins(res.plugins);
-        if (res.error) setInstallError(res.error);
-      });
-    }, 350);
-    onCleanup(() => clearTimeout(timer));
-  });
-  const closeInstall = () => {
-    setInstallOpen(false);
-    setInstallUrl("");
-    resetPreview();
-  };
-  const doInstall = () => {
-    const raw = installTarget();
-    const key = installKey();
-    if (!installValid() || !key) return;
-    if (!alreadyInstalled()) {
-      props.handle.change((d) => {
-        if (!Array.isArray(d.modules)) d.modules = [];
-        if (!d.modules.some((m) => moduleKey(m) === key)) d.modules.push(raw);
-      });
-    }
-    closeInstall();
-  };
-  const onSearchInput = (value) => {
-    const trimmed = value.trim();
-    if (isInstallableUrl(trimmed)) {
-      setSearch("");
-      setInstallUrl(trimmed);
-      setInstallOpen(true);
-      return true;
-    }
-    setSearch(value);
-    return false;
-  };
-  const OriginBadge = (p) => (() => {
-    var _el$3 = _tmpl$2();
-    insert(_el$3, () => ORIGIN_LABEL[p.origin]);
-    effect((_p$) => {
-      var _v$ = p.origin, _v$2 = ORIGIN_HINT[p.origin];
-      _v$ !== _p$.e && setAttribute(_el$3, "data-origin", _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$3, "title", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$3;
-  })();
-  const UnlistedBadge = () => _tmpl$3();
-  const Copyable = (p) => (() => {
-    var _el$5 = _tmpl$4();
-    _el$5.$$click = () => copy(p.value);
-    insert(_el$5, (() => {
-      var _c$2 = memo(() => copied() === p.value);
-      return () => _c$2() ? "copied!" : p.label ?? p.value;
-    })());
-    effect((_p$) => {
-      var _v$3 = `pw-packages__copy ${p.class ?? ""}`, _v$4 = !!(copied() === p.value), _v$5 = p.title ?? "Click to copy";
-      _v$3 !== _p$.e && className(_el$5, _p$.e = _v$3);
-      _v$4 !== _p$.t && _el$5.classList.toggle("is-copied", _p$.t = _v$4);
-      _v$5 !== _p$.a && setAttribute(_el$5, "title", _p$.a = _v$5);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$5;
-  })();
-  const PluginRow = (p) => {
-    const dts = () => datatypesLabel(p.plugin.supportedDatatypes);
-    return (() => {
-      var _el$6 = _tmpl$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
-      insert(_el$8, () => p.plugin.name);
-      insert(_el$9, () => prettyType(p.plugin.type));
-      insert(_el$6, createComponent(Show, {
-        get when() {
-          return p.plugin.unlisted;
-        },
-        get children() {
-          return createComponent(UnlistedBadge, {});
-        }
-      }), null);
-      insert(_el$6, createComponent(Copyable, {
-        get value() {
-          return p.plugin.id;
-        },
-        "class": "pw-plugin__id",
-        title: "Plugin id — click to copy"
-      }), null);
-      insert(_el$6, createComponent(Show, {
-        get when() {
-          return dts();
-        },
-        get children() {
-          var _el$0 = _tmpl$5(), _el$1 = _el$0.firstChild;
-          _el$1.nextSibling;
-          insert(_el$0, dts, null);
-          return _el$0;
-        }
-      }), null);
-      effect((_p$) => {
-        var _v$6 = p.plugin.origin, _v$7 = !!p.plugin.unlisted;
-        _v$6 !== _p$.e && setAttribute(_el$7, "data-origin", _p$.e = _v$6);
-        _v$7 !== _p$.t && _el$8.classList.toggle("is-unlisted", _p$.t = _v$7);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
-      });
-      return _el$6;
-    })();
-  };
-  const SourceLine = (p) => {
-    const heads = () => headsFor(p.importUrl);
-    const pinned = () => pinnedModuleUrl(p.importUrl, heads());
-    return createComponent(Show, {
-      get when() {
-        return p.importUrl;
-      },
-      get fallback() {
-        return _tmpl$8();
-      },
-      get children() {
-        var _el$11 = _tmpl$7();
-        insert(_el$11, createComponent(Copyable, {
-          get value() {
-            return bareModuleUrl(p.importUrl);
-          },
-          "class": "pw-source__url",
-          title: "importUrl — click to copy"
-        }), null);
-        insert(_el$11, createComponent(Show, {
-          get when() {
-            return pinned();
-          },
-          get children() {
-            return createComponent(Copyable, {
-              get value() {
-                return pinned();
-              },
-              get label() {
-                return `heads ${heads().map((h) => h.slice(0, 7)).join(" ")}`;
-              },
-              "class": "pw-source__heads",
-              title: "Copy URL pinned to these heads"
-            });
-          }
-        }), null);
-        return _el$11;
-      }
-    });
-  };
-  const SourceActions = (p) => createComponent(Show, {
-    get when() {
-      return hasActions(p.importUrl, p.origin);
-    },
-    get children() {
-      var _el$13 = _tmpl$1();
-      insert(_el$13, createComponent(Show, {
-        get when() {
-          return isAutomergeUrl(p.importUrl);
-        },
-        get children() {
-          var _el$14 = _tmpl$9();
-          _el$14.$$click = () => openDoc(p.importUrl);
-          return _el$14;
-        }
-      }), null);
-      insert(_el$13, createComponent(Show, {
-        get when() {
-          return p.origin === "installed";
-        },
-        get children() {
-          var _el$15 = _tmpl$0();
-          _el$15.$$click = () => uninstall(p.importUrl);
-          return _el$15;
-        }
-      }), null);
-      return _el$13;
-    }
-  });
-  return (() => {
-    var _el$16 = _tmpl$26(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$25 = _el$22.nextSibling, _el$26 = _el$21.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$26.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$18.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$31.nextSibling;
-    _el$19.$$input = (e) => {
-      if (onSearchInput(e.currentTarget.value)) e.currentTarget.value = "";
-    };
-    insert(_el$22, () => stats().plugins);
-    insert(_el$21, createComponent(Show, {
-      get when() {
-        return stats().plugins !== stats().total;
-      },
-      get children() {
-        var _el$23 = _tmpl$10();
-        _el$23.firstChild;
-        insert(_el$23, () => stats().total, null);
-        return _el$23;
-      }
-    }), _el$25);
-    insert(_el$27, () => stats().packages);
-    insert(_el$29, () => stats().registries);
-    insert(_el$31, createComponent(For, {
-      each: ["packages", "registries", "table"],
-      children: (v) => (() => {
-        var _el$66 = _tmpl$27();
-        _el$66.$$click = () => setView(v);
-        setAttribute(_el$66, "data-view", v);
-        insert(_el$66, () => VIEW_LABEL[v]);
-        effect(() => setAttribute(_el$66, "data-active", view() === v ? "" : void 0));
-        return _el$66;
-      })()
-    }));
-    insert(_el$32, createComponent(For, {
-      get each() {
-        return [["all", "all"], ["installed", ORIGIN_LABEL.installed], ["core", ORIGIN_LABEL.core], ["ephemeral", ORIGIN_LABEL.ephemeral]];
-      },
-      children: ([key, label]) => (() => {
-        var _el$67 = _tmpl$29();
-        _el$67.$$click = () => setOriginFilter(key);
-        setAttribute(_el$67, "data-origin", key === "all" ? void 0 : key);
-        insert(_el$67, label, null);
-        insert(_el$67, createComponent(Show, {
-          when: key !== "all",
-          get children() {
-            var _el$68 = _tmpl$28();
-            insert(_el$68, () => originCounts()[key]);
-            return _el$68;
-          }
-        }), null);
-        effect((_p$) => {
-          var _v$8 = originFilter() === key ? "" : void 0, _v$9 = key === "all" ? void 0 : ORIGIN_HINT[key];
-          _v$8 !== _p$.e && setAttribute(_el$67, "data-active", _p$.e = _v$8);
-          _v$9 !== _p$.t && setAttribute(_el$67, "title", _p$.t = _v$9);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$67;
-      })()
-    }));
-    insert(_el$16, createComponent(Show, {
-      get when() {
-        return isCustomSystemPackageList() || !isWatchedPackageList();
-      },
-      get children() {
-        var _el$33 = _tmpl$13();
-        insert(_el$33, createComponent(Show, {
-          get when() {
-            return isCustomSystemPackageList();
-          },
-          get children() {
-            var _el$34 = _tmpl$11();
-            _el$34.firstChild;
-            insert(_el$34, createComponent(Copyable, {
-              get value() {
-                return systemPackageListUrl();
-              },
-              "class": "pw-package-notice__url",
-              title: "System package list URL — click to copy"
-            }), null);
-            return _el$34;
-          }
-        }), null);
-        insert(_el$33, createComponent(Show, {
-          get when() {
-            return !isWatchedPackageList();
-          },
-          get children() {
-            return _tmpl$12();
-          }
-        }), null);
-        return _el$33;
-      }
-    }), null);
-    insert(_el$16, createComponent(Show, {
-      get when() {
-        return memo(() => view() === "packages")() && brokenModules().length > 0;
-      },
-      get children() {
-        var _el$37 = _tmpl$14();
-        insert(_el$37, createComponent(For, {
-          get each() {
-            return brokenModules();
-          },
-          children: (b) => {
-            const info = () => brokenInfo()[moduleKey(b.url)];
-            const meta = () => info()?.meta;
-            const declared = () => info()?.plugins;
-            return (() => {
-              var _el$69 = _tmpl$33(), _el$70 = _el$69.firstChild, _el$71 = _el$70.firstChild, _el$75 = _el$71.nextSibling, _el$77 = _el$75.firstChild, _el$79 = _el$70.nextSibling;
-              insert(_el$70, createComponent(Show, {
-                get when() {
-                  return meta()?.title || meta()?.name;
-                },
-                get children() {
-                  return [(() => {
-                    var _el$72 = _tmpl$30();
-                    insert(_el$72, () => meta().title || meta().name);
-                    return _el$72;
-                  })(), createComponent(Show, {
-                    get when() {
-                      return meta()?.version;
-                    },
-                    get children() {
-                      var _el$73 = _tmpl$31();
-                      _el$73.firstChild;
-                      insert(_el$73, () => meta().version, null);
-                      return _el$73;
-                    }
-                  })];
-                }
-              }), _el$75);
-              insert(_el$70, createComponent(Copyable, {
-                get value() {
-                  return b.url;
-                },
-                "class": "pw-broken__url",
-                title: "module URL — click to copy"
-              }), _el$75);
-              insert(_el$75, createComponent(Show, {
-                get when() {
-                  return isAutomergeUrl(b.url);
-                },
-                get children() {
-                  var _el$76 = _tmpl$9();
-                  _el$76.$$click = () => openDoc(b.url);
-                  return _el$76;
-                }
-              }), _el$77);
-              _el$77.$$click = () => uninstall(b.url);
-              insert(_el$69, createComponent(Show, {
-                get when() {
-                  return memo(() => !!declared())() && declared().length > 0;
-                },
-                get children() {
-                  var _el$78 = _tmpl$32();
-                  insert(_el$78, createComponent(For, {
-                    get each() {
-                      return declared();
-                    },
-                    children: (p) => (() => {
-                      var _el$80 = _tmpl$36(), _el$81 = _el$80.firstChild;
-                      insert(_el$81, () => p.name || p.id);
-                      insert(_el$80, createComponent(Show, {
-                        get when() {
-                          return p.type;
-                        },
-                        get children() {
-                          var _el$82 = _tmpl$34();
-                          insert(_el$82, () => prettyType(p.type));
-                          return _el$82;
-                        }
-                      }), null);
-                      insert(_el$80, createComponent(Show, {
-                        get when() {
-                          return p.unlisted;
-                        },
-                        get children() {
-                          return createComponent(UnlistedBadge, {});
-                        }
-                      }), null);
-                      insert(_el$80, createComponent(Show, {
-                        get when() {
-                          return datatypesLabel(p.supportedDatatypes);
-                        },
-                        get children() {
-                          var _el$83 = _tmpl$35();
-                          _el$83.firstChild;
-                          insert(_el$83, () => datatypesLabel(p.supportedDatatypes), null);
-                          return _el$83;
-                        }
-                      }), null);
-                      effect(() => _el$81.classList.toggle("is-unlisted", !!p.unlisted));
-                      return _el$80;
-                    })()
-                  }));
-                  return _el$78;
-                }
-              }), _el$79);
-              insert(_el$79, () => b.error);
-              return _el$69;
-            })();
-          }
-        }));
-        return _el$37;
-      }
-    }), null);
-    insert(_el$16, createComponent(Show, {
-      get when() {
-        return filtered().length > 0;
-      },
-      get fallback() {
-        return (() => {
-          var _el$85 = _tmpl$37();
-          insert(_el$85, createComponent(Show, {
-            get when() {
-              return enriched().length > 0;
-            },
-            get fallback() {
-              return "No plugins are registered yet.";
-            },
-            children: "Nothing matches these filters."
-          }));
-          return _el$85;
-        })();
-      },
-      get children() {
-        return [createComponent(Show, {
-          get when() {
-            return view() === "packages";
-          },
-          get children() {
-            var _el$38 = _tmpl$15();
-            insert(_el$38, createComponent(For, {
-              get each() {
-                return packageGroups();
-              },
-              children: (group) => (() => {
-                var _el$86 = _tmpl$40(), _el$87 = _el$86.firstChild, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling, _el$92 = _el$89.firstChild, _el$93 = _el$92.firstChild, _el$95 = _el$87.nextSibling, _el$96 = _el$95.nextSibling;
-                insert(_el$88, () => group.name);
-                insert(_el$89, createComponent(Show, {
-                  get when() {
-                    return group.meta?.version;
-                  },
-                  get children() {
-                    var _el$90 = _tmpl$31();
-                    _el$90.firstChild;
-                    insert(_el$90, () => group.meta.version, null);
-                    return _el$90;
-                  }
-                }), _el$92);
-                insert(_el$89, createComponent(OriginBadge, {
-                  get origin() {
-                    return group.origin;
-                  }
-                }), _el$92);
-                insert(_el$92, () => group.plugins.length, _el$93);
-                insert(_el$92, () => group.plugins.length === 1 ? "" : "s", null);
-                insert(_el$86, createComponent(Show, {
-                  get when() {
-                    return memo(() => !!group.meta?.name)() && group.meta?.name !== group.name;
-                  },
-                  get children() {
-                    var _el$94 = _tmpl$38();
-                    insert(_el$94, () => group.meta.name);
-                    return _el$94;
-                  }
-                }), _el$95);
-                insert(_el$95, createComponent(SourceLine, {
-                  get importUrl() {
-                    return group.importUrl;
-                  }
-                }));
-                insert(_el$96, createComponent(Collapsible, {
-                  get each() {
-                    return group.plugins;
-                  },
-                  render: (plugin) => createComponent(PluginRow, {
-                    plugin
-                  })
-                }));
-                insert(_el$86, createComponent(Show, {
-                  get when() {
-                    return hasActions(group.importUrl, group.origin);
-                  },
-                  get children() {
-                    var _el$97 = _tmpl$39();
-                    insert(_el$97, createComponent(SourceActions, {
-                      get importUrl() {
-                        return group.importUrl;
-                      },
-                      get origin() {
-                        return group.origin;
-                      }
-                    }));
-                    return _el$97;
-                  }
-                }), null);
-                effect(() => setAttribute(_el$86, "data-origin", group.origin));
-                return _el$86;
-              })()
-            }));
-            return _el$38;
-          }
-        }), createComponent(Show, {
-          get when() {
-            return view() === "registries";
-          },
-          get children() {
-            var _el$39 = _tmpl$16();
-            insert(_el$39, createComponent(For, {
-              get each() {
-                return registryGroups();
-              },
-              children: (group) => (() => {
-                var _el$98 = _tmpl$41(), _el$99 = _el$98.firstChild, _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$99.nextSibling;
-                insert(_el$100, () => group.registry);
-                insert(_el$101, () => group.plugins.length);
-                insert(_el$102, createComponent(Collapsible, {
-                  get each() {
-                    return group.plugins;
-                  },
-                  render: (plugin) => (() => {
-                    var _el$103 = _tmpl$43(), _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild;
-                    insert(_el$105, () => plugin.name);
-                    insert(_el$104, createComponent(Copyable, {
-                      get value() {
-                        return plugin.id;
-                      },
-                      "class": "pw-regitem__id",
-                      title: "Plugin id — click to copy"
-                    }), null);
-                    insert(_el$104, createComponent(OriginBadge, {
-                      get origin() {
-                        return plugin.origin;
-                      }
-                    }), null);
-                    insert(_el$104, createComponent(Show, {
-                      get when() {
-                        return plugin.unlisted;
-                      },
-                      get children() {
-                        return createComponent(UnlistedBadge, {});
-                      }
-                    }), null);
-                    insert(_el$104, createComponent(Show, {
-                      get when() {
-                        return datatypesLabel(plugin.supportedDatatypes);
-                      },
-                      get children() {
-                        var _el$106 = _tmpl$42();
-                        _el$106.firstChild;
-                        insert(_el$106, () => datatypesLabel(plugin.supportedDatatypes), null);
-                        return _el$106;
-                      }
-                    }), null);
-                    insert(_el$109, () => plugin.pkgName);
-                    insert(_el$108, createComponent(SourceLine, {
-                      get importUrl() {
-                        return plugin.importUrl;
-                      }
-                    }), null);
-                    insert(_el$108, createComponent(SourceActions, {
-                      get importUrl() {
-                        return plugin.importUrl;
-                      },
-                      get origin() {
-                        return plugin.origin;
-                      }
-                    }), null);
-                    effect((_p$) => {
-                      var _v$0 = plugin.origin, _v$1 = !!plugin.unlisted;
-                      _v$0 !== _p$.e && setAttribute(_el$103, "data-origin", _p$.e = _v$0);
-                      _v$1 !== _p$.t && _el$105.classList.toggle("is-unlisted", _p$.t = _v$1);
-                      return _p$;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    });
-                    return _el$103;
-                  })()
-                }));
-                return _el$98;
-              })()
-            }));
-            return _el$39;
-          }
-        }), createComponent(Show, {
-          get when() {
-            return view() === "table";
-          },
-          get children() {
-            var _el$40 = _tmpl$17(), _el$41 = _el$40.firstChild, _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$42.nextSibling;
-            insert(_el$43, createComponent(For, {
-              each: [["name", "Name"], ["registry", "Registry"], ["id", "Id"], ["package", "Package"], ["origin", "Origin"], ["unlisted", "Unlisted"]],
-              children: ([key, label]) => (() => {
-                var _el$110 = _tmpl$45();
-                _el$110.$$click = () => toggleSort(key);
-                insert(_el$110, label, null);
-                insert(_el$110, createComponent(Show, {
-                  get when() {
-                    return sortKey() === key;
-                  },
-                  get children() {
-                    var _el$111 = _tmpl$44();
-                    insert(_el$111, () => sortAsc() ? "▲" : "▼");
-                    return _el$111;
-                  }
-                }), null);
-                effect(() => setAttribute(_el$110, "data-sorted", sortKey() === key ? "" : void 0));
-                return _el$110;
-              })()
-            }), _el$44);
-            insert(_el$45, createComponent(For, {
-              get each() {
-                return tableRows();
-              },
-              children: (e) => (() => {
-                var _el$112 = _tmpl$48(), _el$113 = _el$112.firstChild, _el$115 = _el$113.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$121 = _el$119.nextSibling, _el$122 = _el$121.firstChild;
-                insert(_el$113, () => e.name, null);
-                insert(_el$113, createComponent(Show, {
-                  get when() {
-                    return datatypesLabel(e.supportedDatatypes);
-                  },
-                  get children() {
-                    var _el$114 = _tmpl$46();
-                    insert(_el$114, () => datatypesLabel(e.supportedDatatypes));
-                    return _el$114;
-                  }
-                }), null);
-                insert(_el$115, () => e.registry);
-                insert(_el$116, createComponent(Copyable, {
-                  get value() {
-                    return e.id;
-                  },
-                  "class": "pw-table__id"
-                }));
-                insert(_el$117, () => e.pkgName);
-                insert(_el$118, createComponent(OriginBadge, {
-                  get origin() {
-                    return e.origin;
-                  }
-                }));
-                insert(_el$119, createComponent(Show, {
-                  get when() {
-                    return e.unlisted;
-                  },
-                  get children() {
-                    return _tmpl$47();
-                  }
-                }));
-                insert(_el$122, createComponent(SourceLine, {
-                  get importUrl() {
-                    return e.importUrl;
-                  }
-                }), null);
-                insert(_el$122, createComponent(SourceActions, {
-                  get importUrl() {
-                    return e.importUrl;
-                  },
-                  get origin() {
-                    return e.origin;
-                  }
-                }), null);
-                effect((_p$) => {
-                  var _v$10 = e.origin, _v$11 = !!e.unlisted;
-                  _v$10 !== _p$.e && setAttribute(_el$112, "data-origin", _p$.e = _v$10);
-                  _v$11 !== _p$.t && _el$113.classList.toggle("is-unlisted", _p$.t = _v$11);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: void 0
-                });
-                return _el$112;
-              })()
-            }));
-            return _el$40;
-          }
-        })];
-      }
-    }), null);
-    insert(_el$16, createComponent(Show, {
-      get when() {
-        return installOpen();
-      },
-      get children() {
-        var _el$46 = _tmpl$25(), _el$47 = _el$46.firstChild, _el$48 = _el$47.firstChild, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$48.nextSibling, _el$52 = _el$51.nextSibling, _el$62 = _el$52.nextSibling, _el$64 = _el$62.firstChild, _el$65 = _el$64.nextSibling;
-        _el$46.$$keydown = (e) => {
-          if (e.key === "Escape") closeInstall();
-        };
-        _el$46.$$click = (e) => {
-          if (e.target === e.currentTarget) closeInstall();
-        };
-        _el$50.$$click = closeInstall;
-        _el$52.$$keydown = (e) => {
-          if (e.key === "Enter" && installValid() && !alreadyInstalled()) {
-            e.preventDefault();
-            doInstall();
-          }
-        };
-        _el$52.$$input = (e) => setInstallUrl(e.currentTarget.value);
-        use((el) => setTimeout(() => el.focus(), 0), _el$52);
-        setAttribute(_el$52, "spellcheck", false);
-        insert(_el$47, createComponent(Show, {
-          get when() {
-            return installTarget();
-          },
-          get children() {
-            var _el$53 = _tmpl$23();
-            insert(_el$53, createComponent(Show, {
-              get when() {
-                return installError();
-              },
-              get children() {
-                var _el$54 = _tmpl$18();
-                insert(_el$54, installError);
-                return _el$54;
-              }
-            }), null);
-            insert(_el$53, createComponent(Show, {
-              get when() {
-                return installBusy();
-              },
-              get children() {
-                return _tmpl$19();
-              }
-            }), null);
-            insert(_el$53, createComponent(Show, {
-              get when() {
-                return memo(() => !!installValid())() && (installMeta() || installPlugins());
-              },
-              get children() {
-                var _el$56 = _tmpl$22(), _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild;
-                insert(_el$58, () => installMeta()?.title || installMeta()?.name || packageDisplayName(bareModuleUrl(installTarget()), installMeta() ?? void 0));
-                insert(_el$57, createComponent(Show, {
-                  get when() {
-                    return installMeta()?.version;
-                  },
-                  get children() {
-                    var _el$59 = _tmpl$20();
-                    _el$59.firstChild;
-                    insert(_el$59, () => installMeta().version, null);
-                    return _el$59;
-                  }
-                }), null);
-                insert(_el$56, createComponent(Show, {
-                  get when() {
-                    return memo(() => !!installPlugins())() && installPlugins().length > 0;
-                  },
-                  get fallback() {
-                    return createComponent(Show, {
-                      get when() {
-                        return memo(() => !!!installBusy())() && !installError();
-                      },
-                      get children() {
-                        var _el$123 = _tmpl$49();
-                        insert(_el$123, () => installPlugins() ? "No plugins reported by this package." : "Couldn't read this package's plugin list — you can still install it.");
-                        return _el$123;
-                      }
-                    });
-                  },
-                  get children() {
-                    var _el$61 = _tmpl$21();
-                    insert(_el$61, createComponent(For, {
-                      get each() {
-                        return installPlugins();
-                      },
-                      children: (p) => (() => {
-                        var _el$124 = _tmpl$36(), _el$125 = _el$124.firstChild;
-                        insert(_el$125, () => p.name || p.id);
-                        insert(_el$124, createComponent(Show, {
-                          get when() {
-                            return p.type;
-                          },
-                          get children() {
-                            var _el$126 = _tmpl$34();
-                            insert(_el$126, () => prettyType(p.type));
-                            return _el$126;
-                          }
-                        }), null);
-                        insert(_el$124, createComponent(Show, {
-                          get when() {
-                            return p.unlisted;
-                          },
-                          get children() {
-                            return createComponent(UnlistedBadge, {});
-                          }
-                        }), null);
-                        insert(_el$124, createComponent(Show, {
-                          get when() {
-                            return datatypesLabel(p.supportedDatatypes);
-                          },
-                          get children() {
-                            var _el$127 = _tmpl$35();
-                            _el$127.firstChild;
-                            insert(_el$127, () => datatypesLabel(p.supportedDatatypes), null);
-                            return _el$127;
-                          }
-                        }), null);
-                        effect(() => _el$125.classList.toggle("is-unlisted", !!p.unlisted));
-                        return _el$124;
-                      })()
-                    }));
-                    return _el$61;
-                  }
-                }), null);
-                return _el$56;
-              }
-            }), null);
-            return _el$53;
-          }
-        }), _el$62);
-        insert(_el$62, createComponent(Show, {
-          get when() {
-            return alreadyInstalled();
-          },
-          get children() {
-            return _tmpl$24();
-          }
-        }), _el$64);
-        _el$64.$$click = closeInstall;
-        _el$65.$$click = doInstall;
-        effect(() => _el$65.disabled = !installValid() || alreadyInstalled());
-        effect(() => _el$52.value = installUrl());
-        return _el$46;
-      }
-    }), null);
-    effect(() => _el$19.value = search());
-    return _el$16;
-  })();
-}
-delegateEvents(["click", "input", "keydown"]);
-function mount(handle, element) {
-  return render(() => createComponent(Packages, {
-    handle,
-    element
-  }), element);
-}
-export {
-  mount
-};