@k2b/ui 0.28.0 → 0.29.0

package/dist/browser/content/FileTree.js

@@ -18,7 +18,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<ul role=tree>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-content-file-tree__badge>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<i class="ti ti-dots"aria-hidden=true>`),
   _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-sr-only>Actions for <!$><!/>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<div class=k2b-content-file-tree__row><button type=button tabindex=-1 class=k2b-content-file-tree__select><i aria-hidden=true></i><span class=k2b-content-file-tree__name></span><!$><!/></button><!$><!/>`);
+  _tmpl$7 = /*#__PURE__*/_$template(`<div class=k2b-content-file-tree__row><button type=button tabindex=-1 class=k2b-content-file-tree__select><!$><!/><span class=k2b-content-file-tree__name></span><!$><!/></button><!$><!/>`);
 /**
  * FileTree — path-first tree over a flat entry list (folders derived from
  * paths, explicit folder entries allowed for empty dirs). Capabilities are
@@ -26,19 +26,13 @@ var _tmpl$ = /*#__PURE__*/_$template(`<ul role=tree>`),
  * pure read-only browser. Context menus render through the platform
  * ContextMenu. Minimal look: text rows, bevel on selection, no hover motion.
  */
-import { fileIcons } from "@k2b/stdlib";
 import { createEffect, createMemo, createSignal, For, Show } from "solid-js";
 import ContextMenu from "../actions/ContextMenu";
 import Dropdown from "../actions/Dropdown";
 import { useUiMessages } from "../intl/messages";
+import { FileTypeIcon } from "./FileTypeIcon";
 import { useFileBrowserMessages } from "./file-browser-messages";
 import { allFolderPaths, buildTree, flattenVisible, parentOf } from "./file-tree";
-/**
- * `fileIcons` (and app-supplied entry icons) may carry Tailwind colour classes.
- * @k2b/ui ships no Tailwind utilities, so only the `ti-*` glyph is kept — the
- * row owns the icon colour.
- */
-const glyphOnly = icon => icon.split(/\s+/).filter(token => token.startsWith("ti-")).join(" ");
 
 /** Presence of a callback enables the matching UI affordance. */
 
@@ -257,11 +251,6 @@ export default function FileTree(props) {
           };
           const isSelected = () => props.selectedPath === currentNode().entry.path;
           const isDropTarget = () => currentNode().isFolder && dropTarget() === currentNode().entry.path;
