@semiont/frontend 0.4.3 → 0.4.5

package/standalone/apps/frontend/.next/server/app/[locale]/know/resource/[id]/page.js

@@ -34,6 +34,27 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 "use strict";
 module.exports = require("next/dist/compiled/next-server/app-page.runtime.prod.js");
 
+/***/ }),
+
+/***/ 12156:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_server_dom_webpack_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30274);
+/* harmony import */ var react_server_dom_webpack_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_server_dom_webpack_server__WEBPACK_IMPORTED_MODULE_0__);
+// This file is generated by the Webpack next-flight-loader.
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_server_dom_webpack_server__WEBPACK_IMPORTED_MODULE_0__.registerClientReference)(
+function() { throw new Error("Attempted to call the default export of \"/home/runner/work/semiont/semiont/apps/frontend/src/app/[locale]/know/layout.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component."); },
+"/home/runner/work/semiont/semiont/apps/frontend/src/app/[locale]/know/layout.tsx",
+"default",
+));
+
+
 /***/ }),
 
 /***/ 17891:
@@ -60,7 +81,7 @@ module.exports = require("process");
 
 /***/ }),
 
-/***/ 20915:
+/***/ 24529:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1444,6 +1465,14 @@ async function handler(req, res, ctx) {
 "use strict";
 module.exports = require("next/dist/shared/lib/router/utils/is-bot");
 
+/***/ }),
+
+/***/ 26994:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12156));
+
+
 /***/ }),
 
 /***/ 28354:
@@ -1504,7 +1533,7 @@ var navigation = __webpack_require__(67994);
 // EXTERNAL MODULE: ../../node_modules/use-intl/dist/esm/production/react.js + 18 modules
 var production_react = __webpack_require__(23211);
 // EXTERNAL MODULE: ../../packages/react-ui/dist/index.mjs + 26 modules
-var dist = __webpack_require__(69792);
+var dist = __webpack_require__(41513);
 ;// __barrel_optimize__?names=useResources!=!../../packages/react-ui/dist/index.mjs
 
 
@@ -1516,7 +1545,7 @@ var routing = __webpack_require__(46391);
 
 
 // EXTERNAL MODULE: ./src/components/toolbar/ToolbarPanels.tsx + 4 modules
-var ToolbarPanels = __webpack_require__(50436);
+var ToolbarPanels = __webpack_require__(76238);
 ;// ./src/app/[locale]/know/resource/[id]/page.tsx
 /* __next_internal_client_entry_do_not_use__ default auto */ 
 /**
@@ -1614,7 +1643,491 @@ module.exports = require("next/dist/shared/lib/router/utils/interception-routes"
 
 /***/ }),
 
