@fde-desktop/fde-core 0.4.7 → 0.4.8

package/dist/chunk-SBE4SZAN.cjs

@@ -1,226 +0,0 @@
-'use strict';
-
-var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
-var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-var DirtyIndicator = ({ size = 16 }) => {
-  const icon = chunk7Y7HB7FB_cjs.useFcIconElement("FcSynchronize", { size });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      style: {
-        color: "orange",
-        fontWeight: "bold",
-        marginLeft: "8px",
-        display: "flex",
-        alignItems: "center"
-      },
-      title: "Unsaved changes",
-      children: icon
-    }
-  );
-};
-var DirtyIndicator_default = DirtyIndicator;
-
-// src/components/AppMenuBar/AppMenuBar.module.css
-var AppMenuBar_default = {};
-var ICON_PROPS = { size: 16, style: { display: "block" } };
-var FcIcon = ({ name }) => chunk7Y7HB7FB_cjs.useFcIconElement(name, ICON_PROPS);
-var MenuDropdownElement = ({
-  label,
-  icon,
-  items,
-  rightSection
-}) => {
-  const [opened, setOpened] = react.useState(false);
-  const TriggerIcon = () => chunk7Y7HB7FB_cjs.useFcIconElement(icon ?? "", ICON_PROPS);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkE55VXNLK_cjs.Menu,
-    {
-      opened,
-      onClose: () => setOpened(false),
-      withinPortal: true,
-      keepMounted: true,
-      closeOnItemClick: true,
-      closeOnEscape: true,
-      closeOnClickOutside: true,
-      position: "bottom-start",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Menu.Target, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { className: AppMenuBar_default.menuTrigger, onClick: () => setOpened((o) => !o), children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-          rightSection && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto" }, children: rightSection })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Menu.Dropdown, { children: items.map((item, idx) => {
-          if (item.type === "divider") {
-            return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Menu.Divider, {}, idx);
-          }
-          if (item.type === "slider") {
-            return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Menu.Item, { closeMenuOnClick: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 120 }, children: [
-              item.label && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 4 }, children: item.label }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkE55VXNLK_cjs.Slider,
-                {
-                  min: item.min,
-                  max: item.max,
-                  value: item.value,
-                  onChange: item.onChange,
-                  size: "sm"
-                }
-              )
-            ] }) }, idx);
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkE55VXNLK_cjs.Menu.Item,
-            {
-              disabled: item.disabled,
-              onClick: item.onClick,
-              leftSection: item.icon ? /* @__PURE__ */ jsxRuntime.jsx(FcIcon, { name: item.icon }) : void 0,
-              children: item.label
-            },
-            idx
-          );
-        }) })
-      ]
-    }
-  );
-};
-var AppMenuBar = ({ elements }) => {
-  const [sliderStates, setSliderStates] = react.useState({});
-  const setSliderState = (idx, state) => {
-    setSliderStates((prev) => ({
-      ...prev,
-      [idx]: { ...prev[idx] ?? { isHovered: false, isDragging: false }, ...state }
-    }));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.root, role: "menubar", "aria-label": "Application menu", children: elements.map((el, idx) => {
-    switch (el.type) {
-      case "menu":
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          MenuDropdownElement,
-          {
-            label: el.label,
-            icon: el.icon,
-            items: el.items,
-            rightSection: el.rightSection
-          },
-          idx
-        );
-      case "combobox":
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Select,
-          {
-            data: el.options,
-            value: el.value,
-            onChange: (v) => v && el.onChange(v),
-            placeholder: el.label,
-            size: "sm",
-            className: AppMenuBar_default.select,
-            comboboxProps: { withinPortal: true }
-          }
-        ) }, idx);
-      case "switch":
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Switch,
-          {
-            label: el.label,
-            checked: el.checked,
-            onChange: (e) => el.onChange(e.currentTarget.checked),
-            size: "sm"
-          }
-        ) }, idx);
-      case "slider": {
-        const sliderState = sliderStates[idx] ?? { isHovered: false, isDragging: false };
-        const isTooltipOpen = sliderState.isHovered || sliderState.isDragging;
-        const labelFormat = el.labelFormat ?? ((val) => String(val));
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Tooltip,
-          {
-            label: labelFormat(el.value),
-            position: "bottom",
-            withArrow: true,
-            opened: isTooltipOpen,
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: AppMenuBar_default.element,
-                onMouseEnter: () => setSliderState(idx, { isHovered: true }),
-                onMouseLeave: () => setSliderState(idx, { isHovered: false }),
-                children: [
-                  el.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: AppMenuBar_default.sliderLabel, children: el.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkE55VXNLK_cjs.Slider,
-                    {
-                      min: el.min,
-                      max: el.max,
-                      value: el.value,
-                      onChange: (val) => {
-                        el.onChange(val);
-                        setSliderState(idx, { isDragging: true });
-                      },
-                      onChangeEnd: (val) => {
-                        el.onChange(val);
-                        setSliderState(idx, { isDragging: false });
-                      },
-                      size: "sm",
-                      className: AppMenuBar_default.slider,
-                      marks: el.marks
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          idx
-        );
-      }
-      case "text-input":
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.TextInput,
-          {
-            placeholder: el.placeholder,
-            value: el.value,
-            onChange: (e) => el.onChange(e.currentTarget.value),
-            size: "sm",
-            className: AppMenuBar_default.textInput
-          }
-        ) }, idx);
-      case "number-input":
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.NumberInput,
-          {
-            label: el.label,
-            value: el.value,
-            onChange: (v) => el.onChange(typeof v === "number" ? v : 0),
-            min: el.min,
-            max: el.max,
-            step: el.step ?? 1,
-            placeholder: el.placeholder,
-            size: "sm",
-            className: AppMenuBar_default.numberInput
-          }
-        ) }, idx);
-      case "select":
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Select,
-          {
-            label: el.label,
-            data: el.options,
-            value: el.value,
-            onChange: (v) => v && el.onChange(v),
-            size: "sm",
-            className: AppMenuBar_default.select,
-            comboboxProps: { withinPortal: true }
-          }
-        ) }, idx);
-      case "dirty-indicator":
-        return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(DirtyIndicator_default, {}) }, idx);
-    }
-  }) });
-};
-var AppMenuBar_default2 = AppMenuBar;
-
-exports.AppMenuBar_default = AppMenuBar_default2;
-exports.DirtyIndicator_default = DirtyIndicator_default;

