indas-ui 0.1.4 → 0.1.5

package/dist/auth.d.ts

@@ -0,0 +1 @@
+export { AuthSessionProvider } from './components/providers/session-provider.js';

package/dist/auth.js

@@ -0,0 +1,5 @@
+// Auth entry: `import { AuthSessionProvider } from 'indas-ui/auth'`
+// The one entry that needs next-auth (an optional peer dependency): it feeds next-auth's session into
+// the library's session adapter, which every other component reads. Apps on another sign-in system
+// skip this entry and use SessionAdapterProvider from 'indas-ui/providers' instead.
+export { AuthSessionProvider } from './components/providers/session-provider.js';

package/dist/cjs/auth.js

@@ -0,0 +1,10 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthSessionProvider = void 0;
+// Auth entry: `import { AuthSessionProvider } from 'indas-ui/auth'`
+// The one entry that needs next-auth (an optional peer dependency): it feeds next-auth's session into
+// the library's session adapter, which every other component reads. Apps on another sign-in system
+// skip this entry and use SessionAdapterProvider from 'indas-ui/providers' instead.
+var session_provider_1 = require("./components/providers/session-provider.js");
+Object.defineProperty(exports, "AuthSessionProvider", { enumerable: true, get: function () { return session_provider_1.AuthSessionProvider; } });

package/dist/cjs/components/chat/chat.js