-          const icon = () => currentNode().isFolder ? expanded().has(currentNode().entry.path) ? "ti-folder-open" : "ti-folder" : glyphOnly(currentNode().entry.icon ?? fileIcons.getFileIcon({
-            name: currentNode().name,
-            type: "file",
-            mimeType: currentNode().entry.mediaType ?? "text/plain"
-          }));
           const hasItems = () => menuItems(node).length > 0;
           return (() => {
             var _el$2 = _$getNextElement(_tmpl$3);
@@ -282,12 +271,13 @@ export default function FileTree(props) {
                 return (() => {
                   var _el$4 = _$getNextElement(_tmpl$7),
                     _el$5 = _el$4.firstChild,
-                    _el$6 = _el$5.firstChild,
-                    _el$7 = _el$6.nextSibling,
-                    _el$9 = _el$7.nextSibling,
-                    [_el$0, _co$] = _$getNextMarker(_el$9.nextSibling),
-                    _el$14 = _el$5.nextSibling,
-                    [_el$15, _co$3] = _$getNextMarker(_el$14.nextSibling);
+                    _el$8 = _el$5.firstChild,
+                    [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
+                    _el$6 = _el$9.nextSibling,
+                    _el$0 = _el$6.nextSibling,
+                    [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling),
+                    _el$15 = _el$5.nextSibling,
+                    [_el$16, _co$4] = _$getNextMarker(_el$15.nextSibling);
                   _el$5.$$click = event => {
                     event.currentTarget.closest('[role="treeitem"]')?.focus();
                     select(node);
@@ -303,17 +293,36 @@ export default function FileTree(props) {
                     setDropTarget(node.entry.path);
                   });
                   _el$5.addEventListener("dragstart", event => event.dataTransfer?.setData(DRAG_MIME, node.entry.path));
-                  _$insert(_el$7, () => currentNode().entry.displayName ?? currentNode().name);
+                  _$insert(_el$5, _$createComponent(FileTypeIcon, {
+                    size: "sm",
+                    "class": "k2b-content-file-tree__icon",
+                    get name() {
+                      return currentNode().name;
+                    },
+                    get folder() {
+                      return currentNode().isFolder;
+                    },
+                    get open() {
+                      return _$memo(() => !!currentNode().isFolder)() && expanded().has(currentNode().entry.path);
+                    },
+                    get icon() {
+                      return _$memo(() => !!currentNode().isFolder)() ? undefined : currentNode().entry.icon;
+                    },
+                    get mediaType() {
+                      return currentNode().entry.mediaType ?? "text/plain";
+                    }
+                  }), _el$9, _co$);
+                  _$insert(_el$6, () => currentNode().entry.displayName ?? currentNode().name);
                   _$insert(_el$5, _$createComponent(Show, {
                     get when() {
                       return currentNode().entry.badge;
                     },
                     get children() {
-                      var _el$8 = _$getNextElement(_tmpl$4);
-                      _$insert(_el$8, () => currentNode().entry.badge);
-                      return _el$8;
+                      var _el$7 = _$getNextElement(_tmpl$4);
+                      _$insert(_el$7, () => currentNode().entry.badge);
+                      return _el$7;
                     }
-                  }), _el$0, _co$);
+                  }), _el$1, _co$2);
                   _$insert(_el$4, _$createComponent(Show, {
                     get when() {
                       return hasItems();
@@ -340,37 +349,34 @@ export default function FileTree(props) {
                             },
                             get children() {
                               return [_$getNextElement(_tmpl$5), (() => {
-                                var _el$10 = _$getNextElement(_tmpl$6),
-                                  _el$11 = _el$10.firstChild,
-                                  _el$12 = _el$11.nextSibling,
-                                  [_el$13, _co$2] = _$getNextMarker(_el$12.nextSibling);
-                                _$insert(_el$10, () => currentNode().name, _el$13, _co$2);
-                                return _el$10;
+                                var _el$11 = _$getNextElement(_tmpl$6),
+                                  _el$12 = _el$11.firstChild,
+                                  _el$13 = _el$12.nextSibling,
+                                  [_el$14, _co$3] = _$getNextMarker(_el$13.nextSibling);
+                                _$insert(_el$11, () => currentNode().name, _el$14, _co$3);
+                                return _el$11;
                               })()];
                             }
                           });
                         }
                       });
                     }
-                  }), _el$15, _co$3);
+                  }), _el$16, _co$4);
                   _$effect(_p$ => {
                     var _v$11 = isSelected() ? "selected" : isDropTarget() ? "drop-target" : "idle",
                       _v$12 = `${6 + currentNode().depth * 14}px`,
                       _v$13 = currentNode().entry.path,
-                      _v$14 = Boolean(props.actions?.move),
-                      _v$15 = `ti ${icon()} k2b-content-file-tree__icon`;
+                      _v$14 = Boolean(props.actions?.move);
                     _v$11 !== _p$.e && _$setAttribute(_el$4, "data-state", _p$.e = _v$11);
                     _v$12 !== _p$.t && _$setStyleProperty(_el$5, "padding-left", _p$.t = _v$12);
                     _v$13 !== _p$.a && _$setAttribute(_el$5, "title", _p$.a = _v$13);
                     _v$14 !== _p$.o && _$setAttribute(_el$5, "draggable", _p$.o = _v$14);
-                    _v$15 !== _p$.i && _$className(_el$6, _p$.i = _v$15);
                     return _p$;
                   }, {
                     e: undefined,
                     t: undefined,
                     a: undefined,
-                    o: undefined,
-                    i: undefined
+                    o: undefined
                   });
                   _$runHydrationEvents();
                   return _el$4;

