@semiont/frontend 0.4.3 → 0.4.5

package/standalone/apps/frontend/.next/server/app/[locale]/moderate/tag-schemas/page.js

@@ -76,7 +76,7 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 /* harmony export */   C$z: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useEventSubscriptions),
 /* harmony export */   TbX: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.SimpleNavigation)
 /* harmony export */ });
-/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69792);
+/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41513);
 
 
 
@@ -92,7 +92,7 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 /* harmony export */   pqI: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.ApiClientProvider),
 /* harmony export */   wi6: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.Footer)
 /* harmony export */ });
-/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69792);
+/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41513);
 
 
 
@@ -120,110 +120,6 @@ module.exports = require("util");
 "use strict";
 module.exports = require("next/dist/server/app-render/work-async-storage.external.js");
 
-/***/ }),
-
-/***/ 31039:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  As: () => (/* binding */ useAuth)
-});
-
-// UNUSED EXPORTS: usePermissions, useUserPreferences
-
-// EXTERNAL MODULE: ../../node_modules/next-auth/react/index.js
-var react = __webpack_require__(62341);
-// EXTERNAL MODULE: ../../node_modules/next/dist/server/route-modules/app-page/vendored/ssr/react.js
-var ssr_react = __webpack_require__(71277);
-// EXTERNAL MODULE: ../../packages/api-client/dist/index.js
-var dist = __webpack_require__(88887);
-;// __barrel_optimize__?names=JWTTokenSchema,validateData!=!../../packages/api-client/dist/index.js
-
-
-;// ./src/hooks/useAuth.ts
-/* __next_internal_client_entry_do_not_use__ useAuth,useUserPreferences,usePermissions auto */ 
-
-
-/**
- * Enhanced authentication hook with validation and user information
- */ function useAuth() {
-    const { data: session, status } = (0,react.useSession)();
-    const authInfo = (0,ssr_react.useMemo)(()=>{
-        const isLoading = status === 'loading';
-        const isAuthenticated = !!session?.user;
-        // Validate backend token if present
-        const hasValidBackendToken = session?.backendToken ? (0,dist/* validateData */.lv)(dist/* JWTTokenSchema */.k3, session.backendToken).success : false;
-        return {
-            // Session data
-            session,
-            user: session?.user,
-            backendUser: session?.backendUser,
-            // Status flags
-            isLoading,
-            isAuthenticated,
-            hasValidBackendToken,
-            // Computed properties
-            userDomain: session?.backendUser?.domain || session?.user?.email?.split('@')[1],
-            displayName: session?.user?.name || session?.user?.email?.split('@')[0] || 'User',
-            avatarUrl: session?.user?.image,
-            isAdmin: session?.backendUser?.isAdmin || false,
-            isModerator: session?.backendUser?.isModerator || false,
-            // Combined auth status
-            isFullyAuthenticated: isAuthenticated && hasValidBackendToken
-        };
-    }, [
-        session,
-        status
-    ]);
-    return authInfo;
-}
-/**
- * Hook for getting user preferences and settings
- */ function useUserPreferences() {
-    const { session } = useAuth();
-    return useMemo(()=>{
-        // In the future, this could fetch user preferences from backend
-        // For now, return defaults
-        return {
-            theme: 'system',
-            language: 'en',
-            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-            emailNotifications: true
-        };
-    }, [
-        session
-    ]);
-}
-/**
- * Hook for checking user permissions (future expansion)
- */ function usePermissions() {
-    const { backendUser, isFullyAuthenticated } = useAuth();
-    return useMemo(()=>{
-        if (!isFullyAuthenticated || !backendUser) {
-            return {
-                canRead: false,
-                canWrite: false,
-                canAdmin: false,
-                canManageUsers: false
-            };
-        }
-        // Basic permissions - in the future this would come from backend
-        return {
-            canRead: true,
-            canWrite: true,
-            canAdmin: false,
-            canManageUsers: false
-        };
-    }, [
-        backendUser,
-        isFullyAuthenticated
-    ]);
-}
-
-
 /***/ }),
 
 /***/ 32037:
