@inkandswitch/patchwork-pkg-base 0.0.15 → 0.0.17

package/packages/contact/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@patchwork/contact",
+  "version": "0.0.0",
+  "description": "contact datatype and viewer",
+  "type": "module",
+  "private": true,
+  "main": "./dist/tool.js",
+  "exports": {
+    ".": {
+      "import": "./dist/tool.js",
+      "source": "./src/tool.ts"
+    },
+    "./style.css": "./dist/tool.css"
+  },
+  "scripts": {
+    "build": "node esbuild/build.ts",
+    "dev": "node esbuild/watch.ts",
+    "pushwatch": "pnpm dev pushwork",
+    "register": "pw-modules add \"$MODULE_SETTINGS_DOC_URL\" \"$(pushwork url)\""
+  },
+  "keywords": [],
+  "author": "Ink & Switch",
+  "dependencies": {
+    "@automerge/automerge": "^3.2.5",
+    "@automerge/automerge-repo": "^2.6.0-subduction.9",
+    "@automerge/automerge-repo-react-hooks": "^2.6.0-subduction.9",
+    "@inkandswitch/patchwork-filesystem": "^0.0.4",
+    "@inkandswitch/patchwork-plugins": "^0.0.6",
+    "@inkandswitch/patchwork-providers": "^0.2.1",
+    "@inkandswitch/patchwork-providers-react": "^0.2.1",
+    "@radix-ui/react-avatar": "^1.1.10",
+"lucide-react": "^0.469.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@inkandswitch/patchwork-bootloader": "^0.0.4",
+    "@node-types/node": "npm:@types/node@^24.9.1",
+    "@types/react": "^18.3.23",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react": "^4.5.1",
+    "esbuild": "^0.23.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "typescript": "^5.8.3"
+  }
+}

package/packages/folder/dist/datatype-HWGUFBTQ.js

@@ -0,0 +1,27 @@
+// src/datatype.js
+var FolderDatatype = {
+  init(doc) {
+    doc.title = "New Folder";
+    doc.docs = [];
+  },
+  getTitle: (doc) => doc.title || "Unnamed Folder",
+  setTitle: (doc, title) => {
+    doc.title = title;
+  }
+};
+var FileDatatype = {
+  init: () => {
+    throw new Error("Can't create empty File");
+  },
+  getTitle(doc) {
+    return doc.name || "Unnamed File";
+  },
+  setTitle(doc, title) {
+    doc.name = title;
+  }
+};
+export {
+  FileDatatype,
+  FolderDatatype
+};
+//# sourceMappingURL=datatype-HWGUFBTQ.js.map

package/packages/folder/dist/datatype-HWGUFBTQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/datatype.js"],
+  "sourcesContent": ["export const FolderDatatype = {\n  init(doc) {\n    doc.title = 'New Folder';\n    doc.docs = [];\n  },\n  getTitle: (doc) => doc.title || 'Unnamed Folder',\n  setTitle: (doc, title) => {\n    doc.title = title;\n  },\n};\n\nexport const FileDatatype = {\n  init: () => {\n    throw new Error(\"Can't create empty File\");\n  },\n  getTitle(doc) {\n    return doc.name || 'Unnamed File';\n  },\n  setTitle(doc, title) {\n    doc.name = title;\n  },\n};\n"],
+  "mappings": ";AAAO,IAAM,iBAAiB;AAAA,EAC5B,KAAK,KAAK;AACR,QAAI,QAAQ;AACZ,QAAI,OAAO,CAAC;AAAA,EACd;AAAA,EACA,UAAU,CAAC,QAAQ,IAAI,SAAS;AAAA,EAChC,UAAU,CAAC,KAAK,UAAU;AACxB,QAAI,QAAQ;AAAA,EACd;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B,MAAM,MAAM;AACV,UAAM,IAAI,MAAM,yBAAyB;AAAA,EAC3C;AAAA,EACA,SAAS,KAAK;AACZ,WAAO,IAAI,QAAQ;AAAA,EACrB;AAAA,EACA,SAAS,KAAK,OAAO;AACnB,QAAI,OAAO;AAAA,EACb;AACF;",
+  "names": []
+}

package/packages/folder/dist/index.js

@@ -0,0 +1,27 @@
+// src/index.js
+var plugins = [
+  {
+    type: "patchwork:datatype",
+    id: "folder",
+    name: "Folder",
+    icon: "Folder",
+    async load() {
+      const { FolderDatatype } = await import("./datatype-HWGUFBTQ.js");
+      return FolderDatatype;
+    }
+  },
+  {
+    type: "patchwork:tool",
+    id: "folder-viewer",
+    name: "Folder Viewer",
+    supportedDatatypes: ["folder"],
+    async load() {
+      const { FolderTool } = await import("./tool-62JZAZRP.js");
+      return FolderTool;
+    }
+  }
+];
+export {
+  plugins
+};
+//# sourceMappingURL=index.js.map

package/packages/folder/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["export const plugins = [\n  {\n    type: 'patchwork:datatype',\n    id: 'folder',\n    name: 'Folder',\n    icon: 'Folder',\n    async load() {\n      const { FolderDatatype } = await import('./datatype.js');\n      return FolderDatatype;\n    },\n  },\n  {\n    type: 'patchwork:tool',\n    id: 'folder-viewer',\n    name: 'Folder Viewer',\n    supportedDatatypes: ['folder'],\n    async load() {\n      const { FolderTool } = await import('./tool.js');\n      return FolderTool;\n    },\n  }\n];\n"],
+  "mappings": ";AAAO,IAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,OAAO;AACX,YAAM,EAAE,eAAe,IAAI,MAAM,OAAO,wBAAe;AACvD,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,oBAAoB,CAAC,QAAQ;AAAA,IAC7B,MAAM,OAAO;AACX,YAAM,EAAE,WAAW,IAAI,MAAM,OAAO,oBAAW;AAC/C,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/packages/folder/dist/tool-62JZAZRP.js

