@object-ui/app-shell 6.1.0 → 6.2.0

package/dist/hooks/useConversationList.js

@@ -0,0 +1,131 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * Loads the signed-in user's AI conversation history.
+ *
+ * Backed by `GET /api/v1/ai/conversations` exposed by
+ * `@objectstack/service-ai`. The endpoint already filters by
+ * `req.user.userId` server-side so we just forward credentials.
+ */
+import { useCallback, useEffect, useState } from 'react';
+function extractPreview(messages) {
+    if (!messages || messages.length === 0)
+        return undefined;
+    // Prefer the most recent user message, fall back to last message.
+    for (let i = messages.length - 1; i >= 0; i--) {
+        const m = messages[i];
+        if (m.role === 'user') {
+            const text = stringifyContent(m.content);
+            if (text)
+                return text;
+        }
+    }
+    const last = messages[messages.length - 1];
+    return stringifyContent(last?.content);
+}
+function stringifyContent(content) {
+    if (typeof content === 'string')
+        return content.slice(0, 140);
+    if (Array.isArray(content)) {
+        const text = content
+            .map((p) => {
+            if (typeof p === 'string')
+                return p;
+            if (p && typeof p === 'object' && 'text' in p && typeof p.text === 'string') {
+                return p.text;
+            }
+            return '';
+        })
+            .join('');
+        return text ? text.slice(0, 140) : undefined;
+    }
+    return undefined;
+}
+function normalize(row) {
+    return {
+        id: row.id,
+        title: row.title,
+        agentId: row.agentId,
+        createdAt: row.createdAt,
+        updatedAt: row.updatedAt,
+        preview: extractPreview(row.messages),
+    };
+}
+export function useConversationList(options) {
+    const { userId, apiBase, limit = 50, refreshKey } = options;
+    const [conversations, setConversations] = useState([]);
+    const [isLoading, setIsLoading] = useState(Boolean(userId));
+    const [error, setError] = useState(undefined);
+    const [internalKey, setInternalKey] = useState(0);
+    const refetch = useCallback(async () => {
+        setInternalKey((k) => k + 1);
+    }, []);
+    const remove = useCallback(async (id) => {
+        try {
+            await fetch(`${apiBase}/conversations/${encodeURIComponent(id)}`, {
+                method: 'DELETE',
+                credentials: 'include',
+            });
+        }
+        finally {
+            setConversations((rows) => rows.filter((r) => r.id !== id));
+        }
+    }, [apiBase]);
+    const rename = useCallback(async (id, title) => {
+        const trimmed = title.trim();
+        // Optimistic update so the sidebar reflects the new title immediately.
+        setConversations((rows) => rows.map((r) => (r.id === id ? { ...r, title: trimmed || undefined } : r)));
+        const res = await fetch(`${apiBase}/conversations/${encodeURIComponent(id)}`, {
+            method: 'PATCH',
+            credentials: 'include',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ title: trimmed }),
+        });
+        if (!res.ok) {
+            // Roll back by refetching.
+            setInternalKey((k) => k + 1);
+            throw new Error(`PATCH conversation failed: ${res.status}`);
+        }
+    }, [apiBase]);
+    useEffect(() => {
+        if (!userId) {
+            setConversations([]);
+            setIsLoading(false);
+            setError(undefined);
+            return;
+        }
+        let cancelled = false;
+        setIsLoading(true);
+        setError(undefined);
+        (async () => {
+            try {
+                const res = await fetch(`${apiBase}/conversations?limit=${encodeURIComponent(String(limit))}`, { credentials: 'include' });
+                if (!res.ok)
+                    throw new Error(`GET conversations failed: ${res.status}`);
+                const body = (await res.json());
+                const rows = Array.isArray(body)
+                    ? body
+                    : (body.conversations ?? body.items ?? []);
+                if (cancelled)
+                    return;
+                const sorted = rows
+                    .map(normalize)
+                    .sort((a, b) => (b.updatedAt ?? '').localeCompare(a.updatedAt ?? ''));
+                setConversations(sorted);
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                setError(err instanceof Error ? err : new Error(String(err)));
+                setConversations([]);
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [userId, apiBase, limit, internalKey, refreshKey]);
+    return { conversations, isLoading, error, refetch, remove, rename };
+}

package/dist/hooks/useNavPins.d.ts

@@ -1,16 +1,23 @@
 /**
  * useNavPins
  *
- * Tracks user-pinned navigation items with localStorage persistence.
- * Pinned items are shown at the top of the sidebar as a "Pinned" section.
- * Works alongside the existing `useFavorites` hook (record-level favorites).
+ * Thin shim over `useFavorites` that exposes the legacy pin API used by
+ * `NavigationRenderer`. Pin state for sidebar navigation items is stored as
+ * `type: 'nav'` favorites with `pinned: true` and `navId` pointing back at
+ * the originating `NavigationItem.id`. Backed by the same backend channel as
+ * regular favorites (UserDataAdapter), so pins now sync across devices.
+ *
+ * Migration from the old `objectui-nav-pins` localStorage key happens once
+ * on `<FavoritesProvider>` mount — see `migrateLegacyNavPins`.
+ *
  * @module
  */
 import type { NavigationItem } from '@object-ui/types';
 export declare function useNavPins(): {
     pinnedIds: string[];
-    togglePin: (itemId: string, pinned: boolean) => void;
+    togglePin: (itemId: string, pinned: boolean, item?: NavigationItem, basePath?: string) => void;
     isPinned: (itemId: string) => boolean;
     applyPins: (items: NavigationItem[]) => NavigationItem[];
     clearPins: () => void;
 };
+export type { FavoriteItem } from '../context/FavoritesProvider';

package/dist/hooks/useNavPins.js

@@ -1,72 +1,123 @@
 /**
  * useNavPins
  *
- * Tracks user-pinned navigation items with localStorage persistence.
- * Pinned items are shown at the top of the sidebar as a "Pinned" section.
- * Works alongside the existing `useFavorites` hook (record-level favorites).
+ * Thin shim over `useFavorites` that exposes the legacy pin API used by
+ * `NavigationRenderer`. Pin state for sidebar navigation items is stored as
+ * `type: 'nav'` favorites with `pinned: true` and `navId` pointing back at
+ * the originating `NavigationItem.id`. Backed by the same backend channel as
+ * regular favorites (UserDataAdapter), so pins now sync across devices.
+ *
+ * Migration from the old `objectui-nav-pins` localStorage key happens once
+ * on `<FavoritesProvider>` mount — see `migrateLegacyNavPins`.
+ *
  * @module
  */
-import { useState, useCallback, useEffect } from 'react';
-const STORAGE_KEY = 'objectui-nav-pins';
+import { useCallback, useMemo } from 'react';
+import { useFavorites } from '../context/FavoritesProvider';
 const MAX_PINS = 20;
-function loadPins() {
-    try {
-        const raw = localStorage.getItem(STORAGE_KEY);
-        if (!raw)
-            return [];
-        const parsed = JSON.parse(raw);
-        if (!Array.isArray(parsed))
-            return [];
-        return parsed.filter((id) => typeof id === 'string');
-    }
-    catch {
-        return [];
+/**
+ * Synthesize the `href` for a NavigationItem in isolation from a sidebar.
+ *
+ * This duplicates a small portion of `NavigationRenderer.resolveHref` to keep
+ * the favorite record self-describing — useful if a future iteration surfaces
+ * nav-pins outside the sidebar (e.g. command palette / quick-jump). Returns
+ * an empty string for non-routable item types; consumers should treat empty
+ * href as "fall back to live nav tree".
+ */
+function deriveHref(item, basePath = '') {
+    switch (item.type) {
+        case 'object':
+            if (!item.objectName)
+                return '';
+            return item.viewName
+                ? `${basePath}/${item.objectName}/view/${item.viewName}`
+                : `${basePath}/${item.objectName}`;
+        case 'dashboard':
+            return item.dashboardName ? `${basePath}/dashboard/${item.dashboardName}` : '';
+        case 'page':
+            return item.pageName ? `${basePath}/page/${item.pageName}` : '';
+        case 'report':
+            return item.reportName ? `${basePath}/report/${item.reportName}` : '';
+        case 'url':
+            return item.url ?? '';
+        default:
+            return '';
     }
 }
-function savePins(ids) {
-    try {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(ids));
-    }
-    catch {
-        // Storage full — silently ignore
-    }
+function favoriteIdFor(navId) {
+    return `nav:${navId}`;
 }
 export function useNavPins() {
-    const [pinnedIds, setPinnedIds] = useState(loadPins);
-    // Sync from storage on mount
-    useEffect(() => {
-        setPinnedIds(loadPins());
-    }, []);
-    const togglePin = useCallback((itemId, pinned) => {
-        setPinnedIds(prev => {
-            const filtered = prev.filter(id => id !== itemId);
-            const updated = pinned
-                ? [...filtered, itemId].slice(0, MAX_PINS)
-                : filtered;
-            savePins(updated);
-            return updated;
-        });
-    }, []);
-    const isPinned = useCallback((itemId) => pinnedIds.includes(itemId), [pinnedIds]);
+    const { favorites, addFavorite, removeFavorite, setPinned, pinnedNavIds, } = useFavorites();
+    const togglePin = useCallback((itemId, pinned, item, basePath) => {
+        const favId = favoriteIdFor(itemId);
+        if (pinned) {
+            // If a NavigationItem is provided, register/refresh the favorite with
+            // proper label/href so backend sync carries portable data. Otherwise
+            // just flip the flag — the existing favorite (if any) keeps its data.
+            if (item) {
+                addFavorite({
+                    id: favId,
+                    label: item.label,
+                    href: deriveHref(item, basePath ?? ''),
+                    type: 'nav',
+                    navId: itemId,
+                    pinned: true,
+                });
+                // addFavorite is idempotent by id — for an already-present favorite
+                // that may have been unpinned via setPinned(false), flip the flag
+                // back on explicitly.
+                setPinned(favId, true);
+            }
+            else {
+                setPinned(favId, true);
+            }
+        }
+        else {
+            // Unpinning a nav favorite removes it entirely — nav-pins exist
+            // solely to surface the item in the sidebar Pinned section.
+            removeFavorite(favId);
+        }
+    }, [addFavorite, removeFavorite, setPinned]);
+    const isPinned = useCallback((itemId) => pinnedNavIds.has(itemId), [pinnedNavIds]);
     /**
-     * Apply pinned state to a navigation item tree.
-     * Returns new items with `pinned` property set based on stored pin state.
+     * Apply pinned state to a navigation item tree. Returns new items with
+     * `pinned` property set based on stored pin state. Caps the displayed pin
+     * count at `MAX_PINS` — additional `pinnedNavIds` (e.g. coming from another
+     * device with a larger cap) are silently ignored at render time.
      */
     const applyPins = useCallback((items) => {
-        return items.map(item => {
-            const pinned = pinnedIds.includes(item.id);
-            const children = item.children?.length
-                ? applyPins(item.children)
-                : item.children;
-            if (pinned !== (item.pinned ?? false) || children !== item.children) {
-                return { ...item, pinned, children };
+        if (pinnedNavIds.size === 0) {
+            // Fast path: drop any stale `pinned: true` left by previous renders.
+            let anyStale = false;
+            for (const it of items)
+                if (it.pinned) {
+                    anyStale = true;
+                    break;
+                }
+            if (!anyStale)
+                return items;
+        }
+        let pinCount = 0;
+        const walk = (list) => list.map(item => {
+            const shouldPin = pinnedNavIds.has(item.id) && pinCount < MAX_PINS;
+            if (shouldPin)
+                pinCount++;
+            const children = item.children?.length ? walk(item.children) : item.children;
+            if (shouldPin !== (item.pinned ?? false) || children !== item.children) {
+                return { ...item, pinned: shouldPin, children };
             }
             return item;
         });
-    }, [pinnedIds]);
+        return walk(items);
+    }, [pinnedNavIds]);
     const clearPins = useCallback(() => {
-        setPinnedIds([]);
-        savePins([]);
-    }, []);
+        // Remove every nav-pin favorite — content favorites are untouched.
+        for (const f of favorites) {
+            if (f.type === 'nav')
+                removeFavorite(f.id);
+        }
+    }, [favorites, removeFavorite]);
+    const pinnedIds = useMemo(() => Array.from(pinnedNavIds), [pinnedNavIds]);
     return { pinnedIds, togglePin, isPinned, applyPins, clearPins };
 }

package/dist/index.d.ts

@@ -43,3 +43,10 @@ export { MembersPage as DefaultMembersPage } from './console/organizations/manag
 export { InvitationsPage as DefaultInvitationsPage } from './console/organizations/manage/InvitationsPage';
 export { SettingsPage as DefaultSettingsPage } from './console/organizations/manage/SettingsPage';
 export { AcceptInvitationPage as DefaultAcceptInvitationPage } from './console/organizations/manage/AcceptInvitationPage';
+export { AiChatPage as DefaultAiChatPage, AiChatPage } from './console/ai/AiChatPage';
+export { ConversationsSidebar } from './console/ai/ConversationsSidebar';
+export { registerAppComponent, getAppComponent, listAppComponents, componentRefToUrlSegments, urlSegmentsToComponentRef, } from './services/componentRegistry';
+export type { AppComponentRegistryEntry } from './services/componentRegistry';
+import './services/builtinComponents';
+export { MetadataDirectoryPage, MetadataResourceRouter, MetadataResourceListPage, MetadataResourceEditPage, MetadataResourceHistoryPage, MetadataQuickFind, MetadataPageShell, SchemaForm, LayeredDiff, registerMetadataResource, getMetadataResource, listMetadataResources, resolveResourceConfig, useMetadataClient, useMetadataTypes, useTypesIndex, matchesQuery, } from './views/metadata-admin';
+export type { MetadataResourceConfig, MetadataDomain, RichMetadataTypeEntry, } from './views/metadata-admin';

package/dist/index.js

@@ -49,3 +49,17 @@ export { MembersPage as DefaultMembersPage } from './console/organizations/manag
 export { InvitationsPage as DefaultInvitationsPage } from './console/organizations/manage/InvitationsPage';
 export { SettingsPage as DefaultSettingsPage } from './console/organizations/manage/SettingsPage';
 export { AcceptInvitationPage as DefaultAcceptInvitationPage } from './console/organizations/manage/AcceptInvitationPage';
+export { AiChatPage as DefaultAiChatPage, AiChatPage } from './console/ai/AiChatPage';
+export { ConversationsSidebar } from './console/ai/ConversationsSidebar';
+// Phase 3b: Component nav registry — plugins use this to register
+// admin/setup UI surfaces that are addressable from App metadata via
+// `{ type: 'component', componentRef: 'ns:name' }` nav items.
+export { registerAppComponent, getAppComponent, listAppComponents, componentRefToUrlSegments, urlSegmentsToComponentRef, } from './services/componentRegistry';
+// Side-effect import: registers built-in admin components
+// (metadata:directory, metadata:resource) at module load.
+import './services/builtinComponents';
+// Phase 3c — generic metadata admin engine. Re-exported so plugins
+// can call `registerMetadataResource()` to override the per-type
+// list / edit / create components, and host apps can compose the
+// page primitives directly when needed.
+export { MetadataDirectoryPage, MetadataResourceRouter, MetadataResourceListPage, MetadataResourceEditPage, MetadataResourceHistoryPage, MetadataQuickFind, MetadataPageShell, SchemaForm, LayeredDiff, registerMetadataResource, getMetadataResource, listMetadataResources, resolveResourceConfig, useMetadataClient, useMetadataTypes, useTypesIndex, matchesQuery, } from './views/metadata-admin';

package/dist/layout/AppHeader.js

@@ -19,7 +19,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  */
 import { useLocation, useParams, Link, useNavigate } from 'react-router-dom';
 import { SidebarTrigger, Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, Avatar, AvatarImage, AvatarFallback, cn, } from '@object-ui/components';
-import { Search, HelpCircle, ChevronDown, Check, Lock, Settings, LogOut, User as UserIcon, Boxes, } from 'lucide-react';
+import { Search, HelpCircle, ChevronDown, Check, Lock, Settings, LogOut, User as UserIcon, Boxes, Bot, } from 'lucide-react';
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { useOffline } from '@object-ui/react';
 import { PresenceAvatars, useTenantPresence } from '@object-ui/collaboration';
@@ -389,5 +389,5 @@ export function AppHeader({ variant, appName, objects, connectionState, presence
                                                     if (!isActive)
                                                         mobileSwitcher.onChange(v.id);
                                                 }, className: "gap-2", children: [v.icon ? (_jsx("span", { className: "shrink-0 text-muted-foreground [&>svg]:h-4 [&>svg]:w-4", children: v.icon })) : null, _jsx("span", { className: "flex-1 truncate", children: v.label }), v.locked ? (_jsx(Lock, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": true })) : null, isActive ? (_jsx(Check, { className: "h-4 w-4 shrink-0 text-foreground", "aria-hidden": true })) : null] }, v.id));
-                                        }) })] })) : (_jsx("span", { className: "text-sm font-medium sm:hidden truncate min-w-0 ml-1", children: mobileSwitcher.triggerLabel ?? mobileSwitcher.views[0].label }))) : (_jsx("span", { className: "text-sm font-medium sm:hidden truncate min-w-0 ml-1", children: lastSegmentLabel }))] }))] }), _jsxs("div", { className: "flex items-center gap-0.5 sm:gap-1 shrink-0 [&>*+*[data-topbar-group]]:ml-1 [&>[data-topbar-group]+[data-topbar-group]]:border-l [&>[data-topbar-group]+[data-topbar-group]]:border-border/60 [&>[data-topbar-group]+[data-topbar-group]]:pl-1 sm:[&>[data-topbar-group]+[data-topbar-group]]:pl-2 sm:[&>[data-topbar-group]+[data-topbar-group]]:ml-2", children: [!isOnline && (_jsxs("div", { className: "flex items-center gap-1 px-2 py-1 rounded-full bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 text-xs font-medium", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-yellow-500 animate-pulse" }), "Offline"] })), isApp && connectionState && _jsx(ConnectionStatus, { state: connectionState }), isApp && activeUsers.length > 0 && (_jsx("div", { className: "hidden md:flex items-center shrink-0", title: "Users currently online", children: _jsx(PresenceAvatars, { users: activeUsers, size: "sm", maxVisible: 3, showStatus: true }) })), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 sm:gap-1 shrink-0", children: [_jsxs("button", { onClick: () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true })), className: "hidden lg:flex relative items-center gap-2 w-48 xl:w-64 h-8 px-3 text-sm rounded-md border bg-muted/50 text-muted-foreground hover:bg-muted transition-colors", children: [_jsx(Search, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "flex-1 text-left text-xs", children: t('console.search', { defaultValue: 'Search…' }) }), _jsxs("kbd", { className: "pointer-events-none inline-flex h-5 items-center gap-0.5 rounded border bg-background px-1.5 text-[10px] font-medium text-muted-foreground", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "lg:hidden h-8 w-8 shrink-0", onClick: () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true })), "aria-label": t('console.search', { defaultValue: 'Search…' }), children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 shrink-0", children: [_jsx(InboxPopover, { notifications: notifications, unreadCount: unreadCount, pendingApprovalsCount: pendingApprovalsCount, activities: activeActivities, onMarkAllRead: markAllRead, onMarkRead: markNotificationRead }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 hidden md:flex shrink-0", asChild: true, "aria-label": t('sidebar.helpTooltip', { defaultValue: 'Help & Documentation' }), children: _jsx("a", { href: "https://docs.objectstack.ai", target: "_blank", rel: "noopener noreferrer", children: _jsx(HelpCircle, { className: "h-4 w-4" }) }) })] }), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 shrink-0", children: ["        ", _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 rounded-full", children: _jsxs(Avatar, { className: "h-7 w-7 rounded-full", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-full bg-primary text-primary-foreground text-xs", children: getUserInitials(user) })] }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "min-w-64 rounded-lg", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-2 py-2", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [hasOrgSection && (_jsxs(DropdownMenuItem, { onClick: () => navigate('/organizations'), className: "cursor-pointer", children: [_jsx(Boxes, { className: "mr-2 h-4 w-4" }), t('organizations.mine', { defaultValue: 'My Organizations' })] })), _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup/system/profile'), children: [_jsx(UserIcon, { className: "mr-2 h-4 w-4" }), t('user.profile', { defaultValue: 'Profile' })] }), _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), t('sidebar.settings', { defaultValue: 'Settings' })] })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { className: "text-[11px] font-normal text-muted-foreground uppercase tracking-wide px-2", children: t('user.preferences', { defaultValue: 'Preferences' }) }), _jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 text-sm", children: [_jsx("span", { className: "text-foreground/80", children: t('user.theme', { defaultValue: 'Theme' }) }), _jsx(ModeToggle, {})] }), _jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 text-sm", children: [_jsx("span", { className: "text-foreground/80", children: t('user.language', { defaultValue: 'Language' }) }), _jsx(LocaleSwitcher, {})] }), isAuthEnabled && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), t('user.logout', { defaultValue: 'Log out' })] })] }))] })] })] })] })] }));
+                                        }) })] })) : (_jsx("span", { className: "text-sm font-medium sm:hidden truncate min-w-0 ml-1", children: mobileSwitcher.triggerLabel ?? mobileSwitcher.views[0].label }))) : (_jsx("span", { className: "text-sm font-medium sm:hidden truncate min-w-0 ml-1", children: lastSegmentLabel }))] }))] }), _jsxs("div", { className: "flex items-center gap-0.5 sm:gap-1 shrink-0 [&>*+*[data-topbar-group]]:ml-1 [&>[data-topbar-group]+[data-topbar-group]]:border-l [&>[data-topbar-group]+[data-topbar-group]]:border-border/60 [&>[data-topbar-group]+[data-topbar-group]]:pl-1 sm:[&>[data-topbar-group]+[data-topbar-group]]:pl-2 sm:[&>[data-topbar-group]+[data-topbar-group]]:ml-2", children: [!isOnline && (_jsxs("div", { className: "flex items-center gap-1 px-2 py-1 rounded-full bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 text-xs font-medium", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-yellow-500 animate-pulse" }), "Offline"] })), isApp && connectionState && _jsx(ConnectionStatus, { state: connectionState }), isApp && activeUsers.length > 0 && (_jsx("div", { className: "hidden md:flex items-center shrink-0", title: "Users currently online", children: _jsx(PresenceAvatars, { users: activeUsers, size: "sm", maxVisible: 3, showStatus: true }) })), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 sm:gap-1 shrink-0", children: [_jsxs("button", { onClick: () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true })), className: "hidden lg:flex relative items-center gap-2 w-48 xl:w-64 h-8 px-3 text-sm rounded-md border bg-muted/50 text-muted-foreground hover:bg-muted transition-colors", children: [_jsx(Search, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "flex-1 text-left text-xs", children: t('console.search', { defaultValue: 'Search…' }) }), _jsxs("kbd", { className: "pointer-events-none inline-flex h-5 items-center gap-0.5 rounded border bg-background px-1.5 text-[10px] font-medium text-muted-foreground", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "lg:hidden h-8 w-8 shrink-0", onClick: () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true })), "aria-label": t('console.search', { defaultValue: 'Search…' }), children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 shrink-0", children: [_jsx(InboxPopover, { notifications: notifications, unreadCount: unreadCount, pendingApprovalsCount: pendingApprovalsCount, activities: activeActivities, onMarkAllRead: markAllRead, onMarkRead: markNotificationRead }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0", asChild: true, "aria-label": t('topbar.aiAssistant', { defaultValue: 'AI Assistant' }), children: _jsx(Link, { to: "/ai", children: _jsx(Bot, { className: "h-4 w-4" }) }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 hidden md:flex shrink-0", asChild: true, "aria-label": t('sidebar.helpTooltip', { defaultValue: 'Help & Documentation' }), children: _jsx("a", { href: "https://docs.objectstack.ai", target: "_blank", rel: "noopener noreferrer", children: _jsx(HelpCircle, { className: "h-4 w-4" }) }) })] }), _jsxs("div", { "data-topbar-group": true, className: "flex items-center gap-0.5 shrink-0", children: ["        ", _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 rounded-full", children: _jsxs(Avatar, { className: "h-7 w-7 rounded-full", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-full bg-primary text-primary-foreground text-xs", children: getUserInitials(user) })] }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "min-w-64 rounded-lg", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-2 py-2", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [hasOrgSection && (_jsxs(DropdownMenuItem, { onClick: () => navigate('/organizations'), className: "cursor-pointer", children: [_jsx(Boxes, { className: "mr-2 h-4 w-4" }), t('organizations.mine', { defaultValue: 'My Organizations' })] })), _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup/system/profile'), children: [_jsx(UserIcon, { className: "mr-2 h-4 w-4" }), t('user.profile', { defaultValue: 'Profile' })] }), _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), t('sidebar.settings', { defaultValue: 'Settings' })] })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { className: "text-[11px] font-normal text-muted-foreground uppercase tracking-wide px-2", children: t('user.preferences', { defaultValue: 'Preferences' }) }), _jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 text-sm", children: [_jsx("span", { className: "text-foreground/80", children: t('user.theme', { defaultValue: 'Theme' }) }), _jsx(ModeToggle, {})] }), _jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 text-sm", children: [_jsx("span", { className: "text-foreground/80", children: t('user.language', { defaultValue: 'Language' }) }), _jsx(LocaleSwitcher, {})] }), isAuthEnabled && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), t('user.logout', { defaultValue: 'Log out' })] })] }))] })] })] })] })] }));
 }

package/dist/layout/AppSidebar.js

@@ -204,7 +204,7 @@ export function AppSidebar({ activeAppName, onAppChange }) {
                                                     const AreaIcon = getIcon(area.icon);
                                                     const isActiveArea = area.id === activeAreaId;
                                                     return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: isActiveArea, tooltip: area.label, onClick: () => setActiveAreaId(area.id), children: [_jsx(AreaIcon, { className: "h-4 w-4" }), _jsx("span", { children: area.label })] }) }, area.id));
-                                                }) }) })] })), _jsx(SidebarGroup, { className: "py-0", children: _jsxs(SidebarGroupContent, { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-70" }), _jsx(SidebarInput, { placeholder: "Search navigation...", value: navSearchQuery, onChange: (e) => setNavSearchQuery(e.target.value), className: "pl-8" })] }) }), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, searchQuery: navSearchQuery, enablePinning: true, onPinToggle: togglePin, enableReorder: true, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), "Recent"] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), "Favorites"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": `Remove ${item.label} from favorites`, children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(SidebarGroup, { "data-testid": "system-fallback-nav", children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "h-3.5 w-3.5" }), "System"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: systemFallbackNavigation.map((item) => {
+                                                }) }) })] })), _jsx(SidebarGroup, { className: "py-0", children: _jsxs(SidebarGroupContent, { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-70" }), _jsx(SidebarInput, { placeholder: "Search navigation...", value: navSearchQuery, onChange: (e) => setNavSearchQuery(e.target.value), className: "pl-8" })] }) }), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, searchQuery: navSearchQuery, enablePinning: true, onPinToggle: togglePin, enableReorder: true, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), "Recent"] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.some(f => f.type !== 'nav') && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), "Favorites"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.filter(f => f.type !== 'nav').slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": `Remove ${item.label} from favorites`, children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(SidebarGroup, { "data-testid": "system-fallback-nav", children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "h-3.5 w-3.5" }), "System"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: systemFallbackNavigation.map((item) => {
                                             const NavIcon = getIcon(item.icon);
                                             return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.url || '/system', children: [_jsx(NavIcon, { className: "h-4 w-4" }), _jsx("span", { children: item.label })] }) }) }, item.id));
                                         }) }) })] })) }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4" })] }) }), _jsxs(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), t('user.settings', { defaultValue: 'Settings' })] }) }), isAuthEnabled && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), t('user.logout', { defaultValue: 'Log out' })] })] }))] })] }) }) }) })] }), isMobile && (_jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom", children: (() => {
@@ -237,6 +237,25 @@ export function AppSidebar({ activeAppName, onAppChange }) {
                             href = item.dashboardName ? `${baseUrl}/dashboard/${item.dashboardName}` : '#';
                         else if (item.type === 'page')
                             href = item.pageName ? `${baseUrl}/page/${item.pageName}` : '#';
+                        else if (item.type === 'component') {
+                            const ref = item.componentRef;
+                            if (ref) {
+                                const segs = ref.split(':').filter(Boolean);
+                                href = `${baseUrl}/component/${segs.join('/')}`;
+                                const navParams = item.params;
+                                if (navParams) {
+                                    const usp = new URLSearchParams();
+                                    for (const [k, v] of Object.entries(navParams)) {
+                                        if (v === undefined || v === null)
+                                            continue;
+                                        usp.set(k, typeof v === 'string' ? v : JSON.stringify(v));
+                                    }
+                                    const qs = usp.toString();
+                                    if (qs)
+                                        href += `?${qs}`;
+                                }
+                            }
+                        }
                         return (_jsxs(Link, { to: href, className: "flex flex-col items-center gap-0.5 px-2 py-1.5 text-muted-foreground hover:text-foreground transition-colors min-w-[44px] min-h-[44px] justify-center", children: [_jsx(NavIcon, { className: "h-5 w-5" }), _jsx("span", { className: "text-[10px] truncate max-w-[60px]", children: resolveI18nLabel(item.label, t) })] }, item.id));
                     });
                 })() }))] }));