@@ -286,8 +182,6 @@ var react_jsx_runtime = __webpack_require__(92692);
 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: ../../node_modules/next-auth/react/index.js
-var next_auth_react = __webpack_require__(62341);
 // EXTERNAL MODULE: __barrel_optimize__?names=ApiClientProvider,AuthTokenProvider,Footer,LeftSidebar!=!../../packages/react-ui/dist/index.mjs
 var dist = __webpack_require__(25888);
 // EXTERNAL MODULE: ./src/i18n/routing.ts
@@ -448,8 +342,10 @@ var CookiePreferences = __webpack_require__(80386);
 var KeyboardShortcutsContext = __webpack_require__(40953);
 // EXTERNAL MODULE: ./src/lib/routing.ts
 var lib_routing = __webpack_require__(46391);
-// 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/lib/env.ts
+var env = __webpack_require__(23318);
 ;// ./src/app/[locale]/moderate/layout.tsx
 /* __next_internal_client_entry_do_not_use__ default auto */ 
 
@@ -468,15 +364,12 @@ function ModerateLayout({ children }) {
     const tNav = (0,react_client/* useTranslations */.c)('Navigation');
     const tHome = (0,react_client/* useTranslations */.c)('Home');
     const keyboardContext = (0,react.useContext)(KeyboardShortcutsContext/* KeyboardShortcutsContext */.GZ);
-    const { isAuthenticated, isAdmin, isModerator } = (0,useAuth/* useAuth */.As)();
-    const { data: session } = (0,next_auth_react.useSession)();
-    // Extract auth token from session
-    const authToken = session?.backendToken || null;
+    const { isAuthenticated, isAdmin, isModerator, token: authToken } = (0,useAuth/* useAuth */.As)();
     // Middleware has already verified moderator/admin access
     return /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist/* AuthTokenProvider */.ffs, {
         token: authToken,
         children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist/* ApiClientProvider */.pqI, {
-            baseUrl: "",
+            baseUrl: env/* NEXT_PUBLIC_BACKEND_URL */.xg,
             children: /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
                 className: "min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col",
                 children: [
@@ -534,7 +427,7 @@ function ModerateLayout({ children }) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   M7E: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.Toolbar)
 /* harmony export */ });
-/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69792);
+/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41513);
 
 
 
@@ -556,328 +449,84 @@ module.exports = require("next/dist/shared/lib/router/utils/interception-routes"
 
 /***/ }),
 
-/***/ 50436:
+/***/ 55511:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("crypto");
+
+/***/ }),
+
+/***/ 56677:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   C$z: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useEventSubscriptions),
+/* harmony export */   DPo: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useTheme),
+/* harmony export */   cvF: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useLineNumbers),
+/* harmony export */   ySJ: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.usePanelBrowse)
+/* harmony export */ });
+/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41513);
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  t: () => (/* binding */ ToolbarPanels)
-});
 
-// 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: ../../packages/react-ui/dist/index.mjs + 26 modules
-var dist = __webpack_require__(69792);
-;// __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
+/***/ 59406:
+/***/ ((__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.
 
-// EXTERNAL MODULE: ./src/hooks/useAuth.ts + 1 modules
-var useAuth = __webpack_require__(31039);
-;// ./src/components/UserPanel.tsx
-/* __next_internal_client_entry_do_not_use__ UserPanel auto */ 
+/* 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]/moderate/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]/moderate/layout.tsx",
+"default",
+));
 
 
+/***/ }),
 