-/***/ 50436:
+/***/ 50554:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 58062));
+
+
+/***/ }),
+
+/***/ 55511:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("crypto");
+
+/***/ }),
+
+/***/ 58062:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ KnowledgeLayout)
+});
+
+// EXTERNAL MODULE: ../../node_modules/next/dist/server/route-modules/app-page/vendored/ssr/react-jsx-runtime.js
+var react_jsx_runtime = __webpack_require__(92692);
+// EXTERNAL MODULE: ../../node_modules/next/dist/server/route-modules/app-page/vendored/ssr/react.js
+var react = __webpack_require__(71277);
+// EXTERNAL MODULE: ../../node_modules/next-intl/dist/esm/production/react-client/index.js
+var react_client = __webpack_require__(56305);
+// EXTERNAL MODULE: ../../packages/react-ui/dist/index.mjs + 26 modules
+var dist = __webpack_require__(41513);
+;// __barrel_optimize__?names=LeftSidebar!=!../../packages/react-ui/dist/index.mjs
+
+
+// EXTERNAL MODULE: ./src/i18n/routing.ts
+var routing = __webpack_require__(99704);
+// EXTERNAL MODULE: ../../node_modules/@heroicons/react/24/outline/esm/PlusIcon.js
+var PlusIcon = __webpack_require__(64296);
+// EXTERNAL MODULE: ../../node_modules/@heroicons/react/24/outline/esm/ChevronLeftIcon.js
+var ChevronLeftIcon = __webpack_require__(71062);
+// EXTERNAL MODULE: ../../node_modules/@heroicons/react/24/outline/esm/Bars3Icon.js
+var Bars3Icon = __webpack_require__(67255);
+// EXTERNAL MODULE: ../../node_modules/@heroicons/react/24/outline/esm/XMarkIcon.js
+var XMarkIcon = __webpack_require__(93889);
+;// __barrel_optimize__?names=CollapsibleResourceNavigation,useEventSubscriptions,useOpenResources!=!../../packages/react-ui/dist/index.mjs
+
+
+;// ./src/components/knowledge/KnowledgeNavigation.tsx
+/* __next_internal_client_entry_do_not_use__ KnowledgeNavigation auto */ 
+
+
+
+
+
+
+// Custom telescope icon component
+const TelescopeIcon = ({ className })=>/*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+        className: className,
+        style: {
+            fontSize: '1.25rem',
+            lineHeight: '1'
+        },
+        children: "\uD83D\uDD2D"
+    });
+function KnowledgeNavigation({ isCollapsed, toggleCollapsed, navigationMenu }) {
+    const t = (0,react_client/* useTranslations */.c)('Sidebar');
+    const pathname = (0,routing/* usePathname */.a8)();
+    const router = (0,routing/* useRouter */.rd)();
+    const { openResources, removeResource, reorderResources } = (0,dist.useOpenResources)();
+    const fixedNavigation = [
+        {
+            name: t('discover'),
+            href: '/know/discover',
+            icon: TelescopeIcon,
+            description: t('searchAndBrowse')
+        },
+        {
+            name: t('compose'),
+            href: '/know/compose',
+            icon: PlusIcon/* default */.A,
+            description: t('composeNewResource')
+        }
+    ];
+    // Handle sidebar toggle events
+    const handleSidebarToggle = (0,react.useCallback)(()=>{
+        toggleCollapsed();
+    }, [
+        toggleCollapsed
+    ]);
+    // Handle resource close events
+    const handleResourceClose = (0,react.useCallback)(({ resourceId })=>{
+        removeResource(resourceId);
+        // If we're closing the currently viewed document, navigate to Discover
+        if (pathname === `/know/resource/${resourceId}`) {
+            router.push('/know/discover');
+        }
+    }, [
+        removeResource,
+        pathname,
+        router
+    ]);
+    // Handle resource reorder events
+    const handleResourceReorder = (0,react.useCallback)(({ oldIndex, newIndex })=>{
+        reorderResources(oldIndex, newIndex);
+    }, [
+        reorderResources
+    ]);
+    // Subscribe to navigation events
+    (0,dist.useEventSubscriptions)({
+        'browse:sidebar-toggle': handleSidebarToggle,
+        'browse:resource-close': handleResourceClose,
+        'browse:resource-reorder': handleResourceReorder
+    });
+    // Handle navigation
+    const handleNavigate = (path)=>{
+        router.push(path);
+    };
+    // Build resource href
+    const getResourceHref = (resourceId)=>{
+        return `/know/resource/${resourceId}`;
+    };
+    return /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.CollapsibleResourceNavigation, {
+        fixedItems: fixedNavigation,
+        resources: openResources,
+        isCollapsed: isCollapsed,
+        currentPath: pathname,
+        LinkComponent: routing/* Link */.N_,
+        onNavigate: handleNavigate,
+        getResourceHref: getResourceHref,
+        className: "knowledge-navigation",
+        translations: {
+            title: t('title')
+        },
+        icons: {
+            chevronLeft: ChevronLeftIcon/* default */.A,
+            bars: Bars3Icon/* default */.A,
+            close: XMarkIcon/* default */.A
+        },
+        navigationMenu: navigationMenu
+    });
+}
+
+// EXTERNAL MODULE: ./src/lib/routing.ts
+var lib_routing = __webpack_require__(46391);
+// EXTERNAL MODULE: ./src/hooks/useAuth.ts
+var useAuth = __webpack_require__(65159);
+;// ./src/components/knowledge/KnowledgeSidebarWrapper.tsx
+/* __next_internal_client_entry_do_not_use__ KnowledgeSidebarWrapper auto */ 
+
+
+
+
+
+
+function KnowledgeSidebarWrapper() {
+    const t = (0,react_client/* useTranslations */.c)('Navigation');
+    const tHome = (0,react_client/* useTranslations */.c)('Home');
+    const { isAuthenticated, isAdmin, isModerator } = (0,useAuth/* useAuth */.As)();
+    return /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.LeftSidebar, {
+        Link: lib_routing/* Link */.N,
+        routes: lib_routing/* routes */.J,
+        t: t,
+        tHome: tHome,
+        brandingLink: "/",
+        collapsible: true,
+        storageKey: "knowledgeNavCollapsed",
+        isAuthenticated: isAuthenticated,
+        isAdmin: isAdmin,
+        isModerator: isModerator,
+        children: (isCollapsed, toggleCollapsed, navigationMenu)=>/*#__PURE__*/ (0,react_jsx_runtime.jsx)(KnowledgeNavigation, {
+                isCollapsed: isCollapsed,
+                toggleCollapsed: toggleCollapsed,
+                navigationMenu: navigationMenu
+            })
+    });
+}
+
+;// __barrel_optimize__?names=ApiClientProvider,AuthTokenProvider,CacheProvider,Footer,OpenResourcesProvider,ResourceAnnotationsProvider,useAttentionStream,useGlobalEvents!=!../../packages/react-ui/dist/index.mjs
+
+
+// EXTERNAL MODULE: ./src/components/CookiePreferences.tsx
+var CookiePreferences = __webpack_require__(80386);
+// EXTERNAL MODULE: ./src/contexts/KeyboardShortcutsContext.tsx + 3 modules
+var KeyboardShortcutsContext = __webpack_require__(40953);
+// EXTERNAL MODULE: ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js + 3 modules
+var sortable_esm = __webpack_require__(72117);
+;// ./src/hooks/useOpenResourcesManager.ts
+/* __next_internal_client_entry_do_not_use__ useOpenResourcesManager auto */ 
+
+/**
+ * Hook that provides OpenResourcesManager implementation using localStorage
+ * This is the app-level implementation that gets passed to components as props
+ */ function useOpenResourcesManager() {
+    const [openResources, setOpenResources] = (0,react.useState)([]);
+    const [isInitialized, setIsInitialized] = (0,react.useState)(false);
+    // Load from localStorage on mount
+    process.env.__NEXT_PRIVATE_MINIMIZE_MACRO_FALSE && (0,react.useEffect)(()=>{
+        const stored = localStorage.getItem('openDocuments');
+        if (stored) {
+            try {
+                const resources = JSON.parse(stored);
+                // Sort by order if present, otherwise by openedAt (for backward compatibility)
+                setOpenResources(resources.sort((a, b)=>{
+                    if (a.order !== undefined && b.order !== undefined) {
+                        return a.order - b.order;
+                    }
+                    return a.openedAt - b.openedAt;
+                }));
+            } catch (e) {
+                console.error('Failed to parse open resources:', e);
+            }
+        }
+        setIsInitialized(true);
+    }, []);
+    // Save to localStorage whenever resources change (but not on initial mount)
+    process.env.__NEXT_PRIVATE_MINIMIZE_MACRO_FALSE && (0,react.useEffect)(()=>{
+        if (isInitialized) {
+            localStorage.setItem('openDocuments', JSON.stringify(openResources));
+        }
+    }, [
+        openResources,
+        isInitialized
+    ]);
+    // Listen for storage events from other tabs
+    process.env.__NEXT_PRIVATE_MINIMIZE_MACRO_FALSE && (0,react.useEffect)(()=>{
+        const handleStorageChange = (e)=>{
+            if (e.key === 'openDocuments' && e.newValue) {
+                try {
+                    const resources = JSON.parse(e.newValue);
+                    // Sort by order if present, otherwise by openedAt
+                    setOpenResources(resources.sort((a, b)=>{
+                        if (a.order !== undefined && b.order !== undefined) {
+                            return a.order - b.order;
+                        }
+                        return a.openedAt - b.openedAt;
+                    }));
+                } catch (err) {
+                    console.error('Failed to parse open resources from storage event:', err);
+                }
+            }
+        };
+        window.addEventListener('storage', handleStorageChange);
+        return ()=>window.removeEventListener('storage', handleStorageChange);
+    }, []);
+    const addResource = (0,react.useCallback)((id, name, mediaType, storageUri)=>{
+        setOpenResources((prev)=>{
+            const existing = prev.find((resource)=>resource.id === id);
+            if (existing) {
+                // Update name, mediaType, and storageUri if resource already exists
+                return prev.map((resource)=>resource.id === id ? {
+                        ...resource,
+                        name,
+                        ...mediaType && {
+                            mediaType
+                        },
+                        ...storageUri && {
+                            storageUri
+                        }
+                    } : resource);
+            }
+            // Add new resource with order = max order + 1
+            const maxOrder = prev.length > 0 ? Math.max(...prev.map((r)=>r.order ?? r.openedAt)) : 0;
+            return [
+                ...prev,
+                {
+                    id,
+                    name,
+                    openedAt: Date.now(),
+                    order: maxOrder + 1,
+                    ...mediaType && {
+                        mediaType
+                    },
+                    ...storageUri && {
+                        storageUri
+                    }
+                }
+            ];
+        });
+    }, []);
+    const removeResource = (0,react.useCallback)((id)=>{
+        setOpenResources((prev)=>prev.filter((resource)=>resource.id !== id));
+    }, []);
+    const updateResourceName = (0,react.useCallback)((id, name)=>{
+        setOpenResources((prev)=>prev.map((resource)=>resource.id === id ? {
+                    ...resource,
+                    name
+                } : resource));
+    }, []);
+    const reorderResources = (0,react.useCallback)((oldIndex, newIndex)=>{
+        setOpenResources((prev)=>{
+            const reordered = (0,sortable_esm/* arrayMove */.be)(prev, oldIndex, newIndex);
+            // Update order field to preserve the new position
+            return reordered.map((resource, index)=>({
+                    ...resource,
+                    order: index
+                }));
+        });
+    }, []);
+    return (0,react.useMemo)(()=>({
+            openResources,
+            addResource,
+            removeResource,
+            updateResourceName,
+            reorderResources
+        }), [
+        openResources,
+        addResource,
+        removeResource,
+        updateResourceName,
+        reorderResources
+    ]);
+}
+
+// EXTERNAL MODULE: ../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js
+var QueryClientProvider = __webpack_require__(53970);
+;// ./src/hooks/useCacheManager.ts
+
+
+/**
+ * Frontend implementation of CacheManager using React Query
+ *
+ * Usage:
+ * ```typescript
+ * const cacheManager = useCacheManager();
+ * <CacheProvider cacheManager={cacheManager}>
+ *   <YourComponents />
+ * </CacheProvider>
+ * ```
+ */ function useCacheManager() {
+    const queryClient = (0,QueryClientProvider/* useQueryClient */.jE)();
+    return (0,react.useMemo)(()=>({
+            invalidateAnnotations: (rUri)=>{
+                queryClient.invalidateQueries({
+                    queryKey: [
+                        'resources',
+                        rUri,
+                        'annotations'
+                    ]
+                });
+            },
+            invalidateEvents: (rUri)=>{
+                queryClient.invalidateQueries({
+                    queryKey: [
+                        'resources',
+                        rUri,
+                        'events'
+                    ]
+                });
+            }
+        }), [
+        queryClient
+    ]);
+}
+
+// EXTERNAL MODULE: ./src/lib/env.ts
+var env = __webpack_require__(23318);
+;// ./src/app/[locale]/know/layout.tsx
+/* __next_internal_client_entry_do_not_use__ default auto */ 
+
+
+
+
+
+
+
+
+
+
+
+
+/** Connects to global SSE stream for system-level events (entity type changes, etc.) */ function GlobalEventsConnector() {
+    (0,dist.useGlobalEvents)();
+    return null;
+}
+/** Connects to participant-scoped attention stream for cross-participant beckon signals */ function AttentionStreamConnector() {
+    (0,dist.useAttentionStream)();
+    return null;
+}
+/**
+ * Knowledge Layout
+ *
+ * Provides feature-specific providers for the /know section:
+ * - CacheProvider: Query cache invalidation for resource operations
+ * - OpenResourcesProvider: Manage currently open resources (tabs)
+ * - ResourceAnnotationsProvider: Annotation CRUD operations and UI state
+ */ function KnowledgeLayout({ children }) {
+    const t = (0,react_client/* useTranslations */.c)('Footer');
+    const keyboardContext = (0,react.useContext)(KeyboardShortcutsContext/* KeyboardShortcutsContext */.GZ);
+    const openResourcesManager = useOpenResourcesManager();
+    const cacheManager = useCacheManager();
+    const { token: authToken, isLoading } = (0,useAuth/* useAuth */.As)();
+    const router = (0,routing/* useRouter */.rd)();
+    if (isLoading) {
+        return /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+            className: "h-screen flex items-center justify-center",
+            children: /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "text-center",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                        className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"
+                    }),
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("p", {
+                        className: "text-gray-600 dark:text-gray-400",
+                        children: "Loading..."
+                    })
+                ]
+            })
+        });
+    }
+    if (!authToken) {
+        router.push(`/auth/signin?callbackUrl=${encodeURIComponent( false ? 0 : '/know')}`);
+        return null;
+    }
+    return /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.AuthTokenProvider, {
+        token: authToken,
+        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.ApiClientProvider, {
+            baseUrl: env/* NEXT_PUBLIC_BACKEND_URL */.xg,
+            children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.CacheProvider, {
+                cacheManager: cacheManager,
+                children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.OpenResourcesProvider, {
+                    openResourcesManager: openResourcesManager,
+                    children: /*#__PURE__*/ (0,react_jsx_runtime.jsxs)(dist.ResourceAnnotationsProvider, {
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(GlobalEventsConnector, {}),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(AttentionStreamConnector, {}),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                                className: "h-screen semiont-knowledge-layout semiont-layout-with-footer flex flex-col overflow-hidden",
+                                children: [
+                                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                                        className: "flex flex-1 overflow-hidden",
+                                        children: [
+                                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(KnowledgeSidebarWrapper, {}),
+                                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("main", {
+                                                className: "flex-1 w-full px-2 pb-6 flex flex-col overflow-hidden",
+                                                children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                                    className: "w-full mx-auto flex-1 flex flex-col h-full overflow-hidden",
+                                                    children: children
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.Footer, {
+                                        Link: lib_routing/* Link */.N,
+                                        routes: lib_routing/* routes */.J,
+                                        t: t,
+                                        CookiePreferences: CookiePreferences/* CookiePreferences */.f,
+                                        ...keyboardContext?.openKeyboardHelp && {
+                                            onOpenKeyboardHelp: keyboardContext.openKeyboardHelp
+                                        }
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            })
+        })
+    });
+}
+
+
+/***/ }),
+
+/***/ 63033:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/server/app-render/work-unit-async-storage.external.js");
+
+/***/ }),
+
+/***/ 70722:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/shared/lib/invariant-error");
+
+/***/ }),
+
+/***/ 76238:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1629,21 +2142,23 @@ var react_jsx_runtime = __webpack_require__(92692);
 // EXTERNAL MODULE: ../../node_modules/next/dist/server/route-modules/app-page/vendored/ssr/react.js
 var react = __webpack_require__(71277);
 // EXTERNAL MODULE: ../../packages/react-ui/dist/index.mjs + 26 modules
