react-os-shell 1.3.0 → 1.4.0

package/dist/index.d.ts

@@ -945,8 +945,27 @@ interface LayoutProps {
      *  the shell. The shell renders the node as-is — keep it small (a
      *  single icon-sized button) so it fits the existing tray rhythm. */
     taskbarTrayLeft?: ReactNode;
+    /** Taskbar clock popover config — lets the host surface per-day content
+     *  (e.g. tasks due that day) inside the mini month calendar. When omitted
+     *  the popover stays a plain date grid. */
+    clockCalendar?: ClockCalendarConfig;
 }
-declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, }?: LayoutProps): react_jsx_runtime.JSX.Element;
+interface ClockCalendarConfig {
+    /** Local dates (YYYY-MM-DD) to mark with a dot in the mini month grid —
+     *  typically days that have items on them. */
+    markedDates?: string[];
+    /** Render content for the selected day below the grid. The popover
+     *  defaults the selection to today when it opens, so clicking the clock
+     *  immediately shows today's items; clicking any day in the grid
+     *  re-renders the panel for that day (days outside the shown month also
+     *  flip the grid to their month). `close` dismisses the popover — call
+     *  it when a row click opens a window so the popup doesn't linger over
+     *  it. */
+    renderDay?: (dateISO: string, api: {
+        close: () => void;
+    }) => ReactNode;
+}
+declare function Layout({ productName, productIcon, wallpapers, navSections, navIcons, sectionIcons, categories, notifications, search, taskbarTrayLeft, clockCalendar, }?: LayoutProps): react_jsx_runtime.JSX.Element;
 
 interface StartMenuProps {
     open: boolean;
@@ -1512,4 +1531,4 @@ declare function useNewHotkey(callback: () => void): void;
  */
 declare function useEditHotkey(callback: (() => void) | null): void;
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type BugReport, type BugReportConfig, BugReportConfigProvider, BugReportDetail, type BugReportExtraField, type BugReportExtraSelectField, BugReportProvider, type BugReportSubmission, type BugReportSubmitPayload, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CancelButton, type CellStyle, type ChangelogEntry, type ColumnDef, ConfirmProvider, CopyButton, Customization, type CustomizationOmitSection, type CustomizationProps, type CustomizationSection, DEV_BANNER_TEXT, Desktop, type DesktopContextMenuItem, type DesktopHostConfig, DesktopHostProvider, DevIndicator, DocFavStar, ENTER, EditableGrid, type EditableGridProps, type EntityFetcher, EntityList, type EntityListColumn, type EntityListProps, GLASS_DIVIDER, GLASS_INPUT_BG, GlobalSearch, type GridColumn, HelpCenter, type HelpCenterDoc, type HelpCenterProps, Kanban, type KanbanColumn, type KanbanProps, Layout, type LayoutProps, ListFooter, MOD, Markdown, type MarkdownProps, Modal, ModalActions, NotificationBell, type NotificationsConfig, type PaginatedResponse, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, type ReportType, ResizableTable, SHIFT, type SearchConfig, type SearchProvider, type SearchResult, type SemanticGroup, type ShellAuth, ShellAuthProvider, ShellEntityFetcherProvider, type ShellNotification, type ShellPrefsAdapter, ShellPrefsProvider, ShortcutHelp, SidebarLayout, type SidebarLayoutProps, type SortState, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, type StickyEntityRef, type StickyResolver, SystemPreferences, type SystemPreferencesProps, type SystemPreferencesSection, type TodoProvider, type TodoTask, TopNav, type TopNavItem, type TopNavProps, VERSION, WidgetManager, WindowManagerProvider, WindowRegistry, WindowTitle, applyDevTitle, commitExposeHighlight, confirm, confirmDestructive, createWindowRegistry, exitExposeMode, formatDate, getActiveWindowRoute, getExposeHighlight, getWindowPosition, glassStyle, isDevEnv, isMac, openBugReportDialog, prompt, reportBug, setExposeHighlight, setShellApiClient, setShellAuthBridge, setShellNavIcons, setShellTodoProvider, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toast, toggleExposeMode, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useLocalStoragePrefs, useModalActive, useNewHotkey, useShellAuth, useShellEntityFetcher, useShellPrefs, useSort, useTableNav, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type BugReport, type BugReportConfig, BugReportConfigProvider, BugReportDetail, type BugReportExtraField, type BugReportExtraSelectField, BugReportProvider, type BugReportSubmission, type BugReportSubmitPayload, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CancelButton, type CellStyle, type ChangelogEntry, type ClockCalendarConfig, type ColumnDef, ConfirmProvider, CopyButton, Customization, type CustomizationOmitSection, type CustomizationProps, type CustomizationSection, DEV_BANNER_TEXT, Desktop, type DesktopContextMenuItem, type DesktopHostConfig, DesktopHostProvider, DevIndicator, DocFavStar, ENTER, EditableGrid, type EditableGridProps, type EntityFetcher, EntityList, type EntityListColumn, type EntityListProps, GLASS_DIVIDER, GLASS_INPUT_BG, GlobalSearch, type GridColumn, HelpCenter, type HelpCenterDoc, type HelpCenterProps, Kanban, type KanbanColumn, type KanbanProps, Layout, type LayoutProps, ListFooter, MOD, Markdown, type MarkdownProps, Modal, ModalActions, NotificationBell, type NotificationsConfig, type PaginatedResponse, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, type ReportType, ResizableTable, SHIFT, type SearchConfig, type SearchProvider, type SearchResult, type SemanticGroup, type ShellAuth, ShellAuthProvider, ShellEntityFetcherProvider, type ShellNotification, type ShellPrefsAdapter, ShellPrefsProvider, ShortcutHelp, SidebarLayout, type SidebarLayoutProps, type SortState, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, type StickyEntityRef, type StickyResolver, SystemPreferences, type SystemPreferencesProps, type SystemPreferencesSection, type TodoProvider, type TodoTask, TopNav, type TopNavItem, type TopNavProps, VERSION, WidgetManager, WindowManagerProvider, WindowRegistry, WindowTitle, applyDevTitle, commitExposeHighlight, confirm, confirmDestructive, createWindowRegistry, exitExposeMode, formatDate, getActiveWindowRoute, getExposeHighlight, getWindowPosition, glassStyle, isDevEnv, isMac, openBugReportDialog, prompt, reportBug, setExposeHighlight, setShellApiClient, setShellAuthBridge, setShellNavIcons, setShellTodoProvider, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toast, toggleExposeMode, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useLocalStoragePrefs, useModalActive, useNewHotkey, useShellAuth, useShellEntityFetcher, useShellPrefs, useSort, useTableNav, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };

