@semiont/frontend 0.4.3 → 0.4.5

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

@@ -23,7 +23,7 @@ module.exports = require("next/dist/server/app-render/after-task-async-storage.e
 /***/ 9400:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 13035));
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 35416));
 
 
 /***/ }),
@@ -44,7 +44,7 @@ module.exports = require("next/dist/compiled/next-server/app-page.runtime.prod.j
 
 /***/ }),
 
-/***/ 13035:
+/***/ 12156:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -57,8 +57,8 @@ __webpack_require__.r(__webpack_exports__);
 // 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/compose/page.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/compose/page.tsx",
+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",
 ));
 
@@ -95,6 +95,14 @@ module.exports = require("process");
 "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:
@@ -119,6 +127,27 @@ module.exports = require("next/dist/server/app-render/work-async-storage.externa
 "use strict";
 module.exports = require("path");
 
+/***/ }),
+
+/***/ 35416:
+/***/ ((__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/compose/page.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/compose/page.tsx",
+"default",
+));
+
+
 /***/ }),
 
 /***/ 36297:
@@ -128,7 +157,7 @@ module.exports = require("path");
 /* 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);
 
 
 
@@ -158,10 +187,10 @@ var production_react = __webpack_require__(23211);
 var routing = __webpack_require__(99704);
 // EXTERNAL MODULE: ../../node_modules/next/dist/api/navigation.js
 var navigation = __webpack_require__(67994);
-// EXTERNAL MODULE: ../../node_modules/next-auth/react/index.js
-var next_auth_react = __webpack_require__(62341);
+// EXTERNAL MODULE: ./src/hooks/useAuth.ts
+var useAuth = __webpack_require__(65159);
 // EXTERNAL MODULE: ../../packages/react-ui/dist/index.mjs + 26 modules
-var dist = __webpack_require__(69792);
+var dist = __webpack_require__(41513);
 ;// __barrel_optimize__?names=useAnnotations,useApiClient,useAuthToken,useEntityTypes,useResources!=!../../packages/react-ui/dist/index.mjs
 
 
@@ -185,7 +214,7 @@ var react_ui_dist = __webpack_require__(71655);
 // EXTERNAL MODULE: __barrel_optimize__?names=Toolbar!=!../../packages/react-ui/dist/index.mjs
 var _barrel_optimize_names_Toolbar_packages_react_ui_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: ../../packages/core/dist/index.js
 var core_dist = __webpack_require__(4698);
 // EXTERNAL MODULE: __barrel_optimize__?names=getPrimaryMediaType!=!../../packages/api-client/dist/index.js
@@ -229,19 +258,19 @@ function ComposeResourceContent() {
     const locale = (0,production_react/* useLocale */.Ym)();
     const router = (0,routing/* useRouter */.rd)();
     const searchParams = (0,navigation.useSearchParams)();
-    const { data: session, status } = (0,next_auth_react.useSession)();
+    const { isAuthenticated, isLoading: authLoading, token: authToken } = (0,useAuth/* useAuth */.As)();
     const { showError, showSuccess } = (0,dist.useToast)();
     const mode = searchParams?.get('mode');
     const tokenFromUrl = searchParams?.get('token');
     // Authentication guard - redirect to home if not authenticated
     process.env.__NEXT_PRIVATE_MINIMIZE_MACRO_FALSE && (0,react.useEffect)(()=>{
-        if (status === 'loading') return;
-        if (!session?.backendToken) {
+        if (authLoading) return;
+        if (!isAuthenticated) {
             router.push('/');
         }
     }, [
-        session,
-        status,
+        authLoading,
+        isAuthenticated,
         router
     ]);
     // Reference completion parameters
@@ -349,7 +378,7 @@ function ComposeResourceContent() {
         sourceDocumentId,
         nameFromUrl,
         entityTypesFromUrl,
-        session?.backendToken
+        authToken
     ]);
     // Handle save resource
     const handleSaveResource = async (params)=>{
@@ -433,13 +462,13 @@ function ComposeResourceContent() {
         }
     };
     // Show loading state
