@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/UploaderApp-MTRIYWV4.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var chunkQFGHYAD7_cjs = require('./chunk-QFGHYAD7.cjs');
-require('./chunk-JX65IKJZ.cjs');
-require('./chunk-DEVJOHGE.cjs');
-require('./chunk-2PSTHGTD.cjs');
-require('./chunk-YOHBUOZJ.cjs');
-require('./chunk-ABIAPZ6S.cjs');
-require('./chunk-2UW42GAP.cjs');
-require('./chunk-Z5YGWL65.cjs');
-require('./chunk-7Y7HB7FB.cjs');
-require('./chunk-E55VXNLK.cjs');
-
-
-
-module.exports = chunkQFGHYAD7_cjs.UploaderApp_default;

package/dist/UploaderApp-V3WUDCG2.js

@@ -1,10 +0,0 @@
-export { UploaderApp_default as default } from './chunk-U5JKHQBS.js';
-import './chunk-KGMXUBWQ.js';
-import './chunk-WHZGUG7Q.js';
-import './chunk-HWHBSAUC.js';
-import './chunk-2MYZWMDC.js';
-import './chunk-EAELL43F.js';
-import './chunk-W2Y22XR6.js';
-import './chunk-FRHBM2U7.js';
-import './chunk-YY6OUR2U.js';
-import './chunk-BQL3YXMV.js';

package/dist/chunk-25GVAXBU.js