package/dist/index.js

@@ -4,18 +4,18 @@ import { subscribePomo, getPomoSnapshot } from './chunk-5X5LQNOX.js';
 export { setShellTodoProvider } from './chunk-5X5LQNOX.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-WMOF4TAP.js';
-export { Breadcrumbs } from './chunk-WMOF4TAP.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-HBJUIVN3.js';
+export { Breadcrumbs } from './chunk-HBJUIVN3.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';
-import { setPdfPreview } from './chunk-BDGH2GKX.js';
+import { setPdfPreview } from './chunk-CJH5U3BW.js';
 import './chunk-KUIPWCTJ.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 export { toast_default as toast } from './chunk-WIJ45SYD.js';
-export { EditableGrid } from './chunk-HQWHWS7V.js';
-import { APP_VERSION } from './chunk-DLOIO7UD.js';
-export { VERSION } from './chunk-DLOIO7UD.js';
+export { EditableGrid } from './chunk-T6TOGZ2V.js';
+import { APP_VERSION } from './chunk-EUP5PCNL.js';
+export { VERSION } from './chunk-EUP5PCNL.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-GWVVILYQ.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-GWVVILYQ.js';
 import { confirm } from './chunk-UBN4IUDE.js';
@@ -4487,7 +4487,7 @@ function TaskbarPomodoro() {
     }
   );
 }
-function TaskbarClock() {
+function TaskbarClock({ clockCalendar }) {
   const [now, setNow] = useState(/* @__PURE__ */ new Date());
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
@@ -4510,12 +4510,16 @@ function TaskbarClock() {
       const rect = buttonRef.current?.getBoundingClientRect();
       const right = rect ? Math.max(8, window.innerWidth - rect.right) : 8;
       const posStyle = taskbarPos === "top" ? { right, top: (rect?.bottom ?? 0) + 4 } : { right, bottom: window.innerHeight - (rect?.top ?? 0) + 4 };
-      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now }) });
+      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now, config: clockCalendar, close: () => setOpen(false) }) });
     })()
   ] });
 }
