react-os-shell 3.14.2 → 3.16.0

package/dist/index.js

@@ -1,22 +1,22 @@
-import { subscribePomo, getPomoSnapshot } from './chunk-KHKPAF5R.js';
-export { setShellTodoProvider } from './chunk-KHKPAF5R.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-GYAP4IBA.js';
-export { Breadcrumbs } from './chunk-GYAP4IBA.js';
+import { subscribePomo, getPomoSnapshot } from './chunk-OLOSK32J.js';
+export { setShellTodoProvider } from './chunk-OLOSK32J.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-64CGRR3M.js';
+export { Breadcrumbs } from './chunk-64CGRR3M.js';
 import { SidebarLayout } from './chunk-YG45DAUT.js';
 export { SidebarLayout } from './chunk-YG45DAUT.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-import { setPdfPreview } from './chunk-6GVIP3TJ.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-6GVIP3TJ.js';
+import { setPdfPreview } from './chunk-POTG7N3E.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-POTG7N3E.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-import { EditableGrid } from './chunk-FKZTCOOQ.js';
-export { EditableGrid } from './chunk-FKZTCOOQ.js';
+import { EditableGrid } from './chunk-MMDTMBXD.js';
+export { EditableGrid } from './chunk-MMDTMBXD.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION, VERSION } from './chunk-7GSHFSWI.js';
-export { VERSION } from './chunk-7GSHFSWI.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-ZGLERMDX.js';
-export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-ZGLERMDX.js';
+import { APP_VERSION, VERSION } from './chunk-DAODUEDD.js';
+export { VERSION } from './chunk-DAODUEDD.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-5Z57WKMX.js';
+export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-5Z57WKMX.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
 import { glassStyle, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons } from './chunk-ZF6AYO4G.js';
 export { GLASS_DIVIDER, GLASS_INPUT_BG, glassStyle, setShellNavIcons } from './chunk-ZF6AYO4G.js';
