@inkandswitch/patchwork-pkg-base 0.0.76 → 0.0.78

package/module-settings-url

@@ -1 +1 @@
-automerge:2sEcLEmBVUGxfQs3TBkZkXxEdrS3
+automerge:bSnf5mVrrh8rJuhxkaRsrsv5pNE

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {

package/packages/folder/dist/chunk-WN53YCSZ.js

@@ -0,0 +1,62 @@
+// src/links.js
+import {
+  isImmutableString,
+  isValidAutomergeUrl
+} from "@automerge/automerge-repo/slim";
+function asString(v) {
+  if (typeof v === "string") return v;
+  if (isImmutableString(v)) return String(v);
+  return void 0;
+}
+function asUrl(v) {
+  const s = asString(v);
+  return s !== void 0 && isValidAutomergeUrl(s) ? s : void 0;
+}
+function isDirectoryDoc(doc) {
+  return asString(doc?.["@patchwork"]?.type) === "directory";
+}
+var DIRECTORY_RESERVED = /* @__PURE__ */ new Set(["@patchwork", "lastSyncAt"]);
+function fileType(name) {
+  const dot = name.lastIndexOf(".");
+  return dot > 0 ? name.slice(dot + 1) : "file";
+}
+function folderLinks(doc) {
+  const links = [];
+  for (const link of Array.isArray(doc?.docs) ? doc.docs : []) {
+    const url = asUrl(link?.url);
+    if (!url) continue;
+    links.push({
+      url,
+      name: asString(link.name) ?? "Untitled",
+      type: asString(link.type) ?? ""
+    });
+  }
+  return links;
+}
+function directoryLinks(doc, path = "") {
+  const prefix = path ? `${path}/` : "";
+  const dirs = /* @__PURE__ */ new Set();
+  const files = [];
+  for (const [key, value] of Object.entries(doc ?? {})) {
+    if (DIRECTORY_RESERVED.has(key) || !key.startsWith(prefix)) continue;
+    const url = asUrl(value);
+    if (!url) continue;
+    const rest = key.slice(prefix.length).split("/").filter(Boolean);
+    if (rest.length === 0) continue;
+    if (rest.length > 1) dirs.add(rest[0]);
+    else files.push({ url, name: rest[0], type: fileType(rest[0]) });
+  }
+  const byName = (a, b) => a.name.localeCompare(b.name);
+  return [
+    ...[...dirs].map((name) => ({ name, type: "folder", path: prefix + name })).sort(byName),
+    ...files.sort(byName)
+  ];
+}
+
+export {
+  asString,
+  isDirectoryDoc,
+  folderLinks,
+  directoryLinks
+};
+//# sourceMappingURL=chunk-WN53YCSZ.js.map

package/packages/folder/dist/chunk-WN53YCSZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/links.js"],
+  "sourcesContent": ["import {\n  isImmutableString,\n  isValidAutomergeUrl,\n} from \"@automerge/automerge-repo/slim\";\n\n/**\n * A folder entry as the view sees it, whichever doc shape it came from.\n * `path` is set (and `url` isn't) for a subdirectory of a pushwork directory\n * doc, which has no doc of its own.\n * @typedef {{ name: string, type: string, url?: string, path?: string }} Link\n */\n\n// Any string in a doc may be stored as a plain string or as an\n// ImmutableString (pushwork writes links that way); read them the same.\nexport function asString(v) {\n  if (typeof v === \"string\") return v;\n  if (isImmutableString(v)) return String(v);\n  return undefined;\n}\n\nexport function asUrl(v) {\n  const s = asString(v);\n  return s !== undefined && isValidAutomergeUrl(s) ? s : undefined;\n}\n\n// A pushwork \"vfs\" directory doc:\n//   { \"@patchwork\": { type: \"directory\", title? }, \"a/b.txt\": url, ... }\n// Every other key is a slash-separated path to a leaf doc.\nexport function isDirectoryDoc(doc) {\n  return asString(doc?.[\"@patchwork\"]?.type) === \"directory\";\n}\n\nconst DIRECTORY_RESERVED = new Set([\"@patchwork\", \"lastSyncAt\"]);\n\n// Mirrors pushwork's folder shape, which types a file link by its extension.\nfunction fileType(name) {\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1) : \"file\";\n}\n\n/** @returns {Link[]} the links in a folder doc's `docs` list. */\nexport function folderLinks(doc) {\n  const links = [];\n  for (const link of Array.isArray(doc?.docs) ? doc.docs : []) {\n    const url = asUrl(link?.url);\n    if (!url) continue;\n    links.push({\n      url,\n      name: asString(link.name) ?? \"Untitled\",\n      type: asString(link.type) ?? \"\",\n    });\n  }\n  return links;\n}\n\n/**\n * The immediate children of `path` (\"\" for the top) in a directory doc:\n * subdirectories first, then files, each by name.\n * @returns {Link[]}\n */\nexport function directoryLinks(doc, path = \"\") {\n  const prefix = path ? `${path}/` : \"\";\n  const dirs = new Set();\n  const files = [];\n  for (const [key, value] of Object.entries(doc ?? {})) {\n    if (DIRECTORY_RESERVED.has(key) || !key.startsWith(prefix)) continue;\n    const url = asUrl(value);\n    if (!url) continue;\n    const rest = key.slice(prefix.length).split(\"/\").filter(Boolean);\n    if (rest.length === 0) continue;\n    if (rest.length > 1) dirs.add(rest[0]);\n    else files.push({ url, name: rest[0], type: fileType(rest[0]) });\n  }\n  const byName = (a, b) => a.name.localeCompare(b.name);\n  return [\n    ...[...dirs]\n      .map((name) => ({ name, type: \"folder\", path: prefix + name }))\n      .sort(byName),\n    ...files.sort(byName),\n  ];\n}\n"],
+  "mappings": ";AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAWA,SAAS,SAAS,GAAG;AAC1B,MAAI,OAAO,MAAM,SAAU,QAAO;AAClC,MAAI,kBAAkB,CAAC,EAAG,QAAO,OAAO,CAAC;AACzC,SAAO;AACT;AAEO,SAAS,MAAM,GAAG;AACvB,QAAM,IAAI,SAAS,CAAC;AACpB,SAAO,MAAM,UAAa,oBAAoB,CAAC,IAAI,IAAI;AACzD;AAKO,SAAS,eAAe,KAAK;AAClC,SAAO,SAAS,MAAM,YAAY,GAAG,IAAI,MAAM;AACjD;AAEA,IAAM,qBAAqB,oBAAI,IAAI,CAAC,cAAc,YAAY,CAAC;AAG/D,SAAS,SAAS,MAAM;AACtB,QAAM,MAAM,KAAK,YAAY,GAAG;AAChC,SAAO,MAAM,IAAI,KAAK,MAAM,MAAM,CAAC,IAAI;AACzC;AAGO,SAAS,YAAY,KAAK;AAC/B,QAAM,QAAQ,CAAC;AACf,aAAW,QAAQ,MAAM,QAAQ,KAAK,IAAI,IAAI,IAAI,OAAO,CAAC,GAAG;AAC3D,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,CAAC,IAAK;AACV,UAAM,KAAK;AAAA,MACT;AAAA,MACA,MAAM,SAAS,KAAK,IAAI,KAAK;AAAA,MAC7B,MAAM,SAAS,KAAK,IAAI,KAAK;AAAA,IAC/B,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAOO,SAAS,eAAe,KAAK,OAAO,IAAI;AAC7C,QAAM,SAAS,OAAO,GAAG,IAAI,MAAM;AACnC,QAAM,OAAO,oBAAI,IAAI;AACrB,QAAM,QAAQ,CAAC;AACf,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,CAAC,CAAC,GAAG;AACpD,QAAI,mBAAmB,IAAI,GAAG,KAAK,CAAC,IAAI,WAAW,MAAM,EAAG;AAC5D,UAAM,MAAM,MAAM,KAAK;AACvB,QAAI,CAAC,IAAK;AACV,UAAM,OAAO,IAAI,MAAM,OAAO,MAAM,EAAE,MAAM,GAAG,EAAE,OAAO,OAAO;AAC/D,QAAI,KAAK,WAAW,EAAG;AACvB,QAAI,KAAK,SAAS,EAAG,MAAK,IAAI,KAAK,CAAC,CAAC;AAAA,QAChC,OAAM,KAAK,EAAE,KAAK,MAAM,KAAK,CAAC,GAAG,MAAM,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;AAAA,EACjE;AACA,QAAM,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI;AACpD,SAAO;AAAA,IACL,GAAG,CAAC,GAAG,IAAI,EACR,IAAI,CAAC,UAAU,EAAE,MAAM,MAAM,UAAU,MAAM,SAAS,KAAK,EAAE,EAC7D,KAAK,MAAM;AAAA,IACd,GAAG,MAAM,KAAK,MAAM;AAAA,EACtB;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,41 @@
+import {
+  asString
+} from "./chunk-WN53YCSZ.js";
+
+// src/datatype.js
+var FolderDatatype = {
+  init(doc) {
+    doc.title = "New Folder";
+    doc.docs = [];
+  },
+  getTitle: (doc) => asString(doc.title) || "Unnamed Folder",
+  setTitle: (doc, title) => {
+    doc.title = title;
+  }
+};
+var DirectoryDatatype = {
+  init: () => {
+    throw new Error("Can't create an empty Directory");
+  },
+  getTitle: (doc) => asString(doc["@patchwork"]?.title) || "Unnamed Directory",
+  setTitle: (doc, title) => {
+    doc["@patchwork"].title = title;
+  }
+};
+var FileDatatype = {
+  init: () => {
+    throw new Error("Can't create empty File");
+  },
+  getTitle(doc) {
+    return asString(doc.name) || "Unnamed File";
+  },
+  setTitle(doc, title) {
+    doc.name = title;
+  }
+};
+export {
+  DirectoryDatatype,
+  FileDatatype,
+  FolderDatatype
+};
+//# sourceMappingURL=datatype-AGCTQZ52.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/datatype.js"],
+  "sourcesContent": ["import { asString } from './links.js';\n\nexport const FolderDatatype = {\n  init(doc) {\n    doc.title = 'New Folder';\n    doc.docs = [];\n  },\n  getTitle: (doc) => asString(doc.title) || 'Unnamed Folder',\n  setTitle: (doc, title) => {\n    doc.title = title;\n  },\n};\n\n// A pushwork directory doc: its title lives in its `@patchwork` metadata, and\n// its entries are made by pushwork, not here.\nexport const DirectoryDatatype = {\n  init: () => {\n    throw new Error(\"Can't create an empty Directory\");\n  },\n  getTitle: (doc) => asString(doc['@patchwork']?.title) || 'Unnamed Directory',\n  setTitle: (doc, title) => {\n    doc['@patchwork'].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 asString(doc.name) || 'Unnamed File';\n  },\n  setTitle(doc, title) {\n    doc.name = title;\n  },\n};\n"],
+  "mappings": ";;;;;AAEO,IAAM,iBAAiB;AAAA,EAC5B,KAAK,KAAK;AACR,QAAI,QAAQ;AACZ,QAAI,OAAO,CAAC;AAAA,EACd;AAAA,EACA,UAAU,CAAC,QAAQ,SAAS,IAAI,KAAK,KAAK;AAAA,EAC1C,UAAU,CAAC,KAAK,UAAU;AACxB,QAAI,QAAQ;AAAA,EACd;AACF;AAIO,IAAM,oBAAoB;AAAA,EAC/B,MAAM,MAAM;AACV,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAAA,EACA,UAAU,CAAC,QAAQ,SAAS,IAAI,YAAY,GAAG,KAAK,KAAK;AAAA,EACzD,UAAU,CAAC,KAAK,UAAU;AACxB,QAAI,YAAY,EAAE,QAAQ;AAAA,EAC5B;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B,MAAM,MAAM;AACV,UAAM,IAAI,MAAM,yBAAyB;AAAA,EAC3C;AAAA,EACA,SAAS,KAAK;AACZ,WAAO,SAAS,IAAI,IAAI,KAAK;AAAA,EAC/B;AAAA,EACA,SAAS,KAAK,OAAO;AACnB,QAAI,OAAO;AAAA,EACb;AACF;",
+  "names": []
+}

