indas-ui 0.1.4 → 0.1.5

package/dist/cjs/lib/api/utility/menu.js

@@ -10,15 +10,16 @@ exports.fetchDynamicMenuModules = fetchDynamicMenuModules;
 exports.groupAndSortModules = groupAndSortModules;
 exports.getDynamicNavigation = getDynamicNavigation;
 const client_1 = __importDefault(require("../core/client.js"));
-const react_1 = require("next-auth/react");
 /**
  * Fetch dynamic menu modules from external API
- * Now uses APIClient for proper authentication with company credentials
+ * Now uses APIClient for proper authentication with company credentials.
+ *
+ * The caller passes the session (from useSessionAdapter, which AuthSessionProvider fills from
+ * next-auth) rather than this module calling next-auth's getSession: importing next-auth here made
+ * every app installing indas-ui install next-auth too, since nearly every entry reaches this file.
  */
-async function fetchDynamicMenuModules(companyId, userId) {
+async function fetchDynamicMenuModules(companyId, userId, session) {
     try {
-        // Get session to pass to APIClient for company credentials
-        const session = await (0, react_1.getSession)();
         if (!session) {
             return [];
         }
@@ -127,10 +128,10 @@ function groupAndSortModules(modules) {
 /**
  * Get dynamic navigation structure for sidebar
  */
-async function getDynamicNavigation(companyId, userId) {
+async function getDynamicNavigation(companyId, userId, session) {
     if (!companyId || !userId) {
         return [];
     }
-    const modules = await fetchDynamicMenuModules(companyId, userId);
+    const modules = await fetchDynamicMenuModules(companyId, userId, session);
     return groupAndSortModules(modules);
 }

package/dist/cjs/providers.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = exports.QueryProvider = exports.useAPI = exports.APIProvider = exports.AuthSessionProvider = exports.useSessionAdapter = exports.SessionAdapterProvider = exports.useCurrency = exports.CurrencyProvider = exports.usePageTitle = exports.PageTitleProvider = exports.useSearchPreferences = exports.SearchPreferencesProvider = exports.useDevice = exports.DeviceProvider = exports.useLanguage = exports.LanguageProvider = exports.useAppConfig = exports.AppConfigProvider = exports.useQuickAlert = exports.useGlobalAlert = exports.GlobalAlertProvider = exports.ThemeContext = exports.ThemeScript = exports.ThemeProvider = void 0;
+exports.cn = exports.QueryProvider = exports.useAPI = exports.APIProvider = exports.useSessionAdapter = exports.SessionAdapterProvider = exports.useCurrency = exports.CurrencyProvider = exports.usePageTitle = exports.PageTitleProvider = exports.useSearchPreferences = exports.SearchPreferencesProvider = exports.useDevice = exports.DeviceProvider = exports.useLanguage = exports.LanguageProvider = exports.useAppConfig = exports.AppConfigProvider = exports.useQuickAlert = exports.useGlobalAlert = exports.GlobalAlertProvider = exports.ThemeContext = exports.ThemeScript = exports.ThemeProvider = void 0;
 // Providers entry: `import { ThemeProvider } from 'indas-ui/providers'`
 var ThemeContext_1 = require("./contexts/ThemeContext.js");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeContext_1.ThemeProvider; } });
@@ -32,8 +32,8 @@ Object.defineProperty(exports, "useCurrency", { enumerable: true, get: function
 var SessionAdapterContext_1 = require("./contexts/SessionAdapterContext.js");
 Object.defineProperty(exports, "SessionAdapterProvider", { enumerable: true, get: function () { return SessionAdapterContext_1.SessionAdapterProvider; } });
 Object.defineProperty(exports, "useSessionAdapter", { enumerable: true, get: function () { return SessionAdapterContext_1.useSessionAdapter; } });
-var session_provider_1 = require("./components/providers/session-provider.js");
-Object.defineProperty(exports, "AuthSessionProvider", { enumerable: true, get: function () { return session_provider_1.AuthSessionProvider; } });
+// AuthSessionProvider is in 'indas-ui/auth': it is the one part built on next-auth, which apps
+// install only when they use it.
 var api_provider_1 = require("./components/providers/api-provider.js");
 Object.defineProperty(exports, "APIProvider", { enumerable: true, get: function () { return api_provider_1.APIProvider; } });
 Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return api_provider_1.useAPI; } });

package/dist/components/auth/index.js

@@ -1,3 +1,2 @@
-'use client';
 export { ProtectedRoute } from './ProtectedRoute.js';
 export { UnauthorizedPage, MobileUnavailablePage } from './UnauthorizedPage.js';

package/dist/components/chat/chat.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Domain-specific branding (logo, title, messages) is injected via props.
  */
 import { useState, useEffect, useCallback, useRef } from 'react';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../../contexts/SessionAdapterContext.js';
 import { useRouter } from 'next/navigation';
 import { X, Plus, Maximize2, Download, Share2, Volume2, VolumeX, Bot, PanelLeftOpen, Star, Pencil, Trash2, ChevronDown, Search, Calendar } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
@@ -62,7 +62,7 @@ function bucketForDate(iso, now = new Date()) {
     return { id: `m-${d.getFullYear()}-${d.getMonth()}`, label: monthLabel, sort };
 }
 export function Chat({ mode = 'fullpage', externalMuted, title = 'Chat', sidebarTitle, bubbleLogo, logo, MessagesComponent, fullpagePath, onBeforeEditMessage, initialMessage, initialConversationId, headerActions, onMessagesChange }) {
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const router = useRouter();
     const alerts = useGlobalAlert();
     const { t } = useLanguage();

package/dist/components/chat/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Chat Components - Centralized exports
 //
 // Only the backend-agnostic pieces are exported. `Chat` itself is deliberately left out: it is

package/dist/components/dashboard/FilterBar.d.ts

@@ -50,6 +50,8 @@ export interface FilterBarProps {
     title: string;
     /** Dynamic context label (shown as subtitle) */
     contextLabel?: string;
+    /** One line under the title saying what the page shows. */
+    description?: React.ReactNode;
     /** Secondary toggle (e.g., Job/Value) */
     secondaryToggle?: {
         options: ToggleOption[];
@@ -99,10 +101,12 @@ export interface FilterBarProps {
     onInsightsClick?: () => void;
     /** Fiscal-year start year (e.g. 2026 for FY 2026-2027). Drives fiscal Week/Month/Quarter/Year options. */
     fiscalStartYear?: number;
+    /** Offer "All Time" at the end of the Year list (needs `fiscalStartYear`). */
+    allTime?: boolean;
     /** Additional content */
     children?: React.ReactNode;
     className?: string;
     /** Layout variant: 'default' or 'centered' (title in center) */
     layout?: 'default' | 'centered';
 }
-export declare function FilterBar({ title, contextLabel, secondaryToggle, timeFilter, onTimeFilterChange, timeFilterSelection, onTimeFilterSelectionChange, hideTimeFilter, filters, filterValues, onFilterChange, dateFrom, dateTo, onDateFromChange, onDateToChange, onApply, onReset, reports, onReportSelect, onExport, hideFilterButton, hideDateRange, showApplyButton, forecast, onForecastChange, onShare, showInsights, insightsActive, onInsightsClick, children, className, layout, fiscalStartYear }: FilterBarProps): React.JSX.Element;
+export declare function FilterBar({ title, contextLabel, description, secondaryToggle, timeFilter, onTimeFilterChange, timeFilterSelection, onTimeFilterSelectionChange, hideTimeFilter, filters, filterValues, onFilterChange, dateFrom, dateTo, onDateFromChange, onDateToChange, onApply, onReset, reports, onReportSelect, onExport, hideFilterButton, hideDateRange, showApplyButton, forecast, onForecastChange, onShare, showInsights, insightsActive, onInsightsClick, children, className, layout, fiscalStartYear, allTime, }: FilterBarProps): React.JSX.Element;

package/dist/components/dashboard/FilterBar.js

@@ -214,7 +214,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),
@@ -242,7 +242,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 },
@@ -318,11 +321,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: [_jsx(TrendingUp, { className: "w-4 h-4" }), forecast.enabled && !open && (_jsx("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), open && (_jsxs("div", { className: 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: [_jsxs("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))] shrink-0", children: t('Forecast') }), onTimeFilterChange ? (_jsx(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]" })) : (_jsxs("span", { className: "text-[10px] text-[rgb(var(--fg-muted))]", children: ["\u00B7 ", t(timeFilter)] }))] }), _jsx(Switch, { checked: forecast.enabled, onCheckedChange: (enabled) => onForecastChange({ ...forecast, enabled }) })] }), _jsxs("div", { className: cn('p-3 space-y-3', !forecast.enabled && 'opacity-50 pointer-events-none'), children: [_jsx(Tabs, { tabs: 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 && (_jsx("p", { className: "text-[10px] text-[rgb(var(--fg-muted))]", children: t(activeMethod.hint) })), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: t('Based On Last') }), _jsx(Stepper, { value: forecast.period, min: limits.min, max: limits.max, onChange: setPeriod }), _jsx("p", { className: "mt-1 text-[10px] text-[rgb(var(--fg-muted))] truncate", children: resolvePeriodRange(timeFilter, forecast.period, -1) })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: t('Forecast Ahead') }), _jsx(Stepper, { value: forecast.horizon, min: horizonLimits.min, max: horizonLimits.max, onChange: setHorizon }), _jsx("p", { className: "mt-1 text-[10px] text-[rgb(var(--fg-muted))] truncate", children: resolvePeriodRange(timeFilter, forecast.horizon, 1) })] })] })] })] }))] }));
 }
-export 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 }) {
+export 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] = useState(false);
     const popoverRef = useRef(null);
     const buttonRef = useRef(null);
-    const timeOptions = 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 = useRef(null);
+    const timeTabsRef = useRef(null);
+    const [tabsWrapped, setTabsWrapped] = useState(false);
+    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 = 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.
@@ -385,10 +408,10 @@ export function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = '
                                             ...(filter === 'Year' && { years: selectedValues }),
                                         };
                                         onTimeFilterSelectionChange?.(newSelection);
-                                    } }))] }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("h1", { className: "text-sm font-semibold text-[rgb(var(--fg-default))]", children: title }), contextLabel && (_jsx("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: contextLabel }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [!hideFilterButton && (_jsxs("div", { className: "relative", children: [_jsxs("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: 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: [_jsx(ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && (_jsx("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && (_jsxs("div", { ref: popoverRef, className: 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: [_jsxs("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), _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: _jsx(X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), _jsxs("div", { className: "p-3 space-y-3", children: [filters.length > 0 && (_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${filters.length}, minmax(140px, 1fr))` }, children: filters.map((filter) => (_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), _jsx(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 && (_jsx(DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && (_jsx(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange })), showApplyButton && (_jsx("button", { onClick: onApply, className: 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) && (_jsx(OverflowMenu, { reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] })] }) }) }));
+                                    } }))] }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("h1", { className: "text-sm font-semibold text-[rgb(var(--fg-default))]", children: title }), contextLabel && (_jsx("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: contextLabel })), description && _jsx("p", { className: "mt-0.5 text-xs text-[rgb(var(--fg-muted))]", children: description })] }), _jsxs("div", { className: "flex items-center gap-3", children: [!hideFilterButton && (_jsxs("div", { className: "relative", children: [_jsxs("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: 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: [_jsx(ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && (_jsx("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && (_jsxs("div", { ref: popoverRef, className: 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: [_jsxs("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), _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: _jsx(X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), _jsxs("div", { className: "p-3 space-y-3", children: [filters.length > 0 && (_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${filters.length}, minmax(140px, 1fr))` }, children: filters.map((filter) => (_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), _jsx(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 && (_jsx(DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && (_jsx(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange })), showApplyButton && (_jsx("button", { onClick: onApply, className: 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) && (_jsx(OverflowMenu, { reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] })] }) }) }));
     }
     // Default layout: Title centered, controls on right
-    return (_jsxs("header", { className: cn('bg-[rgb(var(--bg-surface))] border-b border-[rgb(var(--bd-default))]', 'px-4 py-3 lg:px-6', className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2.5", children: [_jsx("h1", { className: "text-base sm:text-xl font-bold text-[rgb(var(--fg-default))] leading-tight truncate", children: title }), contextLabel && (_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: [_jsx(CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [secondaryToggle && (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden sm:block", children: _jsx(Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" }) }), _jsx("div", { className: "hidden sm:block h-4 w-px bg-[rgb(var(--bd-default))] self-center" })] })), !hideTimeFilter && (_jsx("div", { className: "hidden sm:block", children: _jsx(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 (_jsxs("header", { className: cn('bg-[rgb(var(--bg-surface))] border-b border-[rgb(var(--bd-default))]', 'px-4 py-3 lg:px-6', className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [_jsxs("div", { className: "flex-auto min-w-0 flex items-center gap-2.5", children: [_jsx("h1", { className: "text-base sm:text-xl font-bold text-[rgb(var(--fg-default))] leading-tight truncate", children: title }), contextLabel && (_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: [_jsx(CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] }))] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-x-3 gap-y-2", children: [secondaryToggle && (_jsxs(_Fragment, { children: [_jsx("div", { ref: toggleRef, className: "hidden sm:block", children: _jsx(Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" }) }), _jsx("div", { className: cn('hidden h-4 w-px bg-[rgb(var(--bd-default))] self-center', !tabsWrapped && 'sm:block') })] })), !hideTimeFilter && (_jsx("div", { ref: timeTabsRef, className: "hidden sm:block", children: _jsx(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 || [],
@@ -407,7 +430,7 @@ export function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = '
                                         onTimeFilterSelectionChange?.(newSelection);
                                     } }) })), _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 && (_jsxs("div", { className: "relative", children: [_jsxs("button", { ref: buttonRef, onClick: () => setPopoverOpen(!popoverOpen), className: 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: [_jsx(ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && (_jsx("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && (_jsxs("div", { ref: popoverRef, className: 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: [_jsxs("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), _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: _jsx(X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), _jsxs("div", { className: "p-3 space-y-3", children: [filters.length > 0 && (_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${Math.min(filters.length, 3)}, minmax(140px, 1fr))` }, children: filters.map((filter) => (_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), _jsx(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 && (_jsx(DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && (_jsx(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange, bare: true })), (showInsights || reports.length > 0 || onShare || onExport) && (_jsx(OverflowMenu, { showInsights: showInsights, insightsActive: insightsActive, onInsightsClick: onInsightsClick, reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] }), showApplyButton && (_jsx("button", { onClick: onApply, className: 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 && (_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: [_jsx(CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] })), (!hideTimeFilter || secondaryToggle) && (_jsxs("div", { className: "sm:hidden mt-2 flex items-center gap-2 overflow-x-auto", children: [secondaryToggle && (_jsx(Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" })), !hideTimeFilter && (_jsx(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: [_jsx(ListFilter, { className: "w-4 h-4" }), hasActiveFilters && !popoverOpen && (_jsx("span", { className: "absolute -top-1 -right-1 w-2 h-2 bg-[rgb(var(--color-primary))] rounded-full" }))] }), popoverOpen && (_jsxs("div", { ref: popoverRef, className: 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: [_jsxs("div", { className: "px-3 py-2 border-b border-[rgb(var(--bd-default))] flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-semibold text-[rgb(var(--fg-default))]", children: "Filters" }), _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: _jsx(X, { className: "w-3 h-3 text-[rgb(var(--fg-muted))]" }) })] }), _jsxs("div", { className: "p-3 space-y-3", children: [filters.length > 0 && (_jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: `repeat(${Math.min(filters.length, 3)}, minmax(140px, 1fr))` }, children: filters.map((filter) => (_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wider mb-1 block", children: filter.label }), _jsx(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 && (_jsx(DatePicker, { mode: "range", value: dateRangeValue, onChange: handleDateRangeChange, inline: true }))] })] }))] })), forecast && onForecastChange && (_jsx(ForecastControl, { forecast: forecast, onForecastChange: onForecastChange, timeFilter: timeFilter, onTimeFilterChange: onTimeFilterChange, bare: true })), (showInsights || reports.length > 0 || onShare || onExport) && (_jsx(OverflowMenu, { showInsights: showInsights, insightsActive: insightsActive, onInsightsClick: onInsightsClick, reports: reports, onReportSelect: onReportSelect, onShare: onShare, onExport: onExport }))] }), showApplyButton && (_jsx("button", { onClick: onApply, className: 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 && (_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: [_jsx(CalendarDays, { className: "w-3.5 h-3.5" }), contextLabel] })), (!hideTimeFilter || secondaryToggle) && (_jsxs("div", { className: "sm:hidden mt-2 flex flex-col items-start gap-2", children: [secondaryToggle && (_jsx(Tabs, { tabs: secondaryToggle.options.map(opt => ({ id: opt.value, label: opt.label })), activeTab: secondaryToggle.value, onTabChange: secondaryToggle.onChange, size: "sm" })), !hideTimeFilter && (_jsx(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 || [],
@@ -424,5 +447,5 @@ export function FilterBar({ title, contextLabel, secondaryToggle, timeFilter = '
                                 ...(filter === 'Year' && { years: selectedValues }),
                             };
                             onTimeFilterSelectionChange?.(newSelection);
-                        } }))] }))] }));
+                        } }))] })), description && _jsx("p", { className: "mt-1 text-sm text-[rgb(var(--fg-muted))]", children: description })] }));
 }

package/dist/components/dashboard/charts/index.js

@@ -1,4 +1,3 @@
-'use client';
 // ECharts Components
 export { AreaChart } from './Area.js';
 export { BarChart } from './Bar.js';

package/dist/components/dashboard/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Main Components
 export { FilterBar, computeForecast, projectForecast, FORECAST_METHODS } from './FilterBar.js';
 export { DashboardTooltip } from './Tooltip.js';

package/dist/components/dashboard/kpi/index.js

@@ -1,4 +1,3 @@
-'use client';
 // KPI Components
 export { KpiShell, ACCENT_MAP } from './kpi-shell.js';
 export { KpiComparison } from './KpiComparison.js';

package/dist/components/dashboard/time-range.d.ts

@@ -5,7 +5,18 @@ export declare const fiscalWeekRange: (fyStart: number, wk: number) => {
     to: Date;
 } | null;
 export declare const fiscalWeekCount: (fyStart: number) => number;
-export declare const rangeFromSelection: (sel: TimeFilterSelection | undefined, fyStart: number) => {
+/**
+ * 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.
+ */
+export declare const rangeFromSelection: (sel: TimeFilterSelection | undefined, fyStart: number, today?: Date) => {
     from: Date;
     to: Date;
 };

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

@@ -37,44 +37,77 @@ export const fiscalWeekCount = (fyStart) => {
         wk++;
     return wk;
 };
-// "this" anchors to the FY's first period (W1 / Apr / Q1), per fiscal reporting.
-export 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.
+ */
+export 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 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 {
@@ -82,7 +115,7 @@ export 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 };
 };
 // Header subtitle for the selected period. Week/Day show their day span in brackets;
 // Quarter/Year show fiscal labels. `t` translates the period words.
@@ -99,17 +132,28 @@ export 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/components/datagrid/cells/index.js

@@ -1,2 +1 @@
-'use client';
 export { BooleanCell } from './BooleanCell.js';

package/dist/components/datagrid/controls/menu/grouping/index.js

@@ -1,2 +1 @@
-'use client';
 export { GroupingSection } from './GroupingSection.js';

package/dist/components/datagrid/controls/menu/index.js

@@ -1,4 +1,3 @@
-'use client';
 export { ActionsMenu } from './ActionsMenu.js';
 export { ViewSection } from './view/ViewSection.js';
 export { ExportSection } from './export/ExportSection.js';

package/dist/components/datagrid/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Main component
 export { DataGrid } from './DataGrid.js';
 // Controls

package/dist/components/forms/date-picker/index.js

@@ -1,4 +1,3 @@
-'use client';
 // DatePicker - Single/Range date selection without time
 export { DatePicker } from './DatePicker.js';
 // DateTimePicker - Single date WITH time selection

package/dist/components/forms/dropdown/index.js

@@ -1,2 +1 @@
-'use client';
 export { Dropdown } from './Dropdown.js';

package/dist/components/forms/file-attachment/index.js

@@ -1,2 +1 @@
-'use client';
 export { FileAttachment } from './FileAttachment.js';

package/dist/components/forms/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Form controls entry: `import { DatePicker } from 'indas-ui/forms'`
 export { Dropdown } from './dropdown/index.js';
 export { DatePicker, DateTimePicker } from './date-picker/index.js';

package/dist/components/forms/remark-input/index.js

@@ -1,2 +1 @@
-'use client';
 export { RemarkInput, RemarkTrail, commitRemarkToTrail } from './RemarkInput.js';

package/dist/components/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Main component index - exports all design system components
 export * from './ui/index.js';
 export * from './layout/index.js';

package/dist/components/layout/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Layout Components - Centralized exports
 export { DynamicSidebar } from './sidebar.js';
 export { Footer, CompactFooter } from './footer.js';

package/dist/components/layout/sidebar.js

@@ -13,6 +13,7 @@ import '../../styles/sidebar-scrollbar.css';
 import { createPortal } from 'react-dom';
 import { SidebarContextMenu, SidebarGroupContextMenu } from './SidebarContextMenu.js';
 import { useSidebarPreferences } from '../../contexts/SidebarPreferencesContext.js';
+import { useOptionalSessionAdapter } from '../../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.
@@ -123,6 +124,14 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
     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 = 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);
@@ -164,6 +173,12 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
         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
@@ -189,7 +204,7 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
             try {
                 setLoading(true);
                 setError(null);
-                const navigation = await getDynamicNavigation(companyId, userId);
+                const navigation = await getDynamicNavigation(companyId, userId, sessionRef.current);
                 if (!isCancelled) {
                     setGroupedModules(navigation);
                     // Cache the result
@@ -217,7 +232,7 @@ export function DynamicSidebar({ isCollapsed = false, onMenuItemClick, onToggleS
                 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/components/master/editable-cells/index.js

@@ -1,4 +1,3 @@
-'use client';
 /**
  * Unified Editable Cell Components
  *

package/dist/components/master/index.js

@@ -1,3 +1,2 @@
-'use client';
 // Editable Cells
 export { EditableCell, EditableTextCell, EditableDecimalCell } from './editable-cells/index.js';

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

@@ -5,14 +5,14 @@ import { useRouter } from 'next/navigation';
 import { MessageSquare, Send, RefreshCw } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
 import { useLanguage } from '../../contexts/LanguageContext.js';
-import { useSession } from 'next-auth/react';
+import { useOptionalSessionAdapter } from '../../contexts/SessionAdapterContext.js';
 import { useMessaging } from '../../contexts/MessagingContext.js';
 import { parseParticipants } from '../../lib/api/activity/messaging/messaging.js';
 import { getAvatarColor, getInitials, formatRelativeTime } from './conversation-list.js';
 import { Button } from '../ui/index.js';
 export function MessagingPanelContent({ onClose }) {
     const { t } = useLanguage();
-    const { data: session } = useSession();
+    const session = useOptionalSessionAdapter()?.data ?? null;
     const { state, actions } = useMessaging();
     const router = useRouter();
     const currentUserId = String(session?.user?.UserID || session?.user?.userID || '');

package/dist/components/modals/index.js

@@ -1,4 +1,3 @@
-'use client';
 // Modal components exports
 export { APIConfigModal } from './api-config-modal.js';
 export { GlobalAPIConfigModal } from './global-api-config-modal.js';

package/dist/components/ui/feedback/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "secondary" | "outline" | "destructive" | "warning" | "success" | "orange" | "cyan" | "indigo" | "lime" | "pink" | "purple" | "teal" | "violet" | "default" | "department" | "module" | "danger" | "info" | "amber" | "emerald" | "sky" | "rose" | "primary-selected" | "warning-selected" | "success-selected" | "orange-selected" | "error-selected" | "primary-unselected" | "warning-unselected" | "success-unselected" | "orange-unselected" | "error-unselected";
+    variant?: "secondary" | "outline" | "destructive" | "warning" | "success" | "orange" | "cyan" | "indigo" | "lime" | "pink" | "purple" | "teal" | "violet" | "default" | "module" | "info" | "department" | "danger" | "amber" | "emerald" | "sky" | "rose" | "primary-selected" | "warning-selected" | "success-selected" | "orange-selected" | "error-selected" | "primary-unselected" | "warning-unselected" | "success-unselected" | "orange-unselected" | "error-unselected";
     size?: "sm" | "lg" | "default";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/ui/index.js

@@ -1,4 +1,3 @@
-'use client';
 // UI Components - Centralized exports with organized folder structure
 // ============================================================================
 // FORMS

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

@@ -38,7 +38,10 @@ export function Tabs({ tabs, activeTab, onTabChange, fullWidth = false, classNam
                                 ? '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 (_jsx(Dropdown, { options: tab.dropdownOptions, value: selected, onValueChange: (sel) => {
+                return (_jsx(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);