react-os-shell 3.2.0 → 3.3.0

package/dist/{chunk-S4EUCOF4.js → chunk-XM647QLH.js}

@@ -4,7 +4,7 @@ import { useState, useCallback, isValidElement, cloneElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/version.ts
-var VERSION = "3.2.0" ;
+var VERSION = "3.3.0" ;
 var APP_VERSION = VERSION;
 var BUILTIN_APP_INFO = {
   spreadsheet: {
@@ -77,5 +77,5 @@ function AboutApp({ app }) {
 }
 
 export { APP_VERSION, AboutApp, BUILTIN_APP_INFO, VERSION };
-//# sourceMappingURL=chunk-S4EUCOF4.js.map
-//# sourceMappingURL=chunk-S4EUCOF4.js.map
+//# sourceMappingURL=chunk-XM647QLH.js.map
+//# sourceMappingURL=chunk-XM647QLH.js.map

package/dist/{chunk-S4EUCOF4.js.map → chunk-XM647QLH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/version.ts","../src/apps/_about.tsx"],"names":[],"mappings":"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","file":"chunk-S4EUCOF4.js","sourcesContent":["declare const __PKG_VERSION__: string | undefined;\n\n/** Package version, injected by tsup at build time. Stays as an empty\n *  string when the source is consumed without a build (e.g. tests). */\nexport const VERSION: string = typeof __PKG_VERSION__ === 'string' ? __PKG_VERSION__ : '';\n\n/** Legacy alias kept so existing consumers do not break. */\nexport const APP_VERSION = VERSION;\n","/**\n * Shared \"About\" dialog for the bundled apps.\n *\n * Each bundled app carries its own version (independent of the package\n * version) so app-level changes can be tracked without bumping every app at\n * once. `<AboutApp app=\"…\" />` registers an \"About <Name>\" item in the\n * window title menu and renders the dialog: app icon, name, app version and\n * the react-os-shell attribution + shell version.\n *\n * Bump an app's version in `BUILTIN_APP_INFO` whenever that app's behaviour\n * changes, alongside the package-level CHANGELOG entry.\n */\nimport { useCallback, useState, isValidElement, cloneElement, type ReactElement } from 'react';\nimport Modal, { useWindowMenuItem } from '../shell/Modal';\nimport { navIcons } from '../shell-config/nav';\nimport { VERSION } from '../version';\n\nexport interface BuiltinAppInfo {\n  /** Display name — matches the window-registry label. */\n  name: string;\n  /** App version, independent of the package version. */\n  version: string;\n  /** One-line summary shown in the About dialog. */\n  description: string;\n  /** Registry route — used to look up the consumer-registered nav icon. */\n  route: string;\n}\n\nexport const BUILTIN_APP_INFO = {\n  spreadsheet: {\n    name: 'Spreadsheets',\n    version: '1.1.0',\n    route: '/spreadsheet',\n    description: 'Multi-sheet spreadsheet editor with CSV / TSV import and export.',\n  },\n  notepad: {\n    name: 'Notepad',\n    version: '1.0.0',\n    route: '/notepad',\n    description: 'Color-coded notes with checklists, desktop stickies and entity autolinking.',\n  },\n  documents: {\n    name: 'Documents',\n    version: '1.1.0',\n    route: '/documents',\n    description: 'Letter-page editor for Word documents and plain-text files — images, lists, alignment.',\n  },\n  preview: {\n    name: 'Preview',\n    version: '1.2.1',\n    route: '/preview',\n    description: 'Viewer for PDF documents, images, DXF drawings and 3D models — CAD-style measuring with object snap and an AutoCAD-like command bar.',\n  },\n  files: {\n    name: 'Files',\n    version: '1.1.0',\n    route: '/files',\n    description: 'Personal file manager with folders, uploads, quota, trash and desktop shortcut folders.',\n  },\n  browser: {\n    name: 'Browser',\n    version: '1.0.0',\n    route: '/browser',\n    description: 'Minimal web browser with bookmarks, history and navigation bar.',\n  },\n} satisfies Record<string, BuiltinAppInfo>;\n\nexport type BuiltinAppId = keyof typeof BUILTIN_APP_INFO;\n\nconst ABOUT_MENU_ICON = (\n  <svg className=\"h-4 w-4 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" />\n  </svg>\n);\n\n// Generic window glyph shown when the consumer hasn't registered a nav icon\n// for the app's route (same fallback shape as the Modal title bar).\nconst FALLBACK_APP_ICON = (\n  <svg className=\"h-9 w-9\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6.75A2.25 2.25 0 016 4.5h12a2.25 2.25 0 012.25 2.25v10.5A2.25 2.25 0 0118 19.5H6a2.25 2.25 0 01-2.25-2.25V6.75z M3.75 9h16.5\" />\n  </svg>\n);\n\n/** Registers \"About <Name>\" in the window title menu and renders the dialog.\n *  Render anywhere inside the app's window. */\nexport default function AboutApp({ app }: { app: BuiltinAppId }) {\n  const info = BUILTIN_APP_INFO[app];\n  const [open, setOpen] = useState(false);\n  const openDialog = useCallback(() => setOpen(true), []);\n  useWindowMenuItem(`About ${info.name}`, openDialog, ABOUT_MENU_ICON);\n\n  if (!open) return null;\n\n  const registered = navIcons[info.route];\n  const appIcon = isValidElement(registered)\n    ? cloneElement(registered as ReactElement, { className: 'h-9 w-9' } as any)\n    : FALLBACK_APP_ICON;\n\n  return (\n    <Modal open onClose={() => setOpen(false)} title={`About ${info.name}`} size=\"sm\" compact bodyScroll={false} autoHeight dimensions={[320, 320]}>\n      <div className=\"flex flex-col items-center text-center px-5 pt-5 pb-4\">\n        <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-100 text-gray-600 shrink-0\">\n          {appIcon}\n        </div>\n        <h2 className=\"mt-3 text-lg font-bold text-gray-900\">{info.name}</h2>\n        <p className=\"text-[11px] font-mono text-gray-400\">Version {info.version}</p>\n        <p className=\"mt-2 text-xs text-gray-500 leading-relaxed\">{info.description}</p>\n        <div className=\"mt-4 pt-3 border-t border-gray-200 w-full\">\n          <p className=\"text-[11px] text-gray-500\">\n            Part of the <span className=\"font-medium text-gray-700\">react-os-shell</span> desktop environment\n          </p>\n          {VERSION && <p className=\"mt-0.5 text-[10px] font-mono text-gray-400\">shell v{VERSION}</p>}\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/version.ts","../src/apps/_about.tsx"],"names":[],"mappings":"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","file":"chunk-XM647QLH.js","sourcesContent":["declare const __PKG_VERSION__: string | undefined;\n\n/** Package version, injected by tsup at build time. Stays as an empty\n *  string when the source is consumed without a build (e.g. tests). */\nexport const VERSION: string = typeof __PKG_VERSION__ === 'string' ? __PKG_VERSION__ : '';\n\n/** Legacy alias kept so existing consumers do not break. */\nexport const APP_VERSION = VERSION;\n","/**\n * Shared \"About\" dialog for the bundled apps.\n *\n * Each bundled app carries its own version (independent of the package\n * version) so app-level changes can be tracked without bumping every app at\n * once. `<AboutApp app=\"…\" />` registers an \"About <Name>\" item in the\n * window title menu and renders the dialog: app icon, name, app version and\n * the react-os-shell attribution + shell version.\n *\n * Bump an app's version in `BUILTIN_APP_INFO` whenever that app's behaviour\n * changes, alongside the package-level CHANGELOG entry.\n */\nimport { useCallback, useState, isValidElement, cloneElement, type ReactElement } from 'react';\nimport Modal, { useWindowMenuItem } from '../shell/Modal';\nimport { navIcons } from '../shell-config/nav';\nimport { VERSION } from '../version';\n\nexport interface BuiltinAppInfo {\n  /** Display name — matches the window-registry label. */\n  name: string;\n  /** App version, independent of the package version. */\n  version: string;\n  /** One-line summary shown in the About dialog. */\n  description: string;\n  /** Registry route — used to look up the consumer-registered nav icon. */\n  route: string;\n}\n\nexport const BUILTIN_APP_INFO = {\n  spreadsheet: {\n    name: 'Spreadsheets',\n    version: '1.1.0',\n    route: '/spreadsheet',\n    description: 'Multi-sheet spreadsheet editor with CSV / TSV import and export.',\n  },\n  notepad: {\n    name: 'Notepad',\n    version: '1.0.0',\n    route: '/notepad',\n    description: 'Color-coded notes with checklists, desktop stickies and entity autolinking.',\n  },\n  documents: {\n    name: 'Documents',\n    version: '1.1.0',\n    route: '/documents',\n    description: 'Letter-page editor for Word documents and plain-text files — images, lists, alignment.',\n  },\n  preview: {\n    name: 'Preview',\n    version: '1.2.1',\n    route: '/preview',\n    description: 'Viewer for PDF documents, images, DXF drawings and 3D models — CAD-style measuring with object snap and an AutoCAD-like command bar.',\n  },\n  files: {\n    name: 'Files',\n    version: '1.1.0',\n    route: '/files',\n    description: 'Personal file manager with folders, uploads, quota, trash and desktop shortcut folders.',\n  },\n  browser: {\n    name: 'Browser',\n    version: '1.0.0',\n    route: '/browser',\n    description: 'Minimal web browser with bookmarks, history and navigation bar.',\n  },\n} satisfies Record<string, BuiltinAppInfo>;\n\nexport type BuiltinAppId = keyof typeof BUILTIN_APP_INFO;\n\nconst ABOUT_MENU_ICON = (\n  <svg className=\"h-4 w-4 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" />\n  </svg>\n);\n\n// Generic window glyph shown when the consumer hasn't registered a nav icon\n// for the app's route (same fallback shape as the Modal title bar).\nconst FALLBACK_APP_ICON = (\n  <svg className=\"h-9 w-9\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6.75A2.25 2.25 0 016 4.5h12a2.25 2.25 0 012.25 2.25v10.5A2.25 2.25 0 0118 19.5H6a2.25 2.25 0 01-2.25-2.25V6.75z M3.75 9h16.5\" />\n  </svg>\n);\n\n/** Registers \"About <Name>\" in the window title menu and renders the dialog.\n *  Render anywhere inside the app's window. */\nexport default function AboutApp({ app }: { app: BuiltinAppId }) {\n  const info = BUILTIN_APP_INFO[app];\n  const [open, setOpen] = useState(false);\n  const openDialog = useCallback(() => setOpen(true), []);\n  useWindowMenuItem(`About ${info.name}`, openDialog, ABOUT_MENU_ICON);\n\n  if (!open) return null;\n\n  const registered = navIcons[info.route];\n  const appIcon = isValidElement(registered)\n    ? cloneElement(registered as ReactElement, { className: 'h-9 w-9' } as any)\n    : FALLBACK_APP_ICON;\n\n  return (\n    <Modal open onClose={() => setOpen(false)} title={`About ${info.name}`} size=\"sm\" compact bodyScroll={false} autoHeight dimensions={[320, 320]}>\n      <div className=\"flex flex-col items-center text-center px-5 pt-5 pb-4\">\n        <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-100 text-gray-600 shrink-0\">\n          {appIcon}\n        </div>\n        <h2 className=\"mt-3 text-lg font-bold text-gray-900\">{info.name}</h2>\n        <p className=\"text-[11px] font-mono text-gray-400\">Version {info.version}</p>\n        <p className=\"mt-2 text-xs text-gray-500 leading-relaxed\">{info.description}</p>\n        <div className=\"mt-4 pt-3 border-t border-gray-200 w-full\">\n          <p className=\"text-[11px] text-gray-500\">\n            Part of the <span className=\"font-medium text-gray-700\">react-os-shell</span> desktop environment\n          </p>\n          {VERSION && <p className=\"mt-0.5 text-[10px] font-mono text-gray-400\">shell v{VERSION}</p>}\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"]}

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import { W as WindowRegistry } from './types-CTPtgkiG.js';
-export { M as ModalRegistryEntry, P as PageRegistryEntry, a as WindowRegistryEntry, i as isEntityEntry, b as isPageEntry, s as setShellWindowRegistry } from './types-CTPtgkiG.js';
+import { W as WindowRegistry } from './types-CXBKusuC.js';
+export { M as ModalRegistryEntry, P as PageRegistryEntry, a as WindowRegistryEntry, i as isEntityEntry, b as isPageEntry, s as setShellWindowRegistry } from './types-CXBKusuC.js';
 import * as react from 'react';
 import react__default, { ReactNode, Component, ErrorInfo, CSSProperties, Dispatch, SetStateAction, RefObject } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _tanstack_query_core from '@tanstack/query-core';
+import * as _tanstack_react_query from '@tanstack/react-query';
 import { AxiosInstance } from 'axios';
 
 /**
@@ -90,7 +89,7 @@ declare function useWindowMenuItem(label: string, onClick: () => void, icon?: Re
  *  than React Context, which has separate instances in each bundle). */
 declare function WindowTitle({ title }: {
     title: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** @deprecated Use <WindowTitle> instead — the hook variant doesn't work
  *  across bundle boundaries (apps barrel has its own ModalIdContext). */
 declare function useWindowTitle(_title: string): void;
@@ -100,7 +99,7 @@ declare function useWindowTitle(_title: string): void;
  */
 declare function CopyButton({ text }: {
     text: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** Hook to check if the current modal is active (frontmost) */
 declare function useModalActive(): boolean;
 declare function ModalActions({ children, position }: {
@@ -115,7 +114,7 @@ declare function CancelButton({ onClick, children, className }: {
     onClick: () => void;
     children?: React.ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /**
  * Seed an initial position for a window — applied only when no saved
  * position already exists for the given key. Use this from the consumer
@@ -247,7 +246,7 @@ declare function Modal({ open, onClose, title, icon, copyText, size, dirty, onNe
 declare function WindowCrashedFallback({ error, onReload }: {
     error: Error;
     onReload: () => void;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 interface WindowErrorBoundaryProps {
     children: ReactNode;
     /** Replaces the default inline {@link WindowCrashedFallback}. `reset`
@@ -274,7 +273,7 @@ declare class WindowErrorBoundary extends Component<WindowErrorBoundaryProps, {
     };
     componentDidCatch(error: Error, info: ErrorInfo): void;
     reset: () => void;
-    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<ReactNode> | react.JSX.Element | null | undefined;
 }
 
 /**
@@ -296,7 +295,7 @@ interface PopupMenuProps {
     portal?: boolean;
 }
 /** Container for a popup menu — auto-clamps to stay within viewport */
-declare function PopupMenu({ children, style, className, onClose, minWidth, portal }: PopupMenuProps): react_jsx_runtime.JSX.Element;
+declare function PopupMenu({ children, style, className, onClose, minWidth, portal }: PopupMenuProps): react.JSX.Element;
 /** A clickable menu item */
 declare function PopupMenuItem({ onClick, children, className, danger, disabled }: {
     onClick?: () => void;
@@ -304,13 +303,13 @@ declare function PopupMenuItem({ onClick, children, className, danger, disabled
     className?: string;
     danger?: boolean;
     disabled?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** A divider line between menu items */
-declare function PopupMenuDivider(): react_jsx_runtime.JSX.Element;
+declare function PopupMenuDivider(): react.JSX.Element;
 /** A section header label */
 declare function PopupMenuLabel({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 interface ConfirmOptions {
     title?: string;
@@ -339,7 +338,7 @@ interface PromptOptions {
 declare const prompt: (opts: PromptOptions | string) => Promise<string | null>;
 declare function ConfirmProvider({ children }: {
     children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 interface SearchResult {
     /** Category label, e.g. "Sales Order". */
@@ -365,9 +364,9 @@ interface SearchConfig {
 }
 interface GlobalSearchProps extends Partial<SearchConfig> {
 }
-declare function GlobalSearch({ providers, typeIcons, placeholder }?: GlobalSearchProps): react_jsx_runtime.JSX.Element | null;
+declare function GlobalSearch({ providers, typeIcons, placeholder }?: GlobalSearchProps): react.JSX.Element | null;
 
-declare function ShortcutHelp(): react_jsx_runtime.JSX.Element;
+declare function ShortcutHelp(): react.JSX.Element;
 
 /**
  * One help article. Generic shape — the consuming portal maps its own
@@ -412,13 +411,13 @@ interface HelpCenterProps {
  * Search is client-side: a case-insensitive substring match over title, body
  * and category label. While searching, matching groups auto-expand.
  */
-declare function HelpCenter({ docs, loading, categoryOrder, canEdit, onNew, onEdit, renderBody, emptyMessage, }: HelpCenterProps): react_jsx_runtime.JSX.Element;
+declare function HelpCenter({ docs, loading, categoryOrder, canEdit, onNew, onEdit, renderBody, emptyMessage, }: HelpCenterProps): react.JSX.Element;
 
 interface MarkdownProps {
     children: string;
     className?: string;
 }
-declare function Markdown({ children, className }: MarkdownProps): react_jsx_runtime.JSX.Element;
+declare function Markdown({ children, className }: MarkdownProps): react.JSX.Element;
 
 declare const isMac: boolean;
 /** Platform-aware modifier symbols */
@@ -507,7 +506,7 @@ interface EditableGridProps {
  * - Multi-cell paste from spreadsheets (Ctrl+V)
  * - Tab/Enter/Arrow keyboard navigation
  */
-declare function EditableGrid({ columns, data, onChange, onColumnsChange, fixedRows, minRows, maxHeight, cellStyles, onFocusChange, onSelectionChange }: EditableGridProps): react_jsx_runtime.JSX.Element;
+declare function EditableGrid({ columns, data, onChange, onColumnsChange, fixedRows, minRows, maxHeight, cellStyles, onFocusChange, onSelectionChange }: EditableGridProps): react.JSX.Element;
 
 /**
  * Two-pane layout with a drag-to-resize sidebar (left or right).
@@ -550,7 +549,7 @@ interface SidebarLayoutProps {
     /** Classes for the main content pane. Defaults to a white background. */
     contentClassName?: string;
 }
-declare function SidebarLayout({ sidebar, children, side, storageKey, defaultWidth, minWidth, maxWidth, className, sidebarClassName, contentClassName, }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
+declare function SidebarLayout({ sidebar, children, side, storageKey, defaultWidth, minWidth, maxWidth, className, sidebarClassName, contentClassName, }: SidebarLayoutProps): react.JSX.Element;
 
 interface SearchableOption {
     value: string;
@@ -592,7 +591,7 @@ interface SearchableSelectProps {
      *  Hidden while the user is typing so the search text stays legible. */
     rightAdornment?: ReactNode;
 }
-declare function SearchableSelect({ value, onChange, options, placeholder, emptyOptionLabel, className, disabled, id, allowFreeText, onSearchChange, rightAdornment, }: SearchableSelectProps): react_jsx_runtime.JSX.Element;
+declare function SearchableSelect({ value, onChange, options, placeholder, emptyOptionLabel, className, disabled, id, allowFreeText, onSearchChange, rightAdornment, }: SearchableSelectProps): react.JSX.Element;
 
 /**
  * Generic top navigation bar. A horizontal row of tab-style links with an
@@ -624,7 +623,7 @@ interface TopNavProps {
     actions?: ReactNode;
     className?: string;
 }
-declare function TopNav({ items, activeKey, onSelect, brand, actions, className }: TopNavProps): react_jsx_runtime.JSX.Element;
+declare function TopNav({ items, activeKey, onSelect, brand, actions, className }: TopNavProps): react.JSX.Element;
 
 /**
  * Generic breadcrumb trail. Self-contained and styled with the same Tailwind
@@ -653,7 +652,7 @@ interface BreadcrumbsProps {
     maxItems?: number;
     className?: string;
 }
-declare function Breadcrumbs({ items, separator, maxItems, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
+declare function Breadcrumbs({ items, separator, maxItems, className }: BreadcrumbsProps): react.JSX.Element | null;
 
 /** Generic notification shape consumed by the shell. Consumer-specific
  * fields live on `extra` (or just on additional properties — TS structural
@@ -693,17 +692,17 @@ interface NotificationsConfig {
 interface NotificationBellProps extends NotificationsConfig {
     popDirection?: 'left' | 'right';
 }
-declare function NotificationBell({ useUnreadCount, list, markRead, markAllRead, onItemClick, onViewAll, popDirection, }: NotificationBellProps): react_jsx_runtime.JSX.Element;
+declare function NotificationBell({ useUnreadCount, list, markRead, markAllRead, onItemClick, onViewAll, popDirection, }: NotificationBellProps): react.JSX.Element;
 
 type SemanticGroup = 'success' | 'active' | 'queued' | 'info' | 'pending' | 'warning' | 'danger' | 'draft' | 'neutral';
 declare function StatusBadgeProvider({ groups, children, }: {
     groups: Record<string, SemanticGroup>;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 interface StatusBadgeProps {
     status: string;
 }
-declare function StatusBadge({ status }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ status }: StatusBadgeProps): react.JSX.Element;
 
 /**
  * System-tray badge shown only when the app is served from a developer's own
@@ -711,7 +710,7 @@ declare function StatusBadge({ status }: StatusBadgeProps): react_jsx_runtime.JS
  * slot — it renders nothing off-localhost, so it's safe to leave wired on every
  * build. Visibility is gated on the runtime hostname; see utils/env.ts.
  */
-declare function DevIndicator(): react_jsx_runtime.JSX.Element | null;
+declare function DevIndicator(): react.JSX.Element | null;
 
 /**
  * Dev-environment detection + browser chrome.
@@ -790,7 +789,7 @@ declare function DocFavStar({ entityType, entityId, label }: {
     entityType: string;
     entityId: string;
     label: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** Public, framework-free helper: route ('/orders', '/qc-reports', …)
  *  of the window the user is currently focused on. Returns undefined
  *  when no app window is active (start menu / dashboard with nothing
@@ -800,7 +799,7 @@ declare function DocFavStar({ entityType, entityId, label }: {
 declare function getActiveWindowRoute(): string | undefined;
 declare function WindowManagerProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 /**
  * INTERNAL stub — Desktop's About modal references the consumer-side
@@ -893,11 +892,11 @@ interface DesktopHostConfig {
 declare function DesktopHostProvider({ value, children }: {
     value: DesktopHostConfig;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function useDesktopHost(): DesktopHostConfig;
 declare function Desktop({ profile }: {
     profile: any;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 interface LayoutProps {
     /** Brand label rendered on the start-menu button. */
@@ -946,7 +945,7 @@ interface ClockCalendarConfig {
         close: () => void;
     }) => ReactNode;
 }
-declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, clockCalendar, }?: LayoutProps): react_jsx_runtime.JSX.Element;
+declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, clockCalendar, }?: LayoutProps): react.JSX.Element;
 
 interface StartMenuProps {
     open: boolean;
@@ -973,7 +972,7 @@ interface StartMenuProps {
     /** Section grouping + virtual flyouts (Utilities-style trays). */
     categories?: StartMenuCategories;
 }
-declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, taskbarPosition, taskbarH, taskbarW, size, navSections, navIcons, sectionIcons, categories, }: StartMenuProps): react_jsx_runtime.JSX.Element | null;
+declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, taskbarPosition, taskbarH, taskbarW, size, navSections, navIcons, sectionIcons, categories, }: StartMenuProps): react.JSX.Element | null;
 
 /**
  * Widget gallery — the "manage widgets on the desktop" surface.
@@ -993,7 +992,7 @@ declare function StartMenu({ open, onClose, openPage, profile, user, onLogout, t
 declare function WidgetManager({ open, onClose }: {
     open: boolean;
     onClose: () => void;
-}): react_jsx_runtime.JSX.Element | null;
+}): react.JSX.Element | null;
 
 /** Sections that can be omitted from the inline Customization page when the
  *  consumer renders them elsewhere (e.g. as separate entries in SystemPreferences). */
@@ -1007,7 +1006,7 @@ interface CustomizationProps {
     /** Render only one logical group of settings. Omit to render everything. */
     section?: CustomizationSection;
 }
-declare function Customization({ omit, section }?: CustomizationProps): react_jsx_runtime.JSX.Element;
+declare function Customization({ omit, section }?: CustomizationProps): react.JSX.Element;
 
 /**
  * Standalone Behavior settings panel — window position, double-click,
@@ -1017,7 +1016,7 @@ declare function Customization({ omit, section }?: CustomizationProps): react_js
  * Reads/writes shell prefs via `useShellPrefs()`. Suitable for use as a
  * section in `SystemPreferences` or rendered standalone.
  */
-declare function BehaviorPanel(): react_jsx_runtime.JSX.Element;
+declare function BehaviorPanel(): react.JSX.Element;
 
 /**
  * Standalone Sounds settings panel — sound effects toggle + per-event
@@ -1026,7 +1025,7 @@ declare function BehaviorPanel(): react_jsx_runtime.JSX.Element;
  * picked. Suitable as a section in `SystemPreferences` or rendered
  * standalone.
  */
-declare function SoundsPanel(): react_jsx_runtime.JSX.Element;
+declare function SoundsPanel(): react.JSX.Element;
 
 /** One section in the SystemPreferences sidebar. */
 interface SystemPreferencesSection {
@@ -1073,7 +1072,7 @@ interface SystemPreferencesProps {
  * ]} />
  * ```
  */
-declare function SystemPreferences({ sections, defaultSelected, className, }: SystemPreferencesProps): react_jsx_runtime.JSX.Element;
+declare function SystemPreferences({ sections, defaultSelected, className, }: SystemPreferencesProps): react.JSX.Element;
 
 interface ImageAnnotatorHandle {
     copy: () => Promise<void>;
@@ -1158,7 +1157,7 @@ interface EntityListProps<T> {
  *     emptyState={<EmptyState message="No suppliers yet." />}
  *   />
  */
-declare function EntityList<T>(props: EntityListProps<T>): react_jsx_runtime.JSX.Element;
+declare function EntityList<T>(props: EntityListProps<T>): react.JSX.Element;
 
 /**
  * Generic, drag-and-drop Kanban board. Self-contained (native HTML5 DnD, no
@@ -1220,7 +1219,7 @@ interface KanbanProps<T> {
     /** Label for the per-column add button. */
     addItemText?: string;
 }
-declare function Kanban<T>({ items, columns, columnOf, getId, onMove, renderCard, onCardClick, sortInColumn, isLoading, loadingText, emptyState, columnEmptyText, onAddItem, addItemText, }: KanbanProps<T>): react_jsx_runtime.JSX.Element;
+declare function Kanban<T>({ items, columns, columnOf, getId, onMove, renderCard, onCardClick, sortInColumn, isLoading, loadingText, emptyState, columnEmptyText, onAddItem, addItemText, }: KanbanProps<T>): react.JSX.Element;
 
 interface PaginatedResponse<T> {
     count: number;
@@ -1269,7 +1268,7 @@ interface ResizableTableProps {
  * - per-user persistence (via the shell-registered apiClient)
  * - mobile-aware selection mode toggle
  */
-declare function ResizableTable({ tableId, columns, sort, onSort, footer, afterBody, saveDefaultPerms, children, }: ResizableTableProps): react_jsx_runtime.JSX.Element;
+declare function ResizableTable({ tableId, columns, sort, onSort, footer, afterBody, saveDefaultPerms, children, }: ResizableTableProps): react.JSX.Element;
 
 interface ListFooterProps {
     selectedCount: number;
@@ -1285,7 +1284,7 @@ interface ListFooterProps {
  *   "Y of Z records · Loading more..."
  *   "All N records loaded"
  */
-declare function ListFooter({ selectedCount, loadedCount, totalCount, label, isFetchingMore, extra, }: ListFooterProps): react_jsx_runtime.JSX.Element;
+declare function ListFooter({ selectedCount, loadedCount, totalCount, label, isFetchingMore, extra, }: ListFooterProps): react.JSX.Element;
 
 /**
  * Keyboard + shift-click navigation for table rows.
@@ -1363,7 +1362,7 @@ declare function useInfiniteScroll<T>({ queryKey, fetchFn, extraParams, pageSize
     isFetchingNextPage: boolean;
     hasNextPage: boolean;
     sentinelRef: react.RefObject<HTMLDivElement>;
-    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.InfiniteData<PaginatedResponse<T>, unknown>, Error>>;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.InfiniteData<PaginatedResponse<T>, unknown>, Error>>;
 };
 
 /**
@@ -1390,7 +1389,7 @@ interface ShellAuth {
 declare function ShellAuthProvider({ value, children }: {
     value: ShellAuth;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function useShellAuth(): ShellAuth;
 
 interface ShellPrefsAdapter {
@@ -1403,7 +1402,7 @@ interface ShellPrefsAdapter {
 declare function ShellPrefsProvider({ value, children, }: {
     value: ShellPrefsAdapter;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** Default localStorage-backed adapter — useful when the consumer doesn't
  *  ship a backend. Pass the result into <ShellPrefsProvider value={…}>.
  *
@@ -1420,7 +1419,7 @@ type EntityFetcher = (endpoint: string, id: string) => Promise<any>;
 declare function ShellEntityFetcherProvider({ value, children, }: {
     value: EntityFetcher;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 /** Returns the consumer-supplied entity fetcher, or a stub that throws
  *  on call. Components that fetch entities call this hook eagerly so any
  *  misconfiguration surfaces synchronously rather than at click-time. */

package/dist/index.js

@@ -1,18 +1,18 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-6VMTAVUD.js';
 export { setShellTodoProvider } from './chunk-6VMTAVUD.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-Q3URRVBM.js';
-export { Breadcrumbs } from './chunk-Q3URRVBM.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-GM3VN2NL.js';
+export { Breadcrumbs } from './chunk-GM3VN2NL.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-BP64T33A.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-4WUEFQWP.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-export { EditableGrid } from './chunk-2KG5N3NF.js';
+export { EditableGrid } from './chunk-WZIH7WZM.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION } from './chunk-S4EUCOF4.js';
-export { VERSION } from './chunk-S4EUCOF4.js';
+import { APP_VERSION } from './chunk-XM647QLH.js';
+export { VERSION } from './chunk-XM647QLH.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-6OWYD4O6.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-6OWYD4O6.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
@@ -1470,6 +1470,24 @@ function Desktop({ profile }) {
     if (!dragging) return;
     const entries = dragEntriesRef.current;
     const isSingleItemDrag = entries.length === 1 && entries[0].type === "item";
+    const draggedPageRoute = () => {
+      if (!isSingleItemDrag) return null;
+      const itm = desktopItems[entries[0].idx];
+      return itm?.entityType === "page" ? itm.entityId : null;
+    };
+    const taskbarEl = () => document.querySelector("[data-taskbar-dropzone]");
+    const pointOverTaskbar = (x, y) => {
+      const tb = taskbarEl();
+      if (!tb) return false;
+      const r = tb.getBoundingClientRect();
+      return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom;
+    };
+    const setTaskbarDropHint = (on) => {
+      const tb = taskbarEl();
+      if (!tb) return;
+      tb.style.outline = on ? "2px solid var(--accent-600, #7c3aed)" : "";
+      tb.style.outlineOffset = on ? "-2px" : "";
+    };
     const move = (e) => {
       const dx = e.clientX - dragging.startX;
       const dy = e.clientY - dragging.startY;
@@ -1498,6 +1516,7 @@ function Desktop({ profile }) {
         }
         hoverFolderIdxRef.current = nextHover;
         setHoverFolderIdx((prev) => prev === nextHover ? prev : nextHover);
+        setTaskbarDropHint(draggedPageRoute() != null && pointOverTaskbar(e.clientX, e.clientY));
       }
     };
     const up = (e) => {
@@ -1508,6 +1527,24 @@ function Desktop({ profile }) {
         entry.el.style.zIndex = "";
         entry.el.style.opacity = "";
       }
+      const pinRoute = draggedPageRoute();
+      if (pinRoute && pointOverTaskbar(e.clientX, e.clientY)) {
+        setTaskbarDropHint(false);
+        for (const entry of entries) {
+          if (!entry.el) continue;
+          entry.el.style.left = "auto";
+          entry.el.style.right = `${entry.origX}px`;
+          entry.el.style.top = `${entry.origY}px`;
+        }
+        const pages = Array.isArray(shellPrefs.favorite_pages) ? shellPrefs.favorite_pages : [];
+        if (!pages.includes(pinRoute)) saveShellPrefs({ favorite_pages: [...pages, pinRoute] });
+        hoverFolderIdxRef.current = null;
+        setHoverFolderIdx(null);
+        setDragging(null);
+        dragEntriesRef.current = [];
+        return;
+      }
+      setTaskbarDropHint(false);
       const liveHoverIdx = hoverFolderIdxRef.current;
       const hoveredFolder = liveHoverIdx != null ? folders[liveHoverIdx] : null;
       hoverFolderIdxRef.current = null;
@@ -1598,7 +1635,7 @@ function Desktop({ profile }) {
       window.removeEventListener("pointermove", move);
       window.removeEventListener("pointerup", up);
     };
-  }, [dragging, snapEnabled, favDocs, folders, desktopItems]);
+  }, [dragging, snapEnabled, favDocs, folders, desktopItems, shellPrefs]);
   const favDocsKey = JSON.stringify(favDocs.map((d) => `${d.entityId}:${d.x ?? ""}:${d.y ?? ""}:${d.folderId ?? ""}`));
   const foldersKey = JSON.stringify(folders.map((f) => `${f.id}:${f.x ?? ""}:${f.y ?? ""}`));
   useEffect(() => {
@@ -4408,6 +4445,7 @@ function Layout({
               backgroundColor: `rgb(var(--taskbar-bg-rgb, 243 244 246) / ${taskbarOpacity})`,
               ...isVerticalTaskbar ? {} : { left: sidebarWidth }
             },
+            "data-taskbar-dropzone": true,
             onContextMenu: (e) => {
               e.preventDefault();
               setTaskbarMenu({ x: e.clientX, y: e.clientY });