@@ -2781,6 +2781,7 @@ function StartMenu({
   taskbarPosition,
   taskbarH,
   taskbarW = 0,
+  taskbarGap = 4,
   size = "medium",
   navSections: navSections2 = navSections,
   navIcons: navIcons2 = navIcons,
@@ -2949,7 +2950,7 @@ function StartMenu({
     }),
     ...footerItems.flatMap((item) => matchTree(item, ""))
   ] : [];
-  const posStyle = taskbarPosition === "top" ? { top: taskbarH + 8, left: 8 } : taskbarPosition === "left" ? { top: 8, left: taskbarW + 8 } : taskbarPosition === "right" ? { top: 8, right: taskbarW + 8 } : { bottom: taskbarH + 8, left: 8 };
+  const posStyle = taskbarPosition === "top" ? { top: taskbarH + taskbarGap, left: 8 } : taskbarPosition === "left" ? { top: 8, left: taskbarW + taskbarGap } : taskbarPosition === "right" ? { top: 8, right: taskbarW + taskbarGap } : { bottom: taskbarH + taskbarGap, left: 8 };
   const iconEl = (path) => {
     const icon = navIcons2[path];
     if (icon && isValidElement(icon)) return cloneElement(icon, { className: "h-4 w-4" });
@@ -2964,8 +2965,13 @@ function StartMenu({
   const hoveredData = hoveredVirtual ? null : hoveredSection ? [...erpSections, ...systemSections, ...footerSections].find((s) => s.label === hoveredSection) : null;
   const flyoutItems = hoveredVirtual ? hoveredVirtual.items : hoveredData ? getVisibleItems(hoveredData) : [];
   const menuDensity = typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal" : "normal";
-  const tight = menuDensity === "tight";
-  const sizeConfig = tight ? { small: { w: "w-52", fw: "w-44", text: "text-xs", py: "py-1", px: "px-3", mw: 208, itemH: 24 }, medium: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1", px: "px-3", mw: 224, itemH: 26 }, large: { w: "w-64", fw: "w-52", text: "text-sm", py: "py-1.5", px: "px-3", mw: 256, itemH: 30 } }[size] : { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1.5", px: "px-3", mw: 224, itemH: 30 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-2", px: "px-4", mw: 256, itemH: 36 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2.5", px: "px-4", mw: 288, itemH: 40 } }[size];
+  const density = menuDensity === "tight" || menuDensity === "large" ? menuDensity : "normal";
+  const sizeConfigByDensity = {
+    tight: { small: { w: "w-52", fw: "w-44", text: "text-xs", py: "py-1", px: "px-3", mw: 208, itemH: 24 }, medium: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1", px: "px-3", mw: 224, itemH: 26 }, large: { w: "w-64", fw: "w-52", text: "text-sm", py: "py-1.5", px: "px-3", mw: 256, itemH: 30 } },
+    normal: { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-1.5", px: "px-3", mw: 224, itemH: 30 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-1.5", px: "px-4", mw: 256, itemH: 32 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2", px: "px-4", mw: 288, itemH: 36 } },
+    large: { small: { w: "w-56", fw: "w-48", text: "text-xs", py: "py-2", px: "px-3", mw: 224, itemH: 32 }, medium: { w: "w-64", fw: "w-56", text: "text-sm", py: "py-2", px: "px-4", mw: 256, itemH: 36 }, large: { w: "w-72", fw: "w-60", text: "text-sm", py: "py-2", px: "px-4", mw: 288, itemH: 36 } }
+  };
+  const sizeConfig = sizeConfigByDensity[density][size];
   const menuGlass = glassStyle();
   const itemCls = `w-full flex items-center gap-2 rounded-lg ${sizeConfig.px} ${sizeConfig.py} ${sizeConfig.text}`;
   const flyoutEstH = flyoutItems.length * sizeConfig.itemH + 12;
@@ -4320,9 +4326,10 @@ function Layout({
   const taskbarSize = prefs.taskbar_size || "medium";
   const desktopDblClick = prefs.desktop_dblclick || "deactivate";
   const isVerticalTaskbar = taskbarPosition === "left" || taskbarPosition === "right";
-  const taskbarH = isVerticalTaskbar ? 0 : taskbarSize === "small" ? 40 : taskbarSize === "large" ? 72 : 56;
+  const taskbarH = isVerticalTaskbar ? 0 : taskbarSize === "small" ? 42 : taskbarSize === "large" ? 72 : 56;
   const taskbarW = isVerticalTaskbar ? taskbarSize === "small" ? 180 : taskbarSize === "large" ? 260 : 220 : 0;
-  const taskbarHClass = taskbarSize === "small" ? "h-10" : taskbarSize === "large" ? "h-[72px]" : "h-14";
+  const taskbarGap = taskbarSize === "small" ? 2 : taskbarSize === "large" ? 6 : 4;
+  const taskbarHClass = taskbarSize === "small" ? "h-[42px]" : taskbarSize === "large" ? "h-[72px]" : "h-14";
   const taskbarWClass = taskbarSize === "small" ? "w-[180px]" : taskbarSize === "large" ? "w-[260px]" : "w-[220px]";
   const taskbarOpacity = (prefs.transparency_taskbar ?? 70) / 100;
   const menuOpacity = (prefs.transparency_start_menu ?? 95) / 100;
@@ -4478,6 +4485,7 @@ function Layout({
         taskbarPosition,
         taskbarH,
         taskbarW,
+        taskbarGap,
         size: prefs.start_menu_size || "medium",
         navSections: navSections2,
         navIcons: navIcons2,
@@ -5050,7 +5058,8 @@ function Customization({ omit, section } = {}) {
             /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 w-24 shrink-0", children: "Density" }),
             /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [
               { key: "tight", label: "Tight" },
-              { key: "normal", label: "Normal" }
+              { key: "normal", label: "Normal" },
+              { key: "large", label: "Large" }
             ].map((s) => /* @__PURE__ */ jsx(
               "button",
               {
@@ -5907,8 +5916,13 @@ function EntityList(props) {
     footerExtra,
     sentinelRef,
     isFetchingNextPage,
-    saveDefaultPerms
+    saveDefaultPerms,
+    exportEndpoint,
+    exportFilename = "export.csv",
+    contextActions
   } = props;
+  const [menu, setMenu] = useState(null);
+  const hasMenu = !!exportEndpoint || !!contextActions;
   const toggleItem = (item) => {
     setSelected((prev) => {
       const next = new Set(prev);
@@ -5929,6 +5943,48 @@ function EntityList(props) {
     });
   };
   const focusIdx = useTableNav(items, onRowClick, toggleItem, toggleAll, selectRange);
+  const handleRowContextMenu = (e, item) => {
+    if (!hasMenu) return;
+    e.preventDefault();
+    const id = getRowId(item);
+    if (!selected.has(id)) setSelected(/* @__PURE__ */ new Set([id]));
+    setMenu({ x: e.clientX, y: e.clientY });
+  };
+  const selectedItems = items.filter((i) => selected.has(getRowId(i)));
+  const colsParam = () => {
+    const labelByKey = new Map(columns.map((c) => [c.key, c.label]));
+    try {
+      const raw = localStorage.getItem(`col-config-${tableId}`);
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        const cols = parsed.filter((c) => !c.hidden && c.key !== "_select" && labelByKey.has(c.key)).map((c) => `${c.key}|${labelByKey.get(c.key)}`);
+        if (cols.length) return cols.join(",");
+      }
+    } catch {
+    }
+    return columns.filter((c) => !c.defaultHidden).map((c) => `${c.key}|${c.label}`).join(",");
+  };
+  const exportSelected = async () => {
+    setMenu(null);
+    const ids = [...selected];
+    if (!ids.length || !exportEndpoint) return;
+    const p = new URLSearchParams({ ids: ids.join(",") });
+    const cols = colsParam();
+    if (cols) p.set("cols", cols);
+    const sep = exportEndpoint.includes("?") ? "&" : "?";
+    try {
+      const res = await client_default.get(`${exportEndpoint}${sep}${p}`, { responseType: "blob" });
+      const url = window.URL.createObjectURL(new Blob([res.data], { type: "text/csv" }));
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = exportFilename;
+      a.click();
+      window.URL.revokeObjectURL(url);
+      toast_default.success(`Exported ${ids.length} ${ids.length === 1 ? "row" : "rows"}.`);
+    } catch {
+      toast_default.error("CSV export failed.");
+    }
+  };
   if (isLoading) return /* @__PURE__ */ jsx(LoadingSpinner, {});
   if (items.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: emptyState });
   const allSelected = items.length > 0 && selected.size === items.length;
@@ -5965,44 +6021,75 @@ function EntityList(props) {
     /* @__PURE__ */ jsx("div", { ref: sentinelRef }),
     isFetchingNextPage && /* @__PURE__ */ jsx("div", { className: "text-center py-3", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading more..." }) })
   ] }) : void 0;
-  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col mb-1 bg-white rounded-lg shadow overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(
-    ResizableTable,
-    {
-      tableId,
-      columns: fullColumns,
-      sort,
-      onSort,
-      footer,
-      afterBody,
-      saveDefaultPerms,
-      children: (cols) => /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: items.map((item, rowIdx) => {
-        const id = getRowId(item);
-        return /* @__PURE__ */ jsx(
-          "tr",
+  const actions = menu && contextActions ? contextActions(selectedItems) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col mb-1 bg-white rounded-lg shadow overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(
+      ResizableTable,
+      {
+        tableId,
+        columns: fullColumns,
+        sort,
+        onSort,
+        footer,
+        afterBody,
+        saveDefaultPerms,
+        children: (cols) => /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: items.map((item, rowIdx) => {
+          const id = getRowId(item);
+          return /* @__PURE__ */ jsx(
+            "tr",
+            {
+              "data-row-idx": rowIdx,
+              className: `cursor-pointer ${focusIdx === rowIdx ? "bg-blue-50 ring-1 ring-inset ring-blue-300" : selected.has(id) ? "bg-blue-50 hover:bg-blue-100" : "hover:bg-gray-50"} ${getRowClassName?.(item) ?? ""}`,
+              onClick: () => onRowClick(item),
+              onContextMenu: hasMenu ? (e) => handleRowContextMenu(e, item) : void 0,
+              onMouseEnter: onRowHover ? () => onRowHover(item) : void 0,
+              children: cols.map((col) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm overflow-hidden", children: col.key === "_select" ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selected.has(id),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleItem(item);
+                  },
+                  readOnly: true,
+                  className: "h-3.5 w-3.5 rounded border-gray-300 text-blue-600"
+                }
+              ) : renderCell(item, col.key) }, col.key))
+            },
+            id
+          );
+        }) })
+      }
+    ) }),
+    menu && /* @__PURE__ */ jsxs(PopupMenu, { portal: true, style: { left: menu.x, top: menu.y }, onClose: () => setMenu(null), minWidth: 210, children: [
+      /* @__PURE__ */ jsxs(PopupMenuLabel, { children: [
+        selected.size,
+        " selected"
+      ] }),
+      exportEndpoint && /* @__PURE__ */ jsx(PopupMenuItem, { onClick: exportSelected, children: "Export selected to CSV" }),
+      actions.map((a, i) => /* @__PURE__ */ jsxs("div", { children: [
+        a.divider && /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+        /* @__PURE__ */ jsx(
+          PopupMenuItem,
           {
-            "data-row-idx": rowIdx,
-            className: `cursor-pointer ${focusIdx === rowIdx ? "bg-blue-50 ring-1 ring-inset ring-blue-300" : selected.has(id) ? "bg-blue-50 hover:bg-blue-100" : "hover:bg-gray-50"} ${getRowClassName?.(item) ?? ""}`,
-            onClick: () => onRowClick(item),
-            onMouseEnter: onRowHover ? () => onRowHover(item) : void 0,
-            children: cols.map((col) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm overflow-hidden", children: col.key === "_select" ? /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: selected.has(id),
-                onClick: (e) => {
-                  e.stopPropagation();
-                  toggleItem(item);
-                },
-                readOnly: true,
-                className: "h-3.5 w-3.5 rounded border-gray-300 text-blue-600"
-              }
-            ) : renderCell(item, col.key) }, col.key))
-          },
-          id
-        );
-      }) })
-    }
-  ) }) });
+            danger: a.danger,
+            disabled: a.disabled,
+            onClick: () => {
+              setMenu(null);
+              a.onClick(selectedItems);
+            },
+            children: a.label
+          }
+        )
+      ] }, i)),
+      /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+      /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => {
+        setMenu(null);
+        setSelected(/* @__PURE__ */ new Set());
+      }, children: "Clear selection" })
+    ] })
+  ] });
 }
 function Kanban({
   items,