@k2b/ui 0.9.1 → 0.10.0

package/dist/ssr/content/FileTree.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/FileTree.tsx"],"sourcesContent":["/**\n * FileTree — path-first tree over a flat entry list (folders derived from\n * paths, explicit folder entries allowed for empty dirs). Capabilities are\n * enabled by the presence of action callbacks; without them the tree is a\n * pure read-only browser. Context menus render through the platform\n * ContextMenu. Minimal look: text rows, bevel on selection, no hover motion.\n */\nimport { fileIcons } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, For, Show } from \"solid-js\";\nimport ContextMenu from \"../actions/ContextMenu\";\nimport Dropdown, { type DropdownItem } from \"../actions/Dropdown\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { allFolderPaths, buildTree, type FileTreeEntry, flattenVisible, parentOf, type TreeNode } from \"./file-tree\";\n\nexport type { FileTreeEntry } from \"./file-tree\";\n\n/**\n * `fileIcons` (and app-supplied entry icons) may carry Tailwind colour classes.\n * @k2b/ui ships no Tailwind utilities, so only the `ti-*` glyph is kept — the\n * row owns the icon colour.\n */\nconst glyphOnly = (icon: string): string =>\n  icon\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(\"ti-\"))\n    .join(\" \");\n\n/** Presence of a callback enables the matching UI affordance. */\nexport type FileTreeActions = {\n  rename?: (path: string, nextName: string) => void | Promise<void>;\n  remove?: (path: string) => void | Promise<void>;\n  createFile?: (dirPath: string) => void | Promise<void>;\n  createFolder?: (dirPath: string) => void | Promise<void>;\n  /** Enables drag & drop of files and folders onto folders (and the tree root). */\n  move?: (path: string, targetDir: string) => void | Promise<void>;\n  /** Download menu entry — folders arrive as \"Download as ZIP\". */\n  download?: (path: string, isFolder: boolean) => void | Promise<void>;\n};\n\nexport type FileTreeProps = {\n  entries: FileTreeEntry[];\n  selectedPath?: string | null;\n  onSelect?: (entry: FileTreeEntry) => void;\n  /** Controlled expansion; omit for internal state (folders start expanded). */\n  expandedPaths?: Set<string>;\n  onExpandedChange?: (expanded: Set<string>) => void;\n  /** Extra context-menu items per entry, merged above the built-in actions. */\n  contextMenu?: (entry: FileTreeEntry) => DropdownItem[];\n  actions?: FileTreeActions;\n  /** Accessible name for the tree. */\n  label?: string;\n  class?: string;\n};\n\nexport default function FileTree(props: FileTreeProps) {\n  const messages = useUiMessages();\n  let previousTree: TreeNode[] = [];\n  const tree = createMemo(() => (previousTree = buildTree(props.entries, previousTree)));\n\n  const [internalExpanded, setInternalExpanded] = createSignal<Set<string>>(new Set(allFolderPaths(tree())), { equals: false });\n  // Newly appearing folders start expanded in uncontrolled mode.\n  createEffect((previous: Set<string>) => {\n    const current = new Set(allFolderPaths(tree()));\n    const added = [...current].filter((path) => !previous.has(path));\n    if (added.length > 0 && !props.expandedPaths) setInternalExpanded((expanded) => new Set([...expanded, ...added]));\n    return current;\n  }, new Set<string>());\n\n  const expanded = () => props.expandedPaths ?? internalExpanded();\n  const setExpanded = (next: Set<string>) => {\n    if (props.onExpandedChange) props.onExpandedChange(next);\n    if (!props.expandedPaths) setInternalExpanded(next);\n  };\n  const toggleFolder = (path: string) => {\n    const next = new Set(expanded());\n    if (next.has(path)) next.delete(path);\n    else next.add(path);\n    setExpanded(next);\n  };\n\n  const visible = createMemo(() => flattenVisible(tree(), expanded()));\n  const [renamingPath, setRenamingPath] = createSignal<string | null>(null);\n  const [renameDraft, setRenameDraft] = createSignal(\"\");\n  const [focusedPath, setFocusedPath] = createSignal(props.selectedPath ?? \"\");\n  const [pendingFocusPath, setPendingFocusPath] = createSignal<string | null>(null);\n  const [contextPath, setContextPath] = createSignal<string | null>(props.selectedPath ?? null);\n  const [contextMenuOpen, setContextMenuOpen] = createSignal(false);\n  const rowRefs = new Map<string, HTMLLIElement>();\n  /** Folder currently hovered by a drag (\"/\" = tree root). */\n  const [dropTarget, setDropTarget] = createSignal<string | null>(null);\n\n  const focusRow = (path: string, restoreDomFocus = true) => {\n    setFocusedPath(path);\n    if (!restoreDomFocus) return;\n    const row = rowRefs.get(path);\n    if (row?.isConnected) row.focus();\n    else queueMicrotask(() => rowRefs.get(path)?.focus());\n  };\n\n  createEffect(() => {\n    const rows = visible();\n    const paths = new Set(rows.map((node) => node.entry.path));\n    for (const path of rowRefs.keys()) if (!paths.has(path)) rowRefs.delete(path);\n    const pending = pendingFocusPath();\n    if (pending && rows.some((node) => node.entry.path === pending)) {\n      setPendingFocusPath(null);\n      focusRow(pending);\n      return;\n    }\n    if (rows.some((node) => node.entry.path === focusedPath())) return;\n    const selected = rows.find((node) => node.entry.path === props.selectedPath);\n    setFocusedPath(selected?.entry.path ?? rows[0]?.entry.path ?? \"\");\n  });\n\n  const DRAG_MIME = \"application/x-filetree-path\";\n  const canDrop = (event: DragEvent) => props.actions?.move && event.dataTransfer?.types.includes(DRAG_MIME);\n  const handleDrop = (event: DragEvent, targetDir: string) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setDropTarget(null);\n    const path = event.dataTransfer?.getData(DRAG_MIME);\n    if (!path || parentOf(path) === targetDir || path === targetDir || targetDir.startsWith(`${path}/`)) return;\n    void props.actions?.move?.(path, targetDir);\n  };\n\n  const select = (node: TreeNode) => {\n    if (node.isFolder) toggleFolder(node.entry.path);\n    else props.onSelect?.(node.entry);\n  };\n\n  const commitRename = async (node: TreeNode, value: string) => {\n    if (renamingPath() !== node.entry.path) return;\n    setRenamingPath(null);\n    const nextName = value.trim();\n    focusRow(node.entry.path);\n    if (!nextName || nextName === node.name || nextName.includes(\"/\")) return;\n    const parent = parentOf(node.entry.path);\n    setPendingFocusPath(`${parent === \"/\" ? \"\" : parent}/${nextName}`);\n    await props.actions?.rename?.(node.entry.path, nextName);\n  };\n\n  const cancelRename = (node: TreeNode) => {\n    setRenamingPath(null);\n    focusRow(node.entry.path);\n  };\n\n  const beginRename = (node: TreeNode) => {\n    setRenameDraft(node.name);\n    setRenamingPath(node.entry.path);\n  };\n\n  const menuItems = (node: TreeNode): DropdownItem[] => {\n    tree();\n    const items: DropdownItem[] = [...(props.contextMenu?.(node.entry) ?? [])];\n    if (node.isFolder && props.actions?.createFile) {\n      items.push({ icon: \"ti ti-file-plus\", label: messages().newFile, action: () => void props.actions?.createFile?.(node.entry.path) });\n    }\n    if (node.isFolder && props.actions?.createFolder) {\n      items.push({\n        icon: \"ti ti-folder-plus\",\n        label: messages().newFolder,\n        action: () => void props.actions?.createFolder?.(node.entry.path),\n      });\n    }\n    if (props.actions?.download) {\n      items.push({\n        icon: node.isFolder ? \"ti ti-file-zip\" : \"ti ti-download\",\n        label: node.isFolder ? messages().downloadAsZip : messages().download,\n        action: () => void props.actions?.download?.(node.entry.path, node.isFolder),\n      });\n    }\n    if (!node.isFolder && props.actions?.rename) {\n      items.push({ icon: \"ti ti-cursor-text\", label: messages().rename, action: () => beginRename(node) });\n    }\n    if (props.actions?.remove) {\n      items.push({\n        icon: \"ti ti-trash\",\n        label: messages().delete,\n        variant: \"danger\",\n        action: () => void props.actions?.remove?.(node.entry.path),\n      });\n    }\n    return items;\n  };\n\n  const contextNode = createMemo(() => visible().find((node) => node.entry.path === contextPath()));\n  const contextItems = createMemo(() => {\n    const node = contextNode();\n    return node ? menuItems(node) : [];\n  });\n\n  const onKeyDown = (event: KeyboardEvent, node: TreeNode) => {\n    if (renamingPath()) return;\n    const target = event.target;\n    if (target instanceof Element && target !== rowRefs.get(node.entry.path)) return;\n    const rows = visible();\n    const index = rows.findIndex((row) => row.entry.path === node.entry.path);\n    const focus = (next: TreeNode | undefined) => {\n      if (!next) return;\n      focusRow(next.entry.path);\n    };\n    if (event.key === \"ContextMenu\" || (event.shiftKey && event.key === \"F10\")) {\n      setContextPath(node.entry.path);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      focus(rows[Math.min(index + 1, rows.length - 1)] ?? rows[0]);\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focus(rows[Math.max(index - 1, 0)] ?? rows[0]);\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      focus(rows[event.key === \"Home\" ? 0 : rows.length - 1]);\n    } else if (event.key === \"ArrowRight\" && node.isFolder) {\n      event.preventDefault();\n      if (!expanded().has(node.entry.path)) toggleFolder(node.entry.path);\n      else focus(rows[index + 1]?.depth === node.depth + 1 ? rows[index + 1] : undefined);\n    } else if (event.key === \"ArrowLeft\" && node.isFolder && expanded().has(node.entry.path)) {\n      event.preventDefault();\n      toggleFolder(node.entry.path);\n    } else if (event.key === \"ArrowLeft\") {\n      event.preventDefault();\n      const parent = parentOf(node.entry.path);\n      focus(rows.find((row) => row.entry.path === parent));\n    } else if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      select(node);\n    } else if (event.key === \"F2\" && !node.isFolder && props.actions?.rename) {\n      event.preventDefault();\n      beginRename(node);\n    }\n  };\n\n  return (\n    <ContextMenu\n      class=\"k2b-content-file-tree__context-host\"\n      tabIndex={-1}\n      label={contextNode() ? messages().actionsFor({ name: contextNode()!.name }) : messages().fileActions}\n      items={contextItems()}\n      disabled={contextItems().length === 0}\n      onOpen={() => setContextMenuOpen(true)}\n      onClose={() => {\n        setContextMenuOpen(false);\n        const path = contextPath();\n        if (path) focusRow(path);\n      }}\n    >\n      <ul\n        class={`k2b-content-file-tree ${props.class ?? \"\"}`}\n        data-drop-root={dropTarget() === \"/\" ? \"true\" : undefined}\n        role=\"tree\"\n        aria-label={props.label ?? messages().files}\n        onDragOver={(event) => {\n          if (!canDrop(event)) return;\n          event.preventDefault();\n          if (dropTarget() === null) setDropTarget(\"/\");\n        }}\n        onDragLeave={(event) => {\n          if (event.currentTarget === event.target) setDropTarget(null);\n        }}\n        onDrop={(event) => handleDrop(event, \"/\")}\n      >\n        <For each={visible()}>\n          {(node) => {\n            const currentNode = () => {\n              tree();\n              return node;\n            };\n            const isSelected = () => props.selectedPath === currentNode().entry.path;\n            const isDropTarget = () => currentNode().isFolder && dropTarget() === currentNode().entry.path;\n            const icon = () =>\n              currentNode().isFolder\n                ? expanded().has(currentNode().entry.path)\n                  ? \"ti-folder-open\"\n                  : \"ti-folder\"\n                : glyphOnly(\n                    currentNode().entry.icon ??\n                      fileIcons.getFileIcon({\n                        name: currentNode().name,\n                        type: \"file\",\n                        mimeType: currentNode().entry.mediaType ?? \"text/plain\",\n                      }),\n                  );\n            const hasItems = () => menuItems(node).length > 0;\n            return (\n              <li\n                ref={(element) => {\n                  rowRefs.set(node.entry.path, element);\n                }}\n                class=\"k2b-content-file-tree__item\"\n                role=\"treeitem\"\n                tabIndex={renamingPath() === node.entry.path ? -1 : focusedPath() === node.entry.path ? 0 : -1}\n                aria-label={currentNode().entry.displayName ?? currentNode().name}\n                aria-level={currentNode().depth + 1}\n                aria-selected={isSelected()}\n                aria-expanded={currentNode().isFolder ? expanded().has(currentNode().entry.path) : undefined}\n                aria-haspopup={hasItems() ? \"menu\" : undefined}\n                data-context-open={contextMenuOpen() && contextPath() === node.entry.path ? \"true\" : undefined}\n                onFocus={() => {\n                  setFocusedPath(node.entry.path);\n                  setContextPath(node.entry.path);\n                }}\n                onKeyDown={(event) => onKeyDown(event, node)}\n                onContextMenu={() => setContextPath(node.entry.path)}\n              >\n                <Show\n                  when={renamingPath() === node.entry.path}\n                  fallback={\n                    <div\n                      data-state={isSelected() ? \"selected\" : isDropTarget() ? \"drop-target\" : \"idle\"}\n                      class=\"k2b-content-file-tree__row\"\n                    >\n                      <button\n                        type=\"button\"\n                        tabIndex={-1}\n                        class=\"k2b-content-file-tree__select\"\n                        style={{ \"padding-left\": `${6 + currentNode().depth * 14}px` }}\n                        title={currentNode().entry.path}\n                        draggable={Boolean(props.actions?.move)}\n                        onDragStart={(event) => event.dataTransfer?.setData(DRAG_MIME, node.entry.path)}\n                        onDragOver={(event) => {\n                          if (!node.isFolder || !canDrop(event)) return;\n                          event.preventDefault();\n                          event.stopPropagation();\n                          setDropTarget(node.entry.path);\n                        }}\n                        onDragLeave={() => {\n                          if (isDropTarget()) setDropTarget(null);\n                        }}\n                        onDrop={(event) => node.isFolder && handleDrop(event, node.entry.path)}\n                        onClick={(event) => {\n                          event.currentTarget.closest<HTMLElement>('[role=\"treeitem\"]')?.focus();\n                          select(node);\n                        }}\n                      >\n                        <i class={`ti ${icon()} k2b-content-file-tree__icon`} aria-hidden=\"true\" />\n                        <span class=\"k2b-content-file-tree__name\">{currentNode().entry.displayName ?? currentNode().name}</span>\n                        <Show when={currentNode().entry.badge}>\n                          <span class=\"k2b-content-file-tree__badge\">{currentNode().entry.badge}</span>\n                        </Show>\n                      </button>\n                      <Show when={hasItems()}>\n                        <Dropdown.Root position=\"bottom-left\" items={menuItems(node)} label={`Actions for ${currentNode().name}`}>\n                          <Dropdown.Trigger\n                            appearance=\"plain\"\n                            tabIndex={-1}\n                            class=\"k2b-content-file-tree__actions\"\n                            label={`Actions for ${currentNode().name}`}\n                            title={messages().actions}\n                          >\n                            <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n                            <span class=\"k2b-sr-only\">Actions for {currentNode().name}</span>\n                          </Dropdown.Trigger>\n                        </Dropdown.Root>\n                      </Show>\n                    </div>\n                  }\n                >\n                  <input\n                    class=\"k2b-content-file-tree__rename\"\n                    style={{\n                      \"margin-left\": `${6 + currentNode().depth * 14}px`,\n                      width: `calc(100% - ${6 + currentNode().depth * 14}px)`,\n                    }}\n                    value={renameDraft()}\n                    ref={(element) =>\n                      requestAnimationFrame(() => {\n                        element.focus();\n                        element.select();\n                      })\n                    }\n                    onInput={(event) => setRenameDraft(event.currentTarget.value)}\n                    onKeyDown={(event) => {\n                      event.stopPropagation();\n                      if (event.key === \"Enter\") void commitRename(node, event.currentTarget.value);\n                      if (event.key === \"Escape\") cancelRename(node);\n                    }}\n                    onBlur={(event) => void commitRename(node, event.currentTarget.value)}\n                  />\n                </Show>\n              </li>\n            );\n          }}\n        </For>\n      </ul>\n    </ContextMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/FileTree.tsx"],"sourcesContent":["/**\n * FileTree — path-first tree over a flat entry list (folders derived from\n * paths, explicit folder entries allowed for empty dirs). Capabilities are\n * enabled by the presence of action callbacks; without them the tree is a\n * pure read-only browser. Context menus render through the platform\n * ContextMenu. Minimal look: text rows, bevel on selection, no hover motion.\n */\nimport { fileIcons } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, For, Show } from \"solid-js\";\nimport ContextMenu from \"../actions/ContextMenu\";\nimport Dropdown, { type DropdownItem } from \"../actions/Dropdown\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { allFolderPaths, buildTree, type FileTreeEntry, flattenVisible, parentOf, type TreeNode } from \"./file-tree\";\n\nexport type { FileTreeEntry } from \"./file-tree\";\n\n/**\n * `fileIcons` (and app-supplied entry icons) may carry Tailwind colour classes.\n * @k2b/ui ships no Tailwind utilities, so only the `ti-*` glyph is kept — the\n * row owns the icon colour.\n */\nconst glyphOnly = (icon: string): string =>\n  icon\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(\"ti-\"))\n    .join(\" \");\n\n/** Presence of a callback enables the matching UI affordance. */\nexport type FileTreeActions = {\n  rename?: (path: string, nextName: string) => void | Promise<void>;\n  remove?: (path: string) => void | Promise<void>;\n  createFile?: (dirPath: string) => void | Promise<void>;\n  createFolder?: (dirPath: string) => void | Promise<void>;\n  /** Enables drag & drop of files and folders onto folders (and the tree root). */\n  move?: (path: string, targetDir: string) => void | Promise<void>;\n  /** Download menu entry — folders arrive as \"Download as ZIP\". */\n  download?: (path: string, isFolder: boolean) => void | Promise<void>;\n};\n\nexport type FileTreeProps = {\n  entries: FileTreeEntry[];\n  selectedPath?: string | null;\n  onSelect?: (entry: FileTreeEntry) => void;\n  /** Controlled expansion; omit for internal state (folders start expanded). */\n  expandedPaths?: Set<string>;\n  onExpandedChange?: (expanded: Set<string>) => void;\n  /** Extra context-menu items per entry, merged above the built-in actions. */\n  contextMenu?: (entry: FileTreeEntry) => DropdownItem[];\n  actions?: FileTreeActions;\n  /** Accessible name for the tree. */\n  label?: string;\n  class?: string;\n};\n\nexport default function FileTree(props: FileTreeProps) {\n  const messages = useUiMessages();\n  let previousTree: TreeNode[] = [];\n  const tree = createMemo(() => (previousTree = buildTree(props.entries, previousTree)));\n\n  const [internalExpanded, setInternalExpanded] = createSignal<Set<string>>(new Set(allFolderPaths(tree())), { equals: false });\n  // Newly appearing folders start expanded in uncontrolled mode.\n  createEffect((previous: Set<string>) => {\n    const current = new Set(allFolderPaths(tree()));\n    const added = [...current].filter((path) => !previous.has(path));\n    if (added.length > 0 && !props.expandedPaths) setInternalExpanded((expanded) => new Set([...expanded, ...added]));\n    return current;\n  }, new Set<string>());\n\n  const expanded = () => props.expandedPaths ?? internalExpanded();\n  const setExpanded = (next: Set<string>) => {\n    if (props.onExpandedChange) props.onExpandedChange(next);\n    if (!props.expandedPaths) setInternalExpanded(next);\n  };\n  const toggleFolder = (path: string) => {\n    const next = new Set(expanded());\n    if (next.has(path)) next.delete(path);\n    else next.add(path);\n    setExpanded(next);\n  };\n\n  const visible = createMemo(() => flattenVisible(tree(), expanded()));\n  const [renamingPath, setRenamingPath] = createSignal<string | null>(null);\n  const [renameDraft, setRenameDraft] = createSignal(\"\");\n  const [focusedPath, setFocusedPath] = createSignal(props.selectedPath ?? \"\");\n  const [pendingFocusPath, setPendingFocusPath] = createSignal<string | null>(null);\n  const [contextPath, setContextPath] = createSignal<string | null>(props.selectedPath ?? null);\n  const [contextMenuOpen, setContextMenuOpen] = createSignal(false);\n  const rowRefs = new Map<string, HTMLLIElement>();\n  /** Folder currently hovered by a drag (\"/\" = tree root). */\n  const [dropTarget, setDropTarget] = createSignal<string | null>(null);\n\n  const focusRow = (path: string, restoreDomFocus = true) => {\n    setFocusedPath(path);\n    if (!restoreDomFocus) return;\n    const row = rowRefs.get(path);\n    if (row?.isConnected) row.focus();\n    else queueMicrotask(() => rowRefs.get(path)?.focus());\n  };\n\n  createEffect(() => {\n    const rows = visible();\n    const paths = new Set(rows.map((node) => node.entry.path));\n    for (const path of rowRefs.keys()) if (!paths.has(path)) rowRefs.delete(path);\n    const pending = pendingFocusPath();\n    if (pending && rows.some((node) => node.entry.path === pending)) {\n      setPendingFocusPath(null);\n      focusRow(pending);\n      return;\n    }\n    if (rows.some((node) => node.entry.path === focusedPath())) return;\n    const selected = rows.find((node) => node.entry.path === props.selectedPath);\n    setFocusedPath(selected?.entry.path ?? rows[0]?.entry.path ?? \"\");\n  });\n\n  const DRAG_MIME = \"application/x-filetree-path\";\n  const canDrop = (event: DragEvent) => props.actions?.move && event.dataTransfer?.types.includes(DRAG_MIME);\n  const handleDrop = (event: DragEvent, targetDir: string) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setDropTarget(null);\n    const path = event.dataTransfer?.getData(DRAG_MIME);\n    if (!path || parentOf(path) === targetDir || path === targetDir || targetDir.startsWith(`${path}/`)) return;\n    void props.actions?.move?.(path, targetDir);\n  };\n\n  const select = (node: TreeNode) => {\n    if (node.isFolder) toggleFolder(node.entry.path);\n    else props.onSelect?.(node.entry);\n  };\n\n  const commitRename = async (node: TreeNode, value: string) => {\n    if (renamingPath() !== node.entry.path) return;\n    setRenamingPath(null);\n    const nextName = value.trim();\n    focusRow(node.entry.path);\n    if (!nextName || nextName === node.name || nextName.includes(\"/\")) return;\n    const parent = parentOf(node.entry.path);\n    setPendingFocusPath(`${parent === \"/\" ? \"\" : parent}/${nextName}`);\n    await props.actions?.rename?.(node.entry.path, nextName);\n  };\n\n  const cancelRename = (node: TreeNode) => {\n    setRenamingPath(null);\n    focusRow(node.entry.path);\n  };\n\n  const beginRename = (node: TreeNode) => {\n    setRenameDraft(node.name);\n    setRenamingPath(node.entry.path);\n  };\n\n  const menuItems = (node: TreeNode): DropdownItem[] => {\n    tree();\n    const items: DropdownItem[] = [...(props.contextMenu?.(node.entry) ?? [])];\n    if (node.isFolder && props.actions?.createFile) {\n      items.push({ icon: \"ti ti-file-plus\", label: messages().newFile, action: () => void props.actions?.createFile?.(node.entry.path) });\n    }\n    if (node.isFolder && props.actions?.createFolder) {\n      items.push({\n        icon: \"ti ti-folder-plus\",\n        label: messages().newFolder,\n        action: () => void props.actions?.createFolder?.(node.entry.path),\n      });\n    }\n    if (props.actions?.download) {\n      items.push({\n        icon: node.isFolder ? \"ti ti-file-zip\" : \"ti ti-download\",\n        label: node.isFolder ? messages().downloadAsZip : messages().download,\n        action: () => void props.actions?.download?.(node.entry.path, node.isFolder),\n      });\n    }\n    if (!node.isFolder && props.actions?.rename) {\n      items.push({ icon: \"ti ti-cursor-text\", label: messages().rename, action: () => beginRename(node) });\n    }\n    if (props.actions?.remove) {\n      items.push({\n        icon: \"ti ti-trash\",\n        label: messages().delete,\n        variant: \"danger\",\n        action: () => void props.actions?.remove?.(node.entry.path),\n      });\n    }\n    return items;\n  };\n\n  const contextNode = createMemo(() => visible().find((node) => node.entry.path === contextPath()));\n  const contextItems = createMemo(() => {\n    const node = contextNode();\n    return node ? menuItems(node) : [];\n  });\n\n  const onKeyDown = (event: KeyboardEvent, node: TreeNode) => {\n    if (renamingPath()) return;\n    const target = event.target;\n    if (target instanceof Element && target !== rowRefs.get(node.entry.path)) return;\n    const rows = visible();\n    const index = rows.findIndex((row) => row.entry.path === node.entry.path);\n    const focus = (next: TreeNode | undefined) => {\n      if (!next) return;\n      focusRow(next.entry.path);\n    };\n    if (event.key === \"ContextMenu\" || (event.shiftKey && event.key === \"F10\")) {\n      setContextPath(node.entry.path);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      focus(rows[Math.min(index + 1, rows.length - 1)] ?? rows[0]);\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focus(rows[Math.max(index - 1, 0)] ?? rows[0]);\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      focus(rows[event.key === \"Home\" ? 0 : rows.length - 1]);\n    } else if (event.key === \"ArrowRight\" && node.isFolder) {\n      event.preventDefault();\n      if (!expanded().has(node.entry.path)) toggleFolder(node.entry.path);\n      else focus(rows[index + 1]?.depth === node.depth + 1 ? rows[index + 1] : undefined);\n    } else if (event.key === \"ArrowLeft\" && node.isFolder && expanded().has(node.entry.path)) {\n      event.preventDefault();\n      toggleFolder(node.entry.path);\n    } else if (event.key === \"ArrowLeft\") {\n      event.preventDefault();\n      const parent = parentOf(node.entry.path);\n      focus(rows.find((row) => row.entry.path === parent));\n    } else if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      select(node);\n    } else if (event.key === \"F2\" && !node.isFolder && props.actions?.rename) {\n      event.preventDefault();\n      beginRename(node);\n    }\n  };\n\n  return (\n    <ContextMenu\n      class=\"k2b-content-file-tree__context-host\"\n      tabIndex={-1}\n      label={contextNode() ? messages().actionsFor({ name: contextNode()!.name }) : messages().fileActions}\n      items={contextItems()}\n      disabled={contextItems().length === 0}\n      onOpen={() => setContextMenuOpen(true)}\n      onClose={() => {\n        setContextMenuOpen(false);\n        const path = contextPath();\n        if (path) focusRow(path);\n      }}\n    >\n      <ul\n        class={`k2b-content-file-tree ${props.class ?? \"\"}`}\n        data-drop-root={dropTarget() === \"/\" ? \"true\" : undefined}\n        role=\"tree\"\n        aria-label={props.label ?? messages().files}\n        onDragOver={(event) => {\n          if (!canDrop(event)) return;\n          event.preventDefault();\n          if (dropTarget() === null) setDropTarget(\"/\");\n        }}\n        onDragLeave={(event) => {\n          if (event.currentTarget === event.target) setDropTarget(null);\n        }}\n        onDrop={(event) => handleDrop(event, \"/\")}\n      >\n        <For each={visible()}>\n          {(node) => {\n            const currentNode = () => {\n              tree();\n              return node;\n            };\n            const isSelected = () => props.selectedPath === currentNode().entry.path;\n            const isDropTarget = () => currentNode().isFolder && dropTarget() === currentNode().entry.path;\n            const icon = () =>\n              currentNode().isFolder\n                ? expanded().has(currentNode().entry.path)\n                  ? \"ti-folder-open\"\n                  : \"ti-folder\"\n                : glyphOnly(\n                    currentNode().entry.icon ??\n                      fileIcons.getFileIcon({\n                        name: currentNode().name,\n                        type: \"file\",\n                        mimeType: currentNode().entry.mediaType ?? \"text/plain\",\n                      }),\n                  );\n            const hasItems = () => menuItems(node).length > 0;\n            return (\n              <li\n                ref={(element) => {\n                  rowRefs.set(node.entry.path, element);\n                }}\n                class=\"k2b-content-file-tree__item\"\n                role=\"treeitem\"\n                tabIndex={renamingPath() === node.entry.path ? -1 : focusedPath() === node.entry.path ? 0 : -1}\n                aria-label={currentNode().entry.displayName ?? currentNode().name}\n                aria-level={currentNode().depth + 1}\n                aria-selected={isSelected()}\n                aria-expanded={currentNode().isFolder ? expanded().has(currentNode().entry.path) : undefined}\n                aria-haspopup={hasItems() ? \"menu\" : undefined}\n                data-context-open={contextMenuOpen() && contextPath() === node.entry.path ? \"true\" : undefined}\n                onFocus={() => {\n                  setFocusedPath(node.entry.path);\n                  setContextPath(node.entry.path);\n                }}\n                onKeyDown={(event) => onKeyDown(event, node)}\n                onContextMenu={() => setContextPath(node.entry.path)}\n              >\n                <Show\n                  when={renamingPath() === node.entry.path}\n                  fallback={\n                    <div\n                      data-state={isSelected() ? \"selected\" : isDropTarget() ? \"drop-target\" : \"idle\"}\n                      class=\"k2b-content-file-tree__row\"\n                    >\n                      <button\n                        type=\"button\"\n                        tabIndex={-1}\n                        class=\"k2b-content-file-tree__select\"\n                        style={{ \"padding-left\": `${6 + currentNode().depth * 14}px` }}\n                        title={currentNode().entry.path}\n                        draggable={Boolean(props.actions?.move)}\n                        onDragStart={(event) => event.dataTransfer?.setData(DRAG_MIME, node.entry.path)}\n                        onDragOver={(event) => {\n                          if (!node.isFolder || !canDrop(event)) return;\n                          event.preventDefault();\n                          event.stopPropagation();\n                          setDropTarget(node.entry.path);\n                        }}\n                        onDragLeave={() => {\n                          if (isDropTarget()) setDropTarget(null);\n                        }}\n                        onDrop={(event) => node.isFolder && handleDrop(event, node.entry.path)}\n                        onClick={(event) => {\n                          event.currentTarget.closest<HTMLElement>('[role=\"treeitem\"]')?.focus();\n                          select(node);\n                        }}\n                      >\n                        <i class={`ti ${icon()} k2b-content-file-tree__icon`} aria-hidden=\"true\" />\n                        <span class=\"k2b-content-file-tree__name\">{currentNode().entry.displayName ?? currentNode().name}</span>\n                        <Show when={currentNode().entry.badge}>\n                          <span class=\"k2b-content-file-tree__badge\">{currentNode().entry.badge}</span>\n                        </Show>\n                      </button>\n                      <Show when={hasItems()}>\n                        <Dropdown.Root position=\"bottom-left\" items={menuItems(node)} label={`Actions for ${currentNode().name}`}>\n                          <Dropdown.Trigger\n                            appearance=\"plain\"\n                            tabIndex={-1}\n                            class=\"k2b-content-file-tree__actions\"\n                            label={`Actions for ${currentNode().name}`}\n                            tooltip={messages().actions}\n                          >\n                            <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n                            <span class=\"k2b-sr-only\">Actions for {currentNode().name}</span>\n                          </Dropdown.Trigger>\n                        </Dropdown.Root>\n                      </Show>\n                    </div>\n                  }\n                >\n                  <input\n                    class=\"k2b-content-file-tree__rename\"\n                    style={{\n                      \"margin-left\": `${6 + currentNode().depth * 14}px`,\n                      width: `calc(100% - ${6 + currentNode().depth * 14}px)`,\n                    }}\n                    value={renameDraft()}\n                    ref={(element) =>\n                      requestAnimationFrame(() => {\n                        element.focus();\n                        element.select();\n                      })\n                    }\n                    onInput={(event) => setRenameDraft(event.currentTarget.value)}\n                    onKeyDown={(event) => {\n                      event.stopPropagation();\n                      if (event.key === \"Enter\") void commitRename(node, event.currentTarget.value);\n                      if (event.key === \"Escape\") cancelRename(node);\n                    }}\n                    onBlur={(event) => void commitRename(node, event.currentTarget.value)}\n                  />\n                </Show>\n              </li>\n            );\n          }}\n        </For>\n      </ul>\n    </ContextMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/FileView.js

@@ -1,32 +1,31 @@
 import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = ["<button type=\"button\" class=\"k2b-content-file-view__action\"", "><i class=\"", "\" aria-hidden=\"true\"></i></button>"],
-  _tmpl$2 = ["<a class=\"k2b-content-file-view__action\"", "><i class=\"", "\" aria-hidden=\"true\"></i><span class=\"k2b-sr-only\">", "</span></a>"],
+var _tmpl$ = ["<a", "><i", " aria-hidden=\"true\"></i><span class=\"k2b-sr-only\">", "</span></a>"],
+  _tmpl$2 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
   _tmpl$3 = ["<div class=\"k2b-content-file-view__overlay\">", "</div>"],
   _tmpl$4 = ["<div class=\"k2b-content-file-view__panel\"><div class=\"k2b-content-file-view__preview\">", "</div>", "</div>"],
-  _tmpl$5 = ["<button type=\"button\" class=\"k2b-markdown-editor__tool\"", " tabindex=\"-1\"", "><i", "></i></button>"],
+  _tmpl$5 = ["<i", " aria-hidden=\"true\"></i>"],
   _tmpl$6 = ["<div class=\"k2b-content-file-view__truncated\">", "</div>"],
   _tmpl$7 = ["<span>", "</span>"],
   _tmpl$8 = ["<div class=\"", "\">", "</div>"],
   _tmpl$9 = ["<div class=\"k2b-content-file-view__document\">", "</div>"],
   _tmpl$0 = ["<div class=\"k2b-content-file-view__editor\">", "</div>"],
   _tmpl$1 = ["<div class=\"k2b-content-file-view__editor\"><div class=\"k2b-markdown-editor\" data-fill=\"true\" role=\"group\"", "><div class=\"k2b-markdown-editor__toolbar k2b-content-file-view__code-toolbar\"><span class=\"k2b-content-file-view__code-language\">", "</span><span class=\"k2b-markdown-editor__trailing\">", "", "</span></div><div class=\"k2b-markdown-editor__surface\"><textarea class=\"k2b-content-file-view__code-input\"", " spellcheck=\"false\"></textarea></div></div></div>"],
-  _tmpl$10 = ["<a class=\"k2b-markdown-editor__tool\"", "><i class=\"ti ti-download\"></i></a>"],
-  _tmpl$11 = ["<div class=\"k2b-content-file-view__settings\">", "", "", "</div>"],
-  _tmpl$12 = ["<div class=\"k2b-content-file-view__sheet\"><table class=\"k2b-content-file-view__table\"><thead><tr>", "</tr></thead><tbody>", "</tbody></table>", "", "</div>"],
-  _tmpl$13 = ["<th scope=\"col\"><span>", "</span></th>"],
-  _tmpl$14 = ["<tr>", "</tr>"],
-  _tmpl$15 = ["<td>", "</td>"],
-  _tmpl$16 = ["<div class=\"k2b-content-file-view__pagination\">", "<span>", "–", " / ", "</span>", "</div>"],
-  _tmpl$17 = ["<div class=\"k2b-content-file-view__media\"><img", "></div>"],
-  _tmpl$18 = ["<object", " type=\"application/pdf\" class=\"k2b-content-file-view__pdf\"", "></object>"],
-  _tmpl$19 = ["<div class=\"k2b-content-file-view__media\" data-kind=\"audio\"><audio", " controls preload=\"metadata\"", ">", "</audio></div>"],
-  _tmpl$20 = ["<div class=\"k2b-content-file-view__media\" data-kind=\"video\"><video", " controls preload=\"metadata\" playsinline", ">", "</video></div>"],
-  _tmpl$21 = ["<a class=\"k2b-button\" data-variant=\"secondary\" data-size=\"sm\"", " download><i class=\"ti ti-download\" aria-hidden=\"true\"></i>", "</a>"],
-  _tmpl$22 = ["<div class=\"", "\"", ">", "</div>"];
+  _tmpl$10 = ["<div class=\"k2b-content-file-view__settings\">", "", "", "</div>"],
+  _tmpl$11 = ["<div class=\"k2b-content-file-view__sheet\"><table class=\"k2b-content-file-view__table\"><thead><tr>", "</tr></thead><tbody>", "</tbody></table>", "", "</div>"],
+  _tmpl$12 = ["<th scope=\"col\"><span>", "</span></th>"],
+  _tmpl$13 = ["<tr>", "</tr>"],
+  _tmpl$14 = ["<td>", "</td>"],
+  _tmpl$15 = ["<div class=\"k2b-content-file-view__pagination\">", "<span>", "–", " / ", "</span>", "</div>"],
+  _tmpl$16 = ["<div class=\"k2b-content-file-view__media\"><img", "></div>"],
+  _tmpl$17 = ["<object", " type=\"application/pdf\" class=\"k2b-content-file-view__pdf\"", "></object>"],
+  _tmpl$18 = ["<div class=\"k2b-content-file-view__media\" data-kind=\"audio\"><audio", " controls preload=\"metadata\"", ">", "</audio></div>"],
+  _tmpl$19 = ["<div class=\"k2b-content-file-view__media\" data-kind=\"video\"><video", " controls preload=\"metadata\" playsinline", ">", "</video></div>"],
+  _tmpl$20 = ["<a class=\"k2b-button\" data-variant=\"secondary\" data-size=\"sm\"", " download><i class=\"ti ti-download\" aria-hidden=\"true\"></i>", "</a>"],
+  _tmpl$21 = ["<div class=\"", "\"", ">", "</div>"];
 /**
  * FileView — renders one file through a small renderer registry keyed by
  * media type / path. Editing is enabled purely by the presence of `save`;
@@ -41,6 +40,7 @@ import { mutation } from "@k2b/stdlib/solid";
 import { createEffect, createMemo, createResource, createSignal, For, Match, onCleanup, onMount, Show, Switch, untrack } from "solid-js";
 import { Button } from "../actions/Button";
 import { prompts } from "../feedback/prompts";
+import { Tooltip } from "../feedback/Tooltip";
 import { toast } from "../feedback/toast";
 import { MarkdownEditor } from "../inputs/markdown/MarkdownEditor";
 import { Select } from "../inputs/Select";
@@ -73,6 +73,17 @@ const stripFrontmatter = text => {
   return match ? text.trimStart().slice(match[0].length) : text;
 };
 
+/** Icon-only download link with the shared tooltip, for toolbars that style their own controls. */
+function DownloadLink(props) {
+  let link;
+  return [_$ssr(_tmpl$, _$ssrAttribute("class", _$escape(props.class, true), false) + _$ssrAttribute("href", _$escape(props.href, true), false) + _$ssrAttribute("download", _$escape(props.download, true), false) + _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$ssrAttribute("class", _$escape(props.icon, true), false), _$escape(props.label)), _$createComponent(Tooltip, {
+    get content() {
+      return props.label;
+    },
+    target: () => link
+  })];
+}
+
 /** Icon-only action, IDE style — sits in the floating top-right cluster of previews. */
 function OverlayAction(props) {
   const classes = "k2b-content-file-view__action";
@@ -81,9 +92,38 @@ function OverlayAction(props) {
       return props.href;
     },
     get fallback() {
-      return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(props.title, true), false) + _$ssrAttribute("aria-label", _$escape(props.title, true), false), `ti ${_$escape(props.icon, true)}`);
+      return _$createComponent(Tooltip.Trigger, {
+        type: "button",
+        "class": classes,
+        get content() {
+          return props.title;
+        },
+        get ["aria-label"]() {
+          return props.title;
+        },
+        get onClick() {
+          return props.onClick;
+        },
+        get children() {
+          return _$ssr(_tmpl$2, `ti ${_$escape(props.icon, true)}`);
+        }
+      });
     },