@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Domain-specific branding (logo, title, messages) is injected via props.
  */
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("../../contexts/SessionAdapterContext.js");
 const navigation_1 = require("next/navigation");
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../lib/utils.js");
@@ -65,7 +65,7 @@ function bucketForDate(iso, now = new Date()) {
     return { id: `m-${d.getFullYear()}-${d.getMonth()}`, label: monthLabel, sort };
 }
 function Chat({ mode = 'fullpage', externalMuted, title = 'Chat', sidebarTitle, bubbleLogo, logo, MessagesComponent, fullpagePath, onBeforeEditMessage, initialMessage, initialConversationId, headerActions, onMessagesChange }) {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const router = (0, navigation_1.useRouter)();
     const alerts = (0, GlobalAlertContext_1.useGlobalAlert)();
     const { t } = (0, LanguageContext_1.useLanguage)();

package/dist/cjs/components/dashboard/FilterBar.js

@@ -220,7 +220,7 @@ const fmtFiscalDay = (d) => `${String(d.getDate()).padStart(2, '0')} ${SHORT_MON
 // Fiscal-year-aware dropdown options. FY runs 1 Apr (fyStart) → 31 Mar (fyStart+1).
 // Weeks are W1..W52/53 counting 7-day spans from 1 Apr; months ordered Apr→Mar;
 // quarters Q1 Apr-Jun … Q4 Jan-Mar; year shown as "YYYY-YYYY".
-function buildTimeOptions(fyStart) {
+function buildTimeOptions(fyStart, allTime = false) {
     const fyOpen = new Date(fyStart, 3, 1);
     const fyClose = new Date(fyStart + 1, 2, 31);
     // Monday-aligned weeks clamped to the FY: W1 = 1 Apr → first Sunday (partial),
@@ -248,7 +248,10 @@ function buildTimeOptions(fyStart) {
         { value: 'Q3', label: `Q3 (Oct – Dec ${fyStart})` },
         { value: 'Q4', label: `Q4 (Jan – Mar ${fyStart + 1})` },
     ];
-    const years = [{ value: `${fyStart}`, label: `${fyStart}-${fyStart + 1}` }];
+    // This financial year and the two before it, newest first; "All Time" last where the host offers it.
+    const years = [0, 1, 2].map(n => ({ value: `${fyStart - n}`, label: `FY ${fyStart - n}-${String(fyStart - n + 1).slice(2)}` }));
+    if (allTime)
+        years.push({ value: 'all', label: 'All Time' });
     return [
         { value: 'Day', label: 'Day', dropdownOptions: DAY_OPTIONS, quickOptions: DAY_QUICK },
         { value: 'Week', label: 'Week', dropdownOptions: weeks, quickOptions: WEEK_QUICK },
@@ -324,11 +327,31 @@ function ForecastControl({ forecast, onForecastChange, timeFilter, onTimeFilterC
                         ? 'text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]'
                         : 'text-[rgb(var(--fg-muted))] hover:bg-[rgb(var(--bg-subtle))] hover:border-[rgb(var(--color-primary))] hover:text-[rgb(var(--color-primary))]'), title: t('Forecast'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-4 h-4" }), forecast.enabled && !open && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), open && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('absolute top-full right-0 mt-2 z-50 w-96 max-w-[calc(100vw-2rem)]', 'bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))]', 'overflow-hidden'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))] shrink-0", children: t('Forecast') }), onTimeFilterChange ? ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: TIME_FILTER_OPTIONS.map(o => ({ value: o.value, label: t(o.label) })), value: timeFilter, onValueChange: (v) => onTimeFilterChange(v), searchable: false, size: "sm", triggerClassName: "h-6 text-[11px] min-w-[6.5rem]" })) : ((0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] text-[rgb(var(--fg-muted))]", children: ["\u00B7 ", t(timeFilter)] }))] }), (0, jsx_runtime_1.jsx)(ui_1.Switch, { checked: forecast.enabled, onCheckedChange: (enabled) => onForecastChange({ ...forecast, enabled }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('p-3 space-y-3', !forecast.enabled && 'opacity-50 pointer-events-none'), children: [(0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: exports.FORECAST_METHODS.map(m => ({ id: m.value, label: t(m.label) })), activeTab: forecast.method, onTabChange: (tabId) => onForecastChange({ ...forecast, method: tabId }), variant: "rounded", size: "sm", fullWidth: true }), activeMethod && ((0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-[rgb(var(--fg-muted))]", children: t(activeMethod.hint) })), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: t('Based On Last') }), (0, jsx_runtime_1.jsx)(Stepper, { value: forecast.period, min: limits.min, max: limits.max, onChange: setPeriod }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-[10px] text-[rgb(var(--fg-muted))] truncate", children: resolvePeriodRange(timeFilter, forecast.period, -1) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: t('Forecast Ahead') }), (0, jsx_runtime_1.jsx)(Stepper, { value: forecast.horizon, min: horizonLimits.min, max: horizonLimits.max, onChange: setHorizon }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-[10px] text-[rgb(var(--fg-muted))] truncate", children: resolvePeriodRange(timeFilter, forecast.horizon, 1) })] })] })] })] }))] }));
 }
-function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = 'Week', onTimeFilterChange, timeFilterSelection, onTimeFilterSelectionChange, hideTimeFilter = false, filters = [], filterValues = {}, onFilterChange, dateFrom, dateTo, onDateFromChange, onDateToChange, onApply, onReset, reports = [], onReportSelect, onExport, hideFilterButton = false, hideDateRange = false, showApplyButton = false, forecast, onForecastChange, onShare, showInsights = false, insightsActive = false, onInsightsClick, children, className, layout = 'default', fiscalStartYear }) {
+function FilterBar({ title, contextLabel, description, secondaryToggle, timeFilter = 'Week', onTimeFilterChange, timeFilterSelection, onTimeFilterSelectionChange, hideTimeFilter = false, filters = [], filterValues = {}, onFilterChange, dateFrom, dateTo, onDateFromChange, onDateToChange, onApply, onReset, reports = [], onReportSelect, onExport, hideFilterButton = false, hideDateRange = false, showApplyButton = false, forecast, onForecastChange, onShare, showInsights = false, insightsActive = false, onInsightsClick, children, className, layout = 'default', fiscalStartYear, allTime = false, }) {
     const [popoverOpen, setPopoverOpen] = (0, react_1.useState)(false);
     const popoverRef = (0, react_1.useRef)(null);
     const buttonRef = (0, react_1.useRef)(null);
-    const timeOptions = (0, react_1.useMemo)(() => (fiscalStartYear ? buildTimeOptions(fiscalStartYear) : TIME_FILTER_OPTIONS), [fiscalStartYear]);
+    // The divider between the secondary toggle and the time tabs only makes sense while they share a
+    // line. When the row wraps (narrow screens, long toggle labels), it would be left hanging at the
+    // end of the first line, so it hides.
+    const toggleRef = (0, react_1.useRef)(null);
+    const timeTabsRef = (0, react_1.useRef)(null);
+    const [tabsWrapped, setTabsWrapped] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const a = toggleRef.current;
+        const b = timeTabsRef.current;
+        if (!a || !b || typeof ResizeObserver === 'undefined')
+            return;
+        const check = () => setTabsWrapped(a.offsetTop !== b.offsetTop);
+        const ro = new ResizeObserver(check);
+        ro.observe(a);
+        ro.observe(b);
+        if (a.parentElement)
+            ro.observe(a.parentElement);
+        check();
+        return () => ro.disconnect();
+    }, [secondaryToggle, hideTimeFilter]);
+    const timeOptions = (0, react_1.useMemo)(() => (fiscalStartYear ? buildTimeOptions(fiscalStartYear, allTime) : TIME_FILTER_OPTIONS), [fiscalStartYear, allTime]);
     // Handle click outside. Ignore clicks landing inside a portalled dropdown/select
     // list (rendered to document.body, outside popoverRef) so selecting a filter
     // option doesn't close this popover before the value commits.
@@ -391,10 +414,10 @@ function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = 'Week',
                                             ...(filter === 'Year' && { years: selectedValues }),
                                         };
                                         onTimeFilterSelectionChange?.(newSelection);
-                                    } }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-sm font-semibold text-[rgb(var(--fg-default))]", children: title }), contextLabel && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: contextLabel }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [!hideFilterButton && ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: (0, utils_1.cn)('w-8 h-8 rounded-md flex items-center justify-center transition-colors relative', 'border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-surface))]', 'text-[rgb(var(--fg-muted))] hover:bg-[rgb(var(--bg-subtle))] hover:border-[rgb(var(--color-primary))] hover:text-[rgb(var(--color-primary))]', popoverOpen && 'bg-[rgb(var(--color-primary))] text-white border-[rgb(var(--color-primary))] hover:bg-[rgb(var(--color-primary))]'), title: "Filters", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && ((0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, className: (0, utils_1.cn)('absolute top-full right-0 mt-2 z-50', 'w-[95vw] sm:w-auto', 'bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))]', 'overflow-hidden'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setPopoverOpen(false), className: "w-5 h-5 rounded flex items-center justify-center hover:bg-[rgb(var(--bg-subtle))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 space-y-3", children: [filters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${filters.length}, minmax(140px, 1fr))` }, children: filters.map((filter) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: filter.options, multiSelect: filter.type === 'multiselect', value: filterValues[filter.id] ?? (filter.type === 'multiselect' ? [] : ''), onValueChange: (value) => onFilterChange?.(filter.id, value), placeholder: filter.placeholder || `All ${filter.label}s`, searchable: true, className: "w-full" })] }, filter.id))) })), children, !hideDateRange && ((0, jsx_runtime_1.jsx)(date_picker_1.DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && ((0, jsx_runtime_1.jsx)(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange })), showApplyButton && ((0, jsx_runtime_1.jsx)("button", { onClick: onApply, className: (0, utils_1.cn)('h-8 px-4 rounded-md flex items-center gap-1.5', 'bg-[rgb(var(--color-primary))] text-white', 'text-xs font-semibold', 'shadow-sm hover:shadow-md transition-all', 'hover:brightness-110'), children: "Apply" })), (reports.length > 0 || onShare || onExport) && ((0, jsx_runtime_1.jsx)(OverflowMenu, { reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] })] }) }) }));
+                                    } }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-sm font-semibold text-[rgb(var(--fg-default))]", children: title }), contextLabel && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: contextLabel })), description && (0, jsx_runtime_1.jsx)("p", { className: "mt-0.5 text-xs text-[rgb(var(--fg-muted))]", children: description })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [!hideFilterButton && ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: (0, utils_1.cn)('w-8 h-8 rounded-md flex items-center justify-center transition-colors relative', 'border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-surface))]', 'text-[rgb(var(--fg-muted))] hover:bg-[rgb(var(--bg-subtle))] hover:border-[rgb(var(--color-primary))] hover:text-[rgb(var(--color-primary))]', popoverOpen && 'bg-[rgb(var(--color-primary))] text-white border-[rgb(var(--color-primary))] hover:bg-[rgb(var(--color-primary))]'), title: "Filters", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && ((0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, className: (0, utils_1.cn)('absolute top-full right-0 mt-2 z-50', 'w-[95vw] sm:w-auto', 'bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))]', 'overflow-hidden'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setPopoverOpen(false), className: "w-5 h-5 rounded flex items-center justify-center hover:bg-[rgb(var(--bg-subtle))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 space-y-3", children: [filters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${filters.length}, minmax(140px, 1fr))` }, children: filters.map((filter) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: filter.options, multiSelect: filter.type === 'multiselect', value: filterValues[filter.id] ?? (filter.type === 'multiselect' ? [] : ''), onValueChange: (value) => onFilterChange?.(filter.id, value), placeholder: filter.placeholder || `All ${filter.label}s`, searchable: true, className: "w-full" })] }, filter.id))) })), children, !hideDateRange && ((0, jsx_runtime_1.jsx)(date_picker_1.DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && ((0, jsx_runtime_1.jsx)(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange })), showApplyButton && ((0, jsx_runtime_1.jsx)("button", { onClick: onApply, className: (0, utils_1.cn)('h-8 px-4 rounded-md flex items-center gap-1.5', 'bg-[rgb(var(--color-primary))] text-white', 'text-xs font-semibold', 'shadow-sm hover:shadow-md transition-all', 'hover:brightness-110'), children: "Apply" })), (reports.length > 0 || onShare || onExport) && ((0, jsx_runtime_1.jsx)(OverflowMenu, { reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] })] }) }) }));
     }
     // Default layout: Title centered, controls on right