+/***/ 62256:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 59406));
 
 
-// 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 [imageError, setImageError] = (0,react.useState)(false);
-    const { timeRemaining } = (0,dist.useSessionExpiry)();
-    const sessionTimeFormatted = (0,dist.formatTime)(timeRemaining) ?? 'Unknown';
-    // Sanitize and validate the profile image URL
-    const profileImageUrl = (()=>{
-        if (!avatarUrl || imageError) {
-            return FALLBACK_AVATAR;
-        }
-        const sanitized = (0,dist.sanitizeImageURL)(avatarUrl);
-        if (!sanitized) {
-            console.warn('Invalid profile image URL detected, using fallback');
-            return FALLBACK_AVATAR;
-        }
-        return sanitized;
-    })();
-    const handleSignOut = async ()=>{
-        await (0,next_auth_react.signOut)({
-            callbackUrl: '/'
-        });
-    };
-    return /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-        className: "semiont-user-panel",
-        children: [
-            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("h3", {
-                className: "semiont-user-panel__title",
-                children: t('account')
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                className: "space-y-4",
-                children: [
-                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                        className: "flex items-center gap-3",
-                        children: [
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(api_image["default"], {
-                                src: profileImageUrl,
-                                alt: t('profileAlt', {
-                                    name: displayName || t('user')
-                                }),
-                                width: 48,
-                                height: 48,
-                                className: "w-12 h-12 rounded-full object-cover",
-                                onError: ()=>setImageError(true),
-                                unoptimized: profileImageUrl === FALLBACK_AVATAR,
-                                sizes: "48px",
-                                quality: 85
-                            }),
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                                className: "flex-1 min-w-0",
-                                children: [
-                                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                                        className: "semiont-panel-text",
-                                        children: displayName || t('user')
-                                    }),
-                                    userDomain && /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                                        className: "semiont-panel-text-secondary",
-                                        children: [
-                                            "@",
-                                            userDomain
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                        children: [
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("label", {
-                                className: "semiont-panel-label",
-                                children: t('session')
-                            }),
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                                className: "semiont-session-box",
-                                children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                                    className: "semiont-panel-hint",
-                                    children: t('expiresIn', {
-                                        time: sessionTimeFormatted
-                                    })
-                                })
-                            })
-                        ]
-                    }),
-                    (isAdmin || isModerator) && /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                        children: [
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("label", {
-                                className: "semiont-panel-label",
-                                children: t('privileges')
-                            }),
-                            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                                className: "space-y-1",
-                                children: [
-                                    isAdmin && /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                                        className: "semiont-privilege-badge semiont-privilege-badge--admin",
-                                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
-                                            className: "semiont-privilege-text",
-                                            children: t('administrator')
-                                        })
-                                    }),
-                                    isModerator && /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                                        className: "semiont-privilege-badge semiont-privilege-badge--moderator",
-                                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
-                                            className: "semiont-privilege-text",
-                                            children: t('moderator')
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                        className: "semiont-panel-divider",
-                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("button", {
-                            onClick: handleSignOut,
-                            className: "semiont-signout-button",
-                            children: t('signOut')
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
+/***/ }),
 
-// 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
+/***/ 63033:
+/***/ ((module) => {
 
+"use strict";
+module.exports = require("next/dist/server/app-render/work-unit-async-storage.external.js");
 
-;// ./src/components/toolbar/ToolbarPanels.tsx
-/* __next_internal_client_entry_do_not_use__ ToolbarPanels auto */ 
+/***/ }),
 
+/***/ 67115:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 94671));
 
 
+/***/ }),
 
