@inkandswitch/patchwork-pkg-base 0.0.81 → 0.0.83

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

@@ -0,0 +1,1753 @@
+import { insert, memo, effect, className, setAttribute, template, createComponent, delegateEvents, addEventListener, use, render } from "solid-js/web";
+import { createSignal, onCleanup, createMemo, createEffect, createContext, useContext, 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 isHttpUrl(url) {
+  return typeof url === "string" && /^https?:/i.test(url);
+}
+function isInstallableUrl(url) {
+  if (isAutomergeUrl(url)) {
+    const id = documentIdOf(url);
+    return !!id && id.length >= 16;
+  }
+  if (isHttpUrl(url)) {
+    try {
+      new URL(url);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  return false;
+}
+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
+      });
+    }
+  }
+  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;
+    out.push({
+      name,
+      url,
+      key: moduleKey(url) ?? url,
+      moduleKeys: moduleKeySet(modules)
+    });
+  }
+  return out;
+}
+function systemModuleKeys(sources, viewedKey) {
+  const keys = /* @__PURE__ */ new Set();
+  for (const source of sources) {
+    if (viewedKey && source.key === viewedKey) continue;
+    for (const key of source.moduleKeys) keys.add(key);
+  }
+  return keys;
+}
+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;
+}
+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 endsInBuildDir(parts) {
+  return parts.length > 0 && BUILD_DIRS.has(parts[parts.length - 1].toLowerCase());
+}
+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 (isHttpUrl(importUrl)) {
+    try {
+      const u = new URL(importUrl);
+      const dirs = dirSegments(u);
+      const candidates = [dirs.join("/")];
+      while (endsInBuildDir(dirs)) {
+        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 (isHttpUrl(importUrl)) {
+    try {
+      const u = new URL(importUrl);
+      const parts = dirSegments(u);
+      while (endsInBuildDir(parts)) parts.pop();
+      return parts[parts.length - 1] || u.hostname;
+    } catch {
+      return importUrl;
+    }
+  }
+  return importUrl;
+}
+function usePackageData(handle) {
+  const [doc, setDoc] = createSignal(handle.doc());
+  const onChange = () => setDoc(handle.doc());
+  handle.on("change", onChange);
+  onCleanup(() => handle.off("change", onChange));
+  const installedKeys = createMemo(() => moduleKeySet(doc()?.modules));
+  const { snapshot } = useLiveRegistries();
+  const viewedKey = moduleKey(handle.url);
+  const settingsSources = createMemo(() => {
+    snapshot();
+    return readSettingsSources();
+  });
+  const systemKeys = createMemo(
+    () => systemModuleKeys(settingsSources(), viewedKey)
+  );
+  const systemPackageListUrl = createMemo(
+    () => settingsSources().find((source) => source.name === "system")?.url
+  );
+  const isCustomSystemPackageList = createMemo(
+    () => systemPackageListUrl() !== void 0 && systemPackageListUrl() !== "/modules.json"
+  );
+  const isWatchedPackageList = createMemo(
+    () => !!viewedKey && settingsSources().some((source) => source.key === viewedKey)
+  );
+  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 [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)
+      };
+    });
+  });
+  return {
+    doc,
+    installedKeys,
+    snapshot,
+    enriched,
+    headsFor,
+    systemPackageListUrl,
+    isCustomSystemPackageList,
+    isWatchedPackageList
+  };
+}
+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);
+}
+function useBrokenModules(modules, snapshot) {
+  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 (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 infoFor = (url) => brokenInfo()[moduleKey(url)];
+  return { brokenModules, infoFor };
+}
+const VIEW_LABEL = {
+  packages: "By package",
+  registries: "By type",
+  table: "Table"
+};
+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 filterEntries(entries, search, origin) {
+  const q = search.trim().toLowerCase();
+  return entries.filter((e) => {
+    if (origin !== "all" && e.origin !== origin) 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;
+  });
+}
+function countOrigins(entries) {
+  const counts = {
+    installed: 0,
+    ephemeral: 0,
+    core: 0,
+    unknown: 0
+  };
+  for (const e of entries) counts[e.origin]++;
+  return counts;
+}
+const byName = (a, b) => a.name.localeCompare(b.name);
+function groupByPackage(entries) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const e of entries) {
+    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(byName);
+  arr.sort(
+    (a, b) => originRank(a.origin) - originRank(b.origin) || a.name.localeCompare(b.name)
+  );
+  return arr;
+}
+function groupByType(entries) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const e of entries) {
+    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(byName) })).sort((a, b) => a.registry.localeCompare(b.registry));
+}
+function sortRows(entries, key, ascending) {
+  const dir = ascending ? 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 [...entries].sort(
+    (a, b) => value(a).localeCompare(value(b)) * dir || byName(a, b)
+  );
+}
+var _tmpl$$4 = /* @__PURE__ */ template(`<li class=pw-more><button class=pw-more__btn>`), _tmpl$2$4 = /* @__PURE__ */ template(`<span class=pw-packages__origin>`), _tmpl$3$4 = /* @__PURE__ */ template(`<span class=pw-packages__unlisted title="Hidden from new-document menus and pickers">unlisted`), _tmpl$4$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5$4 = /* @__PURE__ */ template(`<span class=pw-plugin__supports><span class=pw-plugin__supports-label>supports</span> `), _tmpl$6$3 = /* @__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$3 = /* @__PURE__ */ template(`<span class=pw-plugin__type>`), _tmpl$8$3 = /* @__PURE__ */ template(`<span class=pw-install__plugin-supports>supports `), _tmpl$9$3 = /* @__PURE__ */ template(`<li class=pw-install__plugin><span class=pw-install__plugin-name>`), _tmpl$0$1 = /* @__PURE__ */ template(`<div class=pw-source__lines>`), _tmpl$1$1 = /* @__PURE__ */ template(`<span class=pw-source__none>no import url`), _tmpl$10$1 = /* @__PURE__ */ template(`<button class=pw-actions__btn>open`), _tmpl$11$1 = /* @__PURE__ */ template(`<button class="pw-actions__btn pw-actions__btn--danger"title="Remove this module from the settings doc you're viewing">delete`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=pw-actions>`);
+const PackagesContext = createContext();
+const PackagesProvider = PackagesContext.Provider;
+function useActions() {
+  const actions = useContext(PackagesContext);
+  if (!actions) throw new Error("packages: bits used outside PackagesProvider");
+  return actions;
+}
+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$$4(), _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 OriginBadge(props) {
+  return (() => {
+    var _el$3 = _tmpl$2$4();
+    insert(_el$3, () => ORIGIN_LABEL[props.origin]);
+    effect((_p$) => {
+      var _v$ = props.origin, _v$2 = ORIGIN_HINT[props.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;
+  })();
+}
+function UnlistedBadge() {
+  return _tmpl$3$4();
+}
+function Copyable(props) {
+  const {
+    copied,
+    copy
+  } = useActions();
+  return (() => {
+    var _el$5 = _tmpl$4$4();
+    _el$5.$$click = () => copy(props.value);
+    insert(_el$5, (() => {
+      var _c$2 = memo(() => copied() === props.value);
+      return () => _c$2() ? "copied!" : props.label ?? props.value;
+    })());
+    effect((_p$) => {
+      var _v$3 = `pw-packages__copy ${props.class ?? ""}`, _v$4 = !!(copied() === props.value), _v$5 = props.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;
+  })();
+}
+function PluginRow(props) {
+  const dts = () => datatypesLabel(props.plugin.supportedDatatypes);
+  return (() => {
+    var _el$6 = _tmpl$6$3(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+    insert(_el$8, () => props.plugin.name);
+    insert(_el$9, () => prettyType(props.plugin.type));
+    insert(_el$6, createComponent(Show, {
+      get when() {
+        return props.plugin.unlisted;
+      },
+      get children() {
+        return createComponent(UnlistedBadge, {});
+      }
+    }), null);
+    insert(_el$6, createComponent(Copyable, {
+      get value() {
+        return props.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$4(), _el$1 = _el$0.firstChild;
+        _el$1.nextSibling;
+        insert(_el$0, dts, null);
+        return _el$0;
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$6 = props.plugin.origin, _v$7 = !!props.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;
+  })();
+}
+function DeclaredPluginRow(props) {
+  const dts = () => datatypesLabel(props.plugin.supportedDatatypes);
+  return (() => {
+    var _el$11 = _tmpl$9$3(), _el$12 = _el$11.firstChild;
+    insert(_el$12, () => props.plugin.name || props.plugin.id);
+    insert(_el$11, createComponent(Show, {
+      get when() {
+        return props.plugin.type;
+      },
+      get children() {
+        var _el$13 = _tmpl$7$3();
+        insert(_el$13, () => prettyType(props.plugin.type));
+        return _el$13;
+      }
+    }), null);
+    insert(_el$11, createComponent(Show, {
+      get when() {
+        return props.plugin.unlisted;
+      },
+      get children() {
+        return createComponent(UnlistedBadge, {});
+      }
+    }), null);
+    insert(_el$11, createComponent(Show, {
+      get when() {
+        return dts();
+      },
+      get children() {
+        var _el$14 = _tmpl$8$3();
+        _el$14.firstChild;
+        insert(_el$14, dts, null);
+        return _el$14;
+      }
+    }), null);
+    effect(() => _el$12.classList.toggle("is-unlisted", !!props.plugin.unlisted));
+    return _el$11;
+  })();
+}
+function SourceLine(props) {
+  const {
+    headsFor
+  } = useActions();
+  const heads = () => headsFor(props.importUrl);
+  const pinned = () => pinnedModuleUrl(props.importUrl, heads());
+  return createComponent(Show, {
+    get when() {
+      return props.importUrl;
+    },
+    get fallback() {
+      return _tmpl$1$1();
+    },
+    get children() {
+      var _el$16 = _tmpl$0$1();
+      insert(_el$16, createComponent(Copyable, {
+        get value() {
+          return bareModuleUrl(props.importUrl);
+        },
+        "class": "pw-source__url",
+        title: "importUrl — click to copy"
+      }), null);
+      insert(_el$16, 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$16;
+    }
+  });
+}
+const hasActions = (importUrl, origin) => isAutomergeUrl(importUrl) || origin === "installed";
+function SourceActions(props) {
+  const {
+    openDoc,
+    uninstall
+  } = useActions();
+  return createComponent(Show, {
+    get when() {
+      return hasActions(props.importUrl, props.origin);
+    },
+    get children() {
+      var _el$18 = _tmpl$12$1();
+      insert(_el$18, createComponent(Show, {
+        get when() {
+          return isAutomergeUrl(props.importUrl);
+        },
+        get children() {
+          var _el$19 = _tmpl$10$1();
+          _el$19.$$click = () => openDoc(props.importUrl);
+          return _el$19;
+        }
+      }), null);
+      insert(_el$18, createComponent(Show, {
+        get when() {
+          return props.origin === "installed";
+        },
+        get children() {
+          var _el$20 = _tmpl$11$1();
+          _el$20.$$click = () => uninstall(props.importUrl);
+          return _el$20;
+        }
+      }), null);
+      return _el$18;
+    }
+  });
+}
+delegateEvents(["click"]);
+var _tmpl$$3 = /* @__PURE__ */ template(`<ul class=pw-cards>`), _tmpl$2$3 = /* @__PURE__ */ template(`<span class=pw-card__version>v`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=pw-card__pkgname>`), _tmpl$4$3 = /* @__PURE__ */ template(`<footer class=pw-card__foot>`), _tmpl$5$3 = /* @__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$6$2 = /* @__PURE__ */ template(`<div class=pw-registries>`), _tmpl$7$2 = /* @__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$8$2 = /* @__PURE__ */ template(`<span class=pw-regitem__supports>supports `), _tmpl$9$2 = /* @__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$0 = /* @__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$1 = /* @__PURE__ */ template(`<span class=pw-table__arrow>`), _tmpl$10 = /* @__PURE__ */ template(`<th class=pw-table__th>`), _tmpl$11 = /* @__PURE__ */ template(`<span class=pw-table__supports>`), _tmpl$12 = /* @__PURE__ */ template(`<span title="Hidden from new-document menus and pickers">✓`), _tmpl$13 = /* @__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>`);
+function ByPackage(props) {
+  const groups = createMemo(() => groupByPackage(props.entries));
+  return (() => {
+    var _el$ = _tmpl$$3();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return groups();
+      },
+      children: (group) => (() => {
+        var _el$2 = _tmpl$5$3(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$8 = _el$5.firstChild, _el$9 = _el$8.firstChild, _el$1 = _el$3.nextSibling, _el$10 = _el$1.nextSibling;
+        insert(_el$4, () => group.name);
+        insert(_el$5, createComponent(Show, {
+          get when() {
+            return group.meta?.version;
+          },
+          get children() {
+            var _el$6 = _tmpl$2$3();
+            _el$6.firstChild;
+            insert(_el$6, () => group.meta.version, null);
+            return _el$6;
+          }
+        }), _el$8);
+        insert(_el$5, createComponent(OriginBadge, {
+          get origin() {
+            return group.origin;
+          }
+        }), _el$8);
+        insert(_el$8, () => group.plugins.length, _el$9);
+        insert(_el$8, () => group.plugins.length === 1 ? "" : "s", null);
+        insert(_el$2, createComponent(Show, {
+          get when() {
+            return memo(() => !!group.meta?.name)() && group.meta?.name !== group.name;
+          },
+          get children() {
+            var _el$0 = _tmpl$3$3();
+            insert(_el$0, () => group.meta.name);
+            return _el$0;
+          }
+        }), _el$1);
+        insert(_el$1, createComponent(SourceLine, {
+          get importUrl() {
+            return group.importUrl;
+          }
+        }));
+        insert(_el$10, createComponent(Collapsible, {
+          get each() {
+            return group.plugins;
+          },
+          render: (plugin) => createComponent(PluginRow, {
+            plugin
+          })
+        }));
+        insert(_el$2, createComponent(Show, {
+          get when() {
+            return hasActions(group.importUrl, group.origin);
+          },
+          get children() {
+            var _el$11 = _tmpl$4$3();
+            insert(_el$11, createComponent(SourceActions, {
+              get importUrl() {
+                return group.importUrl;
+              },
+              get origin() {
+                return group.origin;
+              }
+            }));
+            return _el$11;
+          }
+        }), null);
+        effect(() => setAttribute(_el$2, "data-origin", group.origin));
+        return _el$2;
+      })()
+    }));
+    return _el$;
+  })();
+}
+function ByType(props) {
+  const groups = createMemo(() => groupByType(props.entries));
+  return (() => {
+    var _el$12 = _tmpl$6$2();
+    insert(_el$12, createComponent(For, {
+      get each() {
+        return groups();
+      },
+      children: (group) => (() => {
+        var _el$13 = _tmpl$7$2(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$14.nextSibling;
+        insert(_el$15, () => group.registry);
+        insert(_el$16, () => group.plugins.length);
+        insert(_el$17, createComponent(Collapsible, {
+          get each() {
+            return group.plugins;
+          },
+          render: (plugin) => createComponent(TypeRow, {
+            plugin
+          })
+        }));
+        return _el$13;
+      })()
+    }));
+    return _el$12;
+  })();
+}
+function TypeRow(props) {
+  const dts = () => datatypesLabel(props.plugin.supportedDatatypes);
+  return (() => {
+    var _el$18 = _tmpl$9$2(), _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$23 = _el$19.nextSibling, _el$24 = _el$23.firstChild;
+    insert(_el$20, () => props.plugin.name);
+    insert(_el$19, createComponent(Copyable, {
+      get value() {
+        return props.plugin.id;
+      },
+      "class": "pw-regitem__id",
+      title: "Plugin id — click to copy"
+    }), null);
+    insert(_el$19, createComponent(OriginBadge, {
+      get origin() {
+        return props.plugin.origin;
+      }
+    }), null);
+    insert(_el$19, createComponent(Show, {
+      get when() {
+        return props.plugin.unlisted;
+      },
+      get children() {
+        return createComponent(UnlistedBadge, {});
+      }
+    }), null);
+    insert(_el$19, createComponent(Show, {
+      get when() {
+        return dts();
+      },
+      get children() {
+        var _el$21 = _tmpl$8$2();
+        _el$21.firstChild;
+        insert(_el$21, dts, null);
+        return _el$21;
+      }
+    }), null);
+    insert(_el$24, () => props.plugin.pkgName);
+    insert(_el$23, createComponent(SourceLine, {
+      get importUrl() {
+        return props.plugin.importUrl;
+      }
+    }), null);
+    insert(_el$23, createComponent(SourceActions, {
+      get importUrl() {
+        return props.plugin.importUrl;
+      },
+      get origin() {
+        return props.plugin.origin;
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$ = props.plugin.origin, _v$2 = !!props.plugin.unlisted;
+      _v$ !== _p$.e && setAttribute(_el$18, "data-origin", _p$.e = _v$);
+      _v$2 !== _p$.t && _el$20.classList.toggle("is-unlisted", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$18;
+  })();
+}
+const COLUMNS = [["name", "Name"], ["registry", "Registry"], ["id", "Id"], ["package", "Package"], ["origin", "Origin"], ["unlisted", "Unlisted"]];
+function Table(props) {
+  const rows = createMemo(() => sortRows(props.entries, props.sortKey, props.sortAsc));
+  return (() => {
+    var _el$25 = _tmpl$0(), _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$27.nextSibling;
+    insert(_el$28, createComponent(For, {
+      each: COLUMNS,
+      children: ([key, label]) => (() => {
+        var _el$31 = _tmpl$10();
+        _el$31.$$click = () => props.onSort(key);
+        insert(_el$31, label, null);
+        insert(_el$31, createComponent(Show, {
+          get when() {
+            return props.sortKey === key;
+          },
+          get children() {
+            var _el$32 = _tmpl$1();
+            insert(_el$32, () => props.sortAsc ? "▲" : "▼");
+            return _el$32;
+          }
+        }), null);
+        effect(() => setAttribute(_el$31, "data-sorted", props.sortKey === key ? "" : void 0));
+        return _el$31;
+      })()
+    }), _el$29);
+    insert(_el$30, createComponent(For, {
+      get each() {
+        return rows();
+      },
+      children: (e) => (() => {
+        var _el$33 = _tmpl$13(), _el$34 = _el$33.firstChild, _el$36 = _el$34.nextSibling, _el$37 = _el$36.nextSibling, _el$38 = _el$37.nextSibling, _el$39 = _el$38.nextSibling, _el$40 = _el$39.nextSibling, _el$42 = _el$40.nextSibling, _el$43 = _el$42.firstChild;
+        insert(_el$34, () => e.name, null);
+        insert(_el$34, createComponent(Show, {
+          get when() {
+            return datatypesLabel(e.supportedDatatypes);
+          },
+          get children() {
+            var _el$35 = _tmpl$11();
+            insert(_el$35, () => datatypesLabel(e.supportedDatatypes));
+            return _el$35;
+          }
+        }), null);
+        insert(_el$36, () => e.registry);
+        insert(_el$37, createComponent(Copyable, {
+          get value() {
+            return e.id;
+          },
+          "class": "pw-table__id"
+        }));
+        insert(_el$38, () => e.pkgName);
+        insert(_el$39, createComponent(OriginBadge, {
+          get origin() {
+            return e.origin;
+          }
+        }));
+        insert(_el$40, createComponent(Show, {
+          get when() {
+            return e.unlisted;
+          },
+          get children() {
+            return _tmpl$12();
+          }
+        }));
+        insert(_el$43, createComponent(SourceLine, {
+          get importUrl() {
+            return e.importUrl;
+          }
+        }), null);
+        insert(_el$43, createComponent(SourceActions, {
+          get importUrl() {
+            return e.importUrl;
+          },
+          get origin() {
+            return e.origin;
+          }
+        }), null);
+        effect((_p$) => {
+          var _v$3 = e.origin, _v$4 = !!e.unlisted;
+          _v$3 !== _p$.e && setAttribute(_el$33, "data-origin", _p$.e = _v$3);
+          _v$4 !== _p$.t && _el$34.classList.toggle("is-unlisted", _p$.t = _v$4);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$33;
+      })()
+    }));
+    return _el$25;
+  })();
+}
+delegateEvents(["click"]);
+var _tmpl$$2 = /* @__PURE__ */ template(`<div class=pw-broken>`), _tmpl$2$2 = /* @__PURE__ */ template(`<span class=pw-broken__name>`), _tmpl$3$2 = /* @__PURE__ */ template(`<span class=pw-card__version>v`), _tmpl$4$2 = /* @__PURE__ */ template(`<ul class="pw-install__plugins pw-broken__plugins">`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=pw-broken__box role=alert><div class=pw-broken__head><span class=pw-broken__label>Failed to import</span></div><pre class=pw-broken__trace>`);
+function BrokenModules(props) {
+  return (() => {
+    var _el$ = _tmpl$$2();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return props.modules;
+      },
+      children: (b) => {
+        const meta = () => props.infoFor(b.url)?.meta;
+        const declared = () => props.infoFor(b.url)?.plugins;
+        return (() => {
+          var _el$2 = _tmpl$5$2(), _el$3 = _el$2.firstChild;
+          _el$3.firstChild;
+          var _el$9 = _el$3.nextSibling;
+          insert(_el$3, createComponent(Show, {
+            get when() {
+              return meta()?.title || meta()?.name;
+            },
+            get children() {
+              return [(() => {
+                var _el$5 = _tmpl$2$2();
+                insert(_el$5, () => meta().title || meta().name);
+                return _el$5;
+              })(), createComponent(Show, {
+                get when() {
+                  return meta()?.version;
+                },
+                get children() {
+                  var _el$6 = _tmpl$3$2();
+                  _el$6.firstChild;
+                  insert(_el$6, () => meta().version, null);
+                  return _el$6;
+                }
+              })];
+            }
+          }), null);
+          insert(_el$3, createComponent(Copyable, {
+            get value() {
+              return b.url;
+            },
+            "class": "pw-broken__url",
+            title: "module URL — click to copy"
+          }), null);
+          insert(_el$3, createComponent(SourceActions, {
+            get importUrl() {
+              return b.url;
+            },
+            origin: "installed"
+          }), null);
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return memo(() => !!declared())() && declared().length > 0;
+            },
+            get children() {
+              var _el$8 = _tmpl$4$2();
+              insert(_el$8, createComponent(For, {
+                get each() {
+                  return declared();
+                },
+                children: (p) => createComponent(DeclaredPluginRow, {
+                  plugin: p
+                })
+              }));
+              return _el$8;
+            }
+          }), _el$9);
+          insert(_el$9, () => b.error);
+          return _el$2;
+        })();
+      }
+    }));
+    return _el$;
+  })();
+}
+var _tmpl$$1 = /* @__PURE__ */ template(`<div class=pw-install__error>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=pw-install__loading>Reading package…`), _tmpl$3$1 = /* @__PURE__ */ template(`<span class=pw-install__version>v`), _tmpl$4$1 = /* @__PURE__ */ template(`<ul class=pw-install__plugins>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=pw-install__card><div class=pw-install__card-head><h3 class=pw-install__pkg>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=pw-install__preview>`), _tmpl$7$1 = /* @__PURE__ */ template(`<span class=pw-install__already>Already in your package list`), _tmpl$8$1 = /* @__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$9$1 = /* @__PURE__ */ template(`<div class=pw-install__none>`);
+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 InstallModal(props) {
+  const [url, setUrl] = createSignal(props.initialUrl);
+  const [busy, setBusy] = createSignal(false);
+  const [plugins, setPlugins] = createSignal(null);
+  const [meta, setMeta] = createSignal(null);
+  const [error, setError] = createSignal(null);
+  const target = createMemo(() => url().trim());
+  const valid = createMemo(() => isInstallableUrl(target()));
+  const alreadyInstalled = createMemo(() => {
+    const key = moduleKey(target());
+    return !!key && props.installedKeys.has(key);
+  });
+  const resetPreview = () => {
+    setBusy(false);
+    setPlugins(null);
+    setMeta(null);
+    setError(null);
+  };
+  let previewToken = 0;
+  onCleanup(() => previewToken++);
+  createEffect(() => {
+    const raw = target();
+    resetPreview();
+    if (!raw) return;
+    if (!valid()) {
+      setError("That doesn't look like an automerge: or https:// URL.");
+      return;
+    }
+    const token = ++previewToken;
+    setBusy(true);
+    const timer = setTimeout(() => {
+      void previewPackage(raw).then((res) => {
+        if (token !== previewToken) return;
+        setBusy(false);
+        setMeta(res.meta);
+        setPlugins(res.plugins);
+        if (res.error) setError(res.error);
+      });
+    }, 350);
+    onCleanup(() => clearTimeout(timer));
+  });
+  const add = () => {
+    if (!valid()) return;
+    if (!alreadyInstalled()) props.onAdd(target());
+    props.onClose();
+  };
+  return (() => {
+    var _el$ = _tmpl$8$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling, _el$7 = _el$6.nextSibling, _el$15 = _el$7.nextSibling, _el$17 = _el$15.firstChild, _el$18 = _el$17.nextSibling;
+    _el$.$$keydown = (e) => {
+      if (e.key === "Escape") props.onClose();
+    };
+    _el$.$$click = (e) => {
+      if (e.target === e.currentTarget) props.onClose();
+    };
+    addEventListener(_el$5, "click", props.onClose, true);
+    _el$7.$$keydown = (e) => {
+      if (e.key === "Enter" && valid() && !alreadyInstalled()) {
+        e.preventDefault();
+        add();
+      }
+    };
+    _el$7.$$input = (e) => setUrl(e.currentTarget.value);
+    use((el) => setTimeout(() => el.focus(), 0), _el$7);
+    setAttribute(_el$7, "spellcheck", false);
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return target();
+      },
+      get children() {
+        var _el$8 = _tmpl$6$1();
+        insert(_el$8, createComponent(Show, {
+          get when() {
+            return error();
+          },
+          get children() {
+            var _el$9 = _tmpl$$1();
+            insert(_el$9, error);
+            return _el$9;
+          }
+        }), null);
+        insert(_el$8, createComponent(Show, {
+          get when() {
+            return busy();
+          },
+          get children() {
+            return _tmpl$2$1();
+          }
+        }), null);
+        insert(_el$8, createComponent(Show, {
+          get when() {
+            return memo(() => !!valid())() && (meta() || plugins());
+          },
+          get children() {
+            var _el$1 = _tmpl$5$1(), _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild;
+            insert(_el$11, () => meta()?.title || meta()?.name || packageDisplayName(bareModuleUrl(target()), meta() ?? void 0));
+            insert(_el$10, createComponent(Show, {
+              get when() {
+                return meta()?.version;
+              },
+              get children() {
+                var _el$12 = _tmpl$3$1();
+                _el$12.firstChild;
+                insert(_el$12, () => meta().version, null);
+                return _el$12;
+              }
+            }), null);
+            insert(_el$1, createComponent(Show, {
+              get when() {
+                return memo(() => !!plugins())() && plugins().length > 0;
+              },
+              get fallback() {
+                return createComponent(Show, {
+                  get when() {
+                    return memo(() => !!!busy())() && !error();
+                  },
+                  get children() {
+                    var _el$19 = _tmpl$9$1();
+                    insert(_el$19, () => plugins() ? "No plugins reported by this package." : "Couldn't read this package's plugin list — you can still install it.");
+                    return _el$19;
+                  }
+                });
+              },
+              get children() {
+                var _el$14 = _tmpl$4$1();
+                insert(_el$14, createComponent(For, {
+                  get each() {
+                    return plugins();
+                  },
+                  children: (p) => createComponent(DeclaredPluginRow, {
+                    plugin: p
+                  })
+                }));
+                return _el$14;
+              }
+            }), null);
+            return _el$1;
+          }
+        }), null);
+        return _el$8;
+      }
+    }), _el$15);
+    insert(_el$15, createComponent(Show, {
+      get when() {
+        return alreadyInstalled();
+      },
+      get children() {
+        return _tmpl$7$1();
+      }
+    }), _el$17);
+    addEventListener(_el$17, "click", props.onClose, true);
+    _el$18.$$click = add;
+    effect(() => _el$18.disabled = !valid() || alreadyInstalled());
+    effect(() => _el$7.value = url());
+    return _el$;
+  })();
+}
+delegateEvents(["click", "keydown", "input"]);
+var _tmpl$ = /* @__PURE__ */ template(`<span class=pw-packages__stat-of> / `), _tmpl$2 = /* @__PURE__ */ template(`<div class=pw-package-notice role=status>Using a custom system package list.`), _tmpl$3 = /* @__PURE__ */ template(`<div class=pw-package-notice role=alert>This package list is not being watched by this window.`), _tmpl$4 = /* @__PURE__ */ template(`<div class=pw-package-notices>`), _tmpl$5 = /* @__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$6 = /* @__PURE__ */ template(`<button class=pw-packages__tab>`), _tmpl$7 = /* @__PURE__ */ template(`<span class=pw-packages__origin-count>`), _tmpl$8 = /* @__PURE__ */ template(`<button class=pw-packages__origin-chip>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=pw-packages__empty>`);
+const ORIGIN_CHIPS = [["all", "all"], ["installed", ORIGIN_LABEL.installed], ["core", ORIGIN_LABEL.core], ["ephemeral", ORIGIN_LABEL.ephemeral]];
+function Packages(props) {
+  const data = usePackageData(props.handle);
+  const broken = useBrokenModules(() => data.doc()?.modules, data.snapshot);
+  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(() => countOrigins(data.enriched()));
+  const filtered = createMemo(() => filterEntries(data.enriched(), search(), originFilter()));
+  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: data.enriched().length,
+      packages: packages.size,
+      registries: registries.size
+    };
+  });
+  const toggleSort = (key) => {
+    if (sortKey() === key) setSortAsc((v) => !v);
+    else {
+      setSortKey(key);
+      setSortAsc(true);
+    }
+  };
+  const [copied, setCopied] = createSignal(null);
+  let copyTimer;
+  onCleanup(() => clearTimeout(copyTimer));
+  const actions = {
+    copied,
+    copy(value) {
+      try {
+        void navigator.clipboard?.writeText(value);
+      } catch {
+      }
+      setCopied(value);
+      clearTimeout(copyTimer);
+      copyTimer = setTimeout(() => setCopied(null), 1200);
+    },
+    headsFor: data.headsFor,
+    openDoc(url) {
+      props.element.dispatchEvent(new CustomEvent("patchwork:open-document", {
+        detail: {
+          url
+        },
+        bubbles: true,
+        composed: true
+      }));
+    },
+    // Remove a module from the settings doc you're viewing AND deactivate its
+    // plugins from the live registries so it disappears now, not just on
+    // reload. The doc stores bare module URLs while a plugin's importUrl is
+    // heads-pinned, so both sides match by key.
+    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 [installUrl, setInstallUrl] = createSignal(null);
+  const install = (url) => {
+    const key = moduleKey(url);
+    if (!key) return;
+    props.handle.change((d) => {
+      if (!Array.isArray(d.modules)) d.modules = [];
+      if (!d.modules.some((m) => moduleKey(m) === key)) d.modules.push(url);
+    });
+  };
+  const onSearchPaste = (event) => {
+    const pasted = event.clipboardData?.getData("text")?.trim() ?? "";
+    if (!isInstallableUrl(pasted)) return;
+    event.preventDefault();
+    setInstallUrl(pasted);
+  };
+  return createComponent(PackagesProvider, {
+    value: actions,
+    get children() {
+      var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$0 = _el$7.nextSibling, _el$1 = _el$6.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$1.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$3.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
+      _el$4.addEventListener("paste", onSearchPaste);
+      _el$4.$$input = (e) => setSearch(e.currentTarget.value);
+      insert(_el$7, () => stats().plugins);
+      insert(_el$6, createComponent(Show, {
+        get when() {
+          return stats().plugins !== stats().total;
+        },
+        get children() {
+          var _el$8 = _tmpl$();
+          _el$8.firstChild;
+          insert(_el$8, () => stats().total, null);
+          return _el$8;
+        }
+      }), _el$0);
+      insert(_el$10, () => stats().packages);
+      insert(_el$12, () => stats().registries);
+      insert(_el$14, createComponent(For, {
+        each: ["packages", "registries", "table"],
+        children: (v) => (() => {
+          var _el$20 = _tmpl$6();
+          _el$20.$$click = () => setView(v);
+          setAttribute(_el$20, "data-view", v);
+          insert(_el$20, () => VIEW_LABEL[v]);
+          effect(() => setAttribute(_el$20, "data-active", view() === v ? "" : void 0));
+          return _el$20;
+        })()
+      }));
+      insert(_el$15, createComponent(For, {
+        each: ORIGIN_CHIPS,
+        children: ([key, label]) => (() => {
+          var _el$21 = _tmpl$8();
+          _el$21.$$click = () => setOriginFilter(key);
+          setAttribute(_el$21, "data-origin", key === "all" ? void 0 : key);
+          insert(_el$21, label, null);
+          insert(_el$21, createComponent(Show, {
+            when: key !== "all",
+            get children() {
+              var _el$22 = _tmpl$7();
+              insert(_el$22, () => originCounts()[key]);
+              return _el$22;
+            }
+          }), null);
+          effect((_p$) => {
+            var _v$ = originFilter() === key ? "" : void 0, _v$2 = key === "all" ? void 0 : ORIGIN_HINT[key];
+            _v$ !== _p$.e && setAttribute(_el$21, "data-active", _p$.e = _v$);
+            _v$2 !== _p$.t && setAttribute(_el$21, "title", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          return _el$21;
+        })()
+      }));
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return data.isCustomSystemPackageList() || !data.isWatchedPackageList();
+        },
+        get children() {
+          var _el$16 = _tmpl$4();
+          insert(_el$16, createComponent(Show, {
+            get when() {
+              return data.isCustomSystemPackageList();
+            },
+            get children() {
+              var _el$17 = _tmpl$2();
+              _el$17.firstChild;
+              insert(_el$17, createComponent(Copyable, {
+                get value() {
+                  return data.systemPackageListUrl();
+                },
+                "class": "pw-package-notice__url",
+                title: "System package list URL — click to copy"
+              }), null);
+              return _el$17;
+            }
+          }), null);
+          insert(_el$16, createComponent(Show, {
+            get when() {
+              return !data.isWatchedPackageList();
+            },
+            get children() {
+              return _tmpl$3();
+            }
+          }), null);
+          return _el$16;
+        }
+      }), null);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return memo(() => view() === "packages")() && broken.brokenModules().length > 0;
+        },
+        get children() {
+          return createComponent(BrokenModules, {
+            get modules() {
+              return broken.brokenModules();
+            },
+            get infoFor() {
+              return broken.infoFor;
+            }
+          });
+        }
+      }), null);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return filtered().length > 0;
+        },
+        get fallback() {
+          return (() => {
+            var _el$23 = _tmpl$9();
+            insert(_el$23, createComponent(Show, {
+              get when() {
+                return data.enriched().length > 0;
+              },
+              get fallback() {
+                return "No plugins are registered yet.";
+              },
+              children: "Nothing matches these filters."
+            }));
+            return _el$23;
+          })();
+        },
+        get children() {
+          return [createComponent(Show, {
+            get when() {
+              return view() === "packages";
+            },
+            get children() {
+              return createComponent(ByPackage, {
+                get entries() {
+                  return filtered();
+                }
+              });
+            }
+          }), createComponent(Show, {
+            get when() {
+              return view() === "registries";
+            },
+            get children() {
+              return createComponent(ByType, {
+                get entries() {
+                  return filtered();
+                }
+              });
+            }
+          }), createComponent(Show, {
+            get when() {
+              return view() === "table";
+            },
+            get children() {
+              return createComponent(Table, {
+                get entries() {
+                  return filtered();
+                },
+                get sortKey() {
+                  return sortKey();
+                },
+                get sortAsc() {
+                  return sortAsc();
+                },
+                onSort: toggleSort
+              });
+            }
+          })];
+        }
+      }), null);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return installUrl() !== null;
+        },
+        get children() {
+          return createComponent(InstallModal, {
+            get initialUrl() {
+              return installUrl();
+            },
+            get installedKeys() {
+              return data.installedKeys();
+            },
+            onAdd: install,
+            onClose: () => setInstallUrl(null)
+          });
+        }
+      }), null);
+      effect(() => _el$4.value = search());
+      return _el$;
+    }
+  });
+}
+delegateEvents(["input", "click"]);
+function mount(handle, element) {
+  return render(() => createComponent(Packages, {
+    handle,
+    element
+  }), element);
+}
+export {
+  mount
+};