-    return ((0, jsx_runtime_1.jsxs)("header", { className: (0, utils_1.cn)('bg-[rgb(var(--bg-surface))] border-b border-[rgb(var(--bd-default))]', 'px-4 py-3 lg:px-6', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0 flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-base sm:text-xl font-bold text-[rgb(var(--fg-default))] leading-tight truncate", children: title }), contextLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline-flex items-center gap-1.5 shrink-0 h-6 px-2.5 rounded-full border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-xs font-medium text-[rgb(var(--fg-muted))]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [secondaryToggle && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "hidden sm:block", children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" }) }), (0, jsx_runtime_1.jsx)("div", { className: "hidden sm:block h-4 w-px bg-[rgb(var(--bd-default))] self-center" })] })), !hideTimeFilter && ((0, jsx_runtime_1.jsx)("div", { className: "hidden sm:block", children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: timeOptions.map(opt => ({ id: opt.value, label: opt.label, dropdownOptions: opt.dropdownOptions, quickOptions: opt.quickOptions })), activeTab: timeFilter, onTabChange: (tabId) => onTimeFilterChange?.(tabId), variant: "rounded", size: "sm", dropdownValues: {
+    return ((0, jsx_runtime_1.jsxs)("header", { className: (0, utils_1.cn)('bg-[rgb(var(--bg-surface))] border-b border-[rgb(var(--bd-default))]', 'px-4 py-3 lg:px-6', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-auto min-w-0 flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-base sm:text-xl font-bold text-[rgb(var(--fg-default))] leading-tight truncate", children: title }), contextLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "hidden sm:inline-flex items-center gap-1.5 shrink-0 h-6 px-2.5 rounded-full border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-xs font-medium text-[rgb(var(--fg-muted))]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-x-3 gap-y-2", children: [secondaryToggle && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: toggleRef, className: "hidden sm:block", children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" }) }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('hidden h-4 w-px bg-[rgb(var(--bd-default))] self-center', !tabsWrapped && 'sm:block') })] })), !hideTimeFilter && ((0, jsx_runtime_1.jsx)("div", { ref: timeTabsRef, className: "hidden sm:block", children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: timeOptions.map(opt => ({ id: opt.value, label: opt.label, dropdownOptions: opt.dropdownOptions, quickOptions: opt.quickOptions })), activeTab: timeFilter, onTabChange: (tabId) => onTimeFilterChange?.(tabId), variant: "rounded", size: "sm", dropdownValues: {
                                         Day: timeFilterSelection?.days || [],
                                         Week: timeFilterSelection?.weeks || [],
                                         Month: timeFilterSelection?.months || [],
@@ -413,7 +436,7 @@ function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = 'Week',
                                         onTimeFilterSelectionChange?.(newSelection);
                                     } }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-0.5 rounded-lg border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-surface))] p-0.5", children: [!hideFilterButton && ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: (0, utils_1.cn)('w-7 h-7 rounded-md flex items-center justify-center transition-colors relative', popoverOpen
                                                     ? 'bg-[rgb(var(--color-primary))] text-white shadow-sm'