-
-/**
- * Renders the toolbar panel container with common panels (user, settings)
- * and any context-specific panels passed as children.
- *
- * Settings changes are handled via GlobalSettingsEventBus - no callbacks needed.
- *
- * @example
- * // Simple context (compose, discover, moderate, admin pages)
- * <ToolbarPanels
- *   activePanel={activePanel}
- *   theme={theme}
- *   showLineNumbers={showLineNumbers}
- * />
- *
- * @example
- * // Document context with custom panels
- * <ToolbarPanels
- *   activePanel={activePanel}
- *   theme={theme}
- *   showLineNumbers={showLineNumbers}
- * >
- *   {activePanel === 'annotations' && <UnifiedAnnotationsPanel ... />}
- *   {activePanel === 'history' && <AnnotationHistory ... />}
- *   {activePanel === 'info' && <ResourceInfoPanel ... />}
- *   {activePanel === 'collaboration' && <CollaborationPanel ... />}
- *   {activePanel === 'jsonld' && <JsonLdPanel ... />}
- * </ToolbarPanels>
- */ function ToolbarPanels({ activePanel, theme, showLineNumbers, hoverDelayMs, children }) {
-    const locale = (0,production_react/* useLocale */.Ym)();
-    const router = (0,routing/* useRouter */.rd)();
-    const pathname = (0,routing/* usePathname */.a8)();
-    const [isPending, startTransition] = (0,react.useTransition)();
-    // Panel width management with localStorage persistence
-    const { width, setWidth, minWidth, maxWidth } = (0,dist.usePanelWidth)();
-    // Handle locale change events
-    const handleLocaleChanged = (0,react.useCallback)(({ locale: newLocale })=>{
-        if (!pathname) return;
-        startTransition(()=>{
-            // The router from @/i18n/routing is locale-aware and will handle the locale prefix
-            router.replace(pathname, {
-                locale: newLocale
-            });
-        });
-    }, [
-        pathname,
-        router,
-        startTransition
-    ]);
-    // Subscribe to locale change events
-    (0,dist.useEventSubscriptions)({
-        'settings:locale-changed': handleLocaleChanged
-    });
-    // Don't render container if no panel is active
-    if (!activePanel) {
-        return null;
-    }
-    // In simple context (no children), only user and settings panels are valid.
-    // If a resource-specific panel is still active from a previous route, hide the container.
-    if (!children && !dist.COMMON_PANELS.includes(activePanel)) {
-        return null;
-    }
-    return /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-        className: "semiont-toolbar-panels",
-        style: {
-            width: `${width}px`,
-            position: 'relative'
-        },
-        children: [
-            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.ResizeHandle, {
-                onResize: setWidth,
-                minWidth: minWidth,
-                maxWidth: maxWidth,
-                position: "left",
-                ariaLabel: "Resize right panel"
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                className: "semiont-toolbar-panels__content",
-                children: [
-                    children,
-                    activePanel === 'user' && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(UserPanel, {}),
-                    activePanel === 'settings' && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.SettingsPanel, {
-                        showLineNumbers: showLineNumbers,
-                        theme: theme,
-                        hoverDelayMs: hoverDelayMs,
-                        locale: locale,
-                        isPendingLocaleChange: isPending
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-
-/***/ }),
-
-/***/ 55511:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("crypto");
-
-/***/ }),
-
-/***/ 56677:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   C$z: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useEventSubscriptions),
-/* harmony export */   DPo: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useTheme),
-/* harmony export */   cvF: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.useLineNumbers),
-/* harmony export */   ySJ: () => (/* reexport safe */ _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__.usePanelBrowse)
-/* harmony export */ });
-/* harmony import */ var _home_runner_work_semiont_semiont_packages_react_ui_dist_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69792);
-
-
-
-/***/ }),
-
-/***/ 59406:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 70722:
+/***/ ((module) => {
 
 "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]/moderate/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]/moderate/layout.tsx",
-"default",
-));
-
+module.exports = require("next/dist/shared/lib/invariant-error");
 
 /***/ }),
 
-/***/ 59863:
+/***/ 71253:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2244,35 +1893,287 @@ async function handler(req, res, ctx) {
 
 /***/ }),
 
-/***/ 62256:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+/***/ 76238:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 59406));
+"use strict";
 
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  t: () => (/* binding */ ToolbarPanels)
+});
 
-/***/ }),
+// 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: ../../packages/react-ui/dist/index.mjs + 26 modules
+var dist = __webpack_require__(41513);
+;// __barrel_optimize__?names=ResizeHandle,SettingsPanel,useEventSubscriptions,usePanelWidth!=!../../packages/react-ui/dist/index.mjs
 
-/***/ 63033:
-/***/ ((module) => {
 
-"use strict";
-module.exports = require("next/dist/server/app-render/work-unit-async-storage.external.js");
+// 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,useApiClient,useSessionExpiry!=!../../packages/react-ui/dist/index.mjs
 
-/***/ }),
 
-/***/ 67115:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+// 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 */ 
 
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 94671));
 
 
-/***/ }),
 