package/dist/chunk-TAFNCDUI.js

@@ -1,234 +0,0 @@
-import { useOpenApp } from './chunk-YGYOLDKR.js';
-import { DownloadProgress_default } from './chunk-HWHBSAUC.js';
-import { FolderPickerModal } from './chunk-MCHPDWVH.js';
-import { useDesktopStore, fileSystem, getAppIdForMime } from './chunk-5QFZW6HW.js';
-import { useFcIconElement } from './chunk-YY6OUR2U.js';
-import { Paper, Box, Text, Group, Button, Stepper, FileButton } from './chunk-BQL3YXMV.js';
-import { useState, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/utils/formatBytes.ts
-function formatBytes(bytes) {
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  const index = Math.min(i, sizes.length - 1);
-  return `${parseFloat((bytes / Math.pow(k, index)).toFixed(1))} ${sizes[index]}`;
-}
-
-// src/components/Apps/UploaderApp/UploaderApp.module.css
-var UploaderApp_default = {};
-var UploaderApp = ({ window: win }) => {
-  const { t } = useTranslation("apps");
-  const createFile = useDesktopStore((state) => state.createFile);
-  const openApp = useOpenApp();
-  const [activeStep, setActiveStep] = useState(0);
-  const [file, setFile] = useState(null);
-  const [selectedFolderId, setSelectedFolderId] = useState(null);
-  const [folderSelected, setFolderSelected] = useState(false);
-  const [pickerOpen, setPickerOpen] = useState(false);
-  const [uploadStarted, setUploadStarted] = useState(false);
-  const [uploadState, setUploadState] = useState({
-    status: "idle",
-    progress: { status: "idle", loaded: 0, total: null, percent: null, error: null }
-  });
-  const [createdFileId, setCreatedFileId] = useState(null);
-  const uploadIcon = useFcIconElement("FcUpload", { size: 120 });
-  const checkIconLg = useFcIconElement("FcCheckmark", { size: 64 });
-  const checkIconSm = useFcIconElement("FcCheckmark", { size: 14 });
-  const infoIcon = useFcIconElement("FcInfo", { size: 64 });
-  const handleFileChange = useCallback((selectedFile) => {
-    if (selectedFile) {
-      setFile(selectedFile);
-      setActiveStep(1);
-    }
-  }, []);
-  const handleFolderSelect = useCallback((folderId) => {
-    setSelectedFolderId(folderId);
-    setFolderSelected(true);
-    setPickerOpen(false);
-    setActiveStep(2);
-  }, []);
-  const handleUpload = useCallback(async () => {
-    if (!file) return;
-    console.log("[UploaderApp] Starting upload for file:", file.name, "size:", file.size);
-    setUploadStarted(true);
-    setUploadState({
-      status: "reading",
-      progress: { status: "downloading", loaded: 0, total: file.size, percent: 0, error: null }
-    });
-    try {
-      setUploadState((prev) => ({
-        ...prev,
-        progress: {
-          status: "downloading",
-          loaded: 0,
-          total: file.size,
-          percent: 0,
-          error: null
-        }
-      }));
-      for (let i = 0; i <= 50; i += 10) {
-        await new Promise((resolve) => setTimeout(resolve, 50));
-        setUploadState((prev) => ({
-          ...prev,
-          progress: {
-            status: "downloading",
-            loaded: Math.floor(file.size * i / 100),
-            total: file.size,
-            percent: i,
-            error: null
-          }
-        }));
-      }
-      console.log("[UploaderApp] Calling saveBlob...");
-      const saveBlobStart = Date.now();
-      const idbUrl = await fileSystem.saveBlob(file);
-      console.log(
-        "[UploaderApp] saveBlob completed in",
-        Date.now() - saveBlobStart,
-        "ms, url:",
-        idbUrl
-      );
-      setUploadState((prev) => ({
-        ...prev,
-        progress: {
-          status: "downloading",
-          loaded: Math.floor(file.size * 80 / 100),
-          total: file.size,
-          percent: 80,
-          error: null
-        }
-      }));
-      console.log("[UploaderApp] Calling createFile with folderId:", selectedFolderId);
-      const createStart = Date.now();
-      const createdFile = await createFile(file.name, "", selectedFolderId, idbUrl);
-      console.log(
-        "[UploaderApp] createFile completed in",
-        Date.now() - createStart,
-        "ms, id:",
-        createdFile.id
-      );
-      setCreatedFileId(createdFile.id);
-      setUploadState({
-        status: "done",
-        progress: {
-          status: "done",
-          loaded: file.size,
-          total: file.size,
-          percent: 100,
-          error: null
-        }
-      });
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setActiveStep(3);
-    } catch (err) {
-      console.error("[UploaderApp] Upload FAILED:", err);
-      setUploadState((prev) => ({
-        ...prev,
-        status: "error",
-        error: err instanceof Error ? err.message : "Upload failed"
-      }));
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setActiveStep(3);
-    }
-  }, [file, selectedFolderId, createFile]);
-  const handleShowFile = useCallback(() => {
-    if (!selectedFolderId) {
-      openApp("files");
-    } else {
-      openApp("files", { contentData: { initialFolderId: selectedFolderId } });
-    }
-  }, [selectedFolderId, openApp]);
-  const handleOpenFile = useCallback(() => {
-    if (!createdFileId) return;
-    const createdNode = useDesktopStore.getState().fsNodes.find((n) => n.id === createdFileId);
-    if (!createdNode || createdNode.type !== "file") return;
-    const fileNode = createdNode;
-    const result = getAppIdForMime(fileNode);
-    if (result) {
-      openApp(result.appId, { contentData: result.contentData });
-    }
-  }, [createdFileId, openApp]);
-  if (!win) return null;
-  const isSuccess = uploadState.status === "done";
-  const errorMessage = uploadState.error;
-  if (activeStep === 3) {
-    return /* @__PURE__ */ jsx("div", { className: UploaderApp_default.container, children: /* @__PURE__ */ jsxs(Paper, { shadow: "sm", className: UploaderApp_default.resultPaper, children: [
-      /* @__PURE__ */ jsx(Box, { className: UploaderApp_default.resultIcon, children: isSuccess ? checkIconLg : infoIcon }),
-      /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, ta: "center", children: isSuccess ? t("uploader.uploadComplete") : `${t("uploader.uploadFailed")}: ${errorMessage}` }),
-      isSuccess && /* @__PURE__ */ jsxs(Group, { mt: "md", justify: "center", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "sm",
-            onClick: handleShowFile,
-            "data-testid": "uploader-show-file",
-            children: t("uploader.showFile")
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleOpenFile, "data-testid": "uploader-open-file", children: t("uploader.openFile") })
-      ] })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: UploaderApp_default.container, children: [
-    uploadIcon && /* @__PURE__ */ jsx("div", { className: UploaderApp_default.backgroundIcon, children: uploadIcon }),
-    /* @__PURE__ */ jsxs(Stepper, { active: activeStep, orientation: "horizontal", size: "sm", className: UploaderApp_default.stepper, children: [
-      /* @__PURE__ */ jsx(Stepper.Step, { label: t("uploader.stepSelect"), description: t("uploader.clickToUpload"), children: /* @__PURE__ */ jsx(FileButton, { accept: "*", onChange: handleFileChange, children: (props) => /* @__PURE__ */ jsx(Button, { ...props, size: "sm", "data-testid": "uploader-select-file", children: t("uploader.clickToUpload") }) }) }),
-      /* @__PURE__ */ jsxs(
-        Stepper.Step,
-        {
-          label: t("uploader.stepDestination"),
-          description: folderSelected ? /* @__PURE__ */ jsxs(Group, { gap: 4, align: "center", style: { display: "inline-flex" }, children: [
-            checkIconSm,
-            /* @__PURE__ */ jsx("span", { children: t("uploader.folderSelected") })
-          ] }) : t("uploader.selectDestination"),
-          children: [
-            file && /* @__PURE__ */ jsxs(Box, { className: UploaderApp_default.fileInfo, children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: file.name }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatBytes(file.size) })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { mt: "md", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "default",
-                  size: "xs",
-                  onClick: () => setPickerOpen(true),
-                  "data-testid": "uploader-select-folder",
-                  children: t("uploader.selectDestination")
-                }
-              ),
-              /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => setActiveStep(2), "data-testid": "uploader-skip-folder", children: t("uploader.next", { defaultValue: "Next" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: "xs", children: selectedFolderId ? `${t("uploader.uploadTo")}: ${useDesktopStore.getState().fsNodes.find((n) => n.id === selectedFolderId)?.name || ""}` : t("uploader.uploadToRoot") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Stepper.Step, { label: t("uploader.stepUpload"), description: t("uploader.uploading"), children: !uploadStarted ? /* @__PURE__ */ jsxs(Box, { className: UploaderApp_default.readyContainer, children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", ta: "center", children: t("uploader.readyToUpload") }),
-        /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleUpload, "data-testid": "uploader-upload", children: t("uploader.upload") }) })
-      ] }) : /* @__PURE__ */ jsx(
-        DownloadProgress_default,
-        {
-          state: uploadState.progress,
-          ariaLabel: t("uploader.uploadProgress")
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      FolderPickerModal,
-      {
-        opened: pickerOpen,
-        onConfirm: handleFolderSelect,
-        onCancel: () => setPickerOpen(false)
-      }
-    )
-  ] });
-};
-var UploaderApp_default2 = UploaderApp;
-
-export { UploaderApp_default2 as UploaderApp_default, formatBytes };

package/dist/chunk-TFIDSENE.cjs

@@ -1,88 +0,0 @@
-'use strict';
-
-var chunkUIQCTAVM_cjs = require('./chunk-UIQCTAVM.cjs');
-var chunkBQCD5RAF_cjs = require('./chunk-BQCD5RAF.cjs');
-var chunkUKYESVDS_cjs = require('./chunk-UKYESVDS.cjs');
-var chunkGPXNLTPI_cjs = require('./chunk-GPXNLTPI.cjs');
-var chunkV4N255NL_cjs = require('./chunk-V4N255NL.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Apps/ImageViewerApp/ImageViewerApp.module.css
-var ImageViewerApp_default = {};
-var ACCEPTED_IMAGE_TYPES = [...chunkV4N255NL_cjs.IMAGE_MIME_TYPES, "image/*"];
-var ImageViewerApp = ({ window, notifyReady }) => {
-  const { t } = reactI18next.useTranslation("apps");
-  const win = window;
-  const windowId = win?.id ?? "";
-  const initialSrc = win?.contentData?.src;
-  const [src, setSrc] = react.useState(initialSrc);
-  const [pickerOpen, setPickerOpen] = react.useState(false);
-  const [imageDimensions, setImageDimensions] = react.useState(null);
-  const containerRef = react.useRef(null);
-  const displayZoom = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.getDisplayZoom(windowId));
-  const fitToWindow = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.getFitToWindow(windowId));
-  const updateCalculatedZoom = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.updateCalculatedZoom);
-  const reset = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.reset);
-  const resolvedSrc = chunkUKYESVDS_cjs.useResolvedUrl(src);
-  react.useEffect(() => {
-    reset(windowId);
-  }, [windowId, reset]);
-  react.useEffect(() => {
-    if (!fitToWindow || !imageDimensions || !containerRef.current) return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const { width, height } = entry.contentRect;
-        updateCalculatedZoom(windowId, imageDimensions, { width, height });
-      }
-    });
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [fitToWindow, imageDimensions, windowId, updateCalculatedZoom]);
-  react.useEffect(() => {
-    notifyReady?.({
-      ...win?.contentData ?? {},
-      setPickerOpen: () => setPickerOpen(true)
-    });
-  }, [win, notifyReady]);
-  const handleFileSelected = react.useCallback(
-    (node) => {
-      setSrc(node.url ?? node.name);
-      setPickerOpen(false);
-      reset(windowId);
-      setImageDimensions(null);
-    },
-    [windowId, reset]
-  );
-  const handleImageLoad = react.useCallback((e) => {
-    const img = e.currentTarget;
-    setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
-  }, []);
-  const imgStyle = fitToWindow ? void 0 : { transform: `scale(${displayZoom / 100})` };
-  const content = resolvedSrc ? /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      src: resolvedSrc,
-      alt: resolvedSrc.split("/").pop() ?? "image",
-      className: ImageViewerApp_default.image,
-      style: imgStyle,
-      onLoad: handleImageLoad
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(chunkBQCD5RAF_cjs.AppEmptyState_default, { label: t("imageViewer.noImage") });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: ImageViewerApp_default.container, "data-windowid": win?.id, children: [
-    content,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGPXNLTPI_cjs.FilePickerModal,
-      {
-        opened: pickerOpen,
-        acceptedMimeTypes: ACCEPTED_IMAGE_TYPES,
-        onConfirm: handleFileSelected,
-        onCancel: () => setPickerOpen(false)
-      }
-    )
-  ] });
-};
-var ImageViewerApp_default2 = ImageViewerApp;
-
-exports.ImageViewerApp_default = ImageViewerApp_default2;