-                                                    : 'text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]'), title: "Filters", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && ((0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, className: (0, utils_1.cn)('absolute top-full right-0 mt-2 z-50', 'w-[95vw] sm:w-auto', 'bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))]', 'overflow-hidden'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setPopoverOpen(false), className: "w-5 h-5 rounded flex items-center justify-center hover:bg-[rgb(var(--bg-subtle))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 space-y-3", children: [filters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${Math.min(filters.length, 3)}, minmax(140px, 1fr))` }, children: filters.map((filter) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: filter.options, multiSelect: filter.type === 'multiselect', value: filterValues[filter.id] ?? (filter.type === 'multiselect' ? [] : ''), onValueChange: (value) => onFilterChange?.(filter.id, value), placeholder: filter.placeholder || `All ${filter.label}s`, searchable: true, className: "w-full" })] }, filter.id))) })), children, !hideDateRange && ((0, jsx_runtime_1.jsx)(date_picker_1.DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && ((0, jsx_runtime_1.jsx)(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange, bare: true })), (showInsights || reports.length > 0 || onShare || onExport) && ((0, jsx_runtime_1.jsx)(OverflowMenu, { showInsights: showInsights, insightsActive: insightsActive, onInsightsClick: onInsightsClick, reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] }), showApplyButton && ((0, jsx_runtime_1.jsx)("button", { onClick: onApply, className: (0, utils_1.cn)('h-8 px-4 rounded-md flex items-center gap-1.5', 'bg-[rgb(var(--color-primary))] text-white', 'text-xs font-semibold', 'shadow-sm hover:shadow-md transition-all', 'hover:brightness-110'), children: "Apply" }))] })] }), contextLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "sm:hidden mt-2 inline-flex items-center gap-1.5 h-6 px-2.5 rounded-full border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-xs font-medium text-[rgb(var(--fg-muted))]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] })), (!hideTimeFilter || secondaryToggle) && ((0, jsx_runtime_1.jsxs)("div", { className: "sm:hidden mt-2 flex items-center gap-2 overflow-x-auto", children: [secondaryToggle && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" })), !hideTimeFilter && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: timeOptions.map(opt => ({ id: opt.value, label: opt.label, dropdownOptions: opt.dropdownOptions, quickOptions: opt.quickOptions })), activeTab: timeFilter, onTabChange: (tabId) => onTimeFilterChange?.(tabId), variant: "rounded", size: "sm", dropdownValues: {
+                                                    : 'text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]'), title: "Filters", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && ((0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, className: (0, utils_1.cn)('absolute top-full right-0 mt-2 z-50', 'w-[95vw] sm:w-auto', 'bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))]', 'overflow-hidden'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setPopoverOpen(false), className: "w-5 h-5 rounded flex items-center justify-center hover:bg-[rgb(var(--bg-subtle))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 space-y-3", children: [filters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${Math.min(filters.length, 3)}, minmax(140px, 1fr))` }, children: filters.map((filter) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: filter.options, multiSelect: filter.type === 'multiselect', value: filterValues[filter.id] ?? (filter.type === 'multiselect' ? [] : ''), onValueChange: (value) => onFilterChange?.(filter.id, value), placeholder: filter.placeholder || `All ${filter.label}s`, searchable: true, className: "w-full" })] }, filter.id))) })), children, !hideDateRange && ((0, jsx_runtime_1.jsx)(date_picker_1.DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && ((0, jsx_runtime_1.jsx)(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange, bare: true })), (showInsights || reports.length > 0 || onShare || onExport) && ((0, jsx_runtime_1.jsx)(OverflowMenu, { showInsights: showInsights, insightsActive: insightsActive, onInsightsClick: onInsightsClick, reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] }), showApplyButton && ((0, jsx_runtime_1.jsx)("button", { onClick: onApply, className: (0, utils_1.cn)('h-8 px-4 rounded-md flex items-center gap-1.5', 'bg-[rgb(var(--color-primary))] text-white', 'text-xs font-semibold', 'shadow-sm hover:shadow-md transition-all', 'hover:brightness-110'), children: "Apply" }))] })] }), contextLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "sm:hidden mt-2 inline-flex items-center gap-1.5 h-6 px-2.5 rounded-full border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-xs font-medium text-[rgb(var(--fg-muted))]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] })), (!hideTimeFilter || secondaryToggle) && ((0, jsx_runtime_1.jsxs)("div", { className: "sm:hidden mt-2 flex flex-col items-start gap-2", children: [secondaryToggle && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" })), !hideTimeFilter && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: timeOptions.map(opt => ({ id: opt.value, label: opt.label, dropdownOptions: opt.dropdownOptions, quickOptions: opt.quickOptions })), activeTab: timeFilter, onTabChange: (tabId) => onTimeFilterChange?.(tabId), variant: "rounded", size: "sm", dropdownValues: {
                             Day: timeFilterSelection?.days || [],
                             Week: timeFilterSelection?.weeks || [],
                             Month: timeFilterSelection?.months || [],
@@ -430,5 +453,5 @@ function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = 'Week',
                                 ...(filter === 'Year' && { years: selectedValues }),
                             };
                             onTimeFilterSelectionChange?.(newSelection);
