react-os-shell 3.6.1 → 3.7.0

package/dist/index.js

@@ -1,18 +1,18 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-L7B66ALK.js';
 export { setShellTodoProvider } from './chunk-L7B66ALK.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-W75O4R5Y.js';
-export { Breadcrumbs } from './chunk-W75O4R5Y.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-K62Q5WNU.js';
+export { Breadcrumbs } from './chunk-K62Q5WNU.js';
 import { SidebarLayout } from './chunk-VGTEM5RZ.js';
 export { SidebarLayout } from './chunk-VGTEM5RZ.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-O3BLL2WA.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-AUQ74UJM.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-export { EditableGrid } from './chunk-UNSKKZIK.js';
+export { EditableGrid } from './chunk-N3UIMOYF.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION } from './chunk-H4NP7TMW.js';
-export { VERSION } from './chunk-H4NP7TMW.js';
+import { APP_VERSION } from './chunk-6FKV2CQK.js';
+export { VERSION } from './chunk-6FKV2CQK.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-S22GZ4OQ.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-S22GZ4OQ.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
@@ -24,6 +24,7 @@ import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react';
 import { createPortal } from 'react-dom';
 import { useQueryClient, useQuery, useMutation, useInfiniteQuery } from '@tanstack/react-query';
 import 'react-router-dom';
+import { XMarkIcon } from '@heroicons/react/20/solid';
 
 // src/windowRegistry/createWindowRegistry.ts
 function createWindowRegistry(...partials) {
@@ -6656,6 +6657,190 @@ function Tooltip({ content, side = "top", delay = 200, children }) {
     }
   );
 }