package/dist/chunk-TGWMOHAO.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/Apps/StorybookApp/StorybookApp.module.css
-var StorybookApp_default = {};
-var STORYBOOK_URL = "https://frannunpal.github.io/storybook/";
-var StorybookApp = () => /* @__PURE__ */ jsx(
-  "iframe",
-  {
-    src: STORYBOOK_URL,
-    className: StorybookApp_default.frame,
-    title: "Storybook",
-    "aria-label": "Storybook component explorer"
-  }
-);
-var StorybookApp_default2 = StorybookApp;
-
-export { StorybookApp_default2 as StorybookApp_default };

package/dist/chunk-UA6XSTW6.js

@@ -1,48 +0,0 @@
-import { fileSystem, getBaseUrl } from './chunk-5QFZW6HW.js';
-import { isDocker } from './chunk-FRHBM2U7.js';
-import { useMemo, useState, useRef, useEffect } from 'react';
-
-function useResolvedUrl(url) {
-  const needsBlobResolution = useMemo(
-    () => (url?.startsWith("idb://") || isDocker() && url?.startsWith("/api/fs")) ?? false,
-    [url]
-  );
-  const isApiFsUrl = useMemo(() => url?.startsWith("/api/fs") ?? false, [url]);
-  const [blobUrl, setBlobUrl] = useState(void 0);
-  const revokeRef = useRef(void 0);
-  useEffect(() => {
-    if (!url || !needsBlobResolution) return;
-    let cancelled = false;
-    fileSystem.toBlobUrl(url).then((result) => {
-      if (cancelled) {
-        if (result) URL.revokeObjectURL(result);
-        return;
-      }
-      revokeRef.current = result ?? void 0;
-      setBlobUrl(result ?? void 0);
-    });
-    return () => {
-      cancelled = true;
-      if (revokeRef.current) {
-        URL.revokeObjectURL(revokeRef.current);
-        revokeRef.current = void 0;
-      }
-      setBlobUrl(void 0);
-    };
-  }, [url, needsBlobResolution]);
-  if (!url) return void 0;
-  if (isApiFsUrl && needsBlobResolution) {
-    return blobUrl;
-  }
-  if (!needsBlobResolution) {
-    if (url.startsWith("/") || url.startsWith("http://") || url.startsWith("https://")) {
-      return url;
-    }
-    const base = getBaseUrl();
-    const normalizedBase = base.endsWith("/") ? base : `${base}/`;
-    return `${normalizedBase}${url}`;
-  }
-  return blobUrl;
-}
-
-export { useResolvedUrl };