-                        } }))] }))] }));
+                        } }))] })), description && (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-sm text-[rgb(var(--fg-muted))]", children: description })] }));
 }

package/dist/cjs/components/dashboard/time-range.js

@@ -43,44 +43,77 @@ const fiscalWeekCount = (fyStart) => {
     return wk;
 };
 exports.fiscalWeekCount = fiscalWeekCount;
-// "this" anchors to the FY's first period (W1 / Apr / Q1), per fiscal reporting.
-const rangeFromSelection = (sel, fyStart) => {
+const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+const addDays = (d, n) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+// Monday of the week holding `d` (weeks run Monday to Sunday, as the fiscal weeks do).
+const mondayOf = (d) => addDays(d, -((d.getDay() + 6) % 7));
+/**
+ * The dates a selection covers.
+ *
+ * Quick picks (This / Last …) count from `today`: "This week" is the week holding today, "Last
+ * month" the calendar month before this one, "This quarter" the fiscal quarter holding today.
+ * They used to anchor to the financial year's first period, so "This week" meant Week 1 in April.
+ * A "This …" range runs to today, since nothing after today has happened yet.
+ *
+ * A numbered pick (W27, month "9", Q3, a year "2025") is that period of the financial year
+ * starting `fyStart`. Year "all" is all time, from the earliest date a book could hold to today.
+ */
+const rangeFromSelection = (sel, fyStart, today = new Date()) => {
+    const t = startOfDay(today);
     const fyOpen = new Date(fyStart, 3, 1);
     const fyClose = new Date(fyStart + 1, 2, 31);
     const yearOf = (mo) => (mo >= 3 ? fyStart : fyStart + 1);
     const monthRange = (mo) => ({ from: new Date(yearOf(mo), mo, 1), to: new Date(yearOf(mo), mo + 1, 0) });
     const type = sel?.type || 'Month';
     if (type === 'Day') {
-        const now = new Date();
-        const y = now.getFullYear(), m = now.getMonth(), d = now.getDate();
         const pick = sel?.days?.[0] || 'today';
-        if (pick === 'yesterday') {
-            const dt = new Date(y, m, d - 1);
-            return { from: dt, to: dt };
-        }
-        if (pick === 'last7')
-            return { from: new Date(y, m, d - 6), to: new Date(y, m, d) };
-        if (pick === 'last14')
-            return { from: new Date(y, m, d - 13), to: new Date(y, m, d) };
-        if (pick === 'last30')
-            return { from: new Date(y, m, d - 29), to: new Date(y, m, d) };
-        return { from: new Date(y, m, d), to: new Date(y, m, d) };
+        if (pick === 'yesterday')
+            return { from: addDays(t, -1), to: addDays(t, -1) };
+        const span = { last7: 7, last14: 14, last30: 30 }[pick];
+        return span ? { from: addDays(t, -(span - 1)), to: t } : { from: t, to: t };
     }
     if (type === 'Week') {
-        const pick = sel?.weeks?.[0] || 'W1';
+        const pick = sel?.weeks?.[0] || 'this';
+        const monday = mondayOf(t);
+        if (pick === 'this')
+            return { from: monday, to: t };
+        if (pick === 'last')
+            return { from: addDays(monday, -7), to: addDays(monday, -1) };
+        // "Last 2 weeks" is this week and the one before it, to today.
+        const weeks = { last2: 2, last4: 4 }[pick];
+        if (weeks)
+            return { from: addDays(monday, -7 * (weeks - 1)), to: t };
         const wk = /^W\d+$/i.test(pick) ? parseInt(pick.slice(1)) : 1;
         return (0, exports.fiscalWeekRange)(fyStart, wk) || { from: fyOpen, to: fyClose };
     }
     if (type === 'Quarter') {
-        const pick = sel?.quarters?.[0];
-        const qNum = pick && /^q[1-4]$/i.test(pick) ? parseInt(pick.slice(1)) - 1 : 0;
+        const pick = sel?.quarters?.[0] || 'this';
+        // The fiscal quarter holding today: Apr–Jun is Q1.
+        const qStart = new Date(t.getFullYear(), t.getMonth() - (((t.getMonth() - 3 + 12) % 12) % 3), 1);
+        if (pick === 'this')
+            return { from: qStart, to: t };
+        if (pick === 'last')
+            return { from: new Date(qStart.getFullYear(), qStart.getMonth() - 3, 1), to: addDays(qStart, -1) };
+        const qNum = /^q[1-4]$/i.test(pick) ? parseInt(pick.slice(1)) - 1 : 0;
         const startMonth = (3 + qNum * 3) % 12;
         const sy = yearOf(startMonth);
         return { from: new Date(sy, startMonth, 1), to: new Date(sy, startMonth + 3, 0) };
     }
-    if (type === 'Year')
-        return { from: fyOpen, to: fyClose };
-    const picks = (sel?.months || []).filter(s => /^\d{1,2}$/.test(s)).map(s => parseInt(s));
+    if (type === 'Year') {
+        const pick = sel?.years?.[0] || 'this';
+        if (pick === 'all')
+            return { from: new Date(1970, 0, 1), to: t };
+        if (pick === 'last')
+            return { from: new Date(fyStart - 1, 3, 1), to: new Date(fyStart, 2, 31) };
+        const fy = /^\d{4}$/.test(pick) ? parseInt(pick) : fyStart;
+        return { from: new Date(fy, 3, 1), to: new Date(fy + 1, 2, 31) };
+    }
+    const months = sel?.months || [];
+    if (months.includes('this'))
+        return { from: new Date(t.getFullYear(), t.getMonth(), 1), to: t };
+    if (months.includes('last'))
+        return { from: new Date(t.getFullYear(), t.getMonth() - 1, 1), to: new Date(t.getFullYear(), t.getMonth(), 0) };
+    const picks = months.filter(s => /^\d{1,2}$/.test(s)).map(s => parseInt(s));
     if (picks.length > 0) {
         const ranges = picks.map(monthRange);
         return {
@@ -88,7 +121,7 @@ const rangeFromSelection = (sel, fyStart) => {
             to: ranges.reduce((a, b) => (b.to > a.to ? b : a)).to,
         };
     }
-    return monthRange(3);
+    return { from: new Date(t.getFullYear(), t.getMonth(), 1), to: t };
 };
 exports.rangeFromSelection = rangeFromSelection;
 // Header subtitle for the selected period. Week/Day show their day span in brackets;
@@ -106,17 +139,28 @@ const buildContextLabel = (sel, fyStart, dateFrom, dateTo, t) => {
         return `${pick} (${dayRange})`;
     }
     if (!dateFrom && !dateTo && sel?.type === 'Week') {
-        const w = sel.weeks?.[0];
-        const wk = w && /^W\d+$/i.test(w) ? w.slice(1) : '1';
+        const w = sel.weeks?.[0] || 'this';
+        const quick = { this: 'This Week', last: 'Last Week', last2: 'Last 2 Weeks', last4: 'Last 4 Weeks' }[w];
+        if (quick)
+            return `${t(quick)} (${dayRange})`;
+        const wk = /^W\d+$/i.test(w) ? w.slice(1) : '1';
         return `${t('Week')} ${wk} (${dayRange})`;
     }
     if (!dateFrom && !dateTo && sel?.type === 'Quarter') {
-        const q = sel.quarters?.[0];
-        const label = q && /^q[1-4]$/i.test(q) ? `Q${q.slice(1)}` : 'Q1';
+        const q = sel.quarters?.[0] || 'this';
+        const label = q === 'this' ? t('This Quarter') : q === 'last' ? t('Last Quarter') : /^q[1-4]$/i.test(q) ? `Q${q.slice(1)}` : 'Q1';
         return `${label} (${fmtMon(from)} – ${fmtMon(to)})`;
     }
     if (!dateFrom && !dateTo && sel?.type === 'Year') {
-        return `${t('FY')} ${fyStart}-${fyStart + 1}`;
+        const y = sel.years?.[0] || 'this';
+        if (y === 'all')
+            return t('All Time');
+        const fy = y === 'last' ? fyStart - 1 : /^\d{4}$/.test(y) ? parseInt(y) : fyStart;
+        return `${t('FY')} ${fy}-${fy + 1}`;
+    }
+    const m0 = sel?.months?.[0];
+    if (!dateFrom && !dateTo && sel?.type === 'Month' && (m0 === 'this' || m0 === 'last')) {
+        return `${t(m0 === 'this' ? 'This Month' : 'Last Month')} (${dayRange})`;
     }
     const sameMonth = from.getFullYear() === to.getFullYear() && from.getMonth() === to.getMonth();
     if (sameMonth)

package/dist/cjs/components/layout/sidebar.js

@@ -52,6 +52,7 @@ const utils_2 = require("../../lib/utils.js");
 const react_dom_1 = require("react-dom");
 const SidebarContextMenu_1 = require("./SidebarContextMenu.js");
 const SidebarPreferencesContext_1 = require("../../contexts/SidebarPreferencesContext.js");
+const SessionAdapterContext_1 = require("../../contexts/SessionAdapterContext.js");
 // Route mapping imported from shared utility: getModuleRoutePath
 // Routes that support quick-create via sidebar "+" button.
 // When clicked, navigates to {route}?create=true — the page opens its create modal.
@@ -162,6 +163,14 @@ function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleSidebar,
     const [expandedSubModules, setExpandedSubModules] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
+    // The menu API needs the signed-in session (company credentials). Read from the session adapter,
+    // not next-auth, so the library does not require next-auth; held in a ref so a fresh session
+    // object does not refetch the menu, only the session arriving or leaving does.
+    const sessionAdapter = (0, SessionAdapterContext_1.useOptionalSessionAdapter)();
+    const sessionRef = React.useRef(sessionAdapter?.data ?? null);
+    sessionRef.current = sessionAdapter?.data ?? null;
+    const hasSession = Boolean(sessionAdapter?.data);
+    const sessionStatus = sessionAdapter?.status ?? 'unauthenticated';
     const [needsScroll, setNeedsScroll] = React.useState(false);
     const navRef = React.useRef(null);
     const [hoveredGroup, setHoveredGroup] = React.useState(null);
@@ -203,6 +212,12 @@ function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleSidebar,
         if (!companyId || !userId) {
             return;
         }
+        // No session yet: wait for it (this runs again when it arrives); none at all: no menu.
+        if (!hasSession) {
+            if (sessionStatus !== 'loading')
+                setLoading(false);
+            return;
+        }
         let isCancelled = false;
         const fetchNavigation = async () => {
             // Check cache first - include session start time to invalidate cache across logins
@@ -228,7 +243,7 @@ function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleSidebar,
             try {
                 setLoading(true);
                 setError(null);
-                const navigation = await (0, api_1.getDynamicNavigation)(companyId, userId);
+                const navigation = await (0, api_1.getDynamicNavigation)(companyId, userId, sessionRef.current);
                 if (!isCancelled) {
                     setGroupedModules(navigation);
                     // Cache the result
@@ -256,7 +271,7 @@ function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleSidebar,
                 clearTimeout(hoverTimeoutRef.current);
             }
         };
-    }, [companyId, userId]);
+    }, [companyId, userId, hasSession, sessionStatus]);
     // Auto-open parent items based on current path (optimized)
     React.useEffect(() => {
         if (groupedModules.length === 0)

package/dist/cjs/components/messaging/messaging-panel-content.js

@@ -8,14 +8,14 @@ const navigation_1 = require("next/navigation");
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../lib/utils.js");
 const LanguageContext_1 = require("../../contexts/LanguageContext.js");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("../../contexts/SessionAdapterContext.js");
 const MessagingContext_1 = require("../../contexts/MessagingContext.js");
 const messaging_1 = require("../../lib/api/activity/messaging/messaging.js");
 const conversation_list_1 = require("./conversation-list.js");
 const ui_1 = require("../ui/index.js");
 function MessagingPanelContent({ onClose }) {
     const { t } = (0, LanguageContext_1.useLanguage)();
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const { state, actions } = (0, MessagingContext_1.useMessaging)();
     const router = (0, navigation_1.useRouter)();
     const currentUserId = String(session?.user?.UserID || session?.user?.userID || '');

package/dist/cjs/components/ui/navigation/tabs.js

@@ -80,7 +80,10 @@ function Tabs({ tabs, activeTab, onTabChange, fullWidth = false, className = '',
                                 ? 'bg-[rgb(var(--color-primary))] text-white border-[rgb(var(--color-primary))]'
                                 : 'bg-[rgb(var(--bg-surface))] text-[rgb(var(--fg-muted))] border-[rgb(var(--bd-default))] hover:border-[rgb(var(--color-primary))] hover:text-[rgb(var(--color-primary))]'), children: q.label }, q.value));
                     }) })) : undefined;