-function CalendarPopup({ now }) {
+var toISODate = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+function CalendarPopup({ now, config, close }) {
   const [month, setMonth] = useState(() => new Date(now.getFullYear(), now.getMonth(), 1));
+  const [selected, setSelected] = useState(() => toISODate(now));
+  const interactive = !!config?.renderDay;
+  const markedSet = useMemo(() => new Set(config?.markedDates ?? []), [config?.markedDates]);
   const monthLabel = month.toLocaleDateString(void 0, { month: "long", year: "numeric" });
   const fullDate = now.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
   const fullTime = now.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
@@ -4540,7 +4544,7 @@ function CalendarPopup({ now }) {
   const goPrev = () => setMonth((m) => new Date(m.getFullYear(), m.getMonth() - 1, 1));
   const goNext = () => setMonth((m) => new Date(m.getFullYear(), m.getMonth() + 1, 1));
   const goToday = () => setMonth(new Date(today.getFullYear(), today.getMonth(), 1));
-  return /* @__PURE__ */ jsxs("div", { className: "w-[260px] p-3", children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${interactive ? "w-[300px]" : "w-[260px]"} p-3`, children: [
     /* @__PURE__ */ jsxs("div", { className: "px-1 pb-2.5 border-b border-gray-100", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold text-gray-500 uppercase tracking-wide", children: fullDate }),
       /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-gray-800 tabular-nums leading-tight mt-0.5", children: fullTime })
@@ -4553,15 +4557,41 @@ function CalendarPopup({ now }) {
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-1 text-[10px] font-semibold text-gray-400 text-center uppercase tracking-wide", children: ["S", "M", "T", "W", "T", "F", "S"].map((d, i) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, i)) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px text-center", children: cells.map((cell, i) => {
       const todayCell = cell.thisMonth && isToday(cell.date);
-      return /* @__PURE__ */ jsx(
-        "div",
+      const iso = toISODate(cell.date);
+      const isSelected = interactive && selected === iso;
+      const look = isSelected ? "bg-blue-500 text-white font-semibold" : todayCell ? interactive ? "text-blue-600 font-bold hover:bg-gray-100" : "bg-blue-500 text-white font-semibold" : cell.thisMonth ? "text-gray-700 hover:bg-gray-100" : interactive ? "text-gray-300 hover:bg-gray-100" : "text-gray-300";
+      const dayClass = `relative text-[12px] py-1.5 rounded-md transition-colors ${look}`;
+      const dot = markedSet.has(iso) && /* @__PURE__ */ jsx(
+        "span",
         {
-          className: `text-[12px] py-1.5 rounded-md transition-colors ${todayCell ? "bg-blue-500 text-white font-semibold" : cell.thisMonth ? "text-gray-700 hover:bg-gray-100" : "text-gray-300"}`,
-          children: cell.day
+          className: `absolute bottom-[3px] left-1/2 -translate-x-1/2 h-1 w-1 rounded-full ${isSelected ? "bg-white" : cell.thisMonth ? "bg-blue-500" : "bg-gray-300"}`
+        }
+      );
+      if (!interactive) {
+        return /* @__PURE__ */ jsxs("div", { className: dayClass, children: [
+          cell.day,
+          dot
+        ] }, i);
+      }
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            setSelected(iso);
+            if (!cell.thisMonth) setMonth(new Date(cell.date.getFullYear(), cell.date.getMonth(), 1));
+          },
+          "aria-label": cell.date.toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" }),
+          "aria-pressed": isSelected,
+          className: `cursor-pointer ${dayClass}`,
+          children: [
+            cell.day,
+            dot
+          ]
         },
         i
       );
-    }) })
+    }) }),
+    config?.renderDay && /* @__PURE__ */ jsx("div", { className: "mt-2.5 max-h-[280px] overflow-y-auto border-t border-gray-100 pt-2", children: config.renderDay(selected, { close }) }, selected)
   ] });
 }
 function TaskbarContextMenu({ x, y, position, size, onChangePosition, onChangeSize, onClose, onReportBug }) {
@@ -4629,7 +4659,8 @@ function Layout({
   categories = startMenuCategories,
   notifications,
   search,
-  taskbarTrayLeft
+  taskbarTrayLeft,
+  clockCalendar
 } = {}) {
   const bugReport = useBugReport();
   const { user, logout, hasAnyPerm } = useAuth();
@@ -4953,7 +4984,7 @@ function Layout({
               isVerticalTaskbar ? (
                 /* Vertical: clock + bell evenly spaced */
                 /* @__PURE__ */ jsx("div", { className: "w-full px-2", children: /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-2 ${taskbarPosition === "right" ? "flex-row-reverse" : ""}`, children: [
-                  /* @__PURE__ */ jsx(TaskbarClock, {}),
+                  /* @__PURE__ */ jsx(TaskbarClock, { clockCalendar }),
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications, popDirection: taskbarPosition === "right" ? "left" : "right" })
@@ -4964,7 +4995,7 @@ function Layout({
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications }),
-                  /* @__PURE__ */ jsx(TaskbarClock, {})
+                  /* @__PURE__ */ jsx(TaskbarClock, { clockCalendar })
                 ] })
               )
             ]