package/packages/folder/dist/index.js

@@ -6,17 +6,28 @@ var plugins = [
     name: "Folder",
     icon: "Folder",
     async load() {
-      const { FolderDatatype } = await import("./datatype-HWGUFBTQ.js");
+      const { FolderDatatype } = await import("./datatype-AGCTQZ52.js");
       return FolderDatatype;
     }
   },
+  {
+    type: "patchwork:datatype",
+    id: "directory",
+    name: "Directory",
+    icon: "Folder",
+    unlisted: true,
+    async load() {
+      const { DirectoryDatatype } = await import("./datatype-AGCTQZ52.js");
+      return DirectoryDatatype;
+    }
+  },
   {
     type: "patchwork:tool",
     id: "folder-viewer",
     name: "Folder Viewer",
-    supportedDatatypes: ["folder"],
+    supportedDatatypes: ["folder", "directory"],
     async load() {
-      const { FolderTool } = await import("./tool-EOCAL24F.js");
+      const { FolderTool } = await import("./tool-JSQNX2I6.js");
       return FolderTool;
     }
   }

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

@@ -1,7 +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;",
+  "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:datatype',\n    id: 'directory',\n    name: 'Directory',\n    icon: 'Folder',\n    unlisted: true,\n    async load() {\n      const { DirectoryDatatype } = await import('./datatype.js');\n      return DirectoryDatatype;\n    },\n  },\n  {\n    type: 'patchwork:tool',\n    id: 'folder-viewer',\n    name: 'Folder Viewer',\n    supportedDatatypes: ['folder', 'directory'],\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,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM,OAAO;AACX,YAAM,EAAE,kBAAkB,IAAI,MAAM,OAAO,wBAAe;AAC1D,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,oBAAoB,CAAC,UAAU,WAAW;AAAA,IAC1C,MAAM,OAAO;AACX,YAAM,EAAE,WAAW,IAAI,MAAM,OAAO,oBAAW;AAC/C,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": []
 }