-/***/ 70722:
-/***/ ((module) => {
 
-"use strict";
-module.exports = require("next/dist/shared/lib/invariant-error");
+
+
+// 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';
+    // Sanitize and validate the profile image URL
+    const profileImageUrl = (()=>{
+        if (!avatarUrl || imageError) {
+            return FALLBACK_AVATAR;
+        }
+        const sanitized = (0,dist.sanitizeImageURL)(avatarUrl);
+        if (!sanitized) {
+            console.warn('Invalid profile image URL detected, using fallback');
+            return FALLBACK_AVATAR;
+        }
+        return sanitized;
+    })();
+    const handleSignOut = async ()=>{
+        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",
+        children: [
+            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("h3", {
+                className: "semiont-user-panel__title",
+                children: t('account')
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "space-y-4",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(api_image["default"], {
+                                src: profileImageUrl,
+                                alt: t('profileAlt', {
+                                    name: displayName || t('user')
+                                }),
+                                width: 48,
+                                height: 48,
+                                className: "w-12 h-12 rounded-full object-cover",
+                                onError: ()=>setImageError(true),
+                                unoptimized: profileImageUrl === FALLBACK_AVATAR,
+                                sizes: "48px",
+                                quality: 85
+                            }),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                                className: "flex-1 min-w-0",
+                                children: [
+                                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                        className: "semiont-panel-text",
+                                        children: displayName || t('user')
+                                    }),
+                                    userDomain && /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                                        className: "semiont-panel-text-secondary",
+                                        children: [
+                                            "@",
+                                            userDomain
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("label", {
+                                className: "semiont-panel-label",
+                                children: t('session')
+                            }),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                className: "semiont-session-box",
+                                children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                    className: "semiont-panel-hint",
+                                    children: t('expiresIn', {
+                                        time: sessionTimeFormatted
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    (isAdmin || isModerator) && /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("label", {
+                                className: "semiont-panel-label",
+                                children: t('privileges')
+                            }),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                                className: "space-y-1",
+                                children: [
+                                    isAdmin && /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                        className: "semiont-privilege-badge semiont-privilege-badge--admin",
+                                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+                                            className: "semiont-privilege-text",
+                                            children: t('administrator')
+                                        })
+                                    }),
+                                    isModerator && /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                                        className: "semiont-privilege-badge semiont-privilege-badge--moderator",
+                                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+                                            className: "semiont-privilege-text",
+                                            children: t('moderator')
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
+                        className: "semiont-panel-divider",
+                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)("button", {
+                            onClick: handleSignOut,
+                            className: "semiont-signout-button",
+                            children: t('signOut')
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+// EXTERNAL MODULE: ../../node_modules/use-intl/dist/esm/production/react.js + 18 modules
+var production_react = __webpack_require__(23211);
+;// __barrel_optimize__?names=COMMON_PANELS!=!../../packages/react-ui/dist/index.mjs
+
+
+;// ./src/components/toolbar/ToolbarPanels.tsx
+/* __next_internal_client_entry_do_not_use__ ToolbarPanels auto */ 
+
+
+
+
+
+
+/**
+ * Renders the toolbar panel container with common panels (user, settings)
+ * and any context-specific panels passed as children.
+ *
+ * Settings changes are handled via GlobalSettingsEventBus - no callbacks needed.
+ *
+ * @example
+ * // Simple context (compose, discover, moderate, admin pages)
+ * <ToolbarPanels
+ *   activePanel={activePanel}
+ *   theme={theme}
+ *   showLineNumbers={showLineNumbers}
+ * />
+ *
+ * @example
+ * // Document context with custom panels
+ * <ToolbarPanels
+ *   activePanel={activePanel}
+ *   theme={theme}
+ *   showLineNumbers={showLineNumbers}
+ * >
+ *   {activePanel === 'annotations' && <UnifiedAnnotationsPanel ... />}
+ *   {activePanel === 'history' && <AnnotationHistory ... />}
+ *   {activePanel === 'info' && <ResourceInfoPanel ... />}
+ *   {activePanel === 'collaboration' && <CollaborationPanel ... />}
+ *   {activePanel === 'jsonld' && <JsonLdPanel ... />}
+ * </ToolbarPanels>
+ */ function ToolbarPanels({ activePanel, theme, showLineNumbers, hoverDelayMs, children }) {
+    const locale = (0,production_react/* useLocale */.Ym)();
+    const router = (0,routing/* useRouter */.rd)();
+    const pathname = (0,routing/* usePathname */.a8)();
+    const [isPending, startTransition] = (0,react.useTransition)();
+    // Panel width management with localStorage persistence
+    const { width, setWidth, minWidth, maxWidth } = (0,dist.usePanelWidth)();
+    // Handle locale change events
+    const handleLocaleChanged = (0,react.useCallback)(({ locale: newLocale })=>{
+        if (!pathname) return;
+        startTransition(()=>{
+            // The router from @/i18n/routing is locale-aware and will handle the locale prefix
+            router.replace(pathname, {
+                locale: newLocale
+            });
+        });
+    }, [
+        pathname,
+        router,
+        startTransition
+    ]);
+    // Subscribe to locale change events
+    (0,dist.useEventSubscriptions)({
+        'settings:locale-changed': handleLocaleChanged
+    });
+    // Don't render container if no panel is active
+    if (!activePanel) {
+        return null;
+    }
+    // In simple context (no children), only user and settings panels are valid.
+    // If a resource-specific panel is still active from a previous route, hide the container.
+    if (!children && !dist.COMMON_PANELS.includes(activePanel)) {
+        return null;
+    }
+    return /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+        className: "semiont-toolbar-panels",
+        style: {
+            width: `${width}px`,
+            position: 'relative'
+        },
+        children: [
+            /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.ResizeHandle, {
+                onResize: setWidth,
+                minWidth: minWidth,
+                maxWidth: maxWidth,
+                position: "left",
+                ariaLabel: "Resize right panel"
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "semiont-toolbar-panels__content",
+                children: [
+                    children,
+                    activePanel === 'user' && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(UserPanel, {}),
+                    activePanel === 'settings' && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.SettingsPanel, {
+                        showLineNumbers: showLineNumbers,
+                        theme: theme,
+                        hoverDelayMs: hoverDelayMs,
+                        locale: locale,
+                        isPendingLocaleChange: isPending
+                    })
+                ]
+            })
+        ]
+    });
+}
+
 
 /***/ }),
 