-var dist = __webpack_require__(69792);
+var dist = __webpack_require__(41513);
 ;// __barrel_optimize__?names=ResizeHandle,SettingsPanel,useEventSubscriptions,usePanelWidth!=!../../packages/react-ui/dist/index.mjs
 
 
-// EXTERNAL MODULE: ../../node_modules/next-auth/react/index.js
-var next_auth_react = __webpack_require__(62341);
 // EXTERNAL MODULE: ../../node_modules/next/dist/api/image.js
 var api_image = __webpack_require__(93523);
 // EXTERNAL MODULE: ../../node_modules/next-intl/dist/esm/production/react-client/index.js
 var react_client = __webpack_require__(56305);
-;// __barrel_optimize__?names=formatTime,sanitizeImageURL,useSessionExpiry!=!../../packages/react-ui/dist/index.mjs
+;// __barrel_optimize__?names=formatTime,sanitizeImageURL,useApiClient,useSessionExpiry!=!../../packages/react-ui/dist/index.mjs
 
 
-// EXTERNAL MODULE: ./src/hooks/useAuth.ts + 1 modules
-var useAuth = __webpack_require__(31039);
+// EXTERNAL MODULE: ./src/hooks/useAuth.ts
+var useAuth = __webpack_require__(65159);
+// EXTERNAL MODULE: ./src/contexts/AuthContext.tsx
+var AuthContext = __webpack_require__(73769);
+// EXTERNAL MODULE: ./src/i18n/routing.ts
+var routing = __webpack_require__(99704);
 ;// ./src/components/UserPanel.tsx
 /* __next_internal_client_entry_do_not_use__ UserPanel auto */ 
 