@@ -1,215 +0,0 @@
-import { VscIcon_default } from './chunk-GRYCUBJZ.js';
-import { ColorPicker_default } from './chunk-EX5V2ZTU.js';
-import { useDesktopStore } from './chunk-W2Y22XR6.js';
-import { useVscIconElement, useFcIconElement } from './chunk-YY6OUR2U.js';
-import { SimpleGrid, Tooltip, UnstyledButton, Text, TextInput, ActionIcon, Collapse, Group, Button } from './chunk-BQL3YXMV.js';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/components/Shared/IconColorPicker/IconColorPicker.module.css
-var IconColorPicker_default = {};
-
-// src/constants/Icons.ts
-var PRESET_ICONS = [
-  "VscFolder",
-  "VscFolderOpened",
-  "VscHome",
-  "VscServer",
-  "VscDatabase",
-  "VscBook",
-  "VscMail",
-  "VscGithub",
-  "VscCloud",
-  "VscLock",
-  "VscSettingsGear",
-  "VscStar",
-  "VscHeart",
-  "VscMusic",
-  "VscCamera",
-  "VscArchive"
-];
-var IconColorPicker = ({
-  selectedIcon,
-  selectedColor,
-  onIconChange,
-  onColorChange,
-  colorError
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: IconColorPicker_default.root, children: [
-    /* @__PURE__ */ jsx(SimpleGrid, { cols: 8, spacing: 4, className: IconColorPicker_default.iconGrid, children: PRESET_ICONS.map((name) => {
-      const isSelected = selectedIcon === name;
-      return /* @__PURE__ */ jsx(Tooltip, { label: name, openDelay: 500, children: /* @__PURE__ */ jsx(
-        UnstyledButton,
-        {
-          className: IconColorPicker_default.iconButton,
-          "data-selected": isSelected || void 0,
-          onClick: () => onIconChange(name),
-          "aria-label": name,
-          "aria-pressed": isSelected,
-          children: /* @__PURE__ */ jsx(VscIcon_default, { name, size: 20, color: selectedColor })
-        }
-      ) }, name);
-    }) }),
-    /* @__PURE__ */ jsx(ColorPicker_default, { value: selectedColor, onChange: onColorChange, error: colorError })
-  ] });
-};
-var IconColorPicker_default2 = IconColorPicker;
-
-// src/components/Shared/CreateItemApp/CreateItemApp.module.css
-var CreateItemApp_default = {};
-var CSS_COLOR_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-var isValidColor = (color) => CSS_COLOR_RE.test(color);
-var ICON_PROPS = { size: 14, style: { display: "block" } };
-var CollapseToggleIcon = ({ open }) => useFcIconElement(open ? "FcCollapse" : "FcExpand", ICON_PROPS);
-var CancelIcon = () => useFcIconElement("FcCancel", ICON_PROPS);
-var CheckIcon = () => useFcIconElement("FcCheckmark", ICON_PROPS);
-var DEFAULT_ICON = "VscFolder";
-var DEFAULT_COLOR = "#228be6";
-var DEFAULT_FILE_NAME = "New File";
-var DEFAULT_FOLDER_NAME = "New Folder";
-var TITLE_BAR_HEIGHT = 36;
-var CreateItemApp = ({ window }) => {
-  const win = window;
-  const mode = win?.contentData?.mode ?? "folder";
-  const parentId = win?.contentData?.parentId ?? null;
-  const currentPath = win?.contentData?.currentPath ?? "/home";
-  const [name, setName] = useState(mode === "folder" ? DEFAULT_FOLDER_NAME : DEFAULT_FILE_NAME);
-  const [iconName, setIconName] = useState(DEFAULT_ICON);
-  const [iconColor, setIconColor] = useState(DEFAULT_COLOR);
-  const [iconPickerOpen, setIconPickerOpen] = useState(
-    win?.contentData?.iconPickerOpen ?? false
-  );
-  const rootRef = useRef(null);
-  const closeWindow = useDesktopStore((state) => state.closeWindow);
-  const resizeWindow = useDesktopStore((state) => state.resizeWindow);
-  const createFile = useDesktopStore((state) => state.createFile);
-  const createFolder = useDesktopStore((state) => state.createFolder);
-  const addNotification = useDesktopStore((state) => state.addNotification);
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const windowWidth = useDesktopStore(
-    (state) => state.windows.find((w) => w.id === win?.id)?.width ?? 400
-  );
-  const duplicateName = fsNodes.some(
-    (n) => n.parentId === parentId && n.type === mode && n.name === name.trim()
-  );
-  const colorError = mode === "folder" && iconPickerOpen && !isValidColor(iconColor);
-  const canConfirm = name.trim().length > 0 && !duplicateName && !colorError;
-  useEffect(() => {
-    if (!win?.id || !rootRef.current) return;
-    const el = rootRef.current;
-    const observer = new ResizeObserver(() => {
-      resizeWindow(win.id, windowWidth, el.scrollHeight + TITLE_BAR_HEIGHT);
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [win, windowWidth, resizeWindow]);
-  const handleConfirm = () => {
-    if (!canConfirm) return;
-    const itemName = name.trim();
-    const itemParentId = parentId ?? null;
-    const itemIconName = iconName;
-    const itemIconColor = iconColor;
-    closeWindow(win.id);
-    if (mode === "folder") {
-      createFolder(itemName, itemParentId, itemIconName, itemIconColor).catch((error) => {
-        console.error("Failed to create folder:", error);
-        addNotification({
-          id: `create-folder-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create folder: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    } else {
-      createFile(itemName, "", itemParentId).catch((error) => {
-        console.error("Failed to create file:", error);
-        addNotification({
-          id: `create-file-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create file: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    }
-  };
-  const handleCancel = () => {
-    closeWindow(win.id);
-  };
-  const previewIconElement = useVscIconElement(iconName, { size: 40, color: iconColor });
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: CreateItemApp_default.root, children: [
-    /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.header, children: /* @__PURE__ */ jsxs(Text, { fw: 600, size: "sm", children: [
-      mode === "folder" ? "Create new folder" : "Create new file",
-      " in ",
-      currentPath,
-      ":"
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: CreateItemApp_default.content, children: [
-      /* @__PURE__ */ jsxs("div", { className: CreateItemApp_default.nameRow, children: [
-        mode === "folder" && previewIconElement && /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.iconPreview, "aria-hidden": "true", children: previewIconElement }),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            value: name,
-            onChange: (e) => setName(e.currentTarget.value),
-            onKeyDown: (e) => e.key === "Enter" && handleConfirm(),
-            error: duplicateName ? `There is already a ${mode} with that name` : void 0,
-            rightSection: name ? /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                variant: "transparent",
-                size: "sm",
-                onClick: () => setName(""),
-                "aria-label": "Clear name",
-                children: /* @__PURE__ */ jsx(CancelIcon, {})
-              }
-            ) : null,
-            autoFocus: true,
-            className: CreateItemApp_default.nameInput,
-            "aria-label": "Item name"
-          }
-        )
-      ] }),
-      mode === "folder" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          UnstyledButton,
-          {
-            className: CreateItemApp_default.collapseToggle,
-            onClick: () => setIconPickerOpen((o) => !o),
-            "aria-expanded": iconPickerOpen,
-            children: [
-              /* @__PURE__ */ jsx(CollapseToggleIcon, { open: iconPickerOpen }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", ml: 6, children: "Choose custom icon or color" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Collapse, { expanded: iconPickerOpen, children: /* @__PURE__ */ jsx("div", { className: CreateItemApp_default.pickerWrapper, children: /* @__PURE__ */ jsx(
-          IconColorPicker_default2,
-          {
-            selectedIcon: iconName,
-            selectedColor: iconColor,
-            onIconChange: setIconName,
-            onColorChange: setIconColor,
-            colorError: colorError ? "Enter a valid hex color (e.g. #ff0000)" : void 0
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: 4, children: "You can change the icon later in folder properties." })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", size: "sm", onClick: handleCancel, leftSection: /* @__PURE__ */ jsx(CancelIcon, {}), children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            onClick: handleConfirm,
-            leftSection: /* @__PURE__ */ jsx(CheckIcon, {}),
-            disabled: !canConfirm,
-            children: "OK"
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var CreateItemApp_default2 = CreateItemApp;
-
-export { CreateItemApp_default2 as CreateItemApp_default, IconColorPicker_default2 as IconColorPicker_default, PRESET_ICONS };

package/dist/chunk-2MYZWMDC.js

@@ -1,444 +0,0 @@
-import { FileIcon_default } from './chunk-EAELL43F.js';
-import { sortNodes, useDesktopStore } from './chunk-W2Y22XR6.js';
-import { Breadcrumbs, Text, Anchor, UnstyledButton, Group, Button, TextInput } from './chunk-BQL3YXMV.js';
-import { memo, useState, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/utils/buildBreadcrumbs.ts
-var buildBreadcrumbs = (currentFolderId, fsNodes) => {
-  const crumbs = [{ id: null, name: "Home" }];
-  let id = currentFolderId;
-  const trail = [];
-  while (id !== null) {
-    const node = fsNodes.find((n) => n.id === id);
-    if (!node) break;
-    trail.unshift({ id: node.id, name: node.name });
-    id = node.parentId;
-  }
-  return [...crumbs, ...trail];
-};
-
-// src/components/Shared/FilePickerApp/FilePickerApp.module.css
-var FilePickerApp_default = {};
-var PickerModalComponent = ({
-  opened,
-  children,
-  ariaLabelKey,
-  ariaLabelNs = "window"
-}) => {
-  const { t } = useTranslation(ariaLabelNs);
-  if (!opened) return null;
-  return /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.overlay, role: "dialog", "aria-label": t(ariaLabelKey), children: /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.panel, children }) });
-};
-var PickerModal = memo(PickerModalComponent);
-var FolderBreadcrumbsComponent = ({
-  currentFolderId,
-  fsNodes,
-  onNavigate
-}) => {
-  const crumbs = buildBreadcrumbs(currentFolderId, fsNodes);
-  return /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.breadcrumbBar, children: /* @__PURE__ */ jsx(Breadcrumbs, { separator: "\u203A", classNames: { separator: FilePickerApp_default.breadcrumbSep }, children: crumbs.map((crumb, i) => {
-    const isLast = i === crumbs.length - 1;
-    return isLast ? /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, children: crumb.name }, crumb.id ?? "root") : /* @__PURE__ */ jsx(Anchor, { size: "xs", onClick: () => onNavigate(crumb.id), children: crumb.name }, crumb.id ?? "root");
-  }) }) });
-};
-var FolderBreadcrumbs = memo(FolderBreadcrumbsComponent);
-var FolderTreeItemComponent = ({
-  node,
-  allNodes,
-  currentFolderId,
-  depth,
-  onNavigate
-}) => {
-  const children = allNodes.filter(
-    (n) => n.parentId === node.id && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      UnstyledButton,
-      {
-        className: FilePickerApp_default.treeItem,
-        "data-active": currentFolderId === node.id || void 0,
-        style: { paddingLeft: 8 + depth * 14 },
-        onClick: () => onNavigate(node.id),
-        "aria-label": node.name,
-        "aria-current": currentFolderId === node.id ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsx(FileIcon_default, { type: "folder", folderNode: node, size: 14 }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", ml: 6, truncate: true, children: node.name })
-        ]
-      }
-    ),
-    children.map((child) => /* @__PURE__ */ jsx(
-      FolderTreeItem,
-      {
-        node: child,
-        allNodes,
-        currentFolderId,
-        depth: depth + 1,
-        onNavigate
-      },
-      child.id
-    ))
-  ] });
-};
-var FolderTreeItem = memo(FolderTreeItemComponent);
-var FolderSidebarComponent = ({
-  currentFolderId,
-  fsNodes,
-  onNavigate
-}) => {
-  const { t } = useTranslation("window");
-  const rootFolders = fsNodes.filter(
-    (n) => n.parentId === null && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsx("aside", { className: FilePickerApp_default.sidebar, children: /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      className: FilePickerApp_default.folderTree,
-      "aria-label": t("fileDialog.folderTreeAria", { ns: "common" }),
-      children: [
-        /* @__PURE__ */ jsxs(
-          UnstyledButton,
-          {
-            className: FilePickerApp_default.treeItem,
-            "data-active": currentFolderId === null || void 0,
-            style: { paddingLeft: 8 },
-            onClick: () => onNavigate(null),
-            "aria-label": t("common:labels.home"),
-            "aria-current": currentFolderId === null ? "page" : void 0,
-            children: [
-              /* @__PURE__ */ jsx(FileIcon_default, { type: "folder", size: 14 }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", ml: 6, fw: 500, children: t("common:labels.home") })
-            ]
-          }
-        ),
-        rootFolders.map((folder) => /* @__PURE__ */ jsx(
-          FolderTreeItem,
-          {
-            node: folder,
-            allNodes: fsNodes,
-            currentFolderId,
-            depth: 1,
-            onNavigate
-          },
-          folder.id
-        ))
-      ]
-    }
-  ) });
-};
-var FolderSidebar = memo(FolderSidebarComponent);
-var FolderGridComponent = ({
-  currentFolderId,
-  fsNodes,
-  onNavigate,
-  onItemDoubleClick
-}) => {
-  const { t } = useTranslation("window");
-  const currentFolderNodes = fsNodes.filter(
-    (n) => n.parentId === currentFolderId && n.type === "folder"
-  );
-  if (currentFolderNodes.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.empty, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: t("common:messages.noSubfolders") }) });
-  }
-  const sortedNodes = sortNodes(currentFolderNodes);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: FilePickerApp_default.grid,
-      role: "listbox",
-      "aria-label": t("fileDialog.foldersAria", { ns: "common" }),
-      children: sortedNodes.map((node) => /* @__PURE__ */ jsxs(
-        UnstyledButton,
-        {
-          className: FilePickerApp_default.item,
-          onDoubleClick: () => {
-            onNavigate(node.id);
-            onItemDoubleClick?.(node);
-          },
-          "aria-label": t("fileDialog.openFolder", { name: node.name }),
-          role: "option",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.icon, children: /* @__PURE__ */ jsx(FileIcon_default, { type: "folder", name: node.name, folderNode: node, size: 32 }) }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", className: FilePickerApp_default.name, truncate: true, children: node.name })
-          ]
-        },
-        node.id
-      ))
-    }
-  );
-};
-var FolderGrid = memo(FolderGridComponent);
-var FilePickerApp = ({ acceptedMimeTypes, onConfirm, onCancel }) => {
-  const { t } = useTranslation("window");
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const [currentFolderId, setCurrentFolderId] = useState(null);
-  const [selectedNode, setSelectedNode] = useState(null);
-  const currentNodes = currentFolderId === null ? fsNodes.filter((n) => n.parentId === null) : fsNodes.filter((n) => n.parentId === currentFolderId);
-  const visibleNodes = currentNodes.filter((n) => {
-    if (n.type === "folder") return true;
-    const file = n;
-    if (!acceptedMimeTypes || acceptedMimeTypes.length === 0) return true;
-    return acceptedMimeTypes.some(
-      (accepted) => file.mimeType === accepted || accepted.endsWith("/*") && file.mimeType?.startsWith(accepted.slice(0, -1))
-    );
-  });
-  const handleNavigate = useCallback((id) => {
-    setCurrentFolderId(id);
-    setSelectedNode(null);
-  }, []);
-  const handleItemClick = useCallback((node) => {
-    if (node.type === "file") {
-      setSelectedNode(node);
-    }
-  }, []);
-  const handleItemDoubleClick = useCallback(
-    (node) => {
-      if (node.type === "folder") {
-        handleNavigate(node.id);
-      } else {
-        onConfirm(node);
-      }
-    },
-    [handleNavigate, onConfirm]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.root, children: [
-    /* @__PURE__ */ jsx(
-      FolderBreadcrumbs,
-      {
-        currentFolderId,
-        fsNodes,
-        onNavigate: handleNavigate
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.body, children: [
-      /* @__PURE__ */ jsx(
-        FolderSidebar,
-        {
-          currentFolderId,
-          fsNodes,
-          onNavigate: handleNavigate
-        }
-      ),
-      /* @__PURE__ */ jsx("main", { className: FilePickerApp_default.content, children: visibleNodes.length === 0 ? /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.empty, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: currentNodes.length === 0 ? t("common:messages.folderEmpty") : t("common:messages.noMatchingFiles") }) }) : /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: FilePickerApp_default.grid,
-          role: "listbox",
-          "aria-label": t("fileDialog.filesAria", { ns: "common" }),
-          children: sortNodes(visibleNodes).map((node) => {
-            const isSelected = selectedNode?.id === node.id;
-            return /* @__PURE__ */ jsxs(
-              UnstyledButton,
-              {
-                className: FilePickerApp_default.item,
-                "data-selected": isSelected || void 0,
-                "data-type": node.type,
-                onClick: () => handleItemClick(node),
-                onDoubleClick: () => handleItemDoubleClick(node),
-                "aria-label": node.type === "folder" ? t("fileDialog.openFolder", { name: node.name, ns: "window" }) : t("fileDialog.selectFile", { name: node.name, ns: "window" }),
-                "aria-selected": node.type === "file" ? isSelected : void 0,
-                role: "option",
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: FilePickerApp_default.icon, children: /* @__PURE__ */ jsx(
-                    FileIcon_default,
-                    {
-                      type: node.type,
-                      name: node.name,
-                      folderNode: node.type === "folder" ? node : void 0,
-                      size: 32
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", className: FilePickerApp_default.name, truncate: true, children: node.name })
-                ]
-              },
-              node.id
-            );
-          })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.actionBar, children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, className: FilePickerApp_default.selectedLabel, children: selectedNode ? selectedNode.name : t("common:messages.noFileSelected") }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "xs",
-            onClick: onCancel,
-            "aria-label": t("filePicker.cancelAria", { ns: "common" }),
-            children: t("common:actions.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "xs",
-            disabled: !selectedNode,
-            onClick: () => selectedNode && onConfirm(selectedNode),
-            "aria-label": t("filePicker.openSelectedAria", { ns: "common" }),
-            children: t("common:actions.open")
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var FilePickerModal = ({ opened, ...pickerProps }) => {
-  if (!opened) return null;
-  return /* @__PURE__ */ jsx(PickerModal, { opened, ariaLabelKey: "fileDialog.openFile", children: /* @__PURE__ */ jsx(FilePickerApp, { ...pickerProps }) });
-};
-var FileSaveApp = ({
-  initialName = "untitled.md",
-  onConfirm,
-  onCancel
-}) => {
-  const { t } = useTranslation("window");
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const [currentFolderId, setCurrentFolderId] = useState(null);
-  const [fileName, setFileName] = useState(initialName);
-  const handleNavigate = useCallback((id) => {
-    setCurrentFolderId(id);
-  }, []);
-  const handleSave = useCallback(() => {
-    const trimmed = fileName.trim();
-    if (!trimmed) return;
-    onConfirm({
-      parentId: currentFolderId,
-      name: trimmed.endsWith(".md") ? trimmed : `${trimmed}.md`
-    });
-  }, [fileName, currentFolderId, onConfirm]);
-  return /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.root, children: [
-    /* @__PURE__ */ jsx(
-      FolderBreadcrumbs,
-      {
-        currentFolderId,
-        fsNodes,
-        onNavigate: handleNavigate
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.body, children: [
-      /* @__PURE__ */ jsx(
-        FolderSidebar,
-        {
-          currentFolderId,
-          fsNodes,
-          onNavigate: handleNavigate
-        }
-      ),
-      /* @__PURE__ */ jsx("main", { className: FilePickerApp_default.content, children: /* @__PURE__ */ jsx(
-        FolderGrid,
-        {
-          currentFolderId,
-          fsNodes,
-          onNavigate: handleNavigate
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.saveActionBar, children: [
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          size: "xs",
-          placeholder: t("fileDialog.filename"),
-          value: fileName,
-          onChange: (e) => setFileName(e.currentTarget.value),
-          onKeyDown: (e) => e.key === "Enter" && handleSave(),
-          "aria-label": t("filePicker.fileNameAria", { ns: "common" }),
-          className: FilePickerApp_default.fileNameInput
-        }
-      ),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { flexShrink: 0 }, children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "xs",
-            onClick: onCancel,
-            "aria-label": t("filePicker.cancelAria", { ns: "common" }),
-            children: t("common:actions.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "xs",
-            disabled: !fileName.trim(),
-            onClick: handleSave,
-            "aria-label": t("fileDialog.saveFile"),
-            children: t("common:actions.save")
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var FileSaveModal = ({ opened, ...saveProps }) => {
-  if (!opened) return null;
-  return /* @__PURE__ */ jsx(PickerModal, { opened, ariaLabelKey: "fileDialog.saveFile", children: /* @__PURE__ */ jsx(FileSaveApp, { ...saveProps }) });
-};
-var FolderPickerApp = ({ onConfirm, onCancel }) => {
-  const { t } = useTranslation("window");
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const [currentFolderId, setCurrentFolderId] = useState(null);
-  const handleNavigate = useCallback((id) => {
-    setCurrentFolderId(id);
-  }, []);
-  const handleConfirm = useCallback(() => {
-    onConfirm(currentFolderId);
-  }, [currentFolderId, onConfirm]);
-  return /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.root, children: [
-    /* @__PURE__ */ jsx(
-      FolderBreadcrumbs,
-      {
-        currentFolderId,
-        fsNodes,
-        onNavigate: handleNavigate
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.body, children: [
-      /* @__PURE__ */ jsx(
-        FolderSidebar,
-        {
-          currentFolderId,
-          fsNodes,
-          onNavigate: handleNavigate
-        }
-      ),
-      /* @__PURE__ */ jsx("main", { className: FilePickerApp_default.content, children: /* @__PURE__ */ jsx(
-        FolderGrid,
-        {
-          currentFolderId,
-          fsNodes,
-          onNavigate: handleNavigate
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: FilePickerApp_default.actionBar, children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, className: FilePickerApp_default.selectedLabel, children: currentFolderId === null ? t("common:labels.home") : fsNodes.find((n) => n.id === currentFolderId)?.name ?? "" }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "xs",
-            onClick: onCancel,
-            "aria-label": t("filePicker.cancelAria", { ns: "common" }),
-            children: t("common:actions.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { size: "xs", onClick: handleConfirm, "aria-label": t("fileDialog.selectFolder"), children: t("common:actions.select") })
-      ] })
-    ] })
-  ] });
-};
-var FolderPickerModal = ({ opened, ...pickerProps }) => {
-  if (!opened) return null;
-  return /* @__PURE__ */ jsx(PickerModal, { opened, ariaLabelKey: "fileDialog.selectFolder", children: /* @__PURE__ */ jsx(FolderPickerApp, { ...pickerProps }) });
-};
-var FilePickerApp_default2 = FilePickerApp;
-
-export { FilePickerApp_default2 as FilePickerApp_default, FilePickerModal, FileSaveModal, FolderPickerModal, PickerModal, buildBreadcrumbs };