package/dist/chunk-UIQCTAVM.cjs

@@ -1,59 +0,0 @@
-'use strict';
-
-var zustand = require('zustand');
-
-// src/components/Apps/ImageViewerApp/imageViewerStore.ts
-var DEFAULT_STATE = {
-  userZoom: 100,
-  calculatedZoom: 100,
-  fitToWindow: true
-};
-var useImageViewerStore = zustand.create((set, get) => ({
-  states: {},
-  getUserZoom: (id) => get().states[id]?.userZoom ?? 100,
-  getCalculatedZoom: (id) => get().states[id]?.calculatedZoom ?? 100,
-  getFitToWindow: (id) => get().states[id]?.fitToWindow ?? true,
-  getDisplayZoom: (id) => {
-    const state = get().states[id];
-    if (!state) return 100;
-    return state.fitToWindow ? state.calculatedZoom : state.userZoom;
-  },
-  setUserZoom: (id, zoom) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, userZoom: zoom, fitToWindow: false }
-    }
-  })),
-  setFitToWindow: (id, fitToWindow) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, fitToWindow }
-    }
-  })),
-  updateCalculatedZoom: (id, imageDims, containerDims) => {
-    const scale = Math.min(
-      containerDims.width / imageDims.width,
-      containerDims.height / imageDims.height
-    );
-    const calculatedZoom = Math.round(scale * 100);
-    set((s) => ({
-      states: {
-        ...s.states,
-        [id]: { ...s.states[id] ?? DEFAULT_STATE, calculatedZoom }
-      }
-    }));
-  },
-  reset: (id) => set((s) => ({
-    states: { ...s.states, [id]: DEFAULT_STATE }
-  }))
-}));
-var useFitToWindow = (windowId) => useImageViewerStore((s) => s.states[windowId]?.fitToWindow ?? true);
-var useDisplayZoom = (windowId) => useImageViewerStore((s) => {
-  const state = s.states[windowId];
-  if (!state) return 100;
-  return state.fitToWindow ? state.calculatedZoom : state.userZoom;
-});
-
-exports.useDisplayZoom = useDisplayZoom;
-exports.useFitToWindow = useFitToWindow;
-exports.useImageViewerStore = useImageViewerStore;