@@ -1652,11 +2167,15 @@ var useAuth = __webpack_require__(31039);
 
 
 
+
 // Fallback avatar when image fails to load or is invalid
 const FALLBACK_AVATAR = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM2QjcyODAiLz4KPHBhdGggZD0iTTE2IDE2QzE4LjIwOTEgMTYgMjAgMTQuMjA5MSAyMCAxMkMyMCA5Ljc5MDg2IDE4LjIwOTEgOCAxNiA4QzEzLjc5MDkgOCAxMiA5Ljc5MDg2IDEyIDEyQzEyIDE0LjIwOTEgMTMuNzkwOSAxNiAxNiAxNloiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI0IDI1QzI0IDIxLjY4NjMgMjAuNDE4MyAxOSAxNiAxOUMxMS41ODE3IDE5IDggMjEuNjg2MyA4IDI1IiBzdHJva2U9IiNFNUU3RUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==';
 function UserPanel() {
     const t = (0,react_client/* useTranslations */.c)('UserPanel');
     const { displayName, avatarUrl, userDomain, isAdmin, isModerator } = (0,useAuth/* useAuth */.As)();
+    const { clearSession } = (0,AuthContext/* useAuthContext */.Z)();
+    const apiClient = (0,dist.useApiClient)();
+    const router = (0,routing/* useRouter */.rd)();
     const [imageError, setImageError] = (0,react.useState)(false);
     const { timeRemaining } = (0,dist.useSessionExpiry)();
     const sessionTimeFormatted = (0,dist.formatTime)(timeRemaining) ?? 'Unknown';
@@ -1673,9 +2192,13 @@ function UserPanel() {
         return sanitized;
     })();
     const handleSignOut = async ()=>{
-        await (0,next_auth_react.signOut)({
-            callbackUrl: '/'
-        });
+        try {
+            await apiClient.logout();
+        } catch  {
+        // best-effort — cookie already cleared server-side
+        }
+        clearSession();
+        router.push('/');
     };
     return /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
         className: "semiont-user-panel",