-                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: tab.dropdownOptions, value: selected, onValueChange: (sel) => {
+                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { options: tab.dropdownOptions, 
+                    // Periods are listed in time order (Apr, May, Jun… / Week 1, 2, 3…); sorted by label,
+                    // the months came out Apr, Aug, Dec, Feb.
+                    preserveOrder: true, value: selected, onValueChange: (sel) => {
                         const arr = Array.isArray(sel) ? sel.map(String) : [String(sel)];
                         // Ticking a named option clears any quick preset (This/Last) — they're exclusive.
                         const quickVals = (tab.quickOptions || []).map(q => q.value);

package/dist/cjs/contexts/EmailContext.js

@@ -8,7 +8,7 @@ exports.useEmailActions = useEmailActions;
 exports.useEmailAPI = useEmailAPI;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("./SessionAdapterContext.js");
 const email_1 = require("../lib/api/activity/email/index.js");
 const FOLDER_CACHE_MAX_AGE = 5 * 60 * 1000; // 5 minutes
 // Initial State
@@ -152,11 +152,12 @@ function emailReducer(state, action) {
 const EmailContext = (0, react_1.createContext)(undefined);
 // Email Provider Component
 function EmailProvider({ children }) {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const [state, dispatch] = (0, react_1.useReducer)(emailReducer, initialState);
     // Memoize on stable identity — useSession() returns a new object each render, so an
     // unmemoized api would churn every useCallback([api]) and trigger repeated fetches.
     const sessionIdentity = `${session?.user?.CompanyID ?? ''}:${session?.user?.UserID ?? ''}`;
+    // The adapter carries the next-auth session as AuthSessionProvider received it, so it has the shape the email API reads.
     const api = (0, react_1.useMemo)(() => (0, email_1.createEmailAPI)(session), [sessionIdentity]); // eslint-disable-line react-hooks/exhaustive-deps
     // Initialize email system when session is available
     // NOTE: Initialization is now manual - call actions.fetchEmails() when needed

package/dist/cjs/contexts/MessagingContext.js

@@ -6,7 +6,7 @@ exports.useMessaging = useMessaging;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const signalr_1 = require("@microsoft/signalr");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("./SessionAdapterContext.js");
 const messaging_1 = require("../lib/api/activity/messaging/messaging.js");
 const messaging_2 = require("../lib/api/activity/messaging/messaging.js");
 const config_1 = require("../lib/api/core/config.js");
@@ -196,7 +196,7 @@ function messagingReducer(state, action) {
 const MessagingContext = (0, react_1.createContext)(undefined);
 // ─── Provider ───────────────────────────────────────────────────────────────
 function MessagingProvider({ children }) {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const [state, dispatch] = (0, react_1.useReducer)(messagingReducer, initialState);
     const stateRef = (0, react_1.useRef)(state);
     stateRef.current = state;

package/dist/cjs/contexts/NavigationContext.js

@@ -42,6 +42,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const api_1 = require("../lib/api/index.js");
 const utils_1 = require("../lib/utils.js");
+const SessionAdapterContext_1 = require("./SessionAdapterContext.js");
 /**
  * Filter grouped modules to only those with MobileSupported = 1/true.
  * Returns grouped structure with empty groups removed.
@@ -59,11 +60,25 @@ function NavigationProvider({ children, companyId, userId }) {
     const [groupedModules, setGroupedModules] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
+    // The menu API needs the signed-in session (company credentials). Read from the session adapter,
+    // not next-auth, so the library does not require next-auth; held in a ref so a fresh session
+    // object does not refetch the menu, only the session arriving or leaving does.
+    const sessionAdapter = (0, SessionAdapterContext_1.useOptionalSessionAdapter)();
+    const sessionRef = React.useRef(sessionAdapter?.data ?? null);
+    sessionRef.current = sessionAdapter?.data ?? null;
+    const hasSession = Boolean(sessionAdapter?.data);
+    const sessionStatus = sessionAdapter?.status ?? 'unauthenticated';
     const fetchNavigation = React.useCallback(async () => {
         if (!companyId || !userId) {
             setLoading(false);
             return;
         }
+        // No session yet: wait for it (this runs again when it arrives); none at all: no menu.
+        if (!hasSession) {
+            if (sessionStatus !== 'loading')
+                setLoading(false);
+            return;
+        }
         const cacheKey = `navigation_${companyId}_${userId}`;
         const cacheTimeKey = `${cacheKey}_time`;
         const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
@@ -80,7 +95,7 @@ function NavigationProvider({ children, companyId, userId }) {
                 }
             }
             setLoading(true);
-            const navigation = await (0, api_1.getDynamicNavigation)(companyId, userId);
+            const navigation = await (0, api_1.getDynamicNavigation)(companyId, userId, sessionRef.current);
             setGroupedModules(navigation);
             localStorage.setItem(cacheKey, JSON.stringify(navigation));
             localStorage.setItem(cacheTimeKey, Date.now().toString());
@@ -92,7 +107,7 @@ function NavigationProvider({ children, companyId, userId }) {
         finally {
             setLoading(false);
         }
-    }, [companyId, userId]);
+    }, [companyId, userId, hasSession, sessionStatus]);
     React.useEffect(() => {
         fetchNavigation();
     }, [fetchNavigation]);

package/dist/cjs/contexts/NotificationContext.js

@@ -5,7 +5,7 @@ exports.NotificationProvider = NotificationProvider;
 exports.useNotifications = useNotifications;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("./SessionAdapterContext.js");
 const activity_1 = require("../lib/api/activity/index.js");
 const types_1 = require("../lib/api/activity/notifications/types.js");
 const useSignalR_1 = require("../hooks/useSignalR.js");
@@ -15,7 +15,7 @@ const NotificationContext = (0, react_1.createContext)(undefined);
  * app. Consumers read shared state via `useNotifications()` instead of each mounting their own.
  */
 function NotificationProvider({ children }) {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const [notifications, setNotifications] = (0, react_1.useState)([]);
     const [notificationsLoading, setNotificationsLoading] = (0, react_1.useState)(false);
     const [showNotificationDropdown, setShowNotificationDropdown] = (0, react_1.useState)(false);

package/dist/cjs/contexts/SessionAdapterContext.js

@@ -2,6 +2,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SessionAdapterProvider = SessionAdapterProvider;
+exports.useOptionalSessionAdapter = useOptionalSessionAdapter;
 exports.useSessionAdapter = useSessionAdapter;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -14,6 +15,13 @@ function SessionAdapterProvider({ user, status, signOut, children }) {
     }), [user, status, signOut]);
     return (0, jsx_runtime_1.jsx)(SessionAdapterContext.Provider, { value: value, children: children });
 }
+/**
+ * The session when a provider is present, null when not: for components that also render in apps
+ * without one, such as the dynamic sidebar, which simply loads no menu then.
+ */
+function useOptionalSessionAdapter() {
+    return (0, react_1.useContext)(SessionAdapterContext);
+}
 /** Drop-in replacement for next-auth's `useSession()` inside library components. */
 function useSessionAdapter() {
     const ctx = (0, react_1.useContext)(SessionAdapterContext);

package/dist/cjs/hooks/useApproval.js

@@ -23,13 +23,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useApproval = useApproval;
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("../contexts/SessionAdapterContext.js");
 const approval_1 = require("../lib/api/approval/index.js");
 /**
  * useApproval Hook
  */
 function useApproval() {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     // State
     const [pendingApprovals, setPendingApprovals] = (0, react_1.useState)([]);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);

package/dist/cjs/hooks/useBusinessAudit.js

@@ -17,10 +17,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBusinessAudit = useBusinessAudit;
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("../contexts/SessionAdapterContext.js");
 const audit_1 = require("../lib/api/activity/audit/index.js");
 function useBusinessAudit() {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     const [isLogging, setIsLogging] = (0, react_1.useState)(false);
     const logAction = (0, react_1.useCallback)(async (action, module, details) => {
         if (!session)

package/dist/cjs/hooks/useDraft.js

@@ -22,13 +22,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDraft = useDraft;
 const react_1 = require("react");
-const react_2 = require("next-auth/react");
+const SessionAdapterContext_1 = require("../contexts/SessionAdapterContext.js");
 const draft_1 = require("../lib/api/draft/index.js");
 /**
  * useDraft Hook - Milestone Based
  */
 function useDraft(module, currentState) {
-    const { data: session } = (0, react_2.useSession)();
+    const session = (0, SessionAdapterContext_1.useOptionalSessionAdapter)()?.data ?? null;
     // State
     const [drafts, setDrafts] = (0, react_1.useState)([]);
     const [isLoadingDrafts, setIsLoadingDrafts] = (0, react_1.useState)(false);