@@ -0,0 +1,366 @@
+// src/tool.js
+import {
+  parseAutomergeUrl,
+  isValidAutomergeUrl
+} from "@automerge/automerge-repo";
+import { openDocument } from "@inkandswitch/patchwork-elements";
+import {
+  getRegistry,
+  createDocOfDatatype2
+} from "@inkandswitch/patchwork-plugins";
+
+// src/styles.css
+var styles_default = "@layer package {\n:root,\n:host,\n[theme] {\n  /* The well the cards sit in \u2014 slightly recessed surface. */\n  --folder-view-well: var(--editor-fill-offset-10, #f2f2f2);\n  --folder-view-well-edge: var(--editor-fill-offset-30, #d6d6d6);\n  --folder-view-fg: var(--editor-line, black);\n  --folder-view-muted: var(--editor-line-offset-50, #999);\n  --folder-view-border: var(--editor-fill-offset-20, #e5e5e5);\n\n  /* A card = a raised surface sitting on the well. */\n  --folder-view-card: var(--editor-fill, white);\n  --folder-view-card-border: var(--editor-fill-offset-20, #e5e5e5);\n\n  --folder-view-accent: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n  --folder-view-accent-line: var(--studio-primary-line, var(--editor-fill, white));\n  --folder-view-accent-text: var(--editor-primary-text, var(--studio-primary-text, var(--studio-primary, #35f7ca)));\n  --folder-view-hover: var(--editor-fill-offset-10, #f2f2f2);\n\n  /* Layered drop shadow so a card reads as a solid object resting on the\n     well \u2014 a tight contact shadow plus a softer cast one. Derived from the\n     theme line colour so it inverts in dark themes. */\n  --folder-view-card-shadow: 0 1px 2px\n      color-mix(in oklch, var(--editor-line, black), transparent 94%),\n    0 2px 8px color-mix(in oklch, var(--editor-line, black), transparent 96%);\n  --folder-view-card-shadow-hover: 0 2px 4px\n      color-mix(in oklch, var(--editor-line, black), transparent 90%),\n    0 8px 20px color-mix(in oklch, var(--editor-line, black), transparent 93%);\n\n  --folder-view-family: var(--editor-family-sans, system-ui, sans-serif);\n}\n}\n\n/* Block: the whole tool. A sunken well with an inset edge. */\n.folder-view {\n  height: 100%;\n  overflow: auto;\n  padding: var(--studio-space-md, 1rem);\n  display: flex;\n  flex-direction: column;\n  gap: var(--studio-space-md, 1rem);\n  font-family: var(--folder-view-family);\n  color: var(--folder-view-fg);\n  background: var(--folder-view-well);\n  /* No outer border: the host frame already draws the lines around the pane, so\n     the well reads as flush rather than double-edged. */\n}\n\n/* State: a document is being dragged in from the sidebar. Outline the well\n   with the accent colour so it reads as an active drop target. */\n.folder-view[data-drop-active] {\n  border-color: var(--folder-view-accent);\n  box-shadow: inset 0 0 0 2px var(--folder-view-accent);\n}\n\n/* Composition: header row. New-doc button on the left, count on the right. */\n.folder-view .folder-view-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--studio-space-sm, 0.5rem);\n  padding-bottom: var(--studio-space-sm, 0.5rem);\n  border-bottom: 1px solid var(--folder-view-border);\n}\n\n/* Composition: the create-new control \u2014 a button anchoring a type-picker. */\n.folder-view .folder-create {\n  position: relative;\n}\n\n.folder-view .folder-create-button {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--studio-space-2xs, 0.25rem);\n  font: inherit;\n  font-size: 0.8rem;\n  color: var(--folder-view-accent-line);\n  background: var(--folder-view-accent);\n  border: 1px solid transparent;\n  border-radius: var(--studio-radius-sm, 4px);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  cursor: pointer;\n  transition: filter var(--studio-transition-fast, 0.1s ease);\n}\n\n.folder-view .folder-create-button:hover {\n  filter: brightness(0.96);\n}\n\n.folder-view .folder-create-icon {\n  font-size: 1rem;\n  line-height: 1;\n}\n\n/* The type-picker popover, anchored under the button. */\n.folder-view .folder-create-menu {\n  position: absolute;\n  top: calc(100% + var(--studio-space-2xs, 0.25rem));\n  left: 0;\n  z-index: 10;\n  min-width: 12rem;\n  max-height: 16rem;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  padding: var(--studio-space-3xs, 0.125rem);\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-card-border);\n  border-radius: var(--studio-radius-md, 8px);\n  box-shadow: var(--folder-view-card-shadow-hover);\n}\n\n.folder-view .folder-create-menu[hidden] {\n  display: none;\n}\n\n.folder-view .folder-create-item {\n  text-align: left;\n  font: inherit;\n  font-size: 0.85rem;\n  color: var(--folder-view-fg);\n  background: transparent;\n  border: 0;\n  border-radius: var(--studio-radius-sm, 4px);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  cursor: pointer;\n}\n\n.folder-view .folder-create-item:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-create-empty {\n  padding: var(--studio-space-sm, 0.5rem);\n  font-size: 0.8rem;\n  color: var(--folder-view-muted);\n}\n\n.folder-view .folder-view-count {\n  font-size: 0.8rem;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border-radius: var(--studio-radius-round, 9999px);\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-border);\n}\n\n/* Composition: the list of cards. */\n.folder-view .folder-view-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--studio-space-md, 1rem);\n  padding-bottom: var(--studio-space-md, 1rem);\n}\n\n.folder-view .folder-view-empty {\n  text-align: center;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-xl, 2rem) 0;\n}\n\n.folder-view-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: var(--studio-space-md, 1rem);\n  font-family: var(--folder-view-family);\n  color: var(--folder-view-muted);\n  background: var(--folder-view-card);\n}\n\n/* Block: one rendered file/folder card \u2014 sitting on the well. */\n.folder-view .folder-entry {\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-card-border);\n  border-radius: var(--studio-radius-lg, 12px);\n  box-shadow: var(--folder-view-card-shadow);\n  overflow: hidden;\n  transition: box-shadow var(--studio-transition, 0.15s ease),\n    transform var(--studio-transition, 0.15s ease);\n}\n\n.folder-view .folder-entry:hover {\n  box-shadow: var(--folder-view-card-shadow-hover);\n  /* Lift slightly so the card feels like it peels up off the well. */\n  transform: translateY(-1px);\n}\n\n.folder-view .folder-entry-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--studio-space-sm, 0.5rem);\n  padding: var(--studio-space-sm, 0.5rem) var(--studio-space-md, 1rem);\n}\n\n.folder-view .folder-entry-title {\n  display: flex;\n  align-items: baseline;\n  gap: var(--studio-space-sm, 0.5rem);\n  min-width: 0;\n}\n\n.folder-view .folder-entry-name {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.folder-view .folder-entry-type {\n  font-size: 0.7rem;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-3xs, 0.125rem) var(--studio-space-2xs, 0.25rem);\n  border: 1px solid var(--folder-view-border);\n  border-radius: var(--studio-radius-sm, 4px);\n  flex-shrink: 0;\n}\n\n.folder-view .folder-entry-open {\n  font-size: 0.8rem;\n  color: var(--folder-view-accent-text);\n  text-decoration: none;\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border-radius: var(--studio-radius-sm, 4px);\n  flex-shrink: 0;\n  transition: background var(--studio-transition-fast, 0.1s ease);\n}\n\n.folder-view .folder-entry-open:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-entry-hint {\n  margin: 0;\n  padding: 0 var(--studio-space-md, 1rem) var(--studio-space-md, 1rem);\n  font-size: 0.85rem;\n  color: var(--folder-view-muted);\n}\n\n/* Block: embedded preview body. */\n.folder-view .folder-entry-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--folder-view-border);\n}\n\n.folder-view .folder-entry-scroll {\n  height: 100%;\n  overflow: auto;\n}\n\n.folder-view .folder-entry-scroll patchwork-view {\n  display: block;\n  height: 100%;\n}\n";
+
+// src/tool.js
+var DND_DATA_TYPES = [
+  "text/x-patchwork-dnd",
+  "text/x-patchwork-urls",
+  "text/uri-list",
+  "text/plain"
+];
+function hasDocumentDrag(dataTransfer) {
+  return Boolean(
+    dataTransfer && DND_DATA_TYPES.some((type) => dataTransfer.types.includes(type))
+  );
+}
+function urlFromText(text) {
+  const trimmed = text.trim();
+  if (isValidAutomergeUrl(trimmed)) return trimmed;
+  const docId = trimmed.match(/#doc=([^&\s]+)/)?.[1];
+  if (docId && isValidAutomergeUrl(`automerge:${docId}`)) {
+    return `automerge:${docId}`;
+  }
+  return null;
+}
+function getDndItems(event) {
+  const data = event.dataTransfer;
+  if (!data) return [];
+  const dndData = data.getData("text/x-patchwork-dnd");
+  if (dndData) {
+    try {
+      const parsed = JSON.parse(dndData);
+      if (Array.isArray(parsed?.items) && parsed.items.length > 0) {
+        return parsed.items.filter((item) => isValidAutomergeUrl(item?.url));
+      }
+    } catch {
+    }
+  }
+  const urlData = data.getData("text/x-patchwork-urls");
+  if (urlData) {
+    try {
+      const urls = JSON.parse(urlData);
+      const items = (Array.isArray(urls) ? urls : []).filter((url) => isValidAutomergeUrl(url)).map((url) => ({ url }));
+      if (items.length > 0) return items;
+    } catch {
+    }
+  }
+  const text = data.getData("text/uri-list") || data.getData("text/plain");
+  return text.split(/\r?\n/).map(urlFromText).filter((url) => url !== null).map((url) => ({ url }));
+}
+function el(tag, attrs, ...children) {
+  const node = document.createElement(tag);
+  if (attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+      if (value == null || value === false) continue;
+      if (key === "className") {
+        node.className = value;
+      } else if (key.startsWith("on") && typeof value === "function") {
+        node.addEventListener(key.slice(2).toLowerCase(), value);
+      } else {
+        node.setAttribute(key, value);
+      }
+    }
+  }
+  for (const child of children.flat()) {
+    if (child == null || child === false) continue;
+    node.appendChild(
+      typeof child === "string" ? document.createTextNode(child) : child
+    );
+  }
+  return node;
+}
+function entryHref(docLink) {
+  return `#doc=${parseAutomergeUrl(docLink.url).documentId}&type=${docLink.type}`;
+}
+function renderLoading() {
+  return el("div", { className: "folder-view-loading" }, "Loading\u2026");
+}
+function buildEntry(docLink) {
+  const isFolder = docLink.type === "folder";
+  const nameEl = el("span", { className: "folder-entry-name" }, docLink.name);
+  const typeEl = el("span", { className: "folder-entry-type" }, docLink.type);
+  const openEl = el(
+    "a",
+    { className: "folder-entry-open", href: entryHref(docLink) },
+    "Open"
+  );
+  const node = el(
+    "div",
+    { className: "folder-entry", "data-type": docLink.type },
+    el(
+      "div",
+      { className: "folder-entry-head" },
+      el("div", { className: "folder-entry-title" }, nameEl, typeEl),
+      openEl
+    ),
+    isFolder ? el(
+      "p",
+      { className: "folder-entry-hint" },
+      'Click "Open" to view folder contents'
+    ) : el(
+      "div",
+      { className: "folder-entry-body" },
+      el(
+        "div",
+        { className: "folder-entry-scroll" },
+        el("patchwork-view", { "doc-url": docLink.url })
+      )
+    )
+  );
+  return {
+    node,
+    nameEl,
+    typeEl,
+    openEl,
+    isFolder,
+    url: docLink.url
+  };
+}
+function updateEntry(entry, docLink) {
+  if (entry.nameEl.textContent !== docLink.name) {
+    entry.nameEl.textContent = docLink.name;
+  }
+  if (entry.typeEl.textContent !== docLink.type) {
+    entry.typeEl.textContent = docLink.type;
+  }
+  if (entry.node.getAttribute("data-type") !== docLink.type) {
+    entry.node.setAttribute("data-type", docLink.type);
+  }
+  const href = entryHref(docLink);
+  if (entry.openEl.getAttribute("href") !== href) {
+    entry.openEl.setAttribute("href", href);
+  }
+}
+function listableDatatypes() {
+  return getRegistry("patchwork:datatype").all().filter((datatype) => !datatype.unlisted).sort((a, b) => a.name.localeCompare(b.name));
+}
+async function createDocLink(repo, hive, datatype) {
+  const loaded = await getRegistry("patchwork:datatype").load(datatype.id);
+  if (!loaded) throw new Error(`couldn't load datatype "${datatype.id}"`);
+  const docHandle = await createDocOfDatatype2(loaded, repo);
+  if (hive) await hive.addSyncServerPullToDoc(docHandle.url);
+  return {
+    url: docHandle.url,
+    name: loaded.module.getTitle(docHandle.doc()),
+    type: datatype.id
+  };
+}
+function buildCreateNew(handle, element) {
+  const menu = el("div", { className: "folder-create-menu", hidden: "" });
+  const button = el(
+    "button",
+    {
+      className: "folder-create-button",
+      type: "button",
+      "aria-label": "Create new document"
+    },
+    el("span", { className: "folder-create-icon" }, "+"),
+    "New"
+  );
+  const node = el("div", { className: "folder-create" }, button, menu);
+  let open = false;
+  function setOpen(next) {
+    open = next;
+    if (open) {
+      renderMenu();
+      menu.removeAttribute("hidden");
+      node.setAttribute("data-open", "");
+    } else {
+      menu.setAttribute("hidden", "");
+      node.removeAttribute("data-open");
+    }
+  }
+  function renderMenu() {
+    const datatypes = listableDatatypes();
+    if (datatypes.length === 0) {
+      menu.replaceChildren(
+        el(
+          "div",
+          { className: "folder-create-empty" },
+          "No document types available"
+        )
+      );
+      return;
+    }
+    menu.replaceChildren(
+      ...datatypes.map(
+        (datatype) => el(
+          "button",
+          {
+            className: "folder-create-item",
+            type: "button",
+            onClick: () => pick(datatype)
+          },
+          datatype.name
+        )
+      )
+    );
+  }
+  async function pick(datatype) {
+    setOpen(false);
+    const repo = element.repo;
+    if (!repo) return;
+    try {
+      const link = await createDocLink(repo, element.hive, datatype);
+      handle.change((doc) => {
+        doc.docs.push(link);
+      });
+      openDocument(element, link.url);
+    } catch (error) {
+      console.error("folder: couldn't create document", error);
+    }
+  }
+  button.addEventListener("click", (event) => {
+    event.stopPropagation();
+    setOpen(!open);
+  });
+  const onPointerDown = (event) => {
+    if (open && !node.contains(event.target)) setOpen(false);
+  };
+  const onKeyDown = (event) => {
+    if (open && event.key === "Escape") setOpen(false);
+  };
+  document.addEventListener("pointerdown", onPointerDown);
+  document.addEventListener("keydown", onKeyDown);
+  const dispose = () => {
+    document.removeEventListener("pointerdown", onPointerDown);
+    document.removeEventListener("keydown", onKeyDown);
+  };
+  return { node, dispose };
+}
+var FolderTool = (handle, element) => {
+  const entries = /* @__PURE__ */ new Map();
+  const styleEl = el("style");
+  styleEl.textContent = styles_default;
+  const countEl = el("span", { className: "folder-view-count" });
+  const listEl = el("div", { className: "folder-view-list" });
+  const createNew = buildCreateNew(handle, element);
+  const shell = el(
+    "div",
+    { className: "folder-view" },
+    el(
+      "div",
+      { className: "folder-view-header" },
+      createNew.node,
+      countEl
+    ),
+    listEl
+  );
+  element.append(styleEl);
+  let dragDepth = 0;
+  function endDrag() {
+    dragDepth = 0;
+    shell.removeAttribute("data-drop-active");
+  }
+  function addDroppedDocs(event) {
+    const folder = handle.doc();
+    if (!folder) return;
+    const existing = new Set(folder.docs.map((docLink) => docLink.url));
+    const selfUrl = handle.url;
+    const links = [];
+    for (const item of getDndItems(event)) {
+      if (item.url === selfUrl) continue;
+      if (existing.has(item.url)) continue;
+      existing.add(item.url);
+      links.push({
+        url: item.url,
+        name: item.name || "Untitled",
+        type: item.type || ""
+      });
+    }
+    if (links.length === 0) return;
+    handle.change((doc) => {
+      doc.docs.push(...links);
+    });
+  }
+  shell.addEventListener("dragenter", (event) => {
+    if (!hasDocumentDrag(event.dataTransfer)) return;
+    event.preventDefault();
+    dragDepth++;
+    shell.setAttribute("data-drop-active", "");
+  });
+  shell.addEventListener("dragover", (event) => {
+    if (!hasDocumentDrag(event.dataTransfer)) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "link";
+  });
+  shell.addEventListener("dragleave", (event) => {
+    if (!hasDocumentDrag(event.dataTransfer)) return;
+    dragDepth--;
+    if (dragDepth <= 0) endDrag();
+  });
+  shell.addEventListener("drop", (event) => {
+    if (!hasDocumentDrag(event.dataTransfer)) return;
+    event.preventDefault();
+    endDrag();
+    addDroppedDocs(event);
+  });
+  let mounted = null;
+  function show(node) {
+    if (mounted !== node) {
+      if (mounted) mounted.remove();
+      element.append(node);
+      mounted = node;
+    }
+  }
+  function render() {
+    const folder = handle.doc();
+    if (!folder) {
+      show(renderLoading());
+      return;
+    }
+    show(shell);
+    countEl.textContent = `${folder.docs.length} ${folder.docs.length === 1 ? "document" : "documents"}`;
+    if (folder.docs.length === 0) {
+      entries.clear();
+      listEl.replaceChildren(
+        el("div", { className: "folder-view-empty" }, "This folder is empty")
+      );
+      return;
+    }
+    const seen = /* @__PURE__ */ new Set();
+    const ordered = [];
+    for (const docLink of folder.docs) {
+      seen.add(docLink.url);
+      const isFolder = docLink.type === "folder";
+      let entry = entries.get(docLink.url);
+      if (!entry || entry.isFolder !== isFolder) {
+        entry = buildEntry(docLink);
+        entries.set(docLink.url, entry);
+      } else {
+        updateEntry(entry, docLink);
+      }
+      ordered.push(entry.node);
+    }
+    for (const url of [...entries.keys()]) {
+      if (seen.has(url)) continue;
+      entries.delete(url);
+    }
+    listEl.replaceChildren(...ordered);
+  }
+  const onChange = () => render();
+  handle.on("change", onChange);
+  render();
+  return () => {
+    handle.off("change", onChange);
+    createNew.dispose();
+    element.replaceChildren();
+    entries.clear();
+    mounted = null;
+  };
+};
+export {
+  FolderTool
+};
+//# sourceMappingURL=tool-62JZAZRP.js.map