package/packages/folder/dist/{tool-EOCAL24F.js → tool-JSQNX2I6.js}

@@ -1,3 +1,10 @@
+import {
+  asString,
+  directoryLinks,
+  folderLinks,
+  isDirectoryDoc
+} from "./chunk-WN53YCSZ.js";
+
 // src/tool.js
 import {
   parseAutomergeUrl,
@@ -10,7 +17,7 @@ import {
 } 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";
+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: where we are inside a pushwork directory doc, in place of the\n   create-new control (pushwork owns those entries). */\n.folder-view .folder-view-crumbs:not([hidden]) {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--studio-space-2xs, 0.25rem);\n  min-width: 0;\n  font-size: 0.85rem;\n}\n\n.folder-view .folder-view-crumb {\n  font: inherit;\n  color: var(--folder-view-fg);\n  background: none;\n  border: none;\n  padding: var(--studio-space-2xs, 0.25rem);\n  border-radius: var(--studio-radius-sm, 4px);\n}\n\n.folder-view button.folder-view-crumb {\n  color: var(--folder-view-accent-text);\n  cursor: pointer;\n}\n\n.folder-view button.folder-view-crumb:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-view-crumb-sep {\n  color: var(--folder-view-muted);\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: inherit;\n  font-size: 0.8rem;\n  background: none;\n  border: none;\n  cursor: pointer;\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 = [
@@ -83,17 +90,28 @@ function el(tag, attrs, ...children) {
 function entryHref(docLink) {
   return `#doc=${parseAutomergeUrl(docLink.url).documentId}&type=${docLink.type}`;
 }
+function entryKey(docLink) {
+  return docLink.url ?? `path:${docLink.path}`;
+}
 function renderLoading() {
   return el("div", { className: "folder-view-loading" }, "Loading\u2026");
 }
-function buildEntry(docLink) {
+function buildEntry(docLink, enter) {
   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(
+  const openEl = docLink.url ? el(
     "a",
     { className: "folder-entry-open", href: entryHref(docLink) },
     "Open"
+  ) : el(
+    "button",
+    {
+      className: "folder-entry-open",
+      type: "button",
+      onClick: () => enter(docLink.path)
+    },
+    "Open"
   );
   const node = el(
     "div",
@@ -137,6 +155,7 @@ function updateEntry(entry, docLink) {
   if (entry.node.getAttribute("data-type") !== docLink.type) {
     entry.node.setAttribute("data-type", docLink.type);
   }
+  if (!docLink.url) return;
   const href = entryHref(docLink);
   if (entry.openEl.getAttribute("href") !== href) {
     entry.openEl.setAttribute("href", href);
@@ -242,8 +261,14 @@ var FolderTool = (handle, element) => {
   const entries = /* @__PURE__ */ new Map();
   const styleEl = el("style");
   styleEl.textContent = styles_default;
+  let path = "";
+  function enter(next) {
+    path = next;
+    render();
+  }
   const countEl = el("span", { className: "folder-view-count" });
   const listEl = el("div", { className: "folder-view-list" });
+  const crumbsEl = el("nav", { className: "folder-view-crumbs", hidden: "" });
   const createNew = buildCreateNew(handle, element);
   const shell = el(
     "div",
@@ -252,10 +277,32 @@ var FolderTool = (handle, element) => {
       "div",
       { className: "folder-view-header" },
       createNew.node,
+      crumbsEl,
       countEl
     ),
     listEl
   );
+  function renderCrumbs(title) {
+    const parts = path ? path.split("/") : [];
+    const crumbs = [{ name: title, path: "" }].concat(
+      parts.map((name, i) => ({ name, path: parts.slice(0, i + 1).join("/") }))
+    );
+    crumbsEl.replaceChildren(
+      ...crumbs.flatMap((crumb, i) => {
+        const last = i === crumbs.length - 1;
+        const node = last ? el("span", { className: "folder-view-crumb" }, crumb.name) : el(
+          "button",
+          {
+            className: "folder-view-crumb",
+            type: "button",
+            onClick: () => enter(crumb.path)
+          },
+          crumb.name
+        );
+        return i === 0 ? [node] : [el("span", { className: "folder-view-crumb-sep" }, "/"), node];
+      })
+    );
+  }
   element.append(styleEl);
   let dragDepth = 0;
   function endDrag() {
@@ -264,8 +311,8 @@ var FolderTool = (handle, element) => {
   }
   function addDroppedDocs(event) {
     const folder = handle.doc();
-    if (!folder) return;
-    const existing = new Set(folder.docs.map((docLink) => docLink.url));
+    if (!folder || isDirectoryDoc(folder)) return;
+    const existing = new Set(folderLinks(folder).map((docLink) => docLink.url));
     const selfUrl = handle.url;
     const links = [];
     for (const item of getDndItems(event)) {
@@ -280,27 +327,31 @@ var FolderTool = (handle, element) => {
     }
     if (links.length === 0) return;
     handle.change((doc) => {
+      if (!Array.isArray(doc.docs)) doc.docs = [];
       doc.docs.push(...links);
     });
   }
+  function acceptsDrops(event) {
+    return hasDocumentDrag(event.dataTransfer) && !isDirectoryDoc(handle.doc());
+  }
   shell.addEventListener("dragenter", (event) => {
-    if (!hasDocumentDrag(event.dataTransfer)) return;
+    if (!acceptsDrops(event)) return;
     event.preventDefault();
     dragDepth++;
     shell.setAttribute("data-drop-active", "");
   });
   shell.addEventListener("dragover", (event) => {
-    if (!hasDocumentDrag(event.dataTransfer)) return;
+    if (!acceptsDrops(event)) return;
     event.preventDefault();
     event.dataTransfer.dropEffect = "link";
   });
   shell.addEventListener("dragleave", (event) => {
-    if (!hasDocumentDrag(event.dataTransfer)) return;
+    if (!acceptsDrops(event)) return;
     dragDepth--;
     if (dragDepth <= 0) endDrag();
   });
   shell.addEventListener("drop", (event) => {
-    if (!hasDocumentDrag(event.dataTransfer)) return;
+    if (!acceptsDrops(event)) return;
     event.preventDefault();
     endDrag();
     addDroppedDocs(event);
@@ -320,8 +371,21 @@ var FolderTool = (handle, element) => {
       return;
     }
     show(shell);
-    countEl.textContent = `${folder.docs.length} ${folder.docs.length === 1 ? "document" : "documents"}`;
-    if (folder.docs.length === 0) {
+    const directory = isDirectoryDoc(folder);
+    let links;
+    if (directory) {
+      links = directoryLinks(folder, path);
+      renderCrumbs(
+        asString(folder["@patchwork"].title) || "Directory"
+      );
+    } else {
+      path = "";
+      links = folderLinks(folder);
+    }
+    createNew.node.hidden = directory;
+    crumbsEl.hidden = !directory;
+    countEl.textContent = `${links.length} ${links.length === 1 ? "document" : "documents"}`;
+    if (links.length === 0) {
       entries.clear();
       listEl.replaceChildren(
         el("div", { className: "folder-view-empty" }, "This folder is empty")
@@ -330,21 +394,22 @@ var FolderTool = (handle, element) => {
     }
     const seen = /* @__PURE__ */ new Set();
     const ordered = [];
-    for (const docLink of folder.docs) {
-      seen.add(docLink.url);
+    for (const docLink of links) {
+      const key = entryKey(docLink);
+      seen.add(key);
       const isFolder = docLink.type === "folder";
-      let entry = entries.get(docLink.url);
+      let entry = entries.get(key);
       if (!entry || entry.isFolder !== isFolder) {
-        entry = buildEntry(docLink);
-        entries.set(docLink.url, entry);
+        entry = buildEntry(docLink, enter);
+        entries.set(key, entry);
       } else {
         updateEntry(entry, docLink);
       }
       ordered.push(entry.node);
     }
-    for (const url of [...entries.keys()]) {
-      if (seen.has(url)) continue;
-      entries.delete(url);
+    for (const key of [...entries.keys()]) {
+      if (seen.has(key)) continue;
+      entries.delete(key);
     }
     listEl.replaceChildren(...ordered);
   }
@@ -362,4 +427,4 @@ var FolderTool = (handle, element) => {
 export {
   FolderTool
 };
-//# sourceMappingURL=tool-EOCAL24F.js.map
+//# sourceMappingURL=tool-JSQNX2I6.js.map

package/packages/folder/dist/tool-JSQNX2I6.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/slim\";\nimport { openDocument } from \"@inkandswitch/patchwork-elements\";\nimport {\n  getRegistry,\n  createDocOfDatatype2,\n} from \"@inkandswitch/patchwork-plugins\";\nimport {\n  asString,\n  directoryLinks,\n  folderLinks,\n  isDirectoryDoc,\n} from \"./links.js\";\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\n// A link is keyed by its doc, or, for a pushwork subdirectory with no doc of\n// its own, by its path.\nfunction entryKey(docLink) {\n  return docLink.url ?? `path:${docLink.path}`;\n}\n\nfunction renderLoading() {\n  return el(\"div\", { className: \"folder-view-loading\" }, \"Loading\u2026\");\n}\n\n// `enter(path)` opens a pushwork subdirectory in place.\nfunction buildEntry(docLink, enter) {\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 = docLink.url\n    ? el(\n        \"a\",\n        { className: \"folder-entry-open\", href: entryHref(docLink) },\n        \"Open\"\n      )\n    : el(\n        \"button\",\n        {\n          className: \"folder-entry-open\",\n          type: \"button\",\n          onClick: () => enter(docLink.path),\n        },\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  if (!docLink.url) return;\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// then read its title.\nasync function createDocLink(repo, 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  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, 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  // Where we are inside a pushwork directory doc, which keeps its whole tree\n  // in one doc. \"\" is the top.\n  let path = \"\";\n\n  function enter(next) {\n    path = next;\n    render();\n  }\n\n  const countEl = el(\"span\", { className: \"folder-view-count\" });\n  const listEl = el(\"div\", { className: \"folder-view-list\" });\n  const crumbsEl = el(\"nav\", { className: \"folder-view-crumbs\", hidden: \"\" });\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      crumbsEl,\n      countEl\n    ),\n    listEl\n  );\n\n  function renderCrumbs(title) {\n    const parts = path ? path.split(\"/\") : [];\n    const crumbs = [{ name: title, path: \"\" }].concat(\n      parts.map((name, i) => ({ name, path: parts.slice(0, i + 1).join(\"/\") }))\n    );\n    crumbsEl.replaceChildren(\n      ...crumbs.flatMap((crumb, i) => {\n        const last = i === crumbs.length - 1;\n        const node = last\n          ? el(\"span\", { className: \"folder-view-crumb\" }, crumb.name)\n          : el(\n              \"button\",\n              {\n                className: \"folder-view-crumb\",\n                type: \"button\",\n                onClick: () => enter(crumb.path),\n              },\n              crumb.name\n            );\n        return i === 0\n          ? [node]\n          : [el(\"span\", { className: \"folder-view-crumb-sep\" }, \"/\"), node];\n      })\n    );\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 || isDirectoryDoc(folder)) return;\n\n    const existing = new Set(folderLinks(folder).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      if (!Array.isArray(doc.docs)) doc.docs = [];\n      doc.docs.push(...links);\n    });\n  }\n\n  // pushwork owns a directory doc's entries, so it's read-only here.\n  function acceptsDrops(event) {\n    return hasDocumentDrag(event.dataTransfer) && !isDirectoryDoc(handle.doc());\n  }\n\n  shell.addEventListener(\"dragenter\", (event) => {\n    if (!acceptsDrops(event)) return;\n    event.preventDefault();\n    dragDepth++;\n    shell.setAttribute(\"data-drop-active\", \"\");\n  });\n\n  shell.addEventListener(\"dragover\", (event) => {\n    if (!acceptsDrops(event)) 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 (!acceptsDrops(event)) return;\n    dragDepth--;\n    if (dragDepth <= 0) endDrag();\n  });\n\n  shell.addEventListener(\"drop\", (event) => {\n    if (!acceptsDrops(event)) 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\n    const directory = isDirectoryDoc(folder);\n    let links;\n    if (directory) {\n      links = directoryLinks(folder, path);\n      renderCrumbs(\n        asString(folder[\"@patchwork\"].title) || \"Directory\"\n      );\n    } else {\n      path = \"\";\n      links = folderLinks(folder);\n    }\n    createNew.node.hidden = directory;\n    crumbsEl.hidden = !directory;\n\n    countEl.textContent = `${links.length} ${\n      links.length === 1 ? \"document\" : \"documents\"\n    }`;\n\n    if (links.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 links) {\n      const key = entryKey(docLink);\n      seen.add(key);\n      const isFolder = docLink.type === \"folder\";\n      let entry = entries.get(key);\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, enter);\n        entries.set(key, entry);\n      } else {\n        updateEntry(entry, docLink);\n      }\n      ordered.push(entry.node);\n    }\n\n    for (const key of [...entries.keys()]) {\n      if (seen.has(key)) continue;\n      entries.delete(key);\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: where we are inside a pushwork directory doc, in place of the\n   create-new control (pushwork owns those entries). */\n.folder-view .folder-view-crumbs:not([hidden]) {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--studio-space-2xs, 0.25rem);\n  min-width: 0;\n  font-size: 0.85rem;\n}\n\n.folder-view .folder-view-crumb {\n  font: inherit;\n  color: var(--folder-view-fg);\n  background: none;\n  border: none;\n  padding: var(--studio-space-2xs, 0.25rem);\n  border-radius: var(--studio-radius-sm, 4px);\n}\n\n.folder-view button.folder-view-crumb {\n  color: var(--folder-view-accent-text);\n  cursor: pointer;\n}\n\n.folder-view button.folder-view-crumb:hover {\n  background: var(--folder-view-hover);\n}\n\n.folder-view .folder-view-crumb-sep {\n  color: var(--folder-view-muted);\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: inherit;\n  font-size: 0.8rem;\n  background: none;\n  border: none;\n  cursor: pointer;\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": ";;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;;;ACRP;;;ADoBA,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,gBAAgB,cAAc;AACrC,SAAO;AAAA,IACL,gBACE,eAAe,KAAK,CAAC,SAAS,aAAa,MAAM,SAAS,IAAI,CAAC;AAAA,EACnE;AACF;AAEA,SAAS,YAAY,MAAM;AACzB,QAAM,UAAU,KAAK,KAAK;AAC1B,MAAI,oBAAoB,OAAO,EAAG,QAAO;AAEzC,QAAM,QAAQ,QAAQ,MAAM,gBAAgB,IAAI,CAAC;AACjD,MAAI,SAAS,oBAAoB,aAAa,KAAK,EAAE,GAAG;AACtD,WAAO,aAAa,KAAK;AAAA,EAC3B;AACA,SAAO;AACT;AAIA,SAAS,YAAY,OAAO;AAC1B,QAAM,OAAO,MAAM;AACnB,MAAI,CAAC,KAAM,QAAO,CAAC;AAEnB,QAAM,UAAU,KAAK,QAAQ,sBAAsB;AACnD,MAAI,SAAS;AACX,QAAI;AACF,YAAM,SAAS,KAAK,MAAM,OAAO;AACjC,UAAI,MAAM,QAAQ,QAAQ,KAAK,KAAK,OAAO,MAAM,SAAS,GAAG;AAC3D,eAAO,OAAO,MAAM,OAAO,CAAC,SAAS,oBAAoB,MAAM,GAAG,CAAC;AAAA,MACrE;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,UAAU,KAAK,QAAQ,uBAAuB;AACpD,MAAI,SAAS;AACX,QAAI;AACF,YAAM,OAAO,KAAK,MAAM,OAAO;AAC/B,YAAM,SAAS,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,GAC1C,OAAO,CAAC,QAAQ,oBAAoB,GAAG,CAAC,EACxC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;AACzB,UAAI,MAAM,SAAS,EAAG,QAAO;AAAA,IAC/B,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,OAAO,KAAK,QAAQ,eAAe,KAAK,KAAK,QAAQ,YAAY;AACvE,SAAO,KACJ,MAAM,OAAO,EACb,IAAI,WAAW,EACf,OAAO,CAAC,QAAQ,QAAQ,IAAI,EAC5B,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;AAC3B;AAEA,SAAS,GAAG,KAAK,UAAU,UAAU;AACnC,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,MAAI,OAAO;AACT,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,UAAI,SAAS,QAAQ,UAAU,MAAO;AACtC,UAAI,QAAQ,aAAa;AACvB,aAAK,YAAY;AAAA,MACnB,WAAW,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAY;AAC9D,aAAK,iBAAiB,IAAI,MAAM,CAAC,EAAE,YAAY,GAAG,KAAK;AAAA,MACzD,OAAO;AACL,aAAK,aAAa,KAAK,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACA,aAAW,SAAS,SAAS,KAAK,GAAG;AACnC,QAAI,SAAS,QAAQ,UAAU,MAAO;AACtC,SAAK;AAAA,MACH,OAAO,UAAU,WAAW,SAAS,eAAe,KAAK,IAAI;AAAA,IAC/D;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,UAAU,SAAS;AAC1B,SAAO,QAAQ,kBAAkB,QAAQ,GAAG,EAAE,UAAU,SAAS,QAAQ,IAAI;AAC/E;AAIA,SAAS,SAAS,SAAS;AACzB,SAAO,QAAQ,OAAO,QAAQ,QAAQ,IAAI;AAC5C;AAEA,SAAS,gBAAgB;AACvB,SAAO,GAAG,OAAO,EAAE,WAAW,sBAAsB,GAAG,eAAU;AACnE;AAGA,SAAS,WAAW,SAAS,OAAO;AAClC,QAAM,WAAW,QAAQ,SAAS;AAClC,QAAM,SAAS,GAAG,QAAQ,EAAE,WAAW,oBAAoB,GAAG,QAAQ,IAAI;AAC1E,QAAM,SAAS,GAAG,QAAQ,EAAE,WAAW,oBAAoB,GAAG,QAAQ,IAAI;AAC1E,QAAM,SAAS,QAAQ,MACnB;AAAA,IACE;AAAA,IACA,EAAE,WAAW,qBAAqB,MAAM,UAAU,OAAO,EAAE;AAAA,IAC3D;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,MAAM,QAAQ,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,EACF;AAKJ,QAAM,OAAO;AAAA,IACX;AAAA,IACA,EAAE,WAAW,gBAAgB,aAAa,QAAQ,KAAK;AAAA,IACvD;AAAA,MACE;AAAA,MACA,EAAE,WAAW,oBAAoB;AAAA,MACjC,GAAG,OAAO,EAAE,WAAW,qBAAqB,GAAG,QAAQ,MAAM;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,WACI;AAAA,MACE;AAAA,MACA,EAAE,WAAW,oBAAoB;AAAA,MACjC;AAAA,IACF,IACA;AAAA,MACE;AAAA,MACA,EAAE,WAAW,oBAAoB;AAAA,MACjC;AAAA,QACE;AAAA,QACA,EAAE,WAAW,sBAAsB;AAAA,QACnC,GAAG,kBAAkB,EAAE,WAAW,QAAQ,IAAI,CAAC;AAAA,MACjD;AAAA,IACF;AAAA,EACN;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,QAAQ;AAAA,EACf;AACF;AAEA,SAAS,YAAY,OAAO,SAAS;AACnC,MAAI,MAAM,OAAO,gBAAgB,QAAQ,MAAM;AAC7C,UAAM,OAAO,cAAc,QAAQ;AAAA,EACrC;AACA,MAAI,MAAM,OAAO,gBAAgB,QAAQ,MAAM;AAC7C,UAAM,OAAO,cAAc,QAAQ;AAAA,EACrC;AACA,MAAI,MAAM,KAAK,aAAa,WAAW,MAAM,QAAQ,MAAM;AACzD,UAAM,KAAK,aAAa,aAAa,QAAQ,IAAI;AAAA,EACnD;AACA,MAAI,CAAC,QAAQ,IAAK;AAClB,QAAM,OAAO,UAAU,OAAO;AAC9B,MAAI,MAAM,OAAO,aAAa,MAAM,MAAM,MAAM;AAC9C,UAAM,OAAO,aAAa,QAAQ,IAAI;AAAA,EACxC;AACF;AAIA,SAAS,oBAAoB;AAC3B,SAAO,YAAY,oBAAoB,EACpC,IAAI,EACJ,OAAO,CAAC,aAAa,CAAC,SAAS,QAAQ,EACvC,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAChD;AAKA,eAAe,cAAc,MAAM,UAAU;AAC3C,QAAM,SAAS,MAAM,YAAY,oBAAoB,EAAE,KAAK,SAAS,EAAE;AACvE,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,2BAA2B,SAAS,EAAE,GAAG;AACtE,QAAM,YAAY,MAAM,qBAAqB,QAAQ,IAAI;AACzD,SAAO;AAAA,IACL,KAAK,UAAU;AAAA,IACf,MAAM,OAAO,OAAO,SAAS,UAAU,IAAI,CAAC;AAAA,IAC5C,MAAM,SAAS;AAAA,EACjB;AACF;AAIA,SAAS,eAAe,QAAQ,SAAS;AACvC,QAAM,OAAO,GAAG,OAAO,EAAE,WAAW,sBAAsB,QAAQ,GAAG,CAAC;AACtE,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,GAAG,QAAQ,EAAE,WAAW,qBAAqB,GAAG,GAAG;AAAA,IACnD;AAAA,EACF;AACA,QAAM,OAAO,GAAG,OAAO,EAAE,WAAW,gBAAgB,GAAG,QAAQ,IAAI;AAEnE,MAAI,OAAO;AAEX,WAAS,QAAQ,MAAM;AACrB,WAAO;AACP,QAAI,MAAM;AACR,iBAAW;AACX,WAAK,gBAAgB,QAAQ;AAC7B,WAAK,aAAa,aAAa,EAAE;AAAA,IACnC,OAAO;AACL,WAAK,aAAa,UAAU,EAAE;AAC9B,WAAK,gBAAgB,WAAW;AAAA,IAClC;AAAA,EACF;AAEA,WAAS,aAAa;AACpB,UAAM,YAAY,kBAAkB;AACpC,QAAI,UAAU,WAAW,GAAG;AAC1B,WAAK;AAAA,QACH;AAAA,UACE;AAAA,UACA,EAAE,WAAW,sBAAsB;AAAA,UACnC;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AACA,SAAK;AAAA,MACH,GAAG,UAAU;AAAA,QAAI,CAAC,aAChB;AAAA,UACE;AAAA,UACA;AAAA,YACE,WAAW;AAAA,YACX,MAAM;AAAA,YACN,SAAS,MAAM,KAAK,QAAQ;AAAA,UAC9B;AAAA,UACA,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,iBAAe,KAAK,UAAU;AAC5B,YAAQ,KAAK;AACb,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACX,QAAI;AACF,YAAM,OAAO,MAAM,cAAc,MAAM,QAAQ;AAC/C,aAAO,OAAO,CAAC,QAAQ;AACrB,YAAI,KAAK,KAAK,IAAI;AAAA,MACpB,CAAC;AACD,mBAAa,SAAS,KAAK,GAAG;AAAA,IAChC,SAAS,OAAO;AACd,cAAQ,MAAM,oCAAoC,KAAK;AAAA,IACzD;AAAA,EACF;AAEA,SAAO,iBAAiB,SAAS,CAAC,UAAU;AAC1C,UAAM,gBAAgB;AACtB,YAAQ,CAAC,IAAI;AAAA,EACf,CAAC;AAGD,QAAM,gBAAgB,CAAC,UAAU;AAC/B,QAAI,QAAQ,CAAC,KAAK,SAAS,MAAM,MAAM,EAAG,SAAQ,KAAK;AAAA,EACzD;AACA,QAAM,YAAY,CAAC,UAAU;AAC3B,QAAI,QAAQ,MAAM,QAAQ,SAAU,SAAQ,KAAK;AAAA,EACnD;AACA,WAAS,iBAAiB,eAAe,aAAa;AACtD,WAAS,iBAAiB,WAAW,SAAS;AAE9C,QAAM,UAAU,MAAM;AACpB,aAAS,oBAAoB,eAAe,aAAa;AACzD,aAAS,oBAAoB,WAAW,SAAS;AAAA,EACnD;AAEA,SAAO,EAAE,MAAM,QAAQ;AACzB;AAEO,IAAM,aAAa,CAAC,QAAQ,YAAY;AAC7C,QAAM,UAAU,oBAAI,IAAI;AAExB,QAAM,UAAU,GAAG,OAAO;AAC1B,UAAQ,cAAc;AAItB,MAAI,OAAO;AAEX,WAAS,MAAM,MAAM;AACnB,WAAO;AACP,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,GAAG,QAAQ,EAAE,WAAW,oBAAoB,CAAC;AAC7D,QAAM,SAAS,GAAG,OAAO,EAAE,WAAW,mBAAmB,CAAC;AAC1D,QAAM,WAAW,GAAG,OAAO,EAAE,WAAW,sBAAsB,QAAQ,GAAG,CAAC;AAC1E,QAAM,YAAY,eAAe,QAAQ,OAAO;AAChD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,EAAE,WAAW,cAAc;AAAA,IAC3B;AAAA,MACE;AAAA,MACA,EAAE,WAAW,qBAAqB;AAAA,MAClC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,WAAS,aAAa,OAAO;AAC3B,UAAM,QAAQ,OAAO,KAAK,MAAM,GAAG,IAAI,CAAC;AACxC,UAAM,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,GAAG,CAAC,EAAE;AAAA,MACzC,MAAM,IAAI,CAAC,MAAM,OAAO,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE;AAAA,IAC1E;AACA,aAAS;AAAA,MACP,GAAG,OAAO,QAAQ,CAAC,OAAO,MAAM;AAC9B,cAAM,OAAO,MAAM,OAAO,SAAS;AACnC,cAAM,OAAO,OACT,GAAG,QAAQ,EAAE,WAAW,oBAAoB,GAAG,MAAM,IAAI,IACzD;AAAA,UACE;AAAA,UACA;AAAA,YACE,WAAW;AAAA,YACX,MAAM;AAAA,YACN,SAAS,MAAM,MAAM,MAAM,IAAI;AAAA,UACjC;AAAA,UACA,MAAM;AAAA,QACR;AACJ,eAAO,MAAM,IACT,CAAC,IAAI,IACL,CAAC,GAAG,QAAQ,EAAE,WAAW,wBAAwB,GAAG,GAAG,GAAG,IAAI;AAAA,MACpE,CAAC;AAAA,IACH;AAAA,EACF;AAEA,UAAQ,OAAO,OAAO;AAMtB,MAAI,YAAY;AAEhB,WAAS,UAAU;AACjB,gBAAY;AACZ,UAAM,gBAAgB,kBAAkB;AAAA,EAC1C;AAEA,WAAS,eAAe,OAAO;AAC7B,UAAM,SAAS,OAAO,IAAI;AAC1B,QAAI,CAAC,UAAU,eAAe,MAAM,EAAG;AAEvC,UAAM,WAAW,IAAI,IAAI,YAAY,MAAM,EAAE,IAAI,CAAC,YAAY,QAAQ,GAAG,CAAC;AAC1E,UAAM,UAAU,OAAO;AAEvB,UAAM,QAAQ,CAAC;AACf,eAAW,QAAQ,YAAY,KAAK,GAAG;AACrC,UAAI,KAAK,QAAQ,QAAS;AAC1B,UAAI,SAAS,IAAI,KAAK,GAAG,EAAG;AAC5B,eAAS,IAAI,KAAK,GAAG;AACrB,YAAM,KAAK;AAAA,QACT,KAAK,KAAK;AAAA,QACV,MAAM,KAAK,QAAQ;AAAA,QACnB,MAAM,KAAK,QAAQ;AAAA,MACrB,CAAC;AAAA,IACH;AAEA,QAAI,MAAM,WAAW,EAAG;AAExB,WAAO,OAAO,CAAC,QAAQ;AACrB,UAAI,CAAC,MAAM,QAAQ,IAAI,IAAI,EAAG,KAAI,OAAO,CAAC;AAC1C,UAAI,KAAK,KAAK,GAAG,KAAK;AAAA,IACxB,CAAC;AAAA,EACH;AAGA,WAAS,aAAa,OAAO;AAC3B,WAAO,gBAAgB,MAAM,YAAY,KAAK,CAAC,eAAe,OAAO,IAAI,CAAC;AAAA,EAC5E;AAEA,QAAM,iBAAiB,aAAa,CAAC,UAAU;AAC7C,QAAI,CAAC,aAAa,KAAK,EAAG;AAC1B,UAAM,eAAe;AACrB;AACA,UAAM,aAAa,oBAAoB,EAAE;AAAA,EAC3C,CAAC;AAED,QAAM,iBAAiB,YAAY,CAAC,UAAU;AAC5C,QAAI,CAAC,aAAa,KAAK,EAAG;AAC1B,UAAM,eAAe;AAIrB,UAAM,aAAa,aAAa;AAAA,EAClC,CAAC;AAED,QAAM,iBAAiB,aAAa,CAAC,UAAU;AAC7C,QAAI,CAAC,aAAa,KAAK,EAAG;AAC1B;AACA,QAAI,aAAa,EAAG,SAAQ;AAAA,EAC9B,CAAC;AAED,QAAM,iBAAiB,QAAQ,CAAC,UAAU;AACxC,QAAI,CAAC,aAAa,KAAK,EAAG;AAC1B,UAAM,eAAe;AACrB,YAAQ;AACR,mBAAe,KAAK;AAAA,EACtB,CAAC;AAED,MAAI,UAAU;AAEd,WAAS,KAAK,MAAM;AAClB,QAAI,YAAY,MAAM;AAEpB,UAAI,QAAS,SAAQ,OAAO;AAC5B,cAAQ,OAAO,IAAI;AACnB,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,SAAS;AAChB,UAAM,SAAS,OAAO,IAAI;AAC1B,QAAI,CAAC,QAAQ;AACX,WAAK,cAAc,CAAC;AACpB;AAAA,IACF;AAEA,SAAK,KAAK;AAEV,UAAM,YAAY,eAAe,MAAM;AACvC,QAAI;AACJ,QAAI,WAAW;AACb,cAAQ,eAAe,QAAQ,IAAI;AACnC;AAAA,QACE,SAAS,OAAO,YAAY,EAAE,KAAK,KAAK;AAAA,MAC1C;AAAA,IACF,OAAO;AACL,aAAO;AACP,cAAQ,YAAY,MAAM;AAAA,IAC5B;AACA,cAAU,KAAK,SAAS;AACxB,aAAS,SAAS,CAAC;AAEnB,YAAQ,cAAc,GAAG,MAAM,MAAM,IACnC,MAAM,WAAW,IAAI,aAAa,WACpC;AAEA,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM;AACd,aAAO;AAAA,QACL,GAAG,OAAO,EAAE,WAAW,oBAAoB,GAAG,sBAAsB;AAAA,MACtE;AACA;AAAA,IACF;AAEA,UAAM,OAAO,oBAAI,IAAI;AACrB,UAAM,UAAU,CAAC;AACjB,eAAW,WAAW,OAAO;AAC3B,YAAM,MAAM,SAAS,OAAO;AAC5B,WAAK,IAAI,GAAG;AACZ,YAAM,WAAW,QAAQ,SAAS;AAClC,UAAI,QAAQ,QAAQ,IAAI,GAAG;AAG3B,UAAI,CAAC,SAAS,MAAM,aAAa,UAAU;AACzC,gBAAQ,WAAW,SAAS,KAAK;AACjC,gBAAQ,IAAI,KAAK,KAAK;AAAA,MACxB,OAAO;AACL,oBAAY,OAAO,OAAO;AAAA,MAC5B;AACA,cAAQ,KAAK,MAAM,IAAI;AAAA,IACzB;AAEA,eAAW,OAAO,CAAC,GAAG,QAAQ,KAAK,CAAC,GAAG;AACrC,UAAI,KAAK,IAAI,GAAG,EAAG;AACnB,cAAQ,OAAO,GAAG;AAAA,IACpB;AAEA,WAAO,gBAAgB,GAAG,OAAO;AAAA,EACnC;AAEA,QAAM,WAAW,MAAM,OAAO;AAC9B,SAAO,GAAG,UAAU,QAAQ;AAC5B,SAAO;AAEP,SAAO,MAAM;AACX,WAAO,IAAI,UAAU,QAAQ;AAC7B,cAAU,QAAQ;AAClB,YAAQ,gBAAgB;AACxB,YAAQ,MAAM;AACd,cAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/packages/raw/raw-editor.js

@@ -393,6 +393,7 @@ function downloadBlob(blob, name) {
 }
 
 function prepareForJson(v) {
+  if (isImmutableString(v)) return String(v)
   if (v instanceof Uint8Array) return Array.from(v)
   if (Array.isArray(v)) return v.map(prepareForJson)
   if (v !== null && typeof v === "object") {
@@ -403,8 +404,9 @@ function prepareForJson(v) {
   return v
 }
 
+// An ImmutableString is an object too, but it's a string with no history.
 function isCollection(v) {
-  return v !== null && typeof v === "object" && !(v instanceof Uint8Array)
+  return v !== null && typeof v === "object" && !(v instanceof Uint8Array) && !isImmutableString(v)
 }
 
 // ── tree flattening ──────────────────────────────────────────────────────────
@@ -520,6 +522,7 @@ let ICONS = {
 
 function valueColor(v) {
   if (v === null) return "var(--re-null)"
+  if (isImmutableString(v)) return "var(--re-string)"
   switch (typeof v) {
     case "string": return "var(--re-string)"
     case "number": return "var(--re-number)"
@@ -535,7 +538,7 @@ function autoSize(el) {
 
 function valueText(v) {
   if (v === null) return "null"
-  if (typeof v === "string") return JSON.stringify(v)
+  if (typeof v === "string" || isImmutableString(v)) return JSON.stringify(String(v))
   return String(v)
 }
 
@@ -888,6 +891,11 @@ function RawEditorApp(props) {
       let wrapRect = wrapperEl.getBoundingClientRect()
       setEditing({pk: row.id, path: row.path, value: row.value, mode: "text",
         anchorRect: {top: valRect.top - wrapRect.top, left: valRect.left - wrapRect.left}})
+    } else if (isImmutableString(row.value)) {
+      // Edited as the string it is, and written back as an ImmutableString:
+      // it has no text to splice into.
+      setEditing({pk: row.id, path: row.path, value: String(row.value), mode: "value",
+        original: cloneValue(row.value)})
     } else {
       setEditing({pk: row.id, path: row.path, value: row.value, mode: "value"})
     }
@@ -896,7 +904,10 @@ function RawEditorApp(props) {
   function confirmEdit(newValue) {
     let ed = editing()
     if (!ed || ed.mode !== "value") return
-    pushUndo({type: "edit", path: ed.path, oldValue: ed.value, newValue})
+    if (ed.original && typeof newValue === "string") {
+      newValue = new Automerge.ImmutableString(newValue)
+    }
+    pushUndo({type: "edit", path: ed.path, oldValue: ed.original ?? ed.value, newValue})
     handle.change(d => applyAtPath(d, ed.path, newValue))
     setEditing(null)
   }
@@ -1046,7 +1057,8 @@ function RawEditorApp(props) {
     let kind = createMemo(() => {
       let v = row().value
       if (v instanceof Uint8Array) return "u8"
-      if (typeof v === "string" && isValidAutomergeUrl(v)) return "url"
+      let s = isImmutableString(v) ? String(v) : v
+      if (typeof s === "string" && isValidAutomergeUrl(s)) return "url"
       return "plain"
     })
     let canEdit = createMemo(() => !coll() && kind() !== "u8")
@@ -1100,7 +1112,7 @@ function RawEditorApp(props) {
             return html`<${Uint8Inspector} bytes=${() => row().value} />`
           }
           if (kind() === "url") {
-            return html`<span class="re-automerge-url" onClick=${() => openAmUrl(row().value)}>${() => row().value}</span>`
+            return html`<span class="re-automerge-url" onClick=${() => openAmUrl(String(row().value))}>${() => String(row().value)}</span>`
           }
           return html`<span class="re-value" style=${() => `color:${valueColor(row().value)}`}
             on:dblclick=${(e) => startEdit(row(), e.currentTarget)}>${() => valueText(row().value)}</span>`

package/plugin-registry-url

@@ -1 +1 @@
-automerge:2AxMCMGf3wTkQXCbgdKCAPye9vtg
+automerge:3qHo96n2xkJfiGAHRbWcKqUAt2YR

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

@@ -1,27 +0,0 @@
-// 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

@@ -1,7 +0,0 @@
-{
-  "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/tool-EOCAL24F.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/tool.js", "../src/styles.css"],
-  "sourcesContent": ["import {\n  parseAutomergeUrl,\n  isValidAutomergeUrl,\n} from \"@automerge/automerge-repo/slim\";\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// then read its title.\nasync function createDocLink(repo, 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  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, 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": []
-}