+function ColoredBadge({ colorClass, children, size = "sm", capitalize = false }) {
+  const sizeCls = size === "xs" ? "px-2 py-0.5 text-[10px]" : size === "md" ? "px-2.5 py-0.5 text-xs" : "px-2 py-0.5 text-xs";
+  const capCls = capitalize ? "capitalize" : "";
+  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full font-medium ${sizeCls} ${capCls} ${colorClass}`, children });
+}
+function EmptyState({
+  title,
+  message,
+  description,
+  hint,
+  variant,
+  frameless,
+  icon,
+  children
+}) {
+  const v = frameless ? "none" : variant ?? "dashed";
+  const showIcon = icon ?? v !== "card";
+  const primary = message ?? (title ? void 0 : "Nothing here yet.");
+  const secondary = description ?? hint;
+  const frame = v === "card" ? "rounded-md border border-gray-200 bg-white px-6 py-12" : v === "none" ? "px-6 py-12" : "rounded-lg border-2 border-dashed border-gray-300 px-6 py-12";
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center justify-center text-center ${frame}`, children: [
+    showIcon && /* @__PURE__ */ jsx("svg", { className: "h-10 w-10 text-gray-300 mb-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }),
+    title && /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-900", children: title }),
+    primary && /* @__PURE__ */ jsx("p", { className: `text-sm text-gray-500 ${title ? "mt-2" : ""}`, children: primary }),
+    secondary && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-1", children: secondary }),
+    children && /* @__PURE__ */ jsx("div", { className: "mt-4", children })
+  ] });
+}
+function PageHeader({ title, description, subtitle, actions, children }) {
+  const desc = description ?? subtitle;
+  const right = actions ?? children;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: title }),
+      desc && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: desc })
+    ] }),
+    right && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: right })
+  ] });
+}
+function LoadingSpinner2({ size = "md", padding = "py-12", className = "" }) {
+  const dim = size === "sm" ? "h-5 w-5" : size === "lg" ? "h-12 w-12" : "h-8 w-8";
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${padding} ${className}`, children: /* @__PURE__ */ jsx("div", { className: `${dim} animate-spin rounded-full border-2 border-gray-200 border-t-blue-600` }) });
+}
+function FilterBar({ filters, values, onChange, onClear, children }) {
+  const activeCount = Object.values(values).filter(Boolean).length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    filters.map((f) => {
+      const isSearchable = f.searchable ?? f.options.length > 8;
+      return isSearchable ? /* @__PURE__ */ jsx(
+        SearchableFilter,
+        {
+          filter: f,
+          value: values[f.field] || "",
+          onChange: (v) => onChange(f.field, v)
+        },
+        f.field
+      ) : /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: values[f.field] || "",
+          onChange: (e) => onChange(f.field, e.target.value),
+          className: `border rounded-lg px-2.5 py-1.5 text-sm ${values[f.field] ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600"}`,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: f.label }),
+            f.options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+          ]
+        },
+        f.field
+      );
+    }),
+    children,
+    activeCount > 0 && /* @__PURE__ */ jsxs("button", { onClick: onClear, className: "flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700", children: [
+      /* @__PURE__ */ jsx(XMarkIcon, { className: "h-4 w-4" }),
+      "Clear filters"
+    ] })
+  ] });
+}
+function SearchableFilter({ filter, value, onChange }) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const ref = useRef(null);
+  const inputRef = useRef(null);
+  const selectedLabel = value ? filter.options.find((o) => o.value === value)?.label : null;
+  useClickOutside(ref, useCallback(() => {
+    if (open) {
+      setOpen(false);
+      setSearch("");
+    }
+  }, [open]));
+  useEffect(() => {
+    if (open) setTimeout(() => inputRef.current?.focus(), 50);
+  }, [open]);
+  const filtered = search ? filter.options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase())) : filter.options;
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: `flex items-center gap-1.5 border rounded-lg px-2.5 py-1.5 text-sm transition-colors ${value ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600 hover:border-gray-400"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate max-w-[140px]", children: selectedLabel || filter.label }),
+          value ? /* @__PURE__ */ jsx("button", { onClick: (e) => {
+            e.stopPropagation();
+            onChange("");
+            setSearch("");
+          }, className: "text-blue-400 hover:text-blue-600", children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3.5 w-3.5" }) }) : /* @__PURE__ */ jsx("svg", { className: `h-3.5 w-3.5 text-gray-400 transition-transform ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 mt-1 w-56 rounded-2xl z-[400] overflow-hidden", style: glassStyle(), children: [
+      /* @__PURE__ */ jsx("div", { className: "p-1.5 border-b border-gray-100", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          placeholder: `Search ${filter.label.replace(/^All\s*/i, "").toLowerCase()}...`,
+          className: "w-full rounded-md border border-gray-200 px-2.5 py-1.5 text-sm focus:border-blue-400 focus:ring-0 outline-none"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "max-h-52 overflow-y-auto", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              onChange("");
+              setOpen(false);
+              setSearch("");
+            },
+            className: `w-full text-left px-3 py-1.5 text-sm hover:bg-gray-50 ${!value ? "text-blue-600 font-medium bg-blue-50/50" : "text-gray-600"}`,
+            children: filter.label
+          }
+        ),
+        filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: "No matches" }) : filtered.map((o) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              onChange(o.value);
+              setOpen(false);
+              setSearch("");
+            },
+            className: `w-full text-left px-3 py-1.5 text-sm hover:bg-gray-50 truncate ${value === o.value ? "text-blue-600 font-medium bg-blue-50/50" : "text-gray-700"}`,
+            children: o.label
+          },
+          o.value
+        ))
+      ] })
+    ] })
+  ] });
+}
+function useFilters() {
+  const [filterValues, setFilterValues] = useState({});
+  const setFilter = (field, value) => {
+    setFilterValues((prev) => {
+      const next = { ...prev };
+      if (value) next[field] = value;
+      else delete next[field];
+      return next;
+    });
+  };
+  const clearFilters = () => setFilterValues({});
+  const filterParams = {};
+  for (const [k, v] of Object.entries(filterValues)) {
+    if (v) filterParams[k] = v;
+  }
+  return { filterValues, setFilter, clearFilters, filterParams };
+}
+function SidebarGroupLabel({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "px-2.5 pb-1 pt-1 text-[11px] font-semibold uppercase tracking-wide text-gray-400", children });
+}
+function SidebarNavItem({ label, count, active, onClick }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: `flex w-full items-center justify-between gap-2 rounded-lg px-2.5 py-1.5 text-sm text-left ${active ? "bg-blue-50 font-medium text-blue-700" : "text-gray-700 hover:bg-gray-100"}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+        count != null && count > 0 && /* @__PURE__ */ jsx("span", { className: `shrink-0 inline-flex items-center justify-center min-w-[1.25rem] px-1.5 h-5 rounded-full text-[11px] font-medium ${active ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, children: count })
+      ]
+    }
+  );
+}
 function Sparkline({
   data,
   width = 120,
@@ -7376,6 +7561,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BehaviorPanel, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EntityList, ErrorPage, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, Label, Layout, ListFooter, MOD, Markdown, NotificationBell, Pagination, Radio_default as Radio, ResizableTable, SHIFT, SearchableSelect, Select_default as Select, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, WidgetManager, applyDevTitle, createWindowRegistry, formatDate, inputClasses, isDevEnv, isMac, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BehaviorPanel, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, Label, Layout, ListFooter, LoadingSpinner2 as LoadingSpinner, MOD, Markdown, NotificationBell, PageHeader, Pagination, Radio_default as Radio, ResizableTable, SHIFT, SearchableSelect, Select_default as Select, ShellEntityFetcherProvider, ShortcutHelp, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, WidgetManager, applyDevTitle, createWindowRegistry, formatDate, inputClasses, isDevEnv, isMac, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map