package/dist/browser/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 { useFileBrowserMessages } from \"./file-browser-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  const fileBrowserMessages = useFileBrowserMessages();\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({\n        icon: \"ti ti-file-plus\",\n        label: fileBrowserMessages().newFile,\n        action: () => void props.actions?.createFile?.(node.entry.path),\n      });\n    }\n    if (node.isFolder && props.actions?.createFolder) {\n      items.push({\n        icon: \"ti ti-folder-plus\",\n        label: fileBrowserMessages().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 ? fileBrowserMessages().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: fileBrowserMessages().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() ? fileBrowserMessages().actionsFor({ name: contextNode()!.name }) : fileBrowserMessages().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 ?? fileBrowserMessages().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":[]}
+{"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 { 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 { FileTypeIcon } from \"./FileTypeIcon\";\nimport { useFileBrowserMessages } from \"./file-browser-messages\";\nimport { allFolderPaths, buildTree, type FileTreeEntry, flattenVisible, parentOf, type TreeNode } from \"./file-tree\";\n\nexport type { FileTreeEntry } from \"./file-tree\";\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  const fileBrowserMessages = useFileBrowserMessages();\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({\n        icon: \"ti ti-file-plus\",\n        label: fileBrowserMessages().newFile,\n        action: () => void props.actions?.createFile?.(node.entry.path),\n      });\n    }\n    if (node.isFolder && props.actions?.createFolder) {\n      items.push({\n        icon: \"ti ti-folder-plus\",\n        label: fileBrowserMessages().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 ? fileBrowserMessages().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: fileBrowserMessages().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() ? fileBrowserMessages().actionsFor({ name: contextNode()!.name }) : fileBrowserMessages().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 ?? fileBrowserMessages().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 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                        <FileTypeIcon\n                          size=\"sm\"\n                          class=\"k2b-content-file-tree__icon\"\n                          name={currentNode().name}\n                          folder={currentNode().isFolder}\n                          open={currentNode().isFolder && expanded().has(currentNode().entry.path)}\n                          icon={currentNode().isFolder ? undefined : currentNode().entry.icon}\n                          mediaType={currentNode().entry.mediaType ?? \"text/plain\"}\n                        />\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":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,QAAQ,UAAU;AAC5E,OAAO,WAAW,MAAM,wBAAwB;AAChD,OAAO,QAAQ,MAA6B,qBAAqB;AACjE,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,sBAAsB,QAAQ,yBAAyB;AAChE,SAAS,cAAc,EAAE,SAAS,EAAsB,cAAc,EAAE,QAAQ,QAAuB,aAAa;;AAIpH;;AA2BA,eAAe,SAAS,QAAQ,CAAC,KAAoB,EAAE;EACrD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;EACpD,IAAI,YAAwB,GAAG,EAAE;EACjC,MAAM,IAAI,GAAG,UAAU,CAAC,MAAO,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,YAAY,CAAE,CAAC;EAEtF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,YAAY,CAAc,IAAI,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;IAAE,MAAM,EAAE;EAAM,CAAC,CAAC;EAC7H;EACA,YAAY,CAAE,QAAqB,IAAK;IACtC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,MAAM,CAAE,IAAI,IAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,mBAAmB,CAAE,QAAQ,IAAK,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC;IACjH,OAAO,OAAO;EAChB,CAAC,EAAE,IAAI,GAAG,CAAS,CAAC,CAAC;EAErB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,aAAa,IAAI,gBAAgB,CAAC,CAAC;EAChE,MAAM,WAAW,GAAI,IAAiB,IAAK;IACzC,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACxD,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,mBAAmB,CAAC,IAAI,CAAC;EACrD,CAAC;EACD,MAAM,YAAY,GAAI,IAAY,IAAK;IACrC,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KACjC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;IACnB,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC;EAED,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;EACpE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC;EACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;EAC5E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EACjF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAgB,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC;EAC7F,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACjE,MAAM,OAAO,GAAG,IAAI,GAAG,CAAwB,CAAC;EAChD;EACA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EAErE,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,eAAe,GAAG,IAAI,KAAK;IACzD,cAAc,CAAC,IAAI,CAAC;IACpB,IAAI,CAAC,eAAe,EAAE;IACtB,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B,IAAI,GAAG,EAAE,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,KAC7B,cAAc,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;EACvD,CAAC;EAED,YAAY,CAAC,MAAM;IACjB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAE,IAAI,IAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAC7E,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;IAClC,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE;MAC/D,mBAAmB,CAAC,IAAI,CAAC;MACzB,QAAQ,CAAC,OAAO,CAAC;MACjB;IACF;IACA,IAAI,IAAI,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE;IAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC;IAC5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;EACnE,CAAC,CAAC;EAEF,MAAM,SAAS,GAAG,6BAA6B;EAC/C,MAAM,OAAO,GAAI,KAAgB,IAAK,KAAK,CAAC,OAAO,EAAE,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;EAC1G,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,SAAiB,KAAK;IAC1D,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,KAAK,CAAC,eAAe,CAAC,CAAC;IACvB,aAAa,CAAC,IAAI,CAAC;IACnB,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC;IACnD,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE;IACrG,KAAK,KAAK,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,CAAC;EAC7C,CAAC;EAED,MAAM,MAAM,GAAI,IAAc,IAAK;IACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAC5C,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;EACnC,CAAC;EAED,MAAM,YAAY,GAAG,OAAO,IAAc,EAAE,KAAa,KAAK;IAC5D,IAAI,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACxC,eAAe,CAAC,IAAI,CAAC;IACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IACzB,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;IACnE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IACxC,mBAAmB,CAAC,GAAG,MAAM,KAAK,GAAG,GAAG,EAAE,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;IAClE,MAAM,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;EAC1D,CAAC;EAED,MAAM,YAAY,GAAI,IAAc,IAAK;IACvC,eAAe,CAAC,IAAI,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;EAC3B,CAAC;EAED,MAAM,WAAW,GAAI,IAAc,IAAK;IACtC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;EAClC,CAAC;EAED,MAAM,SAAS,GAAI,IAAc,IAAqB;IACpD,IAAI,CAAC,CAAC;IACN,MAAM,KAAqB,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1E,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE;MAC9C,KAAK,CAAC,IAAI,CAAC;QACT,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,OAAO;QACpC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI;MAChE,CAAC,CAAC;IACJ;IACA,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,YAAY,EAAE;MAChD,KAAK,CAAC,IAAI,CAAC;QACT,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,SAAS;QACtC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI;MAClE,CAAC,CAAC;IACJ;IACA,IAAI,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE;MAC3B,KAAK,CAAC,IAAI,CAAC;QACT,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB;QACzD,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,mBAAmB,CAAC,CAAC,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAChF,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,EAAE,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ;MAC7E,CAAC,CAAC;IACJ;IACA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE;MAC3C,KAAK,CAAC,IAAI,CAAC;QAAE,IAAI,EAAE,mBAAmB;QAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM;QAAE,MAAM,EAAE,MAAM,WAAW,CAAC,IAAI;MAAE,CAAC,CAAC;IACjH;IACA,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE;MACzB,KAAK,CAAC,IAAI,CAAC;QACT,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;QACxB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI;MAC5D,CAAC,CAAC;IACJ;IACA,OAAO,KAAK;EACd,CAAC;EAED,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC;EACjG,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM;IACpC,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC;IAC1B,OAAO,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE;EACpC,CAAC,CAAC;EAEF,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,IAAc,KAAK;IAC1D,IAAI,YAAY,CAAC,CAAC,EAAE;IACpB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;IAC3B,IAAI,MAAM,YAAY,OAAO,IAAI,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;IAC1E,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAE,GAAG,IAAK,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IACzE,MAAM,KAAK,GAAI,IAA0B,IAAK;MAC5C,IAAI,CAAC,IAAI,EAAE;MACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACD,IAAI,KAAK,CAAC,GAAG,KAAK,aAAa,IAAK,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAM,EAAE;MAC1E,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;MAC/B;IACF;IACA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;MAC7B,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;MAClC,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;MACtD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,IAAI,CAAC,QAAQ,EAAE;MACtD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAC/D,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;MACxF,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC/B,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;MACpC,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;MACxC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAE,GAAG,IAAK,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACtD,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;MACrD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAC,IAAI,CAAC;IACd,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE;MACxE,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,WAAW,CAAC,IAAI,CAAC;IACnB;EACF,CAAC;EAED,yBACG,WAAW;IAAA;IAEV,QAAQ,EAAE,CAAC,CAAC;IAAA,IACZ,KAAK;MAAA,OAAE,0BAAW,CAAC,CAAC,MAAG,mBAAmB,CAAC,CAAC,CAAC,UAAU,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAE;MAAK,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,WAAW;IAAA;IAAA,IAC1H,KAAK;MAAA,OAAE,YAAY,CAAC,CAAC;IAAA;IAAA,IACrB,QAAQ;MAAA,OAAE,YAAY,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC;IAAA;IACrC,MAAM,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM;MACb,kBAAkB,CAAC,KAAK,CAAC;MACzB,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC;MAC1B,IAAI,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAC1B,CAAC;IAAA;MAAA;MAAA,8BAeU,KAAK,IAAK,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC;MAAA,mCAH3B,KAAK,IAAK;QACtB,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC;MAC/D,CAAC;MAAA,kCAPY,KAAK,IAAK;QACrB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACrB,KAAK,CAAC,cAAc,CAAC,CAAC;QACtB,IAAI,UAAU,CAAC,CAAC,KAAK,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC;MAC/C,CAAC;MAAA,iCAMA,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,OAAO,CAAC,CAAC;QAAA;QAAA,UAChB,IAAI,IAAK;UACT,MAAM,WAAW,GAAG,MAAM;YACxB,IAAI,CAAC,CAAC;YACN,OAAO,IAAI;UACb,CAAC;UACD,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;UACxE,MAAM,YAAY,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;UAC9F,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;UACjD;YAAA;YAAA,sBAmBmB,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAAA,kBADxC,KAAK,IAAK,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC;YAAA,gCAJnC,MAAM;cACb,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;cAC/B,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACjC,CAAC;YAAA,MAfK,OAAO,IAAK;cAChB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;YACvC,CAAC;YAAA,kCAiBA,IAAI;cAAA,IACH,IAAI;gBAAA,OAAE,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI;cAAA;cAAA,IACxC,QAAQ;gBAAA;kBAAA;oBAAA;oBAAA;oBAAA;oBAAA;oBAAA;oBAAA;oBAAA;oBAAA;kBAAA,gBAuBQ,KAAK,IAAK;oBAClB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAc,mBAAmB,CAAC,EAAE,KAAK,CAAC,CAAC;oBACtE,MAAM,CAAC,IAAI,CAAC;kBACd,CAAC;kBAAA,+BAJQ,KAAK,IAAK,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;kBAAA,oCAHzD,MAAM;oBACjB,IAAI,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;kBACzC,CAAC;kBAAA,mCARY,KAAK,IAAK;oBACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACvC,KAAK,CAAC,cAAc,CAAC,CAAC;oBACtB,KAAK,CAAC,eAAe,CAAC,CAAC;oBACvB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;kBAChC,CAAC;kBAAA,oCANa,KAAK,IAAK,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;kBAAA,kCAgB9E,YAAY;oBACX,IAAI;oBAAA;oBAAA,IAEJ,IAAI;sBAAA,OAAE,WAAW,CAAC,CAAC,CAAC,IAAI;oBAAA;oBAAA,IACxB,MAAM;sBAAA,OAAE,WAAW,CAAC,CAAC,CAAC,QAAQ;oBAAA;oBAAA,IAC9B,IAAI;sBAAA,OAAE,0BAAW,CAAC,CAAC,CAAC,QAAQ,OAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;oBAAA;oBAAA,IACxE,IAAI;sBAAA,OAAE,0BAAW,CAAC,CAAC,CAAC,QAAQ,MAAG,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;oBAAA;oBAAA,IACnE,SAAS;sBAAA,OAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY;oBAAA;kBAAA;kBAAA,sBAEf,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI;kBAAA,kCAC/F,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;oBAAA;oBAAA;sBAAA;sBAAA,sBACS,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;sBAAA;oBAAA;kBAAA;kBAAA,kCAGxE,IAAI;oBAAA,IAAC,IAAI;sBAAA,OAAE,QAAQ,CAAC,CAAC;oBAAA;oBAAA;sBAAA,yBACnB,QAAQ,CAAC,IAAI;wBAAC,QAAQ;wBAAA,IAAe,KAAK;0BAAA,OAAE,SAAS,CAAC,IAAI,CAAC;wBAAA;wBAAA,IAAE,KAAK;0BAAA,OAAE,eAAe,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE;wBAAA;wBAAA;0BAAA,yBACrG,QAAQ,CAAC,OAAO;4BACf,UAAU;4BACV,QAAQ,EAAE,CAAC,CAAC;4BAAA;4BAAA,IAEZ,KAAK;8BAAA,OAAE,eAAe,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE;4BAAA;4BAAA,IAC1C,OAAO;8BAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,OAAO;4BAAA;4BAAA;8BAAA;gCAAA;kCAAA;kCAAA;kCAAA;gCAAA,uBAGY,WAAW,CAAC,CAAC,CAAC,IAAI;gCAAA;8BAAA;4BAAA;0BAAA;wBAAA;sBAAA;oBAAA;kBAAA;kBAAA;oBAAA,YAlDnD,UAAU,CAAC,CAAC,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG,aAAa,GAAG,MAAM;sBAAA,QAOpD,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,IAAI;sBAAA,QACrD,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;sBAAA,QACpB,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;oBAAA;oBAAA;oBAAA;oBAAA;oBAAA;kBAAA;oBAAA;oBAAA;oBAAA;oBAAA;kBAAA;kBAAA;kBAAA;gBAAA;cAAA;cAAA;gBAAA;gBAAA,+BAmElC,KAAK,IAAK,KAAK,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gBAAA,kBALzD,KAAK,IAAK;kBACpB,KAAK,CAAC,eAAe,CAAC,CAAC;kBACvB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,KAAK,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;kBAC7E,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;gBAChD,CAAC;gBAAA,gBALS,KAAK,IAAK,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gBAAA,MANvD,OAAO,IACX,qBAAqB,CAAC,MAAM;kBAC1B,OAAO,CAAC,KAAK,CAAC,CAAC;kBACf,OAAO,CAAC,MAAM,CAAC,CAAC;gBAClB,CAAC,CAAC;gBAAA;kBAAA,WARa,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,IAAI;oBAAA,OAC3C,eAAe,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,KAAK;kBAAA;kBAAA;kBAAA;gBAAA;kBAAA;kBAAA;gBAAA;gBAAA,6CAElD,WAAW,CAAC,CAAC;gBAAA;gBAAA;cAAA;YAAA;YAAA;cAAA,WAjFd,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;gBAAA,OAClF,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI;gBAAA,OACrD,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;gBAAA,OACpB,UAAU,CAAC,CAAC;gBAAA,OACZ,WAAW,CAAC,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;gBAAA,OAC7E,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;gBAAA,QAC3B,eAAe,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,SAAS;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;YAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;cAAA;YAAA;YAAA;YAAA;UAAA;QA6FpG;MAAC;MAAA;QAAA,UAjII,yBAAyB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;UAAA,OACnC,UAAU,CAAC,CAAC,KAAK,GAAG,GAAG,MAAM,GAAG,SAAS;UAAA,OAE7C,KAAK,CAAC,KAAK,IAAI,mBAAmB,CAAC,CAAC,CAAC,KAAK;QAAA;QAAA;QAAA;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAmI9D;AAAC","ignoreList":[]}

package/dist/browser/content/FileTypeIcon.js

@@ -0,0 +1,72 @@
+import { template as _$template } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span aria-hidden=true><i>`);
+import { fileIcons } from "@k2b/stdlib";
+
+/** The colour family a file's icon tile uses. `other` covers code, text, and unknown files. */
+
+// Known extensions decide first: a generic media type such as `text/plain` or `text/csv` must not hide a sheet,
+// a slide deck, a document, or an archive behind the neutral family.
+const BY_EXTENSION = new Map([["sheet", ["xls", "xlsx", "ods", "csv"]], ["slides", ["ppt", "pptx", "odp"]], ["document", ["doc", "docx", "odt", "rtf"]], ["archive", ["zip", "tar", "gz", "tgz", "bz2", "xz", "7z", "rar"]]].flatMap(([type, extensions]) => extensions.map(extension => [extension, type])));
+
+/** Resolve the colour family for a file or folder from its name and media type. */
+export const fileTypeOf = file => {
+  if (file.folder) return "folder";
+  const known = BY_EXTENSION.get(file.name.split(".").pop()?.toLowerCase() ?? "");
+  if (known) return known;
+  const category = fileIcons.getFileCategory({
+    name: file.name,
+    type: "file",
+    mimeType: file.mediaType
+  });
+  return category === "pdf" || category === "image" || category === "video" || category === "audio" || category === "archive" ? category : "other";
+};
+
+/** `fileIcons` adds Tailwind colour utilities that @k2b/ui does not ship; only the `ti-*` glyph is kept. */
+const glyph = props => {
+  // `fileIcons` looks names up in plain objects, so a name such as `constructor` returns an inherited member
+  // instead of a class string; such names fall back to the generic glyph.
+  const found = props.icon ?? fileIcons.getFileIcon({
+    name: props.name,
+    type: props.folder ? "directory" : "file",
+    mimeType: props.mediaType
+  });
+  const icon = (typeof found === "string" ? found : "").split(/\s+/).filter(token => token.startsWith("ti-")).join(" ") || (props.folder ? "ti-folder" : "ti-file");
+  return props.folder && props.open ? icon.replace(/\bti-folder$/, "ti-folder-open") : icon;
+};
+
+/**
+ * A file or folder glyph in a soft chip of its type colour. Folders take the app accent hook
+ * `--k2b-app-workspace-active`; code, text, and unknown files a neutral ink. The box size is fixed per `size`.
+ */
+export function FileTypeIcon(props) {
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild;
+    _$effect(_p$ => {
+      var _v$ = `k2b-icon-tile k2b-file-type-icon ${props.class ?? ""}`,
+        _v$2 = fileTypeOf({
+          name: props.name,
+          mediaType: props.mediaType,
+          folder: props.folder
+        }),
+        _v$3 = props.size ?? "md",
+        _v$4 = `ti ${glyph(props)}`;
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "data-file-type", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setAttribute(_el$, "data-size", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$className(_el$2, _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$;
+  })();
+}
+//# sourceMappingURL=FileTypeIcon.js.map

package/dist/browser/content/FileTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/FileTypeIcon.tsx"],"sourcesContent":["import { fileIcons } from \"@k2b/stdlib\";\nimport type { JSX } from \"solid-js\";\n\n/** The colour family a file's icon tile uses. `other` covers code, text, and unknown files. */\nexport type FileType = \"folder\" | \"pdf\" | \"image\" | \"sheet\" | \"document\" | \"slides\" | \"video\" | \"audio\" | \"archive\" | \"other\";\n\nexport type FileTypeIconProps = {\n  /** The file or folder name; its extension picks the glyph and the type colour. */\n  name: string;\n  mediaType?: string;\n  folder?: boolean;\n  /** Shows an open folder, for example the folder a list is showing. */\n  open?: boolean;\n  /** A Tabler icon class that replaces the glyph the name picks; the type colour still follows the name. */\n  icon?: string;\n  /** `sm` for tree rows, `md` for list rows, `lg` for grid previews. Defaults to `md`. */\n  size?: \"sm\" | \"md\" | \"lg\";\n  class?: string;\n};\n\n// Known extensions decide first: a generic media type such as `text/plain` or `text/csv` must not hide a sheet,\n// a slide deck, a document, or an archive behind the neutral family.\nconst BY_EXTENSION = new Map<string, FileType>(\n  (\n    [\n      [\"sheet\", [\"xls\", \"xlsx\", \"ods\", \"csv\"]],\n      [\"slides\", [\"ppt\", \"pptx\", \"odp\"]],\n      [\"document\", [\"doc\", \"docx\", \"odt\", \"rtf\"]],\n      [\"archive\", [\"zip\", \"tar\", \"gz\", \"tgz\", \"bz2\", \"xz\", \"7z\", \"rar\"]],\n    ] as const\n  ).flatMap(([type, extensions]) => extensions.map((extension) => [extension, type] as const)),\n);\n\n/** Resolve the colour family for a file or folder from its name and media type. */\nexport const fileTypeOf = (file: { name: string; mediaType?: string; folder?: boolean }): FileType => {\n  if (file.folder) return \"folder\";\n  const known = BY_EXTENSION.get(file.name.split(\".\").pop()?.toLowerCase() ?? \"\");\n  if (known) return known;\n  const category = fileIcons.getFileCategory({ name: file.name, type: \"file\", mimeType: file.mediaType });\n  return category === \"pdf\" || category === \"image\" || category === \"video\" || category === \"audio\" || category === \"archive\"\n    ? category\n    : \"other\";\n};\n\n/** `fileIcons` adds Tailwind colour utilities that @k2b/ui does not ship; only the `ti-*` glyph is kept. */\nconst glyph = (props: FileTypeIconProps): string => {\n  // `fileIcons` looks names up in plain objects, so a name such as `constructor` returns an inherited member\n  // instead of a class string; such names fall back to the generic glyph.\n  const found: unknown =\n    props.icon ?? fileIcons.getFileIcon({ name: props.name, type: props.folder ? \"directory\" : \"file\", mimeType: props.mediaType });\n  const icon =\n    (typeof found === \"string\" ? found : \"\")\n      .split(/\\s+/)\n      .filter((token) => token.startsWith(\"ti-\"))\n      .join(\" \") || (props.folder ? \"ti-folder\" : \"ti-file\");\n  return props.folder && props.open ? icon.replace(/\\bti-folder$/, \"ti-folder-open\") : icon;\n};\n\n/**\n * A file or folder glyph in a soft chip of its type colour. Folders take the app accent hook\n * `--k2b-app-workspace-active`; code, text, and unknown files a neutral ink. The box size is fixed per `size`.\n */\nexport function FileTypeIcon(props: FileTypeIconProps): JSX.Element {\n  return (\n    <span\n      class={`k2b-icon-tile k2b-file-type-icon ${props.class ?? \"\"}`}\n      data-file-type={fileTypeOf({ name: props.name, mediaType: props.mediaType, folder: props.folder })}\n      data-size={props.size ?? \"md\"}\n      aria-hidden=\"true\"\n    >\n      <i class={`ti ${glyph(props)}`} />\n    </span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/FileView.js

@@ -1261,7 +1261,7 @@ export default function FileView(props) {
               },
               get children() {
                 return _$createComponent(Placeholder, {
-                  icon: "ti ti-loader-2",
+                  state: "loading",
                   get title() {
                     return messages().loading;
                   }
@@ -1273,7 +1273,7 @@ export default function FileView(props) {
               },
               get children() {
                 return _$createComponent(Placeholder, {
-                  icon: "ti ti-alert-circle",
+                  state: "error",
                   get title() {
                     return fileViewMessages().failedLoadFile;
                   },