@@ -1781,8 +2304,6 @@ function UserPanel() {
 
 // EXTERNAL MODULE: ../../node_modules/use-intl/dist/esm/production/react.js + 18 modules
 var production_react = __webpack_require__(23211);
-// EXTERNAL MODULE: ./src/i18n/routing.ts
-var routing = __webpack_require__(99704);
 ;// __barrel_optimize__?names=COMMON_PANELS!=!../../packages/react-ui/dist/index.mjs
 
 
@@ -1888,30 +2409,6 @@ var routing = __webpack_require__(99704);
 }
 
 
-/***/ }),
-
-/***/ 55511:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("crypto");
-
-/***/ }),
-
-/***/ 63033:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/server/app-render/work-unit-async-storage.external.js");
-
-/***/ }),
-
-/***/ 70722:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/shared/lib/invariant-error");
-
 /***/ }),
 
 /***/ 77068:
@@ -1953,7 +2450,7 @@ module.exports = require("next/dist/shared/lib/no-fallback-error.external");
 var __webpack_require__ = require("../../../../../webpack-runtime.js");
 __webpack_require__.C(exports);
 var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-var __webpack_exports__ = __webpack_require__.X(0, [8569,5866,9927,7420,2617,7780,5440,8255,9988,5015], () => (__webpack_exec__(20915)));
+var __webpack_exports__ = __webpack_require__.X(0, [8103,9927,1515,2617,7780,8255,9988], () => (__webpack_exec__(24529)));
 module.exports = __webpack_exports__;
 
 })();