@zendir/ui 0.1.0

package/dist/react/core/FileExplorer.js

@@ -0,0 +1,520 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React, { memo, useState, useMemo, useCallback } from "react";
+import { AstroIcon } from "./AstroIcon.js";
+import { useTheme } from "../theme/ThemeProvider.js";
+function formatFileSize(bytes) {
+  if (bytes === void 0 || bytes === null) return "—";
+  if (bytes === 0) return "0 B";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return `${(bytes / Math.pow(1024, i)).toFixed(i > 0 ? 1 : 0)} ${units[i]}`;
+}
+function formatDate(date) {
+  if (!date) return "—";
+  const d = typeof date === "string" ? new Date(date) : date;
+  if (isNaN(d.getTime())) return String(date);
+  return d.toLocaleDateString("en-US", { month: "short", day: "2-digit", year: "numeric" }) + " " + d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit" });
+}
+function getFileIconName(file) {
+  var _a;
+  if (file.isDirectory) return "folder";
+  const ext = ((_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase()) ?? "";
+  const iconMap = {
+    rb: "code",
+    py: "code",
+    js: "code",
+    ts: "code",
+    jsx: "code",
+    tsx: "code",
+    json: "insert-drive-file",
+    yaml: "insert-drive-file",
+    yml: "insert-drive-file",
+    xml: "insert-drive-file",
+    csv: "table-chart",
+    txt: "short-text",
+    md: "description",
+    log: "insert-drive-file",
+    gz: "archive",
+    zip: "archive",
+    tar: "archive",
+    bin: "storage",
+    dat: "storage",
+    png: "image",
+    jpg: "image",
+    gif: "image",
+    svg: "image",
+    pdf: "picture-as-pdf",
+    doc: "insert-drive-file",
+    xls: "table-chart",
+    ppt: "insert-drive-file"
+  };
+  return iconMap[ext] || "insert-drive-file";
+}
+function flattenVisible(files, expanded, depth = 0) {
+  const result = [];
+  for (const f of files) {
+    result.push({ file: f, depth });
+    if (f.isDirectory && expanded.has(f.path) && f.children) {
+      result.push(...flattenVisible(f.children, expanded, depth + 1));
+    }
+  }
+  return result;
+}
+function filterFiles(files, query) {
+  const q = query.toLowerCase();
+  return files.reduce((acc, f) => {
+    if (f.isDirectory && f.children) {
+      const filteredChildren = filterFiles(f.children, query);
+      if (filteredChildren.length > 0 || f.name.toLowerCase().includes(q)) {
+        acc.push({ ...f, children: filteredChildren });
+      }
+    } else if (f.name.toLowerCase().includes(q)) {
+      acc.push(f);
+    }
+    return acc;
+  }, []);
+}
+function sortFiles(files, sortBy, sortDir) {
+  const sorted = [...files].sort((a, b) => {
+    if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1;
+    let cmp = 0;
+    if (sortBy === "name") cmp = a.name.localeCompare(b.name);
+    else if (sortBy === "size") cmp = (a.size ?? 0) - (b.size ?? 0);
+    else if (sortBy === "modified") {
+      const da = a.modified ? new Date(a.modified).getTime() : 0;
+      const db = b.modified ? new Date(b.modified).getTime() : 0;
+      cmp = da - db;
+    }
+    return sortDir === "asc" ? cmp : -cmp;
+  });
+  return sorted.map(
+    (f) => f.isDirectory && f.children ? { ...f, children: sortFiles(f.children, sortBy, sortDir) } : f
+  );
+}
+const FileExplorer = memo(function FileExplorer2({
+  files,
+  height = 500,
+  title,
+  viewMode: initialViewMode = "list",
+  showSearch = true,
+  showBreadcrumbs = true,
+  showDetails = true,
+  multiSelect = false,
+  allowUpload = false,
+  allowDelete = false,
+  onFileOpen,
+  onFileDownload: _onFileDownload,
+  onFileDelete,
+  onFileUpload,
+  onSelectionChange: _onSelectionChange,
+  className = "",
+  bordered = true,
+  style: styleProp
+}) {
+  const { tokens, theme } = useTheme();
+  const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
+  const [expanded, setExpanded] = useState(/* @__PURE__ */ new Set());
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [currentPath, setCurrentPath] = useState([]);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [sortBy, setSortBy] = useState("name");
+  const [sortDir, setSortDir] = useState("asc");
+  const [isDragging, setIsDragging] = useState(false);
+  const [scrollTop, setScrollTop] = useState(0);
+  const [viewportHeight, setViewportHeight] = useState(240);
+  const listRef = React.useRef(null);
+  const processedFiles = useMemo(() => {
+    let result = files;
+    if (searchQuery.trim()) result = filterFiles(result, searchQuery);
+    return sortFiles(result, sortBy, sortDir);
+  }, [files, searchQuery, sortBy, sortDir]);
+  const currentFiles = useMemo(() => {
+    let current = processedFiles;
+    for (const dir of currentPath) {
+      const found = current.find((f) => f.isDirectory && f.name === dir);
+      if (found && found.children) current = found.children;
+      else break;
+    }
+    return current;
+  }, [processedFiles, currentPath]);
+  const visibleItems = useMemo(() => {
+    if (initialViewMode === "tree") return flattenVisible(processedFiles, expanded);
+    return currentFiles.map((f) => ({ file: f, depth: 0 }));
+  }, [processedFiles, expanded, currentFiles, initialViewMode]);
+  const toggleExpand = useCallback((path) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(path)) next.delete(path);
+      else next.add(path);
+      return next;
+    });
+  }, []);
+  const toggleSelect = useCallback((path) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(path)) next.delete(path);
+      else {
+        if (!multiSelect) next.clear();
+        next.add(path);
+      }
+      return next;
+    });
+  }, [multiSelect]);
+  const handleFileClick = useCallback((file) => {
+    if (file.isDirectory) {
+      if (initialViewMode === "list") {
+        setCurrentPath((prev) => [...prev, file.name]);
+      } else {
+        toggleExpand(file.path);
+      }
+    } else {
+      toggleSelect(file.path);
+    }
+  }, [initialViewMode, toggleExpand, toggleSelect]);
+  const handleFileDoubleClick = useCallback((file) => {
+    if (!file.isDirectory) onFileOpen == null ? void 0 : onFileOpen(file);
+  }, [onFileOpen]);
+  const navigateTo = useCallback((idx) => {
+    setCurrentPath((prev) => prev.slice(0, idx));
+  }, []);
+  const handleDrop = useCallback((e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (!allowUpload || !onFileUpload) return;
+    const droppedFiles = Array.from(e.dataTransfer.files);
+    if (droppedFiles.length > 0) {
+      onFileUpload(droppedFiles, "/" + currentPath.join("/"));
+    }
+  }, [allowUpload, onFileUpload, currentPath]);
+  const handleSort = useCallback((col) => {
+    if (sortBy === col) setSortDir((d) => d === "asc" ? "desc" : "asc");
+    else {
+      setSortBy(col);
+      setSortDir("asc");
+    }
+  }, [sortBy]);
+  const selectedFiles = useMemo(
+    () => visibleItems.filter((v) => selected.has(v.file.path)).map((v) => v.file),
+    [visibleItems, selected]
+  );
+  const rowHeightPx = Number.parseInt(String(tokens.elementSize.sm), 10) || 32;
+  const overscanRows = 12;
+  const totalRows = visibleItems.length;
+  const startRow = Math.max(0, Math.floor(scrollTop / rowHeightPx) - overscanRows);
+  const visibleRows = Math.ceil(viewportHeight / rowHeightPx) + overscanRows * 2;
+  const endRow = Math.min(totalRows, startRow + visibleRows);
+  const virtualVisibleItems = useMemo(
+    () => visibleItems.slice(startRow, endRow),
+    [visibleItems, startRow, endRow]
+  );
+  React.useEffect(() => {
+    const el = listRef.current;
+    if (!el) return void 0;
+    const updateHeight = () => setViewportHeight(Math.max(rowHeightPx * 4, el.clientHeight || 240));
+    updateHeight();
+    if (typeof ResizeObserver !== "undefined") {
+      const observer = new ResizeObserver(updateHeight);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }
+    window.addEventListener("resize", updateHeight);
+    return () => window.removeEventListener("resize", updateHeight);
+  }, [rowHeightPx]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `file-explorer ${className}`,
+      style: {
+        height: typeof height === "number" ? height : void 0,
+        background: tokens.colors.background.base,
+        ...bordered ? tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` } : { border: "none" },
+        borderRadius: tokens.borderRadius.lg,
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column",
+        fontFamily: tokens.typography.fontFamily.primary,
+        color: tokens.colors.text.primary,
+        backdropFilter: isTransparentTheme ? "blur(10px)" : void 0,
+        WebkitBackdropFilter: isTransparentTheme ? "blur(10px)" : void 0,
+        ...styleProp
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          borderBottom: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          backdropFilter: "blur(8px)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: tokens.typography.fontWeight.medium, fontSize: tokens.typography.fontSize.sm }, children: title || "File Explorer" }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: tokens.spacing.sm }, children: [
+            allowUpload && /* @__PURE__ */ jsx("button", { "aria-label": "Upload files", style: {
+              background: tokens.colors.interactive.default,
+              color: tokens.colors.text.inverse,
+              border: "none",
+              borderRadius: tokens.borderRadius.md,
+              padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,
+              fontSize: tokens.typography.fontSize.xxs,
+              cursor: "pointer",
+              fontWeight: tokens.typography.fontWeight.medium,
+              transition: "opacity 150ms ease"
+            }, children: "Upload" }),
+            allowDelete && selectedFiles.length > 0 && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => onFileDelete == null ? void 0 : onFileDelete(selectedFiles),
+                "aria-label": `Delete ${selectedFiles.length} selected files`,
+                style: {
+                  background: `${tokens.colors.status.critical}22`,
+                  color: tokens.colors.status.critical,
+                  border: `1px solid ${tokens.colors.status.critical}44`,
+                  borderRadius: tokens.borderRadius.md,
+                  padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,
+                  fontSize: tokens.typography.fontSize.xxs,
+                  cursor: "pointer",
+                  fontWeight: tokens.typography.fontWeight.medium,
+                  transition: "opacity 150ms ease"
+                },
+                children: [
+                  "Delete (",
+                  selectedFiles.length,
+                  ")"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        (showSearch || showBreadcrumbs) && /* @__PURE__ */ jsxs("div", { style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          borderBottom: `1px solid ${tokens.colors.border.muted}`,
+          display: "flex",
+          alignItems: "center",
+          gap: tokens.spacing.sm,
+          background: tokens.colors.background.surface
+        }, children: [
+          showBreadcrumbs && initialViewMode === "list" && /* @__PURE__ */ jsxs("nav", { "aria-label": "File path", style: { display: "flex", alignItems: "center", gap: tokens.spacing.xs, fontSize: tokens.typography.fontSize.xs, flex: 1 }, children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                "aria-label": "Navigate to root",
+                onClick: () => navigateTo(0),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") navigateTo(0);
+                },
+                style: { cursor: "pointer", color: tokens.colors.interactive.default, fontWeight: tokens.typography.fontWeight.medium },
+                children: "/"
+              }
+            ),
+            currentPath.map((dir, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { color: tokens.colors.text.muted }, children: "/" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": `Navigate to ${dir}`,
+                  onClick: () => navigateTo(idx + 1),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") navigateTo(idx + 1);
+                  },
+                  style: {
+                    cursor: "pointer",
+                    color: idx === currentPath.length - 1 ? tokens.colors.text.primary : tokens.colors.interactive.default,
+                    fontWeight: idx === currentPath.length - 1 ? tokens.typography.fontWeight.medium : tokens.typography.fontWeight.normal
+                  },
+                  children: dir
+                }
+              )
+            ] }, idx))
+          ] }),
+          showSearch && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              placeholder: "Search files...",
+              "aria-label": "Search files",
+              style: {
+                background: tokens.colors.background.base,
+                color: tokens.colors.text.primary,
+                border: `1px solid ${tokens.colors.border.muted}`,
+                borderRadius: tokens.borderRadius.md,
+                padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,
+                fontSize: tokens.typography.fontSize.xs,
+                outline: "none",
+                minWidth: 150,
+                transition: "border-color 150ms ease"
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { role: "row", style: {
+          display: "grid",
+          gridTemplateColumns: showDetails ? "1fr auto auto" : "1fr",
+          padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,
+          borderBottom: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          fontSize: tokens.typography.fontSize.xxs,
+          color: tokens.colors.text.muted,
+          fontWeight: tokens.typography.fontWeight.medium,
+          textTransform: "uppercase",
+          letterSpacing: "0.5px"
+        }, children: [
+          /* @__PURE__ */ jsxs("span", { role: "columnheader", tabIndex: 0, "aria-label": "Sort by name", onClick: () => handleSort("name"), onKeyDown: (e) => {
+            if (e.key === "Enter") handleSort("name");
+          }, style: { cursor: "pointer" }, children: [
+            "Name ",
+            sortBy === "name" && (sortDir === "asc" ? "▲" : "▼")
+          ] }),
+          showDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { role: "columnheader", tabIndex: 0, "aria-label": "Sort by size", onClick: () => handleSort("size"), onKeyDown: (e) => {
+              if (e.key === "Enter") handleSort("size");
+            }, style: { cursor: "pointer", minWidth: 70, textAlign: "right" }, children: [
+              "Size ",
+              sortBy === "size" && (sortDir === "asc" ? "▲" : "▼")
+            ] }),
+            /* @__PURE__ */ jsxs("span", { role: "columnheader", tabIndex: 0, "aria-label": "Sort by modified date", onClick: () => handleSort("modified"), onKeyDown: (e) => {
+              if (e.key === "Enter") handleSort("modified");
+            }, style: { cursor: "pointer", minWidth: 140, textAlign: "right" }, children: [
+              "Modified ",
+              sortBy === "modified" && (sortDir === "asc" ? "▲" : "▼")
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: listRef,
+            style: {
+              flex: 1,
+              overflow: "auto",
+              position: "relative",
+              border: isDragging ? `2px dashed ${tokens.colors.interactive.default}` : "2px solid transparent"
+            },
+            onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+            onDragOver: allowUpload ? (e) => {
+              e.preventDefault();
+              setIsDragging(true);
+            } : void 0,
+            onDragLeave: allowUpload ? () => setIsDragging(false) : void 0,
+            onDrop: allowUpload ? handleDrop : void 0,
+            children: [
+              isDragging && /* @__PURE__ */ jsx("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: `${tokens.colors.interactive.default}11`,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: tokens.typography.fontSize.sm,
+                color: tokens.colors.interactive.default,
+                fontWeight: tokens.typography.fontWeight.medium,
+                zIndex: 10
+              }, children: "Drop files to upload" }),
+              visibleItems.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                height: "100%",
+                color: tokens.colors.text.muted,
+                fontSize: tokens.typography.fontSize.sm
+              }, children: searchQuery ? "No matching files" : "Empty directory" }) : /* @__PURE__ */ jsx("div", { style: { height: totalRows * rowHeightPx, position: "relative" }, children: /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: startRow * rowHeightPx, left: 0, right: 0 }, children: virtualVisibleItems.map(({ file, depth }) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  role: "treeitem",
+                  tabIndex: 0,
+                  "aria-label": `${file.isDirectory ? "Folder" : "File"}: ${file.name}`,
+                  "aria-selected": selected.has(file.path),
+                  onClick: () => handleFileClick(file),
+                  onDoubleClick: () => handleFileDoubleClick(file),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") handleFileDoubleClick(file);
+                    if (e.key === " ") {
+                      e.preventDefault();
+                      handleFileClick(file);
+                    }
+                  },
+                  style: {
+                    display: "grid",
+                    gridTemplateColumns: showDetails ? "1fr auto auto" : "1fr",
+                    padding: `0 ${tokens.spacing.smd}`,
+                    paddingLeft: `calc(${tokens.spacing.smd} + ${depth * 20}px)`,
+                    height: tokens.elementSize.sm,
+                    alignItems: "center",
+                    borderBottom: `1px solid ${tokens.colors.border.muted}`,
+                    cursor: "pointer",
+                    background: selected.has(file.path) ? `${tokens.colors.interactive.default}15` : "transparent",
+                    transition: "background 150ms ease"
+                  },
+                  onMouseEnter: (e) => {
+                    if (!selected.has(file.path)) e.currentTarget.style.background = tokens.colors.background.surface;
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.background = selected.has(file.path) ? `${tokens.colors.interactive.default}15` : "transparent";
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.sm, overflow: "hidden" }, children: [
+                      multiSelect && /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: selected.has(file.path),
+                          onChange: () => toggleSelect(file.path),
+                          onClick: (e) => e.stopPropagation(),
+                          "aria-label": `Select ${file.name}`,
+                          style: { accentColor: tokens.colors.interactive.default }
+                        }
+                      ),
+                      initialViewMode === "tree" && file.isDirectory && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, width: 12, textAlign: "center" }, children: expanded.has(file.path) ? "▼" : "▶" }),
+                      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { display: "inline-flex", alignItems: "center", fontSize: tokens.typography.fontSize.sm }, children: /* @__PURE__ */ jsx(AstroIcon, { name: getFileIconName(file), size: "small", label: "", style: { fontSize: "inherit" } }) }),
+                      /* @__PURE__ */ jsx("span", { style: {
+                        fontSize: tokens.typography.fontSize.xs,
+                        fontWeight: file.isDirectory ? tokens.typography.fontWeight.medium : tokens.typography.fontWeight.normal,
+                        color: file.isDirectory ? tokens.colors.interactive.default : tokens.colors.text.primary,
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap"
+                      }, children: file.name })
+                    ] }),
+                    showDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("span", { style: { fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, textAlign: "right", minWidth: 70, fontFamily: tokens.typography.fontFamily.mono }, children: file.isDirectory ? "—" : formatFileSize(file.size) }),
+                      /* @__PURE__ */ jsx("span", { style: { fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, textAlign: "right", minWidth: 140, fontFamily: tokens.typography.fontFamily.mono }, children: formatDate(file.modified) })
+                    ] })
+                  ]
+                },
+                file.path
+              )) }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: {
+          padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,
+          borderTop: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          fontSize: tokens.typography.fontSize.xxs,
+          color: tokens.colors.text.muted,
+          display: "flex",
+          justifyContent: "space-between"
+        }, children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            visibleItems.length,
+            " items"
+          ] }),
+          selected.size > 0 && /* @__PURE__ */ jsxs("span", { children: [
+            selected.size,
+            " selected"
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+export {
+  FileExplorer
+};
+//# sourceMappingURL=FileExplorer.js.map

package/dist/react/core/FileExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorer.js","sources":["../../../src/react/core/FileExplorer.tsx"],"sourcesContent":["/**\n * @zendir/ui - FileExplorer Component\n * \n * Hierarchical file browser for mission data management and file operations.\n * Supports tree navigation, file actions (download, delete, upload),\n * search, breadcrumbs, and multiple selection.\n * \n * Features:\n * - Tree view and list view modes\n * - Breadcrumb navigation\n * - File type icons\n * - Search/filter\n * - Multi-select with checkboxes\n * - File actions (open, download, delete, rename)\n * - Upload dropzone\n * - File size and modified date display\n * - Sort by name, size, date\n * \n * @example\n * ```tsx\n * <FileExplorer\n *   files={fileTree}\n *   onFileOpen={(file) => console.log('Open:', file)}\n *   onFileDownload={(file) => console.log('Download:', file)}\n * />\n * ```\n */\n\nimport React, { useState, useCallback, useMemo, memo } from 'react';\nimport { useTheme } from '../theme';\nimport { AstroIcon, type AstroIconName } from './AstroIcon';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface FileNode {\n  /** File/folder name */\n  name: string;\n  /** Full path */\n  path: string;\n  /** Whether this is a directory */\n  isDirectory: boolean;\n  /** File size in bytes (for files) */\n  size?: number;\n  /** Last modified date */\n  modified?: string | Date;\n  /** MIME type */\n  mimeType?: string;\n  /** Children (for directories) */\n  children?: FileNode[];\n  /** Custom icon name */\n  icon?: string;\n  /** Whether the file is readonly */\n  readonly?: boolean;\n}\n\nexport type FileViewMode = 'tree' | 'list';\nexport type FileSortBy = 'name' | 'size' | 'modified';\nexport type FileSortDir = 'asc' | 'desc';\n\nexport interface FileExplorerProps {\n  /** Root file tree */\n  files: FileNode[];\n  /** Height (default: 500) */\n  height?: number | string;\n  /** Title */\n  title?: string;\n  /** View mode (default: 'list') */\n  viewMode?: FileViewMode;\n  /** Show search bar (default: true) */\n  showSearch?: boolean;\n  /** Show breadcrumbs (default: true) */\n  showBreadcrumbs?: boolean;\n  /** Show file details (size, date) (default: true) */\n  showDetails?: boolean;\n  /** Allow multi-select (default: false) */\n  multiSelect?: boolean;\n  /** Allow upload (default: false) */\n  allowUpload?: boolean;\n  /** Allow delete (default: false) */\n  allowDelete?: boolean;\n  /** Called when a file is opened/double-clicked */\n  onFileOpen?: (file: FileNode) => void;\n  /** Called when download is requested */\n  onFileDownload?: (file: FileNode) => void;\n  /** Called when delete is requested */\n  onFileDelete?: (files: FileNode[]) => void;\n  /** Called when files are uploaded */\n  onFileUpload?: (files: File[], targetPath: string) => void;\n  /** Called when selection changes */\n  onSelectionChange?: (files: FileNode[]) => void;\n  /** CSS class */\n  className?: string;\n  /** Show outer container border (default: true). Set false when embedded inside a Container/card. */\n  bordered?: boolean;\n  /** Custom style overrides for the outer container */\n  style?: React.CSSProperties;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction formatFileSize(bytes?: number): string {\n  if (bytes === undefined || bytes === null) return '—';\n  if (bytes === 0) return '0 B';\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(1024));\n  return `${(bytes / Math.pow(1024, i)).toFixed(i > 0 ? 1 : 0)} ${units[i]}`;\n}\n\nfunction formatDate(date?: string | Date): string {\n  if (!date) return '—';\n  const d = typeof date === 'string' ? new Date(date) : date;\n  if (isNaN(d.getTime())) return String(date);\n  return d.toLocaleDateString('en-US', { month: 'short', day: '2-digit', year: 'numeric' }) + ' '\n    + d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' });\n}\n\nfunction getFileIconName(file: FileNode): AstroIconName {\n  if (file.isDirectory) return 'folder';\n  const ext = file.name.split('.').pop()?.toLowerCase() ?? '';\n  const iconMap: Record<string, AstroIconName> = {\n    rb: 'code', py: 'code', js: 'code', ts: 'code', jsx: 'code', tsx: 'code',\n    json: 'insert-drive-file', yaml: 'insert-drive-file', yml: 'insert-drive-file',\n    xml: 'insert-drive-file', csv: 'table-chart', txt: 'short-text',\n    md: 'description', log: 'insert-drive-file', gz: 'archive', zip: 'archive', tar: 'archive',\n    bin: 'storage', dat: 'storage', png: 'image', jpg: 'image', gif: 'image', svg: 'image',\n    pdf: 'picture-as-pdf', doc: 'insert-drive-file', xls: 'table-chart', ppt: 'insert-drive-file',\n  };\n  return iconMap[ext] || 'insert-drive-file';\n}\n\nfunction flattenVisible(\n  files: FileNode[],\n  expanded: Set<string>,\n  depth: number = 0,\n): { file: FileNode; depth: number }[] {\n  const result: { file: FileNode; depth: number }[] = [];\n  for (const f of files) {\n    result.push({ file: f, depth });\n    if (f.isDirectory && expanded.has(f.path) && f.children) {\n      result.push(...flattenVisible(f.children, expanded, depth + 1));\n    }\n  }\n  return result;\n}\n\nfunction filterFiles(files: FileNode[], query: string): FileNode[] {\n  const q = query.toLowerCase();\n  return files.reduce<FileNode[]>((acc, f) => {\n    if (f.isDirectory && f.children) {\n      const filteredChildren = filterFiles(f.children, query);\n      if (filteredChildren.length > 0 || f.name.toLowerCase().includes(q)) {\n        acc.push({ ...f, children: filteredChildren });\n      }\n    } else if (f.name.toLowerCase().includes(q)) {\n      acc.push(f);\n    }\n    return acc;\n  }, []);\n}\n\nfunction sortFiles(files: FileNode[], sortBy: FileSortBy, sortDir: FileSortDir): FileNode[] {\n  const sorted = [...files].sort((a, b) => {\n    // Directories first\n    if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1;\n    let cmp = 0;\n    if (sortBy === 'name') cmp = a.name.localeCompare(b.name);\n    else if (sortBy === 'size') cmp = (a.size ?? 0) - (b.size ?? 0);\n    else if (sortBy === 'modified') {\n      const da = a.modified ? new Date(a.modified).getTime() : 0;\n      const db = b.modified ? new Date(b.modified).getTime() : 0;\n      cmp = da - db;\n    }\n    return sortDir === 'asc' ? cmp : -cmp;\n  });\n  return sorted.map(f => f.isDirectory && f.children\n    ? { ...f, children: sortFiles(f.children, sortBy, sortDir) }\n    : f\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport const FileExplorer = memo(function FileExplorer({\n  files,\n  height = 500,\n  title,\n  viewMode: initialViewMode = 'list',\n  showSearch = true,\n  showBreadcrumbs = true,\n  showDetails = true,\n  multiSelect = false,\n  allowUpload = false,\n  allowDelete = false,\n  onFileOpen,\n  onFileDownload: _onFileDownload,\n  onFileDelete,\n  onFileUpload,\n  onSelectionChange: _onSelectionChange,\n  className = '',\n  bordered = true,\n  style: styleProp,\n}: FileExplorerProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const [currentPath, setCurrentPath] = useState<string[]>([]);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [sortBy, setSortBy] = useState<FileSortBy>('name');\n  const [sortDir, setSortDir] = useState<FileSortDir>('asc');\n  const [isDragging, setIsDragging] = useState(false);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportHeight, setViewportHeight] = useState(240);\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const processedFiles = useMemo(() => {\n    let result = files;\n    if (searchQuery.trim()) result = filterFiles(result, searchQuery);\n    return sortFiles(result, sortBy, sortDir);\n  }, [files, searchQuery, sortBy, sortDir]);\n\n  // Navigate to directory by breadcrumb\n  const currentFiles = useMemo(() => {\n    let current = processedFiles;\n    for (const dir of currentPath) {\n      const found = current.find(f => f.isDirectory && f.name === dir);\n      if (found && found.children) current = found.children;\n      else break;\n    }\n    return current;\n  }, [processedFiles, currentPath]);\n\n  const visibleItems = useMemo(() => {\n    if (initialViewMode === 'tree') return flattenVisible(processedFiles, expanded);\n    return currentFiles.map(f => ({ file: f, depth: 0 }));\n  }, [processedFiles, expanded, currentFiles, initialViewMode]);\n\n  const toggleExpand = useCallback((path: string) => {\n    setExpanded(prev => {\n      const next = new Set(prev);\n      if (next.has(path)) next.delete(path);\n      else next.add(path);\n      return next;\n    });\n  }, []);\n\n  const toggleSelect = useCallback((path: string) => {\n    setSelected(prev => {\n      const next = new Set(prev);\n      if (next.has(path)) next.delete(path);\n      else {\n        if (!multiSelect) next.clear();\n        next.add(path);\n      }\n      return next;\n    });\n  }, [multiSelect]);\n\n  const handleFileClick = useCallback((file: FileNode) => {\n    if (file.isDirectory) {\n      if (initialViewMode === 'list') {\n        setCurrentPath(prev => [...prev, file.name]);\n      } else {\n        toggleExpand(file.path);\n      }\n    } else {\n      toggleSelect(file.path);\n    }\n  }, [initialViewMode, toggleExpand, toggleSelect]);\n\n  const handleFileDoubleClick = useCallback((file: FileNode) => {\n    if (!file.isDirectory) onFileOpen?.(file);\n  }, [onFileOpen]);\n\n  const navigateTo = useCallback((idx: number) => {\n    setCurrentPath(prev => prev.slice(0, idx));\n  }, []);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragging(false);\n    if (!allowUpload || !onFileUpload) return;\n    const droppedFiles = Array.from(e.dataTransfer.files);\n    if (droppedFiles.length > 0) {\n      onFileUpload(droppedFiles, '/' + currentPath.join('/'));\n    }\n  }, [allowUpload, onFileUpload, currentPath]);\n\n  const handleSort = useCallback((col: FileSortBy) => {\n    if (sortBy === col) setSortDir(d => d === 'asc' ? 'desc' : 'asc');\n    else { setSortBy(col); setSortDir('asc'); }\n  }, [sortBy]);\n\n  const selectedFiles = useMemo(() =>\n    visibleItems.filter(v => selected.has(v.file.path)).map(v => v.file),\n  [visibleItems, selected]);\n  const rowHeightPx = Number.parseInt(String(tokens.elementSize.sm), 10) || 32;\n  const overscanRows = 12;\n  const totalRows = visibleItems.length;\n  const startRow = Math.max(0, Math.floor(scrollTop / rowHeightPx) - overscanRows);\n  const visibleRows = Math.ceil(viewportHeight / rowHeightPx) + overscanRows * 2;\n  const endRow = Math.min(totalRows, startRow + visibleRows);\n  const virtualVisibleItems = useMemo(\n    () => visibleItems.slice(startRow, endRow),\n    [visibleItems, startRow, endRow],\n  );\n\n  React.useEffect(() => {\n    const el = listRef.current;\n    if (!el) return undefined;\n\n    const updateHeight = () => setViewportHeight(Math.max(rowHeightPx * 4, el.clientHeight || 240));\n    updateHeight();\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(updateHeight);\n      observer.observe(el);\n      return () => observer.disconnect();\n    }\n\n    window.addEventListener('resize', updateHeight);\n    return () => window.removeEventListener('resize', updateHeight);\n  }, [rowHeightPx]);\n\n  return (\n    <div\n      className={`file-explorer ${className}`}\n      style={{\n        height: typeof height === 'number' ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(bordered ? (tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }) : { border: 'none' }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        ...styleProp,\n      }}\n    >\n      {/* Header */}\n      <div style={{\n        padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        backdropFilter: 'blur(8px)',\n        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n      }}>\n        <span style={{ fontWeight: tokens.typography.fontWeight.medium, fontSize: tokens.typography.fontSize.sm }}>{title || 'File Explorer'}</span>\n        <div style={{ display: 'flex', gap: tokens.spacing.sm }}>\n          {allowUpload && (\n            <button aria-label=\"Upload files\" style={{\n              background: tokens.colors.interactive.default,\n              color: tokens.colors.text.inverse, border: 'none', borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`, fontSize: tokens.typography.fontSize.xxs, cursor: 'pointer',\n              fontWeight: tokens.typography.fontWeight.medium,\n              transition: 'opacity 150ms ease',\n            }}>\n              Upload\n            </button>\n          )}\n          {allowDelete && selectedFiles.length > 0 && (\n            <button\n              onClick={() => onFileDelete?.(selectedFiles)}\n              aria-label={`Delete ${selectedFiles.length} selected files`}\n              style={{\n                background: `${tokens.colors.status.critical}22`,\n                color: tokens.colors.status.critical,\n                border: `1px solid ${tokens.colors.status.critical}44`,\n                borderRadius: tokens.borderRadius.md, padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`, fontSize: tokens.typography.fontSize.xxs, cursor: 'pointer',\n                fontWeight: tokens.typography.fontWeight.medium,\n                transition: 'opacity 150ms ease',\n              }}\n            >\n              Delete ({selectedFiles.length})\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Toolbar: search + breadcrumbs */}\n      {(showSearch || showBreadcrumbs) && (\n        <div style={{\n          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\n          display: 'flex', alignItems: 'center', gap: tokens.spacing.sm,\n          background: tokens.colors.background.surface,\n        }}>\n          {showBreadcrumbs && initialViewMode === 'list' && (\n            <nav aria-label=\"File path\" style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.xs, fontSize: tokens.typography.fontSize.xs, flex: 1 }}>\n              <span\n                role=\"button\"\n                tabIndex={0}\n                aria-label=\"Navigate to root\"\n                onClick={() => navigateTo(0)}\n                onKeyDown={e => { if (e.key === 'Enter') navigateTo(0); }}\n                style={{ cursor: 'pointer', color: tokens.colors.interactive.default, fontWeight: tokens.typography.fontWeight.medium }}\n              >\n                /\n              </span>\n              {currentPath.map((dir, idx) => (\n                <React.Fragment key={idx}>\n                  <span aria-hidden=\"true\" style={{ color: tokens.colors.text.muted }}>/</span>\n                  <span\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-label={`Navigate to ${dir}`}\n                    onClick={() => navigateTo(idx + 1)}\n                    onKeyDown={e => { if (e.key === 'Enter') navigateTo(idx + 1); }}\n                    style={{\n                      cursor: 'pointer',\n                      color: idx === currentPath.length - 1 ? tokens.colors.text.primary : tokens.colors.interactive.default,\n                      fontWeight: idx === currentPath.length - 1 ? tokens.typography.fontWeight.medium : tokens.typography.fontWeight.normal,\n                    }}\n                  >\n                    {dir}\n                  </span>\n                </React.Fragment>\n              ))}\n            </nav>\n          )}\n          {showSearch && (\n            <input\n              type=\"text\"\n              value={searchQuery}\n              onChange={e => setSearchQuery(e.target.value)}\n              placeholder=\"Search files...\"\n              aria-label=\"Search files\"\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md, padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`, fontSize: tokens.typography.fontSize.xs,\n                outline: 'none', minWidth: 150,\n                transition: 'border-color 150ms ease',\n              }}\n            />\n          )}\n        </div>\n      )}\n\n      {/* Column headers */}\n      <div role=\"row\" style={{\n        display: 'grid',\n        gridTemplateColumns: showDetails ? '1fr auto auto' : '1fr',\n        padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, fontWeight: tokens.typography.fontWeight.medium,\n        textTransform: 'uppercase',\n        letterSpacing: '0.5px',\n      }}>\n        <span role=\"columnheader\" tabIndex={0} aria-label=\"Sort by name\" onClick={() => handleSort('name')} onKeyDown={e => { if (e.key === 'Enter') handleSort('name'); }} style={{ cursor: 'pointer' }}>\n          Name {sortBy === 'name' && (sortDir === 'asc' ? '\\u25B2' : '\\u25BC')}\n        </span>\n        {showDetails && (\n          <>\n            <span role=\"columnheader\" tabIndex={0} aria-label=\"Sort by size\" onClick={() => handleSort('size')} onKeyDown={e => { if (e.key === 'Enter') handleSort('size'); }} style={{ cursor: 'pointer', minWidth: 70, textAlign: 'right' }}>\n              Size {sortBy === 'size' && (sortDir === 'asc' ? '\\u25B2' : '\\u25BC')}\n            </span>\n            <span role=\"columnheader\" tabIndex={0} aria-label=\"Sort by modified date\" onClick={() => handleSort('modified')} onKeyDown={e => { if (e.key === 'Enter') handleSort('modified'); }} style={{ cursor: 'pointer', minWidth: 140, textAlign: 'right' }}>\n              Modified {sortBy === 'modified' && (sortDir === 'asc' ? '\\u25B2' : '\\u25BC')}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* File list */}\n      <div\n        ref={listRef}\n        style={{\n          flex: 1, overflow: 'auto', position: 'relative',\n          border: isDragging ? `2px dashed ${tokens.colors.interactive.default}` : '2px solid transparent',\n        }}\n        onScroll={e => setScrollTop(e.currentTarget.scrollTop)}\n        onDragOver={allowUpload ? e => { e.preventDefault(); setIsDragging(true); } : undefined}\n        onDragLeave={allowUpload ? () => setIsDragging(false) : undefined}\n        onDrop={allowUpload ? handleDrop : undefined}\n      >\n        {isDragging && (\n          <div style={{\n            position: 'absolute', inset: 0, background: `${tokens.colors.interactive.default}11`,\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n            fontSize: tokens.typography.fontSize.sm, color: tokens.colors.interactive.default,\n            fontWeight: tokens.typography.fontWeight.medium, zIndex: 10,\n          }}>\n            Drop files to upload\n          </div>\n        )}\n        {visibleItems.length === 0 ? (\n          <div style={{\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n            height: '100%', color: tokens.colors.text.muted, fontSize: tokens.typography.fontSize.sm,\n          }}>\n            {searchQuery ? 'No matching files' : 'Empty directory'}\n          </div>\n        ) : (\n          <div style={{ height: totalRows * rowHeightPx, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: startRow * rowHeightPx, left: 0, right: 0 }}>\n              {virtualVisibleItems.map(({ file, depth }) => (\n                <div\n                  role=\"treeitem\"\n                  tabIndex={0}\n                  aria-label={`${file.isDirectory ? 'Folder' : 'File'}: ${file.name}`}\n                  aria-selected={selected.has(file.path)}\n                  key={file.path}\n                  onClick={() => handleFileClick(file)}\n                  onDoubleClick={() => handleFileDoubleClick(file)}\n                  onKeyDown={e => { if (e.key === 'Enter') handleFileDoubleClick(file); if (e.key === ' ') { e.preventDefault(); handleFileClick(file); } }}\n                  style={{\n                    display: 'grid',\n                    gridTemplateColumns: showDetails ? '1fr auto auto' : '1fr',\n                    padding: `0 ${tokens.spacing.smd}`,\n                    paddingLeft: `calc(${tokens.spacing.smd} + ${depth * 20}px)`,\n                    height: tokens.elementSize.sm,\n                    alignItems: 'center',\n                    borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                    cursor: 'pointer',\n                    background: selected.has(file.path) ? `${tokens.colors.interactive.default}15` : 'transparent',\n                    transition: 'background 150ms ease',\n                  }}\n                  onMouseEnter={e => {\n                    if (!selected.has(file.path)) (e.currentTarget as HTMLDivElement).style.background = tokens.colors.background.surface;\n                  }}\n                  onMouseLeave={e => {\n                    (e.currentTarget as HTMLDivElement).style.background = selected.has(file.path) ? `${tokens.colors.interactive.default}15` : 'transparent';\n                  }}\n                >\n                  <span style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm, overflow: 'hidden' }}>\n                    {multiSelect && (\n                      <input\n                        type=\"checkbox\"\n                        checked={selected.has(file.path)}\n                        onChange={() => toggleSelect(file.path)}\n                        onClick={e => e.stopPropagation()}\n                        aria-label={`Select ${file.name}`}\n                        style={{ accentColor: tokens.colors.interactive.default }}\n                      />\n                    )}\n                    {initialViewMode === 'tree' && file.isDirectory && (\n                      <span aria-hidden=\"true\" style={{ fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, width: 12, textAlign: 'center' }}>\n                        {expanded.has(file.path) ? '\\u25BC' : '\\u25B6'}\n                      </span>\n                    )}\n                    <span aria-hidden=\"true\" style={{ display: 'inline-flex', alignItems: 'center', fontSize: tokens.typography.fontSize.sm }}>\n                      <AstroIcon name={getFileIconName(file)} size=\"small\" label=\"\" style={{ fontSize: 'inherit' }} />\n                    </span>\n                    <span style={{\n                      fontSize: tokens.typography.fontSize.xs,\n                      fontWeight: file.isDirectory ? tokens.typography.fontWeight.medium : tokens.typography.fontWeight.normal,\n                      color: file.isDirectory ? tokens.colors.interactive.default : tokens.colors.text.primary,\n                      overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',\n                    }}>\n                      {file.name}\n                    </span>\n                  </span>\n                  {showDetails && (\n                    <>\n                      <span style={{ fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, textAlign: 'right', minWidth: 70, fontFamily: tokens.typography.fontFamily.mono }}>\n                        {file.isDirectory ? '—' : formatFileSize(file.size)}\n                      </span>\n                      <span style={{ fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, textAlign: 'right', minWidth: 140, fontFamily: tokens.typography.fontFamily.mono }}>\n                        {formatDate(file.modified)}\n                      </span>\n                    </>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Status bar */}\n      <div style={{\n        padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n        borderTop: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted,\n        display: 'flex', justifyContent: 'space-between',\n      }}>\n        <span>{visibleItems.length} items</span>\n        {selected.size > 0 && <span>{selected.size} selected</span>}\n      </div>\n    </div>\n  );\n});\n\nexport default FileExplorer;\n"],"names":["FileExplorer"],"mappings":";;;;AAwGA,SAAS,eAAe,OAAwB;AAC9C,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,MAAI,UAAU,EAAG,QAAO;AACxB,QAAM,QAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,IAAI;AAC1C,QAAM,IAAI,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC;AACrD,SAAO,IAAI,QAAQ,KAAK,IAAI,MAAM,CAAC,GAAG,QAAQ,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1E;AAEA,SAAS,WAAW,MAA8B;AAChD,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,IAAI,OAAO,SAAS,WAAW,IAAI,KAAK,IAAI,IAAI;AACtD,MAAI,MAAM,EAAE,QAAA,CAAS,EAAG,QAAO,OAAO,IAAI;AAC1C,SAAO,EAAE,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW,MAAM,UAAA,CAAW,IAAI,MACxF,EAAE,mBAAmB,SAAS,EAAE,QAAQ,OAAO,MAAM,WAAW,QAAQ,WAAW;AACzF;AAEA,SAAS,gBAAgB,MAA+B;;AACtD,MAAI,KAAK,YAAa,QAAO;AAC7B,QAAM,QAAM,UAAK,KAAK,MAAM,GAAG,EAAE,IAAA,MAArB,mBAA4B,kBAAiB;AACzD,QAAM,UAAyC;AAAA,IAC7C,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAQ,KAAK;AAAA,IAAQ,KAAK;AAAA,IAClE,MAAM;AAAA,IAAqB,MAAM;AAAA,IAAqB,KAAK;AAAA,IAC3D,KAAK;AAAA,IAAqB,KAAK;AAAA,IAAe,KAAK;AAAA,IACnD,IAAI;AAAA,IAAe,KAAK;AAAA,IAAqB,IAAI;AAAA,IAAW,KAAK;AAAA,IAAW,KAAK;AAAA,IACjF,KAAK;AAAA,IAAW,KAAK;AAAA,IAAW,KAAK;AAAA,IAAS,KAAK;AAAA,IAAS,KAAK;AAAA,IAAS,KAAK;AAAA,IAC/E,KAAK;AAAA,IAAkB,KAAK;AAAA,IAAqB,KAAK;AAAA,IAAe,KAAK;AAAA,EAAA;AAE5E,SAAO,QAAQ,GAAG,KAAK;AACzB;AAEA,SAAS,eACP,OACA,UACA,QAAgB,GACqB;AACrC,QAAM,SAA8C,CAAA;AACpD,aAAW,KAAK,OAAO;AACrB,WAAO,KAAK,EAAE,MAAM,GAAG,OAAO;AAC9B,QAAI,EAAE,eAAe,SAAS,IAAI,EAAE,IAAI,KAAK,EAAE,UAAU;AACvD,aAAO,KAAK,GAAG,eAAe,EAAE,UAAU,UAAU,QAAQ,CAAC,CAAC;AAAA,IAChE;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,YAAY,OAAmB,OAA2B;AACjE,QAAM,IAAI,MAAM,YAAA;AAChB,SAAO,MAAM,OAAmB,CAAC,KAAK,MAAM;AAC1C,QAAI,EAAE,eAAe,EAAE,UAAU;AAC/B,YAAM,mBAAmB,YAAY,EAAE,UAAU,KAAK;AACtD,UAAI,iBAAiB,SAAS,KAAK,EAAE,KAAK,YAAA,EAAc,SAAS,CAAC,GAAG;AACnE,YAAI,KAAK,EAAE,GAAG,GAAG,UAAU,kBAAkB;AAAA,MAC/C;AAAA,IACF,WAAW,EAAE,KAAK,cAAc,SAAS,CAAC,GAAG;AAC3C,UAAI,KAAK,CAAC;AAAA,IACZ;AACA,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AACP;AAEA,SAAS,UAAU,OAAmB,QAAoB,SAAkC;AAC1F,QAAM,SAAS,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM;AAEvC,QAAI,EAAE,gBAAgB,EAAE,YAAa,QAAO,EAAE,cAAc,KAAK;AACjE,QAAI,MAAM;AACV,QAAI,WAAW,OAAQ,OAAM,EAAE,KAAK,cAAc,EAAE,IAAI;AAAA,aAC/C,WAAW,OAAQ,QAAO,EAAE,QAAQ,MAAM,EAAE,QAAQ;AAAA,aACpD,WAAW,YAAY;AAC9B,YAAM,KAAK,EAAE,WAAW,IAAI,KAAK,EAAE,QAAQ,EAAE,QAAA,IAAY;AACzD,YAAM,KAAK,EAAE,WAAW,IAAI,KAAK,EAAE,QAAQ,EAAE,QAAA,IAAY;AACzD,YAAM,KAAK;AAAA,IACb;AACA,WAAO,YAAY,QAAQ,MAAM,CAAC;AAAA,EACpC,CAAC;AACD,SAAO,OAAO;AAAA,IAAI,CAAA,MAAK,EAAE,eAAe,EAAE,WACtC,EAAE,GAAG,GAAG,UAAU,UAAU,EAAE,UAAU,QAAQ,OAAO,MACvD;AAAA,EAAA;AAEN;AAMO,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,UAAU,kBAAkB;AAAA,EAC5B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AACT,GAA0C;AACxC,QAAM,EAAE,QAAQ,MAAA,IAAU,SAAA;AAC1B,QAAM,qBACJ,UAAU,iBAAiB,UAAU,sBAAsB,UAAU;AACvE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,oBAAI,KAAK;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,oBAAI,KAAK;AAC/D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAmB,CAAA,CAAE;AAC3D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,MAAM;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,KAAK;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,GAAG;AACxD,QAAM,UAAU,MAAM,OAAuB,IAAI;AAEjD,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,SAAS;AACb,QAAI,YAAY,KAAA,EAAQ,UAAS,YAAY,QAAQ,WAAW;AAChE,WAAO,UAAU,QAAQ,QAAQ,OAAO;AAAA,EAC1C,GAAG,CAAC,OAAO,aAAa,QAAQ,OAAO,CAAC;AAGxC,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,UAAU;AACd,eAAW,OAAO,aAAa;AAC7B,YAAM,QAAQ,QAAQ,KAAK,CAAA,MAAK,EAAE,eAAe,EAAE,SAAS,GAAG;AAC/D,UAAI,SAAS,MAAM,SAAU,WAAU,MAAM;AAAA,UACxC;AAAA,IACP;AACA,WAAO;AAAA,EACT,GAAG,CAAC,gBAAgB,WAAW,CAAC;AAEhC,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,oBAAoB,OAAQ,QAAO,eAAe,gBAAgB,QAAQ;AAC9E,WAAO,aAAa,IAAI,CAAA,OAAM,EAAE,MAAM,GAAG,OAAO,IAAI;AAAA,EACtD,GAAG,CAAC,gBAAgB,UAAU,cAAc,eAAe,CAAC;AAE5D,QAAM,eAAe,YAAY,CAAC,SAAiB;AACjD,gBAAY,CAAA,SAAQ;AAClB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,IAAI,EAAG,MAAK,OAAO,IAAI;AAAA,UAC/B,MAAK,IAAI,IAAI;AAClB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe,YAAY,CAAC,SAAiB;AACjD,gBAAY,CAAA,SAAQ;AAClB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,IAAI,EAAG,MAAK,OAAO,IAAI;AAAA,WAC/B;AACH,YAAI,CAAC,YAAa,MAAK,MAAA;AACvB,aAAK,IAAI,IAAI;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,kBAAkB,YAAY,CAAC,SAAmB;AACtD,QAAI,KAAK,aAAa;AACpB,UAAI,oBAAoB,QAAQ;AAC9B,uBAAe,UAAQ,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;AAAA,MAC7C,OAAO;AACL,qBAAa,KAAK,IAAI;AAAA,MACxB;AAAA,IACF,OAAO;AACL,mBAAa,KAAK,IAAI;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,YAAY,CAAC;AAEhD,QAAM,wBAAwB,YAAY,CAAC,SAAmB;AAC5D,QAAI,CAAC,KAAK,YAAa,0CAAa;AAAA,EACtC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,YAAY,CAAC,QAAgB;AAC9C,mBAAe,CAAA,SAAQ,KAAK,MAAM,GAAG,GAAG,CAAC;AAAA,EAC3C,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,YAAY,CAAC,MAAuB;AACrD,MAAE,eAAA;AACF,kBAAc,KAAK;AACnB,QAAI,CAAC,eAAe,CAAC,aAAc;AACnC,UAAM,eAAe,MAAM,KAAK,EAAE,aAAa,KAAK;AACpD,QAAI,aAAa,SAAS,GAAG;AAC3B,mBAAa,cAAc,MAAM,YAAY,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,WAAW,CAAC;AAE3C,QAAM,aAAa,YAAY,CAAC,QAAoB;AAClD,QAAI,WAAW,IAAK,YAAW,OAAK,MAAM,QAAQ,SAAS,KAAK;AAAA,SAC3D;AAAE,gBAAU,GAAG;AAAG,iBAAW,KAAK;AAAA,IAAG;AAAA,EAC5C,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB;AAAA,IAAQ,MAC5B,aAAa,OAAO,CAAA,MAAK,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,CAAA,MAAK,EAAE,IAAI;AAAA,IACrE,CAAC,cAAc,QAAQ;AAAA,EAAA;AACvB,QAAM,cAAc,OAAO,SAAS,OAAO,OAAO,YAAY,EAAE,GAAG,EAAE,KAAK;AAC1E,QAAM,eAAe;AACrB,QAAM,YAAY,aAAa;AAC/B,QAAM,WAAW,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,WAAW,IAAI,YAAY;AAC/E,QAAM,cAAc,KAAK,KAAK,iBAAiB,WAAW,IAAI,eAAe;AAC7E,QAAM,SAAS,KAAK,IAAI,WAAW,WAAW,WAAW;AACzD,QAAM,sBAAsB;AAAA,IAC1B,MAAM,aAAa,MAAM,UAAU,MAAM;AAAA,IACzC,CAAC,cAAc,UAAU,MAAM;AAAA,EAAA;AAGjC,QAAM,UAAU,MAAM;AACpB,UAAM,KAAK,QAAQ;AACnB,QAAI,CAAC,GAAI,QAAO;AAEhB,UAAM,eAAe,MAAM,kBAAkB,KAAK,IAAI,cAAc,GAAG,GAAG,gBAAgB,GAAG,CAAC;AAC9F,iBAAA;AAEA,QAAI,OAAO,mBAAmB,aAAa;AACzC,YAAM,WAAW,IAAI,eAAe,YAAY;AAChD,eAAS,QAAQ,EAAE;AACnB,aAAO,MAAM,SAAS,WAAA;AAAA,IACxB;AAEA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,iBAAiB,SAAS;AAAA,MACrC,OAAO;AAAA,QACL,QAAQ,OAAO,WAAW,WAAW,SAAS;AAAA,QAC9C,YAAY,OAAO,OAAO,WAAW;AAAA,QACrC,GAAI,WAAY,OAAO,OAAO,OAAO,aAAa,EAAE,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK,OAAQ,EAAE,QAAQ,OAAA;AAAA,QACrH,cAAc,OAAO,aAAa;AAAA,QAClC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY,OAAO,WAAW,WAAW;AAAA,QACzC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,gBAAgB,qBAAqB,eAAe;AAAA,QACpD,sBAAsB,qBAAqB,eAAe;AAAA,QAC1D,GAAG;AAAA,MAAA;AAAA,MAIL,UAAA;AAAA,QAAA,qBAAC,SAAI,OAAO;AAAA,UACV,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,UACnD,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UACrD,YAAY,OAAO,OAAO,WAAW;AAAA,UACrC,gBAAgB;AAAA,UAChB,SAAS;AAAA,UAAQ,YAAY;AAAA,UAAU,gBAAgB;AAAA,QAAA,GAEvD,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,QAAQ,UAAU,OAAO,WAAW,SAAS,GAAA,GAAO,mBAAS,iBAAgB;AAAA,UACrI,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,QAAQ,GAAA,GAChD,UAAA;AAAA,YAAA,eACC,oBAAC,UAAA,EAAO,cAAW,gBAAe,OAAO;AAAA,cACvC,YAAY,OAAO,OAAO,YAAY;AAAA,cACtC,OAAO,OAAO,OAAO,KAAK;AAAA,cAAS,QAAQ;AAAA,cAAQ,cAAc,OAAO,aAAa;AAAA,cACrF,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,cAAI,UAAU,OAAO,WAAW,SAAS;AAAA,cAAK,QAAQ;AAAA,cACzG,YAAY,OAAO,WAAW,WAAW;AAAA,cACzC,YAAY;AAAA,YAAA,GACX,UAAA,UAEH;AAAA,YAED,eAAe,cAAc,SAAS,KACrC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,6CAAe;AAAA,gBAC9B,cAAY,UAAU,cAAc,MAAM;AAAA,gBAC1C,OAAO;AAAA,kBACL,YAAY,GAAG,OAAO,OAAO,OAAO,QAAQ;AAAA,kBAC5C,OAAO,OAAO,OAAO,OAAO;AAAA,kBAC5B,QAAQ,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,kBAClD,cAAc,OAAO,aAAa;AAAA,kBAAI,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,kBAAI,UAAU,OAAO,WAAW,SAAS;AAAA,kBAAK,QAAQ;AAAA,kBAC/I,YAAY,OAAO,WAAW,WAAW;AAAA,kBACzC,YAAY;AAAA,gBAAA;AAAA,gBAEf,UAAA;AAAA,kBAAA;AAAA,kBACU,cAAc;AAAA,kBAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAChC,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,SAGE,cAAc,oBACd,qBAAC,OAAA,EAAI,OAAO;AAAA,UACV,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,UACnD,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UACrD,SAAS;AAAA,UAAQ,YAAY;AAAA,UAAU,KAAK,OAAO,QAAQ;AAAA,UAC3D,YAAY,OAAO,OAAO,WAAW;AAAA,QAAA,GAEpC,UAAA;AAAA,UAAA,mBAAmB,oBAAoB,UACtC,qBAAC,OAAA,EAAI,cAAW,aAAY,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,QAAQ,IAAI,UAAU,OAAO,WAAW,SAAS,IAAI,MAAM,EAAA,GACjJ,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAW;AAAA,gBACX,SAAS,MAAM,WAAW,CAAC;AAAA,gBAC3B,WAAW,CAAA,MAAK;AAAE,sBAAI,EAAE,QAAQ,QAAS,YAAW,CAAC;AAAA,gBAAG;AAAA,gBACxD,OAAO,EAAE,QAAQ,WAAW,OAAO,OAAO,OAAO,YAAY,SAAS,YAAY,OAAO,WAAW,WAAW,OAAA;AAAA,gBAChH,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGA,YAAY,IAAI,CAAC,KAAK,QACrB,qBAAC,MAAM,UAAN,EACC,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,eAAY,QAAO,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,MAAA,GAAS,UAAA,IAAA,CAAC;AAAA,cACtE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,cAAY,eAAe,GAAG;AAAA,kBAC9B,SAAS,MAAM,WAAW,MAAM,CAAC;AAAA,kBACjC,WAAW,CAAA,MAAK;AAAE,wBAAI,EAAE,QAAQ,QAAS,YAAW,MAAM,CAAC;AAAA,kBAAG;AAAA,kBAC9D,OAAO;AAAA,oBACL,QAAQ;AAAA,oBACR,OAAO,QAAQ,YAAY,SAAS,IAAI,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,YAAY;AAAA,oBAC/F,YAAY,QAAQ,YAAY,SAAS,IAAI,OAAO,WAAW,WAAW,SAAS,OAAO,WAAW,WAAW;AAAA,kBAAA;AAAA,kBAGjH,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH,EAAA,GAfmB,GAgBrB,CACD;AAAA,UAAA,GACH;AAAA,UAED,cACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,eAAe,EAAE,OAAO,KAAK;AAAA,cAC5C,aAAY;AAAA,cACZ,cAAW;AAAA,cACX,OAAO;AAAA,gBACL,YAAY,OAAO,OAAO,WAAW;AAAA,gBACrC,OAAO,OAAO,OAAO,KAAK;AAAA,gBAC1B,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,gBAC/C,cAAc,OAAO,aAAa;AAAA,gBAAI,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,EAAE;AAAA,gBAAI,UAAU,OAAO,WAAW,SAAS;AAAA,gBACjI,SAAS;AAAA,gBAAQ,UAAU;AAAA,gBAC3B,YAAY;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QAIF,qBAAC,OAAA,EAAI,MAAK,OAAM,OAAO;AAAA,UACrB,SAAS;AAAA,UACT,qBAAqB,cAAc,kBAAkB;AAAA,UACrD,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,UACnD,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UACrD,YAAY,OAAO,OAAO,WAAW;AAAA,UACrC,UAAU,OAAO,WAAW,SAAS;AAAA,UAAK,OAAO,OAAO,OAAO,KAAK;AAAA,UAAO,YAAY,OAAO,WAAW,WAAW;AAAA,UACpH,eAAe;AAAA,UACf,eAAe;AAAA,QAAA,GAEf,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,MAAK,gBAAe,UAAU,GAAG,cAAW,gBAAe,SAAS,MAAM,WAAW,MAAM,GAAG,WAAW,CAAA,MAAK;AAAE,gBAAI,EAAE,QAAQ,QAAS,YAAW,MAAM;AAAA,UAAG,GAAG,OAAO,EAAE,QAAQ,aAAa,UAAA;AAAA,YAAA;AAAA,YAC1L,WAAW,WAAW,YAAY,QAAQ,MAAW;AAAA,UAAA,GAC7D;AAAA,UACC,eACC,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA,qBAAC,QAAA,EAAK,MAAK,gBAAe,UAAU,GAAG,cAAW,gBAAe,SAAS,MAAM,WAAW,MAAM,GAAG,WAAW,CAAA,MAAK;AAAE,kBAAI,EAAE,QAAQ,QAAS,YAAW,MAAM;AAAA,YAAG,GAAG,OAAO,EAAE,QAAQ,WAAW,UAAU,IAAI,WAAW,QAAA,GAAW,UAAA;AAAA,cAAA;AAAA,cAC5N,WAAW,WAAW,YAAY,QAAQ,MAAW;AAAA,YAAA,GAC7D;AAAA,YACA,qBAAC,QAAA,EAAK,MAAK,gBAAe,UAAU,GAAG,cAAW,yBAAwB,SAAS,MAAM,WAAW,UAAU,GAAG,WAAW,CAAA,MAAK;AAAE,kBAAI,EAAE,QAAQ,QAAS,YAAW,UAAU;AAAA,YAAG,GAAG,OAAO,EAAE,QAAQ,WAAW,UAAU,KAAK,WAAW,QAAA,GAAW,UAAA;AAAA,cAAA;AAAA,cAC1O,WAAW,eAAe,YAAY,QAAQ,MAAW;AAAA,YAAA,EAAA,CACrE;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QAGA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO;AAAA,cACL,MAAM;AAAA,cAAG,UAAU;AAAA,cAAQ,UAAU;AAAA,cACrC,QAAQ,aAAa,cAAc,OAAO,OAAO,YAAY,OAAO,KAAK;AAAA,YAAA;AAAA,YAE3E,UAAU,CAAA,MAAK,aAAa,EAAE,cAAc,SAAS;AAAA,YACrD,YAAY,cAAc,CAAA,MAAK;AAAE,gBAAE,eAAA;AAAkB,4BAAc,IAAI;AAAA,YAAG,IAAI;AAAA,YAC9E,aAAa,cAAc,MAAM,cAAc,KAAK,IAAI;AAAA,YACxD,QAAQ,cAAc,aAAa;AAAA,YAElC,UAAA;AAAA,cAAA,cACC,oBAAC,SAAI,OAAO;AAAA,gBACV,UAAU;AAAA,gBAAY,OAAO;AAAA,gBAAG,YAAY,GAAG,OAAO,OAAO,YAAY,OAAO;AAAA,gBAChF,SAAS;AAAA,gBAAQ,YAAY;AAAA,gBAAU,gBAAgB;AAAA,gBACvD,UAAU,OAAO,WAAW,SAAS;AAAA,gBAAI,OAAO,OAAO,OAAO,YAAY;AAAA,gBAC1E,YAAY,OAAO,WAAW,WAAW;AAAA,gBAAQ,QAAQ;AAAA,cAAA,GACxD,UAAA,wBAEH;AAAA,cAED,aAAa,WAAW,IACvB,oBAAC,SAAI,OAAO;AAAA,gBACV,SAAS;AAAA,gBAAQ,YAAY;AAAA,gBAAU,gBAAgB;AAAA,gBACvD,QAAQ;AAAA,gBAAQ,OAAO,OAAO,OAAO,KAAK;AAAA,gBAAO,UAAU,OAAO,WAAW,SAAS;AAAA,cAAA,GAErF,UAAA,cAAc,sBAAsB,kBAAA,CACvC,IAEA,oBAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,YAAY,aAAa,UAAU,cACvD,UAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,KAAK,WAAW,aAAa,MAAM,GAAG,OAAO,EAAA,GAC9E,8BAAoB,IAAI,CAAC,EAAE,MAAM,YAChC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,cAAY,GAAG,KAAK,cAAc,WAAW,MAAM,KAAK,KAAK,IAAI;AAAA,kBACjE,iBAAe,SAAS,IAAI,KAAK,IAAI;AAAA,kBAErC,SAAS,MAAM,gBAAgB,IAAI;AAAA,kBACnC,eAAe,MAAM,sBAAsB,IAAI;AAAA,kBAC/C,WAAW,CAAA,MAAK;AAAE,wBAAI,EAAE,QAAQ,QAAS,uBAAsB,IAAI;AAAG,wBAAI,EAAE,QAAQ,KAAK;AAAE,wBAAE,eAAA;AAAkB,sCAAgB,IAAI;AAAA,oBAAG;AAAA,kBAAE;AAAA,kBACxI,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,qBAAqB,cAAc,kBAAkB;AAAA,oBACrD,SAAS,KAAK,OAAO,QAAQ,GAAG;AAAA,oBAChC,aAAa,QAAQ,OAAO,QAAQ,GAAG,MAAM,QAAQ,EAAE;AAAA,oBACvD,QAAQ,OAAO,YAAY;AAAA,oBAC3B,YAAY;AAAA,oBACZ,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,oBACrD,QAAQ;AAAA,oBACR,YAAY,SAAS,IAAI,KAAK,IAAI,IAAI,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,oBACjF,YAAY;AAAA,kBAAA;AAAA,kBAEd,cAAc,CAAA,MAAK;AACjB,wBAAI,CAAC,SAAS,IAAI,KAAK,IAAI,EAAI,GAAE,cAAiC,MAAM,aAAa,OAAO,OAAO,WAAW;AAAA,kBAChH;AAAA,kBACA,cAAc,CAAA,MAAK;AAChB,sBAAE,cAAiC,MAAM,aAAa,SAAS,IAAI,KAAK,IAAI,IAAI,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,kBAC9H;AAAA,kBAEA,UAAA;AAAA,oBAAA,qBAAC,QAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,QAAQ,IAAI,UAAU,YACrF,UAAA;AAAA,sBAAA,eACC;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,SAAS,IAAI,KAAK,IAAI;AAAA,0BAC/B,UAAU,MAAM,aAAa,KAAK,IAAI;AAAA,0BACtC,SAAS,CAAA,MAAK,EAAE,gBAAA;AAAA,0BAChB,cAAY,UAAU,KAAK,IAAI;AAAA,0BAC/B,OAAO,EAAE,aAAa,OAAO,OAAO,YAAY,QAAA;AAAA,wBAAQ;AAAA,sBAAA;AAAA,sBAG3D,oBAAoB,UAAU,KAAK,eAClC,oBAAC,QAAA,EAAK,eAAY,QAAO,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,KAAK,OAAO,OAAO,OAAO,KAAK,OAAO,OAAO,IAAI,WAAW,SAAA,GAChI,UAAA,SAAS,IAAI,KAAK,IAAI,IAAI,MAAW,KACxC;AAAA,sBAEF,oBAAC,QAAA,EAAK,eAAY,QAAO,OAAO,EAAE,SAAS,eAAe,YAAY,UAAU,UAAU,OAAO,WAAW,SAAS,GAAA,GACnH,UAAA,oBAAC,WAAA,EAAU,MAAM,gBAAgB,IAAI,GAAG,MAAK,SAAQ,OAAM,IAAG,OAAO,EAAE,UAAU,UAAA,GAAa,GAChG;AAAA,sBACA,oBAAC,UAAK,OAAO;AAAA,wBACX,UAAU,OAAO,WAAW,SAAS;AAAA,wBACrC,YAAY,KAAK,cAAc,OAAO,WAAW,WAAW,SAAS,OAAO,WAAW,WAAW;AAAA,wBAClG,OAAO,KAAK,cAAc,OAAO,OAAO,YAAY,UAAU,OAAO,OAAO,KAAK;AAAA,wBACjF,UAAU;AAAA,wBAAU,cAAc;AAAA,wBAAY,YAAY;AAAA,sBAAA,GAEzD,eAAK,KAAA,CACR;AAAA,oBAAA,GACF;AAAA,oBACC,eACC,qBAAA,UAAA,EACE,UAAA;AAAA,sBAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,IAAI,OAAO,OAAO,OAAO,KAAK,OAAO,WAAW,SAAS,UAAU,IAAI,YAAY,OAAO,WAAW,WAAW,KAAA,GACjK,UAAA,KAAK,cAAc,MAAM,eAAe,KAAK,IAAI,GACpD;AAAA,sBACA,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,IAAI,OAAO,OAAO,OAAO,KAAK,OAAO,WAAW,SAAS,UAAU,KAAK,YAAY,OAAO,WAAW,WAAW,KAAA,GAClK,UAAA,WAAW,KAAK,QAAQ,EAAA,CAC3B;AAAA,oBAAA,EAAA,CACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBA3DG,KAAK;AAAA,cAAA,CA8Db,GACH,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAKJ,qBAAC,SAAI,OAAO;AAAA,UACV,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,GAAG;AAAA,UACnD,WAAW,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UAClD,YAAY,OAAO,OAAO,WAAW;AAAA,UACrC,UAAU,OAAO,WAAW,SAAS;AAAA,UAAK,OAAO,OAAO,OAAO,KAAK;AAAA,UACpE,SAAS;AAAA,UAAQ,gBAAgB;AAAA,QAAA,GAEjC,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAM,UAAA;AAAA,YAAA,aAAa;AAAA,YAAO;AAAA,UAAA,GAAM;AAAA,UAChC,SAAS,OAAO,KAAK,qBAAC,QAAA,EAAM,UAAA;AAAA,YAAA,SAAS;AAAA,YAAK;AAAA,UAAA,EAAA,CAAS;AAAA,QAAA,EAAA,CACtD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}