@@ -2342,7 +2243,7 @@ var react_client = __webpack_require__(56305);
 // EXTERNAL MODULE: __barrel_optimize__?names=Toolbar!=!../../packages/react-ui/dist/index.mjs
 var dist = __webpack_require__(36297);
 // EXTERNAL MODULE: ./src/components/toolbar/ToolbarPanels.tsx + 4 modules
-var ToolbarPanels = __webpack_require__(50436);
+var ToolbarPanels = __webpack_require__(76238);
 // EXTERNAL MODULE: __barrel_optimize__?names=useEventSubscriptions,useLineNumbers,usePanelBrowse,useTheme!=!../../packages/react-ui/dist/index.mjs
 var react_ui_dist = __webpack_require__(56677);
 ;// ../../packages/ontology/dist/index.js
@@ -2568,7 +2469,7 @@ function getTagSchemaId(annotation) {
  //# sourceMappingURL=index.js.map
 
 // EXTERNAL MODULE: ../../packages/react-ui/dist/index.mjs + 26 modules
-var packages_react_ui_dist = __webpack_require__(69792);
+var packages_react_ui_dist = __webpack_require__(41513);
 ;// __barrel_optimize__?names=TagSchemasPage!=!../../packages/react-ui/dist/index.mjs
 
 
@@ -2631,7 +2532,7 @@ function TagSchemasPageWrapper() {
 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,5440,8255,9988], () => (__webpack_exec__(59863)));
+var __webpack_exports__ = __webpack_require__.X(0, [8103,9927,1515,2617,8255,9988], () => (__webpack_exec__(71253)));
 module.exports = __webpack_exports__;
 
 })();