-    if (status === 'loading' || isLoading) {
+    if (authLoading || isLoading) {
         return /*#__PURE__*/ (0,react_jsx_runtime.jsx)(dist.ComposeLoadingState, {
-            message: status === 'loading' ? 'Checking authentication...' : 'Loading cloned resource...'
+            message: authLoading ? 'Checking authentication...' : 'Loading cloned resource...'
         });
     }
     // Don't render if not authenticated
-    if (!session?.backendToken) {
+    if (!isAuthenticated) {
         return null;
     }
     // Render the pure component
@@ -522,283 +551,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__, {
-  t: () => (/* binding */ ToolbarPanels)
+  "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__(69792);
-;// __barrel_optimize__?names=ResizeHandle,SettingsPanel,useEventSubscriptions,usePanelWidth!=!../../packages/react-ui/dist/index.mjs
+var dist = __webpack_require__(41513);
+;// __barrel_optimize__?names=LeftSidebar!=!../../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
+// 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
 
 
-// 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 */ 
+;// ./src/components/knowledge/KnowledgeNavigation.tsx
+/* __next_internal_client_entry_do_not_use__ KnowledgeNavigation auto */ 
 
 
 
 
 
 
-// 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;
+// 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')
         }
-        const sanitized = (0,dist.sanitizeImageURL)(avatarUrl);
-        if (!sanitized) {
-            console.warn('Invalid profile image URL detected, using fallback');
-            return FALLBACK_AVATAR;
+    ];
+    // 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');
         }
-        return sanitized;
-    })();
-    const handleSignOut = async ()=>{
-        await (0,next_auth_react.signOut)({
-            callbackUrl: '/'
-        });
+    }, [
+        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);
     };
-    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')
-                        })
-                    })
-                ]
+    // 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
             })
-        ]
     });
 }
 
-// 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
+;// __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 */ 
+
+
 
 
-;// ./src/components/toolbar/ToolbarPanels.tsx
-/* __next_internal_client_entry_do_not_use__ ToolbarPanels 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;
+}
 /**
- * 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.
+ * Knowledge Layout
  *
- * @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)();
+ * 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)();
-    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
-            });
+    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..."
+                    })
+                ]
+            })
         });
-    }, [
-        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)) {
+    if (!authToken) {
+        router.push(`/auth/signin?callbackUrl=${encodeURIComponent( false ? 0 : '/know')}`);
         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
+    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
+                                        }
+                                    })
+                                ]
+                            })
+                        ]
                     })
-                ]
+                })
             })
-        ]
+        })
     });
 }
 
 
 /***/ }),
 
-/***/ 51751:
+/***/ 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");
+
+/***/ }),
+
+/***/ 76005:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -883,7 +1120,7 @@ const module8 = () => Promise.resolve(/* import() eager */).then(__webpack_requi
 const module9 = () => Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12156));
 const module10 = () => Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 56357));
 const module11 = () => Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 56357));
-const page12 = () => Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 13035));
+const page12 = () => Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 35416));
 
 
 
@@ -2165,27 +2402,287 @@ async function handler(req, res, ctx) {
 
 /***/ }),
 
-/***/ 55511:
-/***/ ((module) => {
+/***/ 76238:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-module.exports = require("crypto");
 
-/***/ }),
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  t: () => (/* binding */ ToolbarPanels)
+});
 
-/***/ 63033:
-/***/ ((module) => {
+// 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
 
-"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
 
-/***/ 70722:
-/***/ ((module) => {
 
-"use strict";
-module.exports = require("next/dist/shared/lib/invariant-error");
+// 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 */ 
+
+
+
+
+
+
+
+// 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
+                    })
+                ]
+            })
+        ]
+    });
+}
+
 
 /***/ }),
 
@@ -2220,7 +2717,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__(51751)));
+var __webpack_exports__ = __webpack_require__.X(0, [8103,9927,1515,2617,7780,8255,9988], () => (__webpack_exec__(76005)));
 module.exports = __webpack_exports__;
 
 })();