package/packages/folder/dist/tool-62JZAZRP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tool.js", "../src/styles.css"],
+  "sourcesContent": ["import {\n  parseAutomergeUrl,\n  isValidAutomergeUrl,\n} from \"@automerge/automerge-repo\";\nimport { openDocument } from \"@inkandswitch/patchwork-elements\";\nimport {\n  getRegistry,\n  createDocOfDatatype2,\n} from \"@inkandswitch/patchwork-plugins\";\nimport styles from \"./styles.css\";\n\n// MIME types we can extract document drags from, in order of preference.\n// These mirror what the sideboard sets on dragstart so dropping a sidebar\n// item into the folder view adds it to the folder.\nconst DND_DATA_TYPES = [\n  \"text/x-patchwork-dnd\",\n  \"text/x-patchwork-urls\",\n  \"text/uri-list\",\n  \"text/plain\",\n];\n\nfunction hasDocumentDrag(dataTransfer) {\n  return Boolean(\n    dataTransfer &&\n      DND_DATA_TYPES.some((type) => dataTransfer.types.includes(type))\n  );\n}\n\nfunction urlFromText(text) {\n  const trimmed = text.trim();\n  if (isValidAutomergeUrl(trimmed)) return trimmed;\n  // patchwork web links carry the document id in the fragment: #doc=<documentId>\n  const docId = trimmed.match(/#doc=([^&\\s]+)/)?.[1];\n  if (docId && isValidAutomergeUrl(`automerge:${docId}`)) {\n    return `automerge:${docId}`;\n  }\n  return null;\n}\n\n// Extract the dragged documents from a drop event. Returns an array of\n// { url, name?, type? } items, or an empty array if there's nothing droppable.\nfunction getDndItems(event) {\n  const data = event.dataTransfer;\n  if (!data) return [];\n\n  const dndData = data.getData(\"text/x-patchwork-dnd\");\n  if (dndData) {\n    try {\n      const parsed = JSON.parse(dndData);\n      if (Array.isArray(parsed?.items) && parsed.items.length > 0) {\n        return parsed.items.filter((item) => isValidAutomergeUrl(item?.url));\n      }\n    } catch {\n      // fall through to the other types\n    }\n  }\n\n  const urlData = data.getData(\"text/x-patchwork-urls\");\n  if (urlData) {\n    try {\n      const urls = JSON.parse(urlData);\n      const items = (Array.isArray(urls) ? urls : [])\n        .filter((url) => isValidAutomergeUrl(url))\n        .map((url) => ({ url }));\n      if (items.length > 0) return items;\n    } catch {\n      // fall through to the other types\n    }\n  }\n\n  const text = data.getData(\"text/uri-list\") || data.getData(\"text/plain\");\n  return text\n    .split(/\\r?\\n/)\n    .map(urlFromText)\n    .filter((url) => url !== null)\n    .map((url) => ({ url }));\n}\n\nfunction el(tag, attrs, ...children) {\n  const node = document.createElement(tag);\n  if (attrs) {\n    for (const [key, value] of Object.entries(attrs)) {\n      if (value == null || value === false) continue;\n      if (key === \"className\") {\n        node.className = value;\n      } else if (key.startsWith(\"on\") && typeof value === \"function\") {\n        node.addEventListener(key.slice(2).toLowerCase(), value);\n      } else {\n        node.setAttribute(key, value);\n      }\n    }\n  }\n  for (const child of children.flat()) {\n    if (child == null || child === false) continue;\n    node.appendChild(\n      typeof child === \"string\" ? document.createTextNode(child) : child\n    );\n  }\n  return node;\n}\n\nfunction entryHref(docLink) {\n  return `#doc=${parseAutomergeUrl(docLink.url).documentId}&type=${docLink.type}`;\n}\n\nfunction renderLoading() {\n  return el(\"div\", { className: \"folder-view-loading\" }, \"Loading\u2026\");\n}\n\nfunction buildEntry(docLink) {\n  const isFolder = docLink.type === \"folder\";\n  const nameEl = el(\"span\", { className: \"folder-entry-name\" }, docLink.name);\n  const typeEl = el(\"span\", { className: \"folder-entry-type\" }, docLink.type);\n  const openEl = el(\n    \"a\",\n    { className: \"folder-entry-open\", href: entryHref(docLink) },\n    \"Open\"\n  );\n\n  // The nested view names the doc without heads; resolution (the drafts\n  // `repo:handle-descriptor` answer) pins it to the active checkpoint when one\n  // is checked out, so the entry freezes with the folder it lives in.\n  const node = el(\n    \"div\",\n    { className: \"folder-entry\", \"data-type\": docLink.type },\n    el(\n      \"div\",\n      { className: \"folder-entry-head\" },\n      el(\"div\", { className: \"folder-entry-title\" }, nameEl, typeEl),\n      openEl\n    ),\n    isFolder\n      ? el(\n          \"p\",\n          { className: \"folder-entry-hint\" },\n          'Click \"Open\" to view folder contents'\n        )\n      : el(\n          \"div\",\n          { className: \"folder-entry-body\" },\n          el(\n            \"div\",\n            { className: \"folder-entry-scroll\" },\n            el(\"patchwork-view\", { \"doc-url\": docLink.url })\n          )\n        )\n  );\n\n  return {\n    node,\n    nameEl,\n    typeEl,\n    openEl,\n    isFolder,\n    url: docLink.url,\n  };\n}\n\nfunction updateEntry(entry, docLink) {\n  if (entry.nameEl.textContent !== docLink.name) {\n    entry.nameEl.textContent = docLink.name;\n  }\n  if (entry.typeEl.textContent !== docLink.type) {\n    entry.typeEl.textContent = docLink.type;\n  }\n  if (entry.node.getAttribute(\"data-type\") !== docLink.type) {\n    entry.node.setAttribute(\"data-type\", docLink.type);\n  }\n  const href = entryHref(docLink);\n  if (entry.openEl.getAttribute(\"href\") !== href) {\n    entry.openEl.setAttribute(\"href\", href);\n  }\n}\n\n// The listable document types, sorted by name. `file` and other unlisted\n// datatypes are hidden \u2014 you can't create an empty File, for instance.\nfunction listableDatatypes() {\n  return getRegistry(\"patchwork:datatype\")\n    .all()\n    .filter((datatype) => !datatype.unlisted)\n    .sort((a, b) => a.name.localeCompare(b.name));\n}\n\n// Create a fresh document of the given datatype and return a DocLink for it.\n// Mirrors the sideboard's createNew: load the plugin on demand, create the doc,\n// register it with the sync server (if a hive is present), then read its title.\nasync function createDocLink(repo, hive, datatype) {\n  const loaded = await getRegistry(\"patchwork:datatype\").load(datatype.id);\n  if (!loaded) throw new Error(`couldn't load datatype \"${datatype.id}\"`);\n  const docHandle = await createDocOfDatatype2(loaded, repo);\n  if (hive) await hive.addSyncServerPullToDoc(docHandle.url);\n  return {\n    url: docHandle.url,\n    name: loaded.module.getTitle(docHandle.doc()),\n    type: datatype.id,\n  };\n}\n\n// The \"New\" button plus its type-picker popover. Creating a doc appends a\n// DocLink to the folder and opens it. Returns { node, dispose }.\nfunction buildCreateNew(handle, element) {\n  const menu = el(\"div\", { className: \"folder-create-menu\", hidden: \"\" });\n  const button = el(\n    \"button\",\n    {\n      className: \"folder-create-button\",\n      type: \"button\",\n      \"aria-label\": \"Create new document\",\n    },\n    el(\"span\", { className: \"folder-create-icon\" }, \"+\"),\n    \"New\"\n  );\n  const node = el(\"div\", { className: \"folder-create\" }, button, menu);\n\n  let open = false;\n\n  function setOpen(next) {\n    open = next;\n    if (open) {\n      renderMenu();\n      menu.removeAttribute(\"hidden\");\n      node.setAttribute(\"data-open\", \"\");\n    } else {\n      menu.setAttribute(\"hidden\", \"\");\n      node.removeAttribute(\"data-open\");\n    }\n  }\n\n  function renderMenu() {\n    const datatypes = listableDatatypes();\n    if (datatypes.length === 0) {\n      menu.replaceChildren(\n        el(\n          \"div\",\n          { className: \"folder-create-empty\" },\n          \"No document types available\"\n        )\n      );\n      return;\n    }\n    menu.replaceChildren(\n      ...datatypes.map((datatype) =>\n        el(\n          \"button\",\n          {\n            className: \"folder-create-item\",\n            type: \"button\",\n            onClick: () => pick(datatype),\n          },\n          datatype.name\n        )\n      )\n    );\n  }\n\n  async function pick(datatype) {\n    setOpen(false);\n    const repo = element.repo;\n    if (!repo) return;\n    try {\n      const link = await createDocLink(repo, element.hive, datatype);\n      handle.change((doc) => {\n        doc.docs.push(link);\n      });\n      openDocument(element, link.url);\n    } catch (error) {\n      console.error(\"folder: couldn't create document\", error);\n    }\n  }\n\n  button.addEventListener(\"click\", (event) => {\n    event.stopPropagation();\n    setOpen(!open);\n  });\n\n  // Dismiss the menu on an outside click or Escape.\n  const onPointerDown = (event) => {\n    if (open && !node.contains(event.target)) setOpen(false);\n  };\n  const onKeyDown = (event) => {\n    if (open && event.key === \"Escape\") setOpen(false);\n  };\n  document.addEventListener(\"pointerdown\", onPointerDown);\n  document.addEventListener(\"keydown\", onKeyDown);\n\n  const dispose = () => {\n    document.removeEventListener(\"pointerdown\", onPointerDown);\n    document.removeEventListener(\"keydown\", onKeyDown);\n  };\n\n  return { node, dispose };\n}\n\nexport const FolderTool = (handle, element) => {\n  const entries = new Map();\n\n  const styleEl = el(\"style\");\n  styleEl.textContent = styles;\n\n  const countEl = el(\"span\", { className: \"folder-view-count\" });\n  const listEl = el(\"div\", { className: \"folder-view-list\" });\n  const createNew = buildCreateNew(handle, element);\n  const shell = el(\n    \"div\",\n    { className: \"folder-view\" },\n    el(\n      \"div\",\n      { className: \"folder-view-header\" },\n      createNew.node,\n      countEl\n    ),\n    listEl\n  );\n\n  element.append(styleEl);\n\n  // --- drag-and-drop: accept documents dragged in from the sidebar ---\n\n  // dragenter/dragleave fire for every descendant, so track nesting depth to\n  // know when the pointer has actually left the folder view.\n  let dragDepth = 0;\n\n  function endDrag() {\n    dragDepth = 0;\n    shell.removeAttribute(\"data-drop-active\");\n  }\n\n  function addDroppedDocs(event) {\n    const folder = handle.doc();\n    if (!folder) return;\n\n    const existing = new Set(folder.docs.map((docLink) => docLink.url));\n    const selfUrl = handle.url;\n\n    const links = [];\n    for (const item of getDndItems(event)) {\n      if (item.url === selfUrl) continue; // don't nest a folder inside itself\n      if (existing.has(item.url)) continue; // already here\n      existing.add(item.url); // de-dupe within a single drop too\n      links.push({\n        url: item.url,\n        name: item.name || \"Untitled\",\n        type: item.type || \"\",\n      });\n    }\n\n    if (links.length === 0) return;\n\n    handle.change((doc) => {\n      doc.docs.push(...links);\n    });\n  }\n\n  shell.addEventListener(\"dragenter\", (event) => {\n    if (!hasDocumentDrag(event.dataTransfer)) return;\n    event.preventDefault();\n    dragDepth++;\n    shell.setAttribute(\"data-drop-active\", \"\");\n  });\n\n  shell.addEventListener(\"dragover\", (event) => {\n    if (!hasDocumentDrag(event.dataTransfer)) return;\n    event.preventDefault();\n    // \"link\": dropping here adds a new DocLink to the same automerge url \u2014 the\n    // doc isn't moved or cloned. Requires the source's effectAllowed to permit\n    // link (the sideboard sets \"all\").\n    event.dataTransfer.dropEffect = \"link\";\n  });\n\n  shell.addEventListener(\"dragleave\", (event) => {\n    if (!hasDocumentDrag(event.dataTransfer)) return;\n    dragDepth--;\n    if (dragDepth <= 0) endDrag();\n  });\n\n  shell.addEventListener(\"drop\", (event) => {\n    if (!hasDocumentDrag(event.dataTransfer)) return;\n    event.preventDefault();\n    endDrag();\n    addDroppedDocs(event);\n  });\n\n  let mounted = null;\n\n  function show(node) {\n    if (mounted !== node) {\n      // keep the injected <style>, swap the rendered tree\n      if (mounted) mounted.remove();\n      element.append(node);\n      mounted = node;\n    }\n  }\n\n  function render() {\n    const folder = handle.doc();\n    if (!folder) {\n      show(renderLoading());\n      return;\n    }\n\n    show(shell);\n    countEl.textContent = `${folder.docs.length} ${\n      folder.docs.length === 1 ? \"document\" : \"documents\"\n    }`;\n\n    if (folder.docs.length === 0) {\n      entries.clear();\n      listEl.replaceChildren(\n        el(\"div\", { className: \"folder-view-empty\" }, \"This folder is empty\")\n      );\n      return;\n    }\n\n    const seen = new Set();\n    const ordered = [];\n    for (const docLink of folder.docs) {\n      seen.add(docLink.url);\n      const isFolder = docLink.type === \"folder\";\n      let entry = entries.get(docLink.url);\n      // Rebuild only if folder/non-folder shape flipped \u2014 that's the one\n      // case where the body structure differs.\n      if (!entry || entry.isFolder !== isFolder) {\n        entry = buildEntry(docLink);\n        entries.set(docLink.url, entry);\n      } else {\n        updateEntry(entry, docLink);\n      }\n      ordered.push(entry.node);\n    }\n\n    for (const url of [...entries.keys()]) {\n      if (seen.has(url)) continue;\n      entries.delete(url);\n    }\n\n    listEl.replaceChildren(...ordered);\n  }\n\n  const onChange = () => render();\n  handle.on(\"change\", onChange);\n  render();\n\n  return () => {\n    handle.off(\"change\", onChange);\n    createNew.dispose();\n    element.replaceChildren();\n    entries.clear();\n    mounted = null;\n  };\n};\n", "@layer package {\n:root,\n:host,\n[theme] {\n  /* The well the cards sit in \u2014 slightly recessed surface. */\n  --folder-view-well: var(--editor-fill-offset-10, #f2f2f2);\n  --folder-view-well-edge: var(--editor-fill-offset-30, #d6d6d6);\n  --folder-view-fg: var(--editor-line, black);\n  --folder-view-muted: var(--editor-line-offset-50, #999);\n  --folder-view-border: var(--editor-fill-offset-20, #e5e5e5);\n\n  /* A card = a raised surface sitting on the well. */\n  --folder-view-card: var(--editor-fill, white);\n  --folder-view-card-border: var(--editor-fill-offset-20, #e5e5e5);\n\n  --folder-view-accent: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n  --folder-view-accent-line: var(--studio-primary-line, var(--editor-fill, white));\n  --folder-view-accent-text: var(--editor-primary-text, var(--studio-primary-text, var(--studio-primary, #35f7ca)));\n  --folder-view-hover: var(--editor-fill-offset-10, #f2f2f2);\n\n  /* Layered drop shadow so a card reads as a solid object resting on the\n     well \u2014 a tight contact shadow plus a softer cast one. Derived from the\n     theme line colour so it inverts in dark themes. */\n  --folder-view-card-shadow: 0 1px 2px\n      color-mix(in oklch, var(--editor-line, black), transparent 94%),\n    0 2px 8px color-mix(in oklch, var(--editor-line, black), transparent 96%);\n  --folder-view-card-shadow-hover: 0 2px 4px\n      color-mix(in oklch, var(--editor-line, black), transparent 90%),\n    0 8px 20px color-mix(in oklch, var(--editor-line, black), transparent 93%);\n\n  --folder-view-family: var(--editor-family-sans, system-ui, sans-serif);\n}\n}\n\n/* Block: the whole tool. A sunken well with an inset edge. */\n.folder-view {\n  height: 100%;\n  overflow: auto;\n  padding: var(--studio-space-md, 1rem);\n  display: flex;\n  flex-direction: column;\n  gap: var(--studio-space-md, 1rem);\n  font-family: var(--folder-view-family);\n  color: var(--folder-view-fg);\n  background: var(--folder-view-well);\n  /* No outer border: the host frame already draws the lines around the pane, so\n     the well reads as flush rather than double-edged. */\n}\n\n/* State: a document is being dragged in from the sidebar. Outline the well\n   with the accent colour so it reads as an active drop target. */\n.folder-view[data-drop-active] {\n  border-color: var(--folder-view-accent);\n  box-shadow: inset 0 0 0 2px var(--folder-view-accent);\n}\n\n/* Composition: header row. New-doc button on the left, count on the right. */\n.folder-view .folder-view-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--studio-space-sm, 0.5rem);\n  padding-bottom: var(--studio-space-sm, 0.5rem);\n  border-bottom: 1px solid var(--folder-view-border);\n}\n\n/* Composition: the create-new control \u2014 a button anchoring a type-picker. */\n.folder-view .folder-create {\n  position: relative;\n}\n\n.folder-view .folder-create-button {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--studio-space-2xs, 0.25rem);\n  font: inherit;\n  font-size: 0.8rem;\n  color: var(--folder-view-accent-line);\n  background: var(--folder-view-accent);\n  border: 1px solid transparent;\n  border-radius: var(--studio-radius-sm, 4px);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  cursor: pointer;\n  transition: filter var(--studio-transition-fast, 0.1s ease);\n}\n\n.folder-view .folder-create-button:hover {\n  filter: brightness(0.96);\n}\n\n.folder-view .folder-create-icon {\n  font-size: 1rem;\n  line-height: 1;\n}\n\n/* The type-picker popover, anchored under the button. */\n.folder-view .folder-create-menu {\n  position: absolute;\n  top: calc(100% + var(--studio-space-2xs, 0.25rem));\n  left: 0;\n  z-index: 10;\n  min-width: 12rem;\n  max-height: 16rem;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  padding: var(--studio-space-3xs, 0.125rem);\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-card-border);\n  border-radius: var(--studio-radius-md, 8px);\n  box-shadow: var(--folder-view-card-shadow-hover);\n}\n\n.folder-view .folder-create-menu[hidden] {\n  display: none;\n}\n\n.folder-view .folder-create-item {\n  text-align: left;\n  font: inherit;\n  font-size: 0.85rem;\n  color: var(--folder-view-fg);\n  background: transparent;\n  border: 0;\n  border-radius: var(--studio-radius-sm, 4px);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  cursor: pointer;\n}\n\n.folder-view .folder-create-item:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-create-empty {\n  padding: var(--studio-space-sm, 0.5rem);\n  font-size: 0.8rem;\n  color: var(--folder-view-muted);\n}\n\n.folder-view .folder-view-count {\n  font-size: 0.8rem;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border-radius: var(--studio-radius-round, 9999px);\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-border);\n}\n\n/* Composition: the list of cards. */\n.folder-view .folder-view-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--studio-space-md, 1rem);\n  padding-bottom: var(--studio-space-md, 1rem);\n}\n\n.folder-view .folder-view-empty {\n  text-align: center;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-xl, 2rem) 0;\n}\n\n.folder-view-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: var(--studio-space-md, 1rem);\n  font-family: var(--folder-view-family);\n  color: var(--folder-view-muted);\n  background: var(--folder-view-card);\n}\n\n/* Block: one rendered file/folder card \u2014 sitting on the well. */\n.folder-view .folder-entry {\n  background: var(--folder-view-card);\n  border: 1px solid var(--folder-view-card-border);\n  border-radius: var(--studio-radius-lg, 12px);\n  box-shadow: var(--folder-view-card-shadow);\n  overflow: hidden;\n  transition: box-shadow var(--studio-transition, 0.15s ease),\n    transform var(--studio-transition, 0.15s ease);\n}\n\n.folder-view .folder-entry:hover {\n  box-shadow: var(--folder-view-card-shadow-hover);\n  /* Lift slightly so the card feels like it peels up off the well. */\n  transform: translateY(-1px);\n}\n\n.folder-view .folder-entry-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--studio-space-sm, 0.5rem);\n  padding: var(--studio-space-sm, 0.5rem) var(--studio-space-md, 1rem);\n}\n\n.folder-view .folder-entry-title {\n  display: flex;\n  align-items: baseline;\n  gap: var(--studio-space-sm, 0.5rem);\n  min-width: 0;\n}\n\n.folder-view .folder-entry-name {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.folder-view .folder-entry-type {\n  font-size: 0.7rem;\n  color: var(--folder-view-muted);\n  padding: var(--studio-space-3xs, 0.125rem) var(--studio-space-2xs, 0.25rem);\n  border: 1px solid var(--folder-view-border);\n  border-radius: var(--studio-radius-sm, 4px);\n  flex-shrink: 0;\n}\n\n.folder-view .folder-entry-open {\n  font-size: 0.8rem;\n  color: var(--folder-view-accent-text);\n  text-decoration: none;\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border-radius: var(--studio-radius-sm, 4px);\n  flex-shrink: 0;\n  transition: background var(--studio-transition-fast, 0.1s ease);\n}\n\n.folder-view .folder-entry-open:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-entry-hint {\n  margin: 0;\n  padding: 0 var(--studio-space-md, 1rem) var(--studio-space-md, 1rem);\n  font-size: 0.85rem;\n  color: var(--folder-view-muted);\n}\n\n/* Block: embedded preview body. */\n.folder-view .folder-entry-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--folder-view-border);\n}\n\n.folder-view .folder-entry-scroll {\n  height: 100%;\n  overflow: auto;\n}\n\n.folder-view .folder-entry-scroll patchwork-view {\n  display: block;\n  height: 100%;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/packages/folder/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@patchwork/folder",
+  "version": "3.2.1",
+  "description": "folder type",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "source": "./src/index.js"
+    }
+  },
+  "scripts": {
+    "build": "node esbuild/build.ts",
+    "dev": "node esbuild/watch.ts",
+    "pushwatch": "pnpm dev pushwork",
+    "sync": "pnpm build && npx pushwork sync",
+    "register": "pw-modules add \"$MODULE_SETTINGS_DOC_URL\" \"$(pushwork url)\""
+  },
+  "keywords": [],
+  "author": "Ink & Switch",
+  "dependencies": {
+    "@inkandswitch/patchwork-bootloader": "^0.0.4",
+    "@inkandswitch/patchwork-elements": "^0.0.6",
+    "@inkandswitch/patchwork-filesystem": "^0.0.4",
+    "@inkandswitch/patchwork-plugins": "^0.0.6"
+  },
+  "devDependencies": {
+    "@automerge/automerge-repo": "^2.6.0-subduction.9",
+    "esbuild": "^0.23.1"
+  }
+}

package/packages/sideboard/dist/account-bar-OJQC3J6W.js

@@ -0,0 +1,2 @@
+import{a,b}from"./chunk-QKYKEZU4.js";import"./chunk-3OYP6TVA.js";import"./chunk-FW4363Y4.js";export{a as AccountBar,b as renderAccountBar};
+//# sourceMappingURL=account-bar-OJQC3J6W.js.map

package/packages/sideboard/dist/account-bar-OJQC3J6W.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}