-    children: href => _$ssr(_tmpl$2, _$ssrAttribute("href", _$escape(href(), true), false) + _$ssrAttribute("download", _$escape(props.download ?? "", true), false) + _$ssrAttribute("title", _$escape(props.title, true), false) + _$ssrAttribute("aria-label", _$escape(props.title, true), false), `ti ${_$escape(props.icon, true)}`, _$escape(props.title))
+    children: href => _$createComponent(DownloadLink, {
+      "class": classes,
+      get href() {
+        return href();
+      },
+      get download() {
+        return props.download ?? "";
+      },
+      get label() {
+        return props.title;
+      },
+      get icon() {
+        return `ti ${props.icon}`;
+      }
+    })
   });
 }
 
@@ -121,7 +161,27 @@ const DownloadAction = props => {
 
 /** Toolbar-styled icon button — reuses the package markdown-editor tool primitive. */
 function EditorToolButton(props) {
-  return _$ssr(_tmpl$5, _$ssrAttribute("title", _$escape(props.title, true), false) + _$ssrAttribute("aria-label", _$escape(props.title, true), false), _$ssrAttribute("disabled", props.disabled, true), _$ssrAttribute("class", _$escape(props.icon, true), false));
+  return _$createComponent(Tooltip.Trigger, {
+    type: "button",
+    "class": "k2b-markdown-editor__tool",
+    get content() {
+      return props.title;
+    },
+    get ["aria-label"]() {
+      return props.title;
+    },
+    tabIndex: -1,
+    get disabled() {
+      return props.disabled;
+    },
+    onMouseDown: e => e.preventDefault(),
+    get onClick() {
+      return props.onClick;
+    },
+    get children() {
+      return _$ssr(_tmpl$5, _$ssrAttribute("class", _$escape(props.icon, true), false));
+    }
+  });
 }
 
 // ── Built-in renderers ──────────────────────────────────────────────────────
@@ -291,7 +351,19 @@ function TextRenderer(props) {
       get when() {
         return props.downloadHref;
       },
-      children: href => _$ssr(_tmpl$10, _$ssrAttribute("href", _$escape(href(), true), false) + _$ssrAttribute("download", _$escape(props.file.path.slice(props.file.path.lastIndexOf("/") + 1), true), false) + _$ssrAttribute("title", _$escape(messages().download, true), false) + _$ssrAttribute("aria-label", _$escape(messages().download, true), false))
+      children: href => _$createComponent(DownloadLink, {
+        "class": "k2b-markdown-editor__tool",
+        get href() {
+          return href();
+        },
+        get download() {
+          return props.file.path.slice(props.file.path.lastIndexOf("/") + 1);
+        },
+        get label() {
+          return messages().download;
+        },
+        icon: "ti ti-download"
+      })
     })), _$escape(_$createComponent(EditorToolButton, {
       get icon() {
         return editor().saving() ? "ti ti-loader-2 k2b-spin" : "ti ti-device-floppy";
@@ -410,7 +482,7 @@ function DelimitedTextRenderer(props) {
     rows: pageSize() + 1,
     offset: page() * pageSize()
   }));
-  const settings = () => prompts.dialog(() => _$ssr(_tmpl$11, _$escape(_$createComponent(Select, {
+  const settings = () => prompts.dialog(() => _$ssr(_tmpl$10, _$escape(_$createComponent(Select, {
     get label() {
       return messages().csvEncoding;
     },
@@ -522,22 +594,22 @@ function DelimitedTextRenderer(props) {
               });
             },
             get children() {
-              return _$ssr(_tmpl$12, _$escape(_$createComponent(For, {
+              return _$ssr(_tmpl$11, _$escape(_$createComponent(For, {
                 get each() {
                   return headers();
                 },
-                children: (header, index) => _$ssr(_tmpl$13, _$escape(header || messages().column({
+                children: (header, index) => _$ssr(_tmpl$12, _$escape(header || messages().column({
                   number: index() + 1
                 })))
               })), _$escape(_$createComponent(For, {
                 get each() {
                   return rows();
                 },
-                children: row => _$ssr(_tmpl$14, _$escape(_$createComponent(For, {
+                children: row => _$ssr(_tmpl$13, _$escape(_$createComponent(For, {
                   get each() {
                     return headers();
                   },
-                  children: (_, index) => _$ssr(_tmpl$15, _$escape(row[index()] ?? ""))
+                  children: (_, index) => _$ssr(_tmpl$14, _$escape(row[index()] ?? ""))
                 })))
               })), _$escape(_$createComponent(Show, {
                 get when() {
@@ -556,7 +628,7 @@ function DelimitedTextRenderer(props) {
                       return preview().totalRows > 201;
                     },
                     get children() {
-                      return _$ssr(_tmpl$16, _$escape(_$createComponent(Button, {
+                      return _$ssr(_tmpl$15, _$escape(_$createComponent(Button, {
                         size: "sm",
                         variant: "ghost",
                         get disabled() {
@@ -605,7 +677,7 @@ function ImageRenderer(props) {
       return _$createComponent(DownloadAction, props);
     },
     get children() {
-      return _$ssr(_tmpl$17, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false) + _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("alt", _$escape(props.file.path, true), false));
+      return _$ssr(_tmpl$16, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false) + _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("alt", _$escape(props.file.path, true), false));
     }
   });
 }
@@ -664,7 +736,7 @@ function PdfRenderer(props) {
         })
       });
     },
-    children: href => _$ssr(_tmpl$18, _$ssrAttribute("data", _$escape(href(), true), false), _$ssrAttribute("aria-label", _$escape(props.file.path, true), false))
+    children: href => _$ssr(_tmpl$17, _$ssrAttribute("data", _$escape(href(), true), false), _$ssrAttribute("aria-label", _$escape(props.file.path, true), false))
   });
 }
 function AudioRenderer(props) {
@@ -674,7 +746,7 @@ function AudioRenderer(props) {
       return _$createComponent(DownloadAction, props);
     },
     get children() {
-      return _$ssr(_tmpl$19, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false), _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("aria-label", _$escape(props.file.path, true), false), _$escape(messages().audioUnsupported));
+      return _$ssr(_tmpl$18, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false), _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("aria-label", _$escape(props.file.path, true), false), _$escape(messages().audioUnsupported));
     }
   });
 }
@@ -685,7 +757,7 @@ function VideoRenderer(props) {
       return _$createComponent(DownloadAction, props);
     },
     get children() {
-      return _$ssr(_tmpl$20, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false), _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("aria-label", _$escape(props.file.path, true), false), _$escape(messages().videoUnsupported));
+      return _$ssr(_tmpl$19, _$ssrAttribute("crossorigin", _$escape(props.crossOrigin, true), false), _$ssrAttribute("src", _$escape(mediaSource(props), true), false) + _$ssrAttribute("aria-label", _$escape(props.file.path, true), false), _$escape(messages().videoUnsupported));
     }
   });
 }
@@ -704,7 +776,7 @@ function BinaryRenderer(props) {
         get when() {
           return props.downloadHref;
         },
-        children: href => _$ssr(_tmpl$21, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(messages().download))
+        children: href => _$ssr(_tmpl$20, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(messages().download))
       });
     }
   });
@@ -855,7 +927,7 @@ export default function FileView(props) {
     saving: saveMutation.loading,
     save
   } : null;
-  return _$ssr(_tmpl$22, `k2b-content-file-view ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-variant", _$escape(props.variant, true), false) + _$ssrAttribute("data-excerpt", props.previewLines !== undefined ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Switch, {
+  return _$ssr(_tmpl$21, `k2b-content-file-view ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-variant", _$escape(props.variant, true), false) + _$ssrAttribute("data-excerpt", props.previewLines !== undefined ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Switch, {
     get children() {
       return [_$createComponent(Match, {
         get when() {