package/dist/layout/UnifiedSidebar.js

@@ -175,7 +175,7 @@ export function UnifiedSidebar({ activeAppName }) {
                                                     const AreaIcon = getIcon(area.icon);
                                                     const isActiveArea = area.id === activeAreaId;
                                                     return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: isActiveArea, tooltip: area.label, onClick: () => setActiveAreaId(area.id), children: [_jsx(AreaIcon, { className: "h-4 w-4" }), _jsx("span", { children: area.label })] }) }, area.id));
-                                                }) }) })] })), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, enablePinning: !isMobile, onPinToggle: togglePin, enableReorder: !isMobile, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveDashboardLabel: (dashboardName, fallback) => resolveNavDashboardLabel({ name: dashboardName, label: fallback }), resolveGroupLabel: activeApp ? (groupId, fallback) => resolveNavGroupLabel(activeApp.name, groupId, fallback) : undefined, resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), t('sidebar.recent', { defaultValue: 'Recent' })] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), t('sidebar.favorites', { defaultValue: 'Favorites' })] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": t('sidebar.removeFromFavorites', { defaultValue: 'Remove {{name}} from favorites', name: item.label }), children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: homeNavigation.map((item) => {
+                                                }) }) })] })), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, enablePinning: !isMobile, onPinToggle: togglePin, enableReorder: !isMobile, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveDashboardLabel: (dashboardName, fallback) => resolveNavDashboardLabel({ name: dashboardName, label: fallback }), resolveGroupLabel: activeApp ? (groupId, fallback) => resolveNavGroupLabel(activeApp.name, groupId, fallback) : undefined, resolveItemLabel: activeApp ? (itemId, fallback) => resolveNavGroupLabel(activeApp.name, itemId, fallback) : undefined, resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), t('sidebar.recent', { defaultValue: 'Recent' })] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.some(f => f.type !== 'nav') && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), t('sidebar.favorites', { defaultValue: 'Favorites' })] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.filter(f => f.type !== 'nav').slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": t('sidebar.removeFromFavorites', { defaultValue: 'Remove {{name}} from favorites', name: item.label }), children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: homeNavigation.map((item) => {
                                                 const NavIcon = getIcon(item.icon);
                                                 const isActive = location.pathname === item.url;
                                                 return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, isActive: isActive, children: _jsxs(Link, { to: item.url || '/home', children: [_jsx(NavIcon, { className: "h-4 w-4" }), _jsx("span", { children: item.label })] }) }) }, item.id));

package/dist/providers/ExpressionProvider.d.ts

@@ -22,6 +22,15 @@ export interface ExpressionContextValue {
     app: Record<string, any>;
     /** Additional data scope */
     data: Record<string, any>;
+    /**
+     * Deployment-level feature flags surfaced by `/api/v1/auth/config`
+     * (e.g. `multiOrgEnabled`). Used by CEL/template predicates on
+     * metadata actions and views to hide entries that would otherwise
+     * hit a forbidden endpoint. Empty `{}` when auth config hasn't
+     * loaded yet — predicates should default to "visible" in that case
+     * (see `sys_organization.create_organization.visible`).
+     */
+    features: Record<string, any>;
     /** The evaluator instance (for imperative use) */
     evaluator: ExpressionEvaluator;
 }
@@ -30,8 +39,9 @@ interface ExpressionProviderProps {
     user?: Record<string, any>;
     app?: Record<string, any>;
     data?: Record<string, any>;
+    features?: Record<string, any>;
 }
-export declare function ExpressionProvider({ children, user, app, data }: ExpressionProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpressionProvider({ children, user, app, data, features }: ExpressionProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the expression context.
  * Returns the full context value or a default empty context.

package/dist/providers/ExpressionProvider.js

@@ -16,14 +16,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { createContext, useContext, useMemo } from 'react';
 import { ExpressionEvaluator } from '@object-ui/core';
+import { PredicateScopeProvider } from '@object-ui/react';
 const ExprCtx = createContext(null);
-export function ExpressionProvider({ children, user = {}, app = {}, data = {} }) {
+export function ExpressionProvider({ children, user = {}, app = {}, data = {}, features = {} }) {
     const value = useMemo(() => {
-        const context = { user, app, data };
+        const context = { user, app, data, features };
         const evaluator = new ExpressionEvaluator(context);
-        return { user, app, data, evaluator };
-    }, [user, app, data]);
-    return _jsx(ExprCtx.Provider, { value: value, children: children });
+        return { user, app, data, features, evaluator };
+    }, [user, app, data, features]);
+    // Also feed the predicate scope used by useCondition/useExpression in
+    // @object-ui/react so action visibility predicates (e.g. on toolbar
+    // buttons) can see deployment-level flags like features.multiOrgEnabled.
+    const scope = useMemo(() => ({ user, app, data, features }), [user, app, data, features]);
+    return (_jsx(ExprCtx.Provider, { value: value, children: _jsx(PredicateScopeProvider, { scope: scope, children: children }) }));
 }
 /**
  * Hook to access the expression context.
@@ -33,7 +38,7 @@ export function useExpressionContext() {
     const ctx = useContext(ExprCtx);
     if (!ctx) {
         // Return a safe default so components can be used outside the provider
-        const fallback = { user: {}, app: {}, data: {} };
+        const fallback = { user: {}, app: {}, data: {}, features: {} };
         return { ...fallback, evaluator: new ExpressionEvaluator(fallback) };
     }
     return ctx;

package/dist/services/builtinComponents.d.ts

@@ -0,0 +1 @@
+export {};