@inkandswitch/patchwork-pkg-base 0.0.23 → 0.0.25

package/modules.json

@@ -15,6 +15,7 @@
     "./packages/doc-openwith/",
     "./packages/doc-presence/",
     "./packages/drafts/",
+    "./packages/embed/",
     "./packages/file/",
     "./packages/folder/",
     "./packages/history-view/",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {
@@ -18,5 +18,8 @@
     "watch": "node scripts/watch.mjs",
     "deploy:tools": "pnpm build:static && pnpm dlx netlify-cli deploy --dir=static-dist --prod"
   },
-  "packageManager": "pnpm@11.15.1"
+  "packageManager": "pnpm@11.15.1",
+  "patchwork": {
+    "static": "static-dist"
+  }
 }

package/packages/codemirror-markdown/dist/extensions/embed.js

@@ -3,7 +3,8 @@ import {
   EditorView as EditorView2,
   Decoration,
   WidgetType,
-  ViewPlugin
+  ViewPlugin,
+  dropCursor
 } from "@codemirror/view";
 import {
   isValidDocumentId,
@@ -25,74 +26,17 @@ var embedTheme = EditorView.baseTheme({
   "&dark .cm-embed": {
     borderColor: "#333"
   },
-  ".cm-embed-label": {
-    fontFamily: "monospace",
-    padding: "4px 8px",
-    borderBottom: "1px solid",
-    whiteSpace: "nowrap",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    cursor: "text",
-    display: "flex",
-    alignItems: "center",
-    gap: "8px"
-  },
-  ".cm-embed-label-text": {
-    flex: "1",
-    minWidth: "0",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    opacity: 0.7,
-    "&:hover": {
-      opacity: 1
-    }
-  },
-  ".cm-embed-open-link": {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "16px",
-    height: "16px",
-    cursor: "pointer",
-    flexShrink: "0",
-    border: "none",
-    background: "none",
-    padding: "0",
-    color: "inherit",
-    opacity: 0.7,
-    "&:hover": {
-      opacity: 1
-    }
-  },
-  "&light .cm-embed-label": {
-    borderBottomColor: "#ddd"
-  },
-  "&dark .cm-embed-label": {
-    borderBottomColor: "#333"
-  },
-  ".cm-embed patchwork-view": {
+  ".cm-embed > patchwork-view": {
     display: "block",
     height: "500px",
     width: "100%"
-  },
-  ".cm-embed patchwork-view > *": {
-    height: "100%",
-    width: "100%"
   }
 });
 
-// src/extensions/icons.ts
-var openLinkIcon = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
-  <polyline points="15 3 21 3 21 9"></polyline>
-  <line x1="10" y1="14" x2="21" y2="3"></line>
-</svg>`;
-
 // src/extensions/embed.ts
 var EmbedWidget = class extends WidgetType {
   docId;
-  // `null` means "no explicit tool": <patchwork-view> falls back to the
-  // default tool registered for the document's datatype.
+  // `null` = no pinned tool; the embed frame uses the datatype's fallback.
   toolId;
   embedText;
   constructor(docId, toolId, embedText) {
@@ -104,48 +48,33 @@ var EmbedWidget = class extends WidgetType {
   eq(other) {
     return other.docId === this.docId && other.toolId === this.toolId;
   }
-  toDOM() {
+  toDOM(view) {
     const container = document.createElement("div");
     container.className = "cm-embed";
-    const label = document.createElement("div");
-    label.className = "cm-embed-label";
-    const labelText = document.createElement("span");
-    labelText.className = "cm-embed-label-text";
-    labelText.textContent = this.embedText;
-    labelText.title = "Click to edit";
-    const openLink = document.createElement("button");
-    openLink.className = "cm-embed-open-link";
-    openLink.title = "Open document";
-    openLink.innerHTML = openLinkIcon;
-    openLink.onclick = (e) => {
-      e.preventDefault();
+    const patchworkView = document.createElement("patchwork-view");
+    patchworkView.setAttribute("doc-url", `automerge:${this.docId}`);
+    patchworkView.setAttribute("tool-id", "embed");
+    if (this.toolId) patchworkView.setAttribute("embed-tool-id", this.toolId);
+    patchworkView.style.display = "block";
+    patchworkView.style.height = "500px";
+    patchworkView.style.width = "100%";
+    container.addEventListener("patchwork:embed-tool-changed", (e) => {
       e.stopPropagation();
-      const params = new URLSearchParams();
-      params.set("doc", this.docId);
-      if (this.toolId) params.set("tool", this.toolId);
-      window.location.hash = params.toString();
-    };
-    label.appendChild(labelText);
-    label.appendChild(openLink);
-    const view = document.createElement("patchwork-view");
-    view.setAttribute("doc-url", `automerge:${this.docId}`);
-    if (this.toolId) view.setAttribute("tool-id", this.toolId);
-    view.style.display = "block";
-    view.style.height = "500px";
-    view.style.width = "100%";
-    container.appendChild(label);
-    container.appendChild(view);
+      const toolId = e.detail?.toolId;
+      if (toolId) this.setTool(view, container, toolId);
+    });
+    container.appendChild(patchworkView);
     return container;
   }
-  ignoreEvent(e) {
-    if (e.type === "mousedown" && e.target instanceof Element) {
-      if (e.target.classList.contains("cm-embed-label-text")) {
-        return false;
-      }
-      if (e.target.classList.contains("cm-embed-open-link") || e.target.closest(".cm-embed-open-link")) {
-        return true;
-      }
-    }
+  setTool(view, container, toolId) {
+    const from = view.posAtDOM(container);
+    const to = from + this.embedText.length;
+    if (view.state.doc.sliceString(from, to) !== this.embedText) return;
+    view.dispatch({
+      changes: { from, to, insert: embedSyntax({ docId: this.docId, toolId }) }
+    });
+  }
+  ignoreEvent() {
     return true;
   }
 };
@@ -153,7 +82,6 @@ var EMBED_PATTERN = /\[patchwork:([^/\]]+)(?:\/([^\]]+))?\]/g;
 function getEmbedLinks(view) {
   const widgets = [];
   const { state } = view;
-  const selection = state.selection.main;
   for (const { from, to } of view.visibleRanges) {
     const text = state.doc.sliceString(from, to);
     EMBED_PATTERN.lastIndex = 0;
@@ -162,9 +90,6 @@ function getEmbedLinks(view) {
       const matchFrom = from + m.index;
       const matchTo = matchFrom + m[0].length;
       const [matchText, docId, toolId] = m;
-      const cursorInLink = selection.from >= matchFrom && selection.from <= matchTo;
-      const selectionSpansLink = selection.from < matchFrom && selection.to > matchTo;
-      if (cursorInLink || selectionSpansLink) continue;
       if (!isValidDocumentId(docId)) continue;
       const embed = Decoration.replace({
         widget: new EmbedWidget(docId, toolId ?? null, matchText)
@@ -267,7 +192,12 @@ async function fileDropRefs(files) {
 }
 function insertRefs(view, pos, refs) {
   if (refs.length === 0) return;
-  const text = refs.map(embedSyntax).join("\n\n");
+  let text = refs.map(embedSyntax).join("\n\n");
+  const line = view.state.doc.lineAt(pos);
+  if (/\S/.test(line.text)) {
+    if (pos > line.from) text = "\n" + text;
+    if (pos < line.to) text = text + "\n";
+  }
   view.dispatch({
     changes: { from: pos, insert: text },
     selection: { anchor: pos + text.length }
@@ -277,9 +207,10 @@ function embedDropHandlers() {
   const wantsDragover = (dt) => !!dt && (dt.types.includes("Files") || dt.types.includes(PATCHWORK_DND) || dt.types.includes(PATCHWORK_URLS));
   return EditorView2.domEventHandlers({
     dragover(event) {
-      if (!wantsDragover(event.dataTransfer)) return false;
+      const dt = event.dataTransfer;
+      if (!wantsDragover(dt)) return false;
       event.preventDefault();
-      if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+      if (dt) dt.dropEffect = dt.types.includes("Files") ? "copy" : "link";
       return true;
     },
     drop(event, view) {
@@ -307,17 +238,21 @@ var embedPlugin = ViewPlugin.fromClass(
       this.decorations = getEmbedLinks(view);
     }
     update(update) {
-      if (update.docChanged || update.selectionSet || update.viewportChanged) {
+      if (update.docChanged || update.viewportChanged) {
         this.decorations = getEmbedLinks(update.view);
       }
     }
   },
   {
-    decorations: (v) => v.decorations
+    decorations: (v) => v.decorations,
+    // Atomic: the cursor skips embeds and delete removes the whole marker.
+    provide: (plugin) => EditorView2.atomicRanges.of(
+      (view) => view.plugin(plugin)?.decorations ?? Decoration.none
+    )
   }
 );
 function markdownEmbed() {
-  return [embedPlugin, embedTheme, embedDropHandlers()];
+  return [embedPlugin, embedTheme, embedDropHandlers(), dropCursor()];
 }
 export {
   markdownEmbed

package/packages/codemirror-markdown/dist/extensions/embed.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extensions/embed.ts", "../../src/themes/embed.ts", "../../src/extensions/icons.ts"],
-  "sourcesContent": ["import {\n  EditorView,\n  Decoration,\n  WidgetType,\n  ViewPlugin,\n  ViewUpdate,\n  type DecorationSet,\n} from \"@codemirror/view\";\nimport { Range } from \"@codemirror/state\";\nimport {\n  type AutomergeUrl,\n  type DocumentId,\n  isValidDocumentId,\n  parseAutomergeUrl,\n} from \"@automerge/automerge-repo/slim\";\nimport { embedTheme } from \"../themes/embed.ts\";\nimport { openLinkIcon } from \"./icons.ts\";\n\n/**\n * Widget to render an embedded <patchwork-view> element in a CodeMirror editor.\n */\nclass EmbedWidget extends WidgetType {\n  readonly docId: DocumentId;\n  // `null` means \"no explicit tool\": <patchwork-view> falls back to the\n  // default tool registered for the document's datatype.\n  readonly toolId: string | null;\n  readonly embedText: string;\n\n  constructor(docId: DocumentId, toolId: string | null, embedText: string) {\n    super();\n    this.docId = docId;\n    this.toolId = toolId;\n    this.embedText = embedText;\n  }\n\n  eq(other: EmbedWidget) {\n    return other.docId === this.docId && other.toolId === this.toolId;\n  }\n\n  toDOM() {\n    const container = document.createElement(\"div\");\n    container.className = \"cm-embed\";\n\n    const label = document.createElement(\"div\");\n    label.className = \"cm-embed-label\";\n\n    const labelText = document.createElement(\"span\");\n    labelText.className = \"cm-embed-label-text\";\n    labelText.textContent = this.embedText;\n    labelText.title = \"Click to edit\";\n\n    const openLink = document.createElement(\"button\");\n    openLink.className = \"cm-embed-open-link\";\n    openLink.title = \"Open document\";\n    openLink.innerHTML = openLinkIcon;\n\n    openLink.onclick = (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      const params = new URLSearchParams();\n      params.set(\"doc\", this.docId);\n      // Tool-less embeds open with the datatype's default tool.\n      if (this.toolId) params.set(\"tool\", this.toolId);\n      window.location.hash = params.toString();\n    };\n\n    label.appendChild(labelText);\n    label.appendChild(openLink);\n\n    const view = document.createElement(\"patchwork-view\");\n    // Name the doc without heads. Resolution (OverlayRepo + the drafts\n    // `repo:handle-descriptor` answer) pins it to the active checkpoint when one\n    // is checked out, so the embed freezes with the document it lives in;\n    // otherwise it renders live.\n    view.setAttribute(\"doc-url\", `automerge:${this.docId}`);\n    if (this.toolId) view.setAttribute(\"tool-id\", this.toolId);\n    // The <patchwork-view> needs an explicit, non-zero height set inline:\n    // without it the element collapses to 0px and the embedded tool never\n    // renders. (The stylesheet rule isn't reliably applied here, so we set it\n    // directly on the element.)\n    view.style.display = \"block\";\n    view.style.height = \"500px\";\n    view.style.width = \"100%\";\n\n    container.appendChild(label);\n    container.appendChild(view);\n\n    return container;\n  }\n\n  ignoreEvent(e: Event) {\n    if (e.type === \"mousedown\" && e.target instanceof Element) {\n      // Allow clicks on the label text to pass through for editing\n      if (e.target.classList.contains(\"cm-embed-label-text\")) {\n        return false; // Let the editor handle it\n      }\n      // Block clicks on the open link button (let button handle it)\n      if (\n        e.target.classList.contains(\"cm-embed-open-link\") ||\n        e.target.closest(\".cm-embed-open-link\")\n      ) {\n        return true; // Block from editor\n      }\n    }\n    // Block other events from reaching the editor (let patchwork-view handle them)\n    return true;\n  }\n}\n\n// Embed marker syntax: [patchwork:docId] or [patchwork:docId/toolId]. The tool\n// id is optional; when absent the embed falls back to the datatype's default\n// tool. The doc id / tool id cannot contain `/` or `]`.\n//\n// We scan the document text directly rather than walking the markdown syntax\n// tree on purpose: `@codemirror/language` is not a shared singleton across\n// patchwork's separately-bundled CodeMirror extensions, so `syntaxTree(state)`\n// here reads a different `Language` facet than the markdown tool populates and\n// always comes back empty. Plain-text scanning keeps this extension\n// self-contained and free of any `@codemirror/language` dependency.\nconst EMBED_PATTERN = /\\[patchwork:([^/\\]]+)(?:\\/([^\\]]+))?\\]/g;\n\nfunction getEmbedLinks(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\n  const { state } = view;\n  const selection = state.selection.main;\n\n  // Scan only the visible ranges. Markers never span a line break, and\n  // CodeMirror's visible ranges are line-aligned, so a marker is either fully\n  // inside a range or fully outside it.\n  for (const { from, to } of view.visibleRanges) {\n    const text = state.doc.sliceString(from, to);\n    EMBED_PATTERN.lastIndex = 0;\n    let m: RegExpExecArray | null;\n    while ((m = EMBED_PATTERN.exec(text)) !== null) {\n      const matchFrom = from + m.index;\n      const matchTo = matchFrom + m[0].length;\n      const [matchText, docId, toolId] = m;\n\n      // Show raw text (no widget) while the cursor is on the marker or a\n      // selection spans it, so it can be edited.\n      const cursorInLink =\n        selection.from >= matchFrom && selection.from <= matchTo;\n      const selectionSpansLink =\n        selection.from < matchFrom && selection.to > matchTo;\n      if (cursorInLink || selectionSpansLink) continue;\n\n      if (!isValidDocumentId(docId)) continue;\n\n      const embed = Decoration.replace({\n        widget: new EmbedWidget(docId as DocumentId, toolId ?? null, matchText),\n      });\n      widgets.push(embed.range(matchFrom, matchTo));\n    }\n  }\n\n  // `true` lets CodeMirror sort the ranges defensively (matches are already in\n  // document order, but this is cheap insurance).\n  return Decoration.set(widgets, true);\n}\n\n// MIME types we accept document drags from. Mirrors the sideboard's convention\n// (duplicated on purpose \u2014 see the DnD notes; a shared package is a later step).\nconst PATCHWORK_DND = \"text/x-patchwork-dnd\";\nconst PATCHWORK_URLS = \"text/x-patchwork-urls\";\n\ntype DocRef = { docId: DocumentId; toolId: string | null };\n\n/** Turn an automerge url or a patchwork web link into a DocumentId, or null. */\nfunction urlToDocId(raw: string): DocumentId | null {\n  const trimmed = raw.trim();\n  if (!trimmed) return null;\n  // Plain automerge url (optionally carrying heads/query/subpath).\n  const am = trimmed.match(/automerge:([a-zA-Z0-9]+)/);\n  if (am && isValidDocumentId(am[1])) return am[1] as DocumentId;\n  // Patchwork web link: #doc=<documentId> (also &doc= / ?doc=).\n  const web = trimmed.match(/[#&?]doc=([a-zA-Z0-9]+)/);\n  if (web && isValidDocumentId(web[1])) return web[1] as DocumentId;\n  return null;\n}\n\n/**\n * Read dragged documents out of a drop event, in order of format preference.\n * Only an *explicit* `toolId` on a structured item pins the tool; otherwise we\n * embed tool-less and let the view fall back to the datatype's default tool.\n * (The previous code mis-read `item.type` \u2014 a datatype \u2014 as a tool id, so any\n * source whose datatype != tool id produced a broken embed, and sources that\n * set only urls were dropped entirely.)\n */\nfunction extractDocRefs(dt: DataTransfer): DocRef[] {\n  const refs: DocRef[] = [];\n  const seen = new Set<string>();\n  const push = (docId: DocumentId | null, toolId: string | null) => {\n    if (!docId || seen.has(docId)) return;\n    seen.add(docId);\n    refs.push({ docId, toolId });\n  };\n\n  const dnd = dt.getData(PATCHWORK_DND);\n  if (dnd) {\n    try {\n      const parsed = JSON.parse(dnd) as {\n        items?: Array<{ url?: string; toolId?: string }>;\n      };\n      for (const item of parsed?.items ?? []) {\n        if (item?.url) push(urlToDocId(item.url), item.toolId ?? null);\n      }\n    } catch {\n      // fall through to the other formats\n    }\n  }\n  if (refs.length > 0) return refs;\n\n  const urls = dt.getData(PATCHWORK_URLS);\n  if (urls) {\n    try {\n      const parsed: unknown = JSON.parse(urls);\n      if (Array.isArray(parsed)) {\n        for (const u of parsed) push(urlToDocId(String(u)), null);\n      }\n    } catch {\n      // fall through\n    }\n  }\n  if (refs.length > 0) return refs;\n\n  const text = dt.getData(\"text/uri-list\") || dt.getData(\"text/plain\");\n  if (text) {\n    for (const line of text.split(/\\r?\\n/)) {\n      if (line.startsWith(\"#\")) continue; // uri-list comments\n      push(urlToDocId(line), null);\n    }\n  }\n  return refs;\n}\n\nfunction embedSyntax({ docId, toolId }: DocRef): string {\n  return toolId ? `[patchwork:${docId}/${toolId}]` : `[patchwork:${docId}]`;\n}\n\n/**\n * Import each OS file dropped from the desktop as a Patchwork `file` document,\n * returning tool-less refs to embed. Uses the realm-local `window.repo` (the\n * documented global) \u2014 fine for creating brand-new docs, which aren't subject\n * to draft remapping.\n */\nasync function fileDropRefs(files: FileList): Promise<DocRef[]> {\n  const repo = (window as unknown as { repo?: any }).repo;\n  if (!repo) {\n    console.warn(\n      \"[codemirror-embed] window.repo unavailable; ignoring dropped files\"\n    );\n    return [];\n  }\n  const refs: DocRef[] = [];\n  for (const file of Array.from(files)) {\n    try {\n      const mimeType = file.type || \"application/octet-stream\";\n      const isText =\n        mimeType.startsWith(\"text/\") || mimeType === \"application/json\";\n      const content = isText\n        ? await file.text()\n        : new Uint8Array(await file.arrayBuffer());\n      const parts = file.name.split(\".\");\n      const extension = parts.length > 1 ? parts.pop()! : \"\";\n      const handle = repo.create();\n      handle.change((d: any) => {\n        d[\"@patchwork\"] = { type: \"file\" };\n        d.content = content;\n        d.mimeType = mimeType;\n        d.extension = extension;\n        d.name = file.name;\n      });\n      const { documentId } = parseAutomergeUrl(handle.url as AutomergeUrl);\n      if (isValidDocumentId(documentId)) {\n        refs.push({ docId: documentId as DocumentId, toolId: null });\n      }\n    } catch (err) {\n      console.warn(\n        \"[codemirror-embed] failed to import dropped file\",\n        file.name,\n        err\n      );\n    }\n  }\n  return refs;\n}\n\nfunction insertRefs(view: EditorView, pos: number, refs: DocRef[]): void {\n  if (refs.length === 0) return;\n  const text = refs.map(embedSyntax).join(\"\\n\\n\");\n  view.dispatch({\n    changes: { from: pos, insert: text },\n    selection: { anchor: pos + text.length },\n  });\n}\n\n/**\n * Drop handler that accepts:\n *  - documents dragged from the sidebar / canvases / other tools\n *    (`text/x-patchwork-dnd`, `text/x-patchwork-urls`, `text/uri-list`, and\n *    `text/plain` patchwork links), and\n *  - files dragged in from the operating system (imported as `file` docs).\n * Inserts `[patchwork:docId]` (or `[patchwork:docId/toolId]`) at the drop point.\n */\nfunction embedDropHandlers() {\n  // Only claim the *dragover* for unambiguous patchwork/OS drags \u2014 plain\n  // text/uri-list can be an ordinary in-editor text drag, which we must not\n  // swallow. (`Files` covers OS drags, whose `dt.files` is empty until drop.)\n  const wantsDragover = (dt: DataTransfer | null): boolean =>\n    !!dt &&\n    (dt.types.includes(\"Files\") ||\n      dt.types.includes(PATCHWORK_DND) ||\n      dt.types.includes(PATCHWORK_URLS));\n\n  return EditorView.domEventHandlers({\n    dragover(event) {\n      if (!wantsDragover(event.dataTransfer)) return false;\n      event.preventDefault();\n      if (event.dataTransfer) event.dataTransfer.dropEffect = \"copy\";\n      return true;\n    },\n    drop(event, view) {\n      const dt = event.dataTransfer;\n      if (!dt) return false;\n      const pos = view.posAtCoords({ x: event.clientX, y: event.clientY });\n      if (pos == null) return false;\n\n      // OS files import asynchronously; insert once the docs exist.\n      if (dt.files && dt.files.length > 0) {\n        event.preventDefault();\n        void fileDropRefs(dt.files).then((refs) => insertRefs(view, pos, refs));\n        return true;\n      }\n\n      // Otherwise only handle the drop if it actually resolves to patchwork\n      // docs (dnd/urls always do; uri-list/plain only for patchwork links).\n      // If not, let CodeMirror handle it as a normal text drop.\n      const refs = extractDocRefs(dt);\n      if (refs.length === 0) return false;\n      event.preventDefault();\n      insertRefs(view, pos, refs);\n      return true;\n    },\n  });\n}\n\nconst embedPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = getEmbedLinks(view);\n    }\n\n    update(update: ViewUpdate) {\n      // Recompute when the document changes, the selection moves, or the\n      // viewport scrolls (so newly-visible markers get decorated).\n      if (update.docChanged || update.selectionSet || update.viewportChanged) {\n        this.decorations = getEmbedLinks(update.view);\n      }\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  }\n);\n\nexport function markdownEmbed() {\n  return [embedPlugin, embedTheme, embedDropHandlers()];\n}\n", "import { EditorView } from \"@codemirror/view\";\n\nexport const embedTheme = EditorView.baseTheme({\n  \".cm-embed\": {\n    display: \"block\",\n    border: \"1px solid\",\n    borderRadius: \"4px\",\n    overflow: \"hidden\",\n  },\n  \"&light .cm-embed\": {\n    borderColor: \"#ddd\",\n  },\n  \"&dark .cm-embed\": {\n    borderColor: \"#333\",\n  },\n  \".cm-embed-label\": {\n    fontFamily: \"monospace\",\n    padding: \"4px 8px\",\n    borderBottom: \"1px solid\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    cursor: \"text\",\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n  },\n  \".cm-embed-label-text\": {\n    flex: \"1\",\n    minWidth: \"0\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    opacity: 0.7,\n    \"&:hover\": {\n      opacity: 1,\n    },\n  },\n  \".cm-embed-open-link\": {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"16px\",\n    height: \"16px\",\n    cursor: \"pointer\",\n    flexShrink: \"0\",\n    border: \"none\",\n    background: \"none\",\n    padding: \"0\",\n    color: \"inherit\",\n    opacity: 0.7,\n    \"&:hover\": {\n      opacity: 1,\n    },\n  },\n  \"&light .cm-embed-label\": {\n    borderBottomColor: \"#ddd\",\n  },\n  \"&dark .cm-embed-label\": {\n    borderBottomColor: \"#333\",\n  },\n  \".cm-embed patchwork-view\": {\n    display: \"block\",\n    height: \"500px\",\n    width: \"100%\",\n  },\n  \".cm-embed patchwork-view > *\": {\n    height: \"100%\",\n    width: \"100%\",\n  },\n});\n", "export const openLinkIcon = `<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path>\n  <polyline points=\"15 3 21 3 21 9\"></polyline>\n  <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"></line>\n</svg>`;\n"],
-  "mappings": "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",
+  "sources": ["../../src/extensions/embed.ts", "../../src/themes/embed.ts"],
+  "sourcesContent": ["import {\n  EditorView,\n  Decoration,\n  WidgetType,\n  ViewPlugin,\n  ViewUpdate,\n  dropCursor,\n  type DecorationSet,\n} from \"@codemirror/view\";\nimport { Range } from \"@codemirror/state\";\nimport {\n  type AutomergeUrl,\n  type DocumentId,\n  isValidDocumentId,\n  parseAutomergeUrl,\n} from \"@automerge/automerge-repo/slim\";\nimport { embedTheme } from \"../themes/embed.ts\";\n\n/**\n * Renders an embedded doc through the shared \"embed\" tool, which draws the\n * chrome and nests the content view. The inner tool travels via the\n * `embed-tool-id` attribute; tool picks come back as\n * `patchwork:embed-tool-changed` events and are persisted by rewriting the\n * marker (which recreates the widget).\n */\nclass EmbedWidget extends WidgetType {\n  readonly docId: DocumentId;\n  // `null` = no pinned tool; the embed frame uses the datatype's fallback.\n  readonly toolId: string | null;\n  readonly embedText: string;\n\n  constructor(docId: DocumentId, toolId: string | null, embedText: string) {\n    super();\n    this.docId = docId;\n    this.toolId = toolId;\n    this.embedText = embedText;\n  }\n\n  eq(other: EmbedWidget) {\n    return other.docId === this.docId && other.toolId === this.toolId;\n  }\n\n  toDOM(view: EditorView) {\n    const container = document.createElement(\"div\");\n    container.className = \"cm-embed\";\n\n    const patchworkView = document.createElement(\"patchwork-view\");\n    // No heads in the url: the embed follows whatever version the host\n    // resolves \u2014 the active checkpoint when one is checked out, live otherwise.\n    patchworkView.setAttribute(\"doc-url\", `automerge:${this.docId}`);\n    patchworkView.setAttribute(\"tool-id\", \"embed\");\n    if (this.toolId) patchworkView.setAttribute(\"embed-tool-id\", this.toolId);\n    // Explicit inline height: without it the element collapses to 0px (the\n    // stylesheet rule isn't reliably applied here).\n    patchworkView.style.display = \"block\";\n    patchworkView.style.height = \"500px\";\n    patchworkView.style.width = \"100%\";\n\n    // Persist tool picks into the marker text. Stop propagation so nested\n    // embeds don't also change the outer embed's tool.\n    container.addEventListener(\"patchwork:embed-tool-changed\", (e) => {\n      e.stopPropagation();\n      const toolId = (e as CustomEvent<{ toolId?: string }>).detail?.toolId;\n      if (toolId) this.setTool(view, container, toolId);\n    });\n\n    container.appendChild(patchworkView);\n    return container;\n  }\n\n  private setTool(\n    view: EditorView,\n    container: HTMLElement,\n    toolId: string\n  ): void {\n    const from = view.posAtDOM(container);\n    const to = from + this.embedText.length;\n    // Only rewrite if the marker is still exactly where this widget maps to.\n    if (view.state.doc.sliceString(from, to) !== this.embedText) return;\n    view.dispatch({\n      changes: { from, to, insert: embedSyntax({ docId: this.docId, toolId }) },\n    });\n  }\n\n  ignoreEvent() {\n    // Atomic embed: the editor ignores all events; the frame handles them.\n    return true;\n  }\n}\n\n// Marker syntax: [patchwork:docId] or [patchwork:docId/toolId] (ids can't\n// contain `/` or `]`). We scan plain text instead of the markdown syntax tree\n// on purpose: `@codemirror/language` isn't a shared singleton across\n// patchwork's separately-bundled extensions, so `syntaxTree(state)` here would\n// read a different `Language` facet and always come back empty.\nconst EMBED_PATTERN = /\\[patchwork:([^/\\]]+)(?:\\/([^\\]]+))?\\]/g;\n\nfunction getEmbedLinks(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\n  const { state } = view;\n\n  // Visible ranges are line-aligned and markers never span lines, so a marker\n  // is always fully inside or fully outside a range.\n  for (const { from, to } of view.visibleRanges) {\n    const text = state.doc.sliceString(from, to);\n    EMBED_PATTERN.lastIndex = 0;\n    let m: RegExpExecArray | null;\n    while ((m = EMBED_PATTERN.exec(text)) !== null) {\n      const matchFrom = from + m.index;\n      const matchTo = matchFrom + m[0].length;\n      const [matchText, docId, toolId] = m;\n\n      if (!isValidDocumentId(docId)) continue;\n\n      const embed = Decoration.replace({\n        widget: new EmbedWidget(docId as DocumentId, toolId ?? null, matchText),\n      });\n      widgets.push(embed.range(matchFrom, matchTo));\n    }\n  }\n\n  // `true` lets CodeMirror sort the ranges defensively (matches are already in\n  // document order, but this is cheap insurance).\n  return Decoration.set(widgets, true);\n}\n\n// MIME types we accept document drags from. Mirrors the sideboard's convention\n// (duplicated on purpose \u2014 see the DnD notes; a shared package is a later step).\nconst PATCHWORK_DND = \"text/x-patchwork-dnd\";\nconst PATCHWORK_URLS = \"text/x-patchwork-urls\";\n\ntype DocRef = { docId: DocumentId; toolId: string | null };\n\n/** Turn an automerge url or a patchwork web link into a DocumentId, or null. */\nfunction urlToDocId(raw: string): DocumentId | null {\n  const trimmed = raw.trim();\n  if (!trimmed) return null;\n  // Plain automerge url (optionally carrying heads/query/subpath).\n  const am = trimmed.match(/automerge:([a-zA-Z0-9]+)/);\n  if (am && isValidDocumentId(am[1])) return am[1] as DocumentId;\n  // Patchwork web link: #doc=<documentId> (also &doc= / ?doc=).\n  const web = trimmed.match(/[#&?]doc=([a-zA-Z0-9]+)/);\n  if (web && isValidDocumentId(web[1])) return web[1] as DocumentId;\n  return null;\n}\n\n/**\n * Read dragged documents out of a drop event, in order of format preference.\n * Only an *explicit* `toolId` on a structured item pins the tool; otherwise we\n * embed tool-less and let the view fall back to the datatype's default tool.\n * (The previous code mis-read `item.type` \u2014 a datatype \u2014 as a tool id, so any\n * source whose datatype != tool id produced a broken embed, and sources that\n * set only urls were dropped entirely.)\n */\nfunction extractDocRefs(dt: DataTransfer): DocRef[] {\n  const refs: DocRef[] = [];\n  const seen = new Set<string>();\n  const push = (docId: DocumentId | null, toolId: string | null) => {\n    if (!docId || seen.has(docId)) return;\n    seen.add(docId);\n    refs.push({ docId, toolId });\n  };\n\n  const dnd = dt.getData(PATCHWORK_DND);\n  if (dnd) {\n    try {\n      const parsed = JSON.parse(dnd) as {\n        items?: Array<{ url?: string; toolId?: string }>;\n      };\n      for (const item of parsed?.items ?? []) {\n        if (item?.url) push(urlToDocId(item.url), item.toolId ?? null);\n      }\n    } catch {\n      // fall through to the other formats\n    }\n  }\n  if (refs.length > 0) return refs;\n\n  const urls = dt.getData(PATCHWORK_URLS);\n  if (urls) {\n    try {\n      const parsed: unknown = JSON.parse(urls);\n      if (Array.isArray(parsed)) {\n        for (const u of parsed) push(urlToDocId(String(u)), null);\n      }\n    } catch {\n      // fall through\n    }\n  }\n  if (refs.length > 0) return refs;\n\n  const text = dt.getData(\"text/uri-list\") || dt.getData(\"text/plain\");\n  if (text) {\n    for (const line of text.split(/\\r?\\n/)) {\n      if (line.startsWith(\"#\")) continue; // uri-list comments\n      push(urlToDocId(line), null);\n    }\n  }\n  return refs;\n}\n\nfunction embedSyntax({ docId, toolId }: DocRef): string {\n  return toolId ? `[patchwork:${docId}/${toolId}]` : `[patchwork:${docId}]`;\n}\n\n/**\n * Import each OS file dropped from the desktop as a Patchwork `file` document,\n * returning tool-less refs to embed. Uses the realm-local `window.repo` (the\n * documented global) \u2014 fine for creating brand-new docs, which aren't subject\n * to draft remapping.\n */\nasync function fileDropRefs(files: FileList): Promise<DocRef[]> {\n  const repo = (window as unknown as { repo?: any }).repo;\n  if (!repo) {\n    console.warn(\n      \"[codemirror-embed] window.repo unavailable; ignoring dropped files\"\n    );\n    return [];\n  }\n  const refs: DocRef[] = [];\n  for (const file of Array.from(files)) {\n    try {\n      const mimeType = file.type || \"application/octet-stream\";\n      const isText =\n        mimeType.startsWith(\"text/\") || mimeType === \"application/json\";\n      const content = isText\n        ? await file.text()\n        : new Uint8Array(await file.arrayBuffer());\n      const parts = file.name.split(\".\");\n      const extension = parts.length > 1 ? parts.pop()! : \"\";\n      const handle = repo.create();\n      handle.change((d: any) => {\n        d[\"@patchwork\"] = { type: \"file\" };\n        d.content = content;\n        d.mimeType = mimeType;\n        d.extension = extension;\n        d.name = file.name;\n      });\n      const { documentId } = parseAutomergeUrl(handle.url as AutomergeUrl);\n      if (isValidDocumentId(documentId)) {\n        refs.push({ docId: documentId as DocumentId, toolId: null });\n      }\n    } catch (err) {\n      console.warn(\n        \"[codemirror-embed] failed to import dropped file\",\n        file.name,\n        err\n      );\n    }\n  }\n  return refs;\n}\n\nfunction insertRefs(view: EditorView, pos: number, refs: DocRef[]): void {\n  if (refs.length === 0) return;\n  let text = refs.map(embedSyntax).join(\"\\n\\n\");\n  // On a non-empty line, add just enough breaks to put the embed on its own line.\n  const line = view.state.doc.lineAt(pos);\n  if (/\\S/.test(line.text)) {\n    if (pos > line.from) text = \"\\n\" + text;\n    if (pos < line.to) text = text + \"\\n\";\n  }\n  view.dispatch({\n    changes: { from: pos, insert: text },\n    selection: { anchor: pos + text.length },\n  });\n}\n\n/**\n * Drop handler that accepts:\n *  - documents dragged from the sidebar / canvases / other tools\n *    (`text/x-patchwork-dnd`, `text/x-patchwork-urls`, `text/uri-list`, and\n *    `text/plain` patchwork links), and\n *  - files dragged in from the operating system (imported as `file` docs).\n * Inserts `[patchwork:docId]` (or `[patchwork:docId/toolId]`) at the drop point.\n */\nfunction embedDropHandlers() {\n  // Only claim the *dragover* for unambiguous patchwork/OS drags \u2014 plain\n  // text/uri-list can be an ordinary in-editor text drag, which we must not\n  // swallow. (`Files` covers OS drags, whose `dt.files` is empty until drop.)\n  const wantsDragover = (dt: DataTransfer | null): boolean =>\n    !!dt &&\n    (dt.types.includes(\"Files\") ||\n      dt.types.includes(PATCHWORK_DND) ||\n      dt.types.includes(PATCHWORK_URLS));\n\n  return EditorView.domEventHandlers({\n    dragover(event) {\n      const dt = event.dataTransfer;\n      if (!wantsDragover(dt)) return false;\n      event.preventDefault();\n      // Doc drags insert a *reference* to the same automerge doc, so show the\n      // link cursor; OS file drags genuinely copy content into new docs.\n      if (dt) dt.dropEffect = dt.types.includes(\"Files\") ? \"copy\" : \"link\";\n      return true;\n    },\n    drop(event, view) {\n      const dt = event.dataTransfer;\n      if (!dt) return false;\n      const pos = view.posAtCoords({ x: event.clientX, y: event.clientY });\n      if (pos == null) return false;\n\n      // OS files import asynchronously; insert once the docs exist.\n      if (dt.files && dt.files.length > 0) {\n        event.preventDefault();\n        void fileDropRefs(dt.files).then((refs) => insertRefs(view, pos, refs));\n        return true;\n      }\n\n      // Otherwise only handle the drop if it actually resolves to patchwork\n      // docs (dnd/urls always do; uri-list/plain only for patchwork links).\n      // If not, let CodeMirror handle it as a normal text drop.\n      const refs = extractDocRefs(dt);\n      if (refs.length === 0) return false;\n      event.preventDefault();\n      insertRefs(view, pos, refs);\n      return true;\n    },\n  });\n}\n\nconst embedPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = getEmbedLinks(view);\n    }\n\n    update(update: ViewUpdate) {\n      // Viewport too, so newly-visible markers get decorated.\n      if (update.docChanged || update.viewportChanged) {\n        this.decorations = getEmbedLinks(update.view);\n      }\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n    // Atomic: the cursor skips embeds and delete removes the whole marker.\n    provide: (plugin) =>\n      EditorView.atomicRanges.of(\n        (view) => view.plugin(plugin)?.decorations ?? Decoration.none\n      ),\n  }\n);\n\nexport function markdownEmbed() {\n  // `dropCursor` observes events, so it coexists with our dragover handler.\n  return [embedPlugin, embedTheme, embedDropHandlers(), dropCursor()];\n}\n", "import { EditorView } from \"@codemirror/view\";\n\n// Outer container only; all embed chrome lives in the shared \"embed\" tool.\nexport const embedTheme = EditorView.baseTheme({\n  \".cm-embed\": {\n    display: \"block\",\n    border: \"1px solid\",\n    borderRadius: \"4px\",\n    overflow: \"hidden\",\n  },\n  \"&light .cm-embed\": {\n    borderColor: \"#ddd\",\n  },\n  \"&dark .cm-embed\": {\n    borderColor: \"#333\",\n  },\n  \".cm-embed > patchwork-view\": {\n    display: \"block\",\n    height: \"500px\",\n    width: \"100%\",\n  },\n});\n"],
+  "mappings": "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",
   "names": ["EditorView", "EditorView", "refs"]
 }

package/packages/embed/dist/assets/tool-Cg7zrpH9.js

@@ -0,0 +1,236 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@layer package {\n  :root,\n  :host,\n  [theme] {\n    --embed-frame-bg: var(--editor-fill, white);\n    --embed-frame-fg: var(--editor-line, black);\n    --embed-frame-muted: var(--editor-line-offset-30, #666);\n    --embed-frame-border: var(--editor-fill-offset-20, #ddd);\n    --embed-frame-hover: var(--editor-fill-offset-10, #f4f4f4);\n    --embed-frame-highlight: var(--editor-fill-offset-10, #f0f0f0);\n    --embed-frame-family: var(--editor-family-sans, system-ui, sans-serif);\n  }\n}\n\n.embed-frame {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--embed-frame-bg);\n  color: var(--embed-frame-fg);\n  font-family: var(--embed-frame-family);\n}\n\n.embed-frame .header {\n  display: flex;\n  align-items: center;\n  gap: var(--studio-space-sm, 0.5rem);\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border-bottom: 1px solid var(--embed-frame-border);\n  flex-shrink: 0;\n}\n\n.embed-frame .title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n  font-size: 0.85em;\n  cursor: default;\n}\n\n.embed-frame .title[data-renamable] {\n  cursor: text;\n}\n\n.embed-frame .rename-input {\n  flex: 1;\n  min-width: 0;\n  font: inherit;\n  font-size: 0.85em;\n  color: inherit;\n  background: none;\n  border: 1px solid var(--embed-frame-border);\n  border-radius: var(--studio-radius-sm, 4px);\n  padding: 0 var(--studio-space-2xs, 0.25rem);\n  outline: none;\n}\n\n.embed-frame .version {\n  font-size: 0.7em;\n  color: var(--embed-frame-muted);\n  flex-shrink: 0;\n}\n\n.embed-frame .tool-btn {\n  display: inline-flex;\n  align-items: center;\n  height: 20px;\n  padding: 0 var(--studio-space-sm, 0.5rem);\n  border: 1px solid var(--embed-frame-border);\n  border-radius: var(--studio-radius-round, 9999px);\n  background: none;\n  color: var(--embed-frame-muted);\n  font: inherit;\n  font-size: 0.75em;\n  font-weight: 500;\n  cursor: pointer;\n  white-space: nowrap;\n  max-width: 10rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 0;\n  transition: background var(--studio-transition-fast, 0.1s ease);\n}\n\n.embed-frame .tool-btn:hover {\n  background: var(--embed-frame-hover);\n  color: var(--embed-frame-fg);\n}\n\n.embed-frame .open-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: none;\n  color: inherit;\n  padding: 0;\n  cursor: pointer;\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n.embed-frame .open-btn:hover {\n  opacity: 1;\n}\n\n.embed-frame .content {\n  flex: 1;\n  min-height: 0;\n  position: relative;\n}\n\n.embed-frame .content > patchwork-view {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.embed-frame .tool-menu[popover] {\n  position: fixed;\n  inset: unset;\n  margin: 0;\n  padding: 0;\n  min-width: 180px;\n  border: 1px solid var(--embed-frame-border);\n  border-radius: var(--studio-radius-sm, 4px);\n  background: var(--embed-frame-bg);\n  color: var(--embed-frame-fg);\n  box-shadow: var(--studio-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));\n  overflow: hidden;\n  font-family: var(--embed-frame-family);\n  font-size: 0.85em;\n}\n\n.embed-frame .tool-menu .list {\n  max-height: 200px;\n  overflow-y: auto;\n  padding: var(--studio-space-2xs, 0.25rem);\n}\n\n.embed-frame .tool-menu .item {\n  display: block;\n  width: 100%;\n  padding: var(--studio-space-2xs, 0.25rem) var(--studio-space-sm, 0.5rem);\n  border: none;\n  border-radius: var(--studio-radius-sm, 4px);\n  background: none;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.embed-frame .tool-menu .item:hover {\n  background: var(--embed-frame-highlight);\n}\n\n.embed-frame .tool-menu .item[data-current] {\n  font-weight: 600;\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import { render, createComponent, insert, effect, setAttribute, use, template, delegateEvents } from "solid-js/web";
+import { getRegistry, isLoadedPlugin, getFallbackTool, getSupportedToolsForType } from "@inkandswitch/patchwork-plugins";
+import { getType } from "@inkandswitch/patchwork-filesystem";
+import { openDocument } from "@inkandswitch/patchwork-elements";
+import { createSignal, onCleanup, createEffect, Show, For } from "solid-js";
+const version = "0.0.2";
+var _tmpl$ = /* @__PURE__ */ template(`<span class=title>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=list>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=embed-frame><div class=header><span class=version>v</span><button class=tool-btn title="Open with…"></button><button class=open-btn title="Open document"></button></div><div class=content></div><div class=tool-menu popover=auto>`), _tmpl$4 = /* @__PURE__ */ template(`<input class=rename-input>`), _tmpl$5 = /* @__PURE__ */ template(`<button class=item>`);
+const EMBED_TOOL_ID = "embed";
+const EmbedFrame = (handle, element) => render(() => createComponent(Frame, {
+  handle,
+  element
+}), element);
+function Frame(props) {
+  var _a;
+  const {
+    handle,
+    element
+  } = props;
+  const [pinnedToolId, setPinnedToolId] = createSignal(element.getAttribute("embed-tool-id") || ((_a = element.closest("patchwork-view")) == null ? void 0 : _a.getAttribute("embed-tool-id")) || null);
+  const [doc, setDoc] = createSignal(handle.doc(), {
+    equals: false
+  });
+  const [datatype, setDatatype] = createSignal(null);
+  const [renaming, setRenaming] = createSignal(false);
+  const [menuOpen, setMenuOpen] = createSignal(false);
+  const onDocChange = () => setDoc(handle.doc());
+  handle.on("change", onDocChange);
+  onCleanup(() => handle.off("change", onDocChange));
+  void loadDatatype();
+  let menuEl;
+  let toolButtonEl;
+  const title = () => {
+    var _a2;
+    try {
+      return ((_a2 = datatype()) == null ? void 0 : _a2.getTitle(doc())) || "Untitled";
+    } catch {
+      return "Untitled";
+    }
+  };
+  const canRename = () => {
+    var _a2;
+    return Boolean((_a2 = datatype()) == null ? void 0 : _a2.setTitle);
+  };
+  const effectiveToolId = () => {
+    var _a2;
+    datatype();
+    if (pinnedToolId()) return pinnedToolId();
+    try {
+      return ((_a2 = getFallbackTool(doc())) == null ? void 0 : _a2.id) ?? null;
+    } catch {
+      return null;
+    }
+  };
+  const toolName = () => {
+    const toolId = effectiveToolId();
+    if (!toolId) return "";
+    const tool = getRegistry("patchwork:tool").get(toolId);
+    return (tool == null ? void 0 : tool.name) ?? toolId;
+  };
+  function setTool(toolId) {
+    if (!toolId || toolId === pinnedToolId()) return;
+    setPinnedToolId(toolId);
+    element.dispatchEvent(new CustomEvent("patchwork:embed-tool-changed", {
+      detail: {
+        url: handle.url,
+        toolId
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  function finishRename(commit, value) {
+    if (!renaming()) return;
+    setRenaming(false);
+    const trimmed = value.trim();
+    if (commit && trimmed && trimmed !== title()) {
+      handle.change((d) => datatype().setTitle(d, trimmed));
+    }
+  }
+  function toggleMenu() {
+    if (menuEl.matches(":popover-open")) {
+      menuEl.hidePopover();
+      return;
+    }
+    setMenuOpen(true);
+    const rect = toolButtonEl.getBoundingClientRect();
+    const menuWidth = Math.max(rect.width, 180);
+    menuEl.style.top = `${rect.bottom + 2}px`;
+    menuEl.style.minWidth = `${menuWidth}px`;
+    if (rect.left + menuWidth > window.innerWidth - 8) {
+      menuEl.style.left = "";
+      menuEl.style.right = `${window.innerWidth - rect.right}px`;
+    } else {
+      menuEl.style.right = "";
+      menuEl.style.left = `${rect.left}px`;
+    }
+    menuEl.showPopover();
+  }
+  function listTools() {
+    const d = doc();
+    const type = d && getType(d);
+    if (!type) return [];
+    const list = getSupportedToolsForType(type).filter((t) => !t.unlisted && !t.forTitleBar && t.id !== EMBED_TOOL_ID);
+    list.sort((a, b) => Number(isWildcard(a)) - Number(isWildcard(b)));
+    return list;
+  }
+  const nestedView = document.createElement("patchwork-view");
+  nestedView.setAttribute("doc-url", handle.url);
+  createEffect(() => {
+    const toolId = pinnedToolId();
+    if (toolId) nestedView.setAttribute("tool-id", toolId);
+    else nestedView.removeAttribute("tool-id");
+  });
+  async function loadDatatype() {
+    const d = handle.doc();
+    const type = d && getType(d);
+    if (!type) return;
+    const registry = getRegistry("patchwork:datatype");
+    try {
+      await registry.load(type);
+    } catch {
+    }
+    const loaded = registry.get(type);
+    if (loaded && isLoadedPlugin(loaded)) {
+      setDatatype(() => loaded.module);
+    }
+  }
+  return (() => {
+    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild;
+    _el$4.firstChild;
+    var _el$6 = _el$4.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$2.nextSibling, _el$9 = _el$8.nextSibling;
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return !renaming();
+      },
+      get fallback() {
+        return (() => {
+          var _el$1 = _tmpl$4();
+          _el$1.addEventListener("blur", (e) => finishRename(true, e.currentTarget.value));
+          _el$1.$$keydown = (e) => {
+            e.stopPropagation();
+            if (e.key === "Enter") finishRename(true, e.currentTarget.value);
+            if (e.key === "Escape") finishRename(false, e.currentTarget.value);
+          };
+          use((el) => queueMicrotask(() => {
+            el.focus();
+            el.select();
+          }), _el$1);
+          effect(() => _el$1.value = title());
+          return _el$1;
+        })();
+      },
+      get children() {
+        var _el$3 = _tmpl$();
+        _el$3.$$click = () => canRename() && setRenaming(true);
+        insert(_el$3, title);
+        effect((_p$) => {
+          var _v$ = canRename() ? "" : void 0, _v$2 = canRename() ? "Click to rename" : void 0;
+          _v$ !== _p$.e && setAttribute(_el$3, "data-renamable", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$3, "title", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$3;
+      }
+    }), _el$4);
+    insert(_el$4, version, null);
+    _el$6.$$click = toggleMenu;
+    var _ref$ = toolButtonEl;
+    typeof _ref$ === "function" ? use(_ref$, _el$6) : toolButtonEl = _el$6;
+    insert(_el$6, toolName);
+    _el$7.$$click = () => openDocument(element, handle.url, pinnedToolId() || void 0);
+    _el$7.innerHTML = openIcon;
+    insert(_el$8, nestedView);
+    use((el) => {
+      menuEl = el;
+      el.addEventListener("toggle", (e) => {
+        if (e.newState === "closed") {
+          setMenuOpen(false);
+        }
+      });
+    }, _el$9);
+    insert(_el$9, createComponent(Show, {
+      get when() {
+        return menuOpen();
+      },
+      get children() {
+        var _el$0 = _tmpl$2();
+        insert(_el$0, createComponent(For, {
+          get each() {
+            return listTools();
+          },
+          children: (tool) => (() => {
+            var _el$10 = _tmpl$5();
+            _el$10.$$click = () => {
+              menuEl.hidePopover();
+              setTool(tool.id);
+            };
+            insert(_el$10, () => tool.name || tool.id);
+            effect(() => setAttribute(_el$10, "data-current", tool.id === effectiveToolId() ? "" : void 0));
+            return _el$10;
+          })()
+        }));
+        return _el$0;
+      }
+    }));
+    return _el$;
+  })();
+}
+function isWildcard(tool) {
+  return tool.supportedDatatypes === "*" || Array.isArray(tool.supportedDatatypes) && tool.supportedDatatypes.includes("*");
+}
+const openIcon = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+	<polyline points="15 3 21 3 21 9"></polyline>
+	<line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>`;
+delegateEvents(["click", "keydown"]);
+export {
+  EmbedFrame as default
+};
+//# sourceMappingURL=tool-Cg7zrpH9.js.map