@semiont/react-ui 0.2.35-build.100 → 0.2.35-build.101

package/dist/index.d.mts

@@ -3833,7 +3833,11 @@ declare function useAnnotationFlow(rUri: ResourceUri): AnnotationFlowState;
  * Follows react-rxjs-guide.md Layer 2 pattern: Hook bridge that
  * subscribes to events and pushes values into React state.
  */
-type ToolbarPanelType = 'document' | 'history' | 'info' | 'annotations' | 'settings' | 'collaboration' | 'user' | 'jsonld';
+type ToolbarPanelType = 'history' | 'info' | 'annotations' | 'settings' | 'collaboration' | 'user' | 'jsonld';
+/** Panels available on all pages */
+declare const COMMON_PANELS: readonly ToolbarPanelType[];
+/** Panels available only on resource viewer pages */
+declare const RESOURCE_PANELS: readonly ToolbarPanelType[];
 interface PanelNavigationState {
     activePanel: ToolbarPanelType | null;
     scrollToAnnotationId: string | null;
@@ -3953,4 +3957,4 @@ interface ResolutionFlowState {
  */
 declare function useResolutionFlow(rUri: ResourceUri): ResolutionFlowState;
 
-export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$l as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationFlowState, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, type AttentionFlowState, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextCorrelationFlowConfig, type ContextCorrelationFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationFlowState, type GenerationOptions, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, type OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, PanelHeader, type PanelNavigationState, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResizeHandle, type ResolutionFlowState, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, hideWidgetPreview, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, showWidgetPreview, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationFlow, useAnnotationManager, useAnnotations, useApiClient, useAttentionFlow, useAuthApi, useAuthToken, useCacheManager, useContextCorrelationFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGenerationFlow, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelNavigation, usePanelWidth, usePreloadTranslations, useResolutionFlow, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations };
+export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$l as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationFlowState, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, type AttentionFlowState, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COMMON_PANELS, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextCorrelationFlowConfig, type ContextCorrelationFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationFlowState, type GenerationOptions, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, type OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, PanelHeader, type PanelNavigationState, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RESOURCE_PANELS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResizeHandle, type ResolutionFlowState, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, hideWidgetPreview, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, showWidgetPreview, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationFlow, useAnnotationManager, useAnnotations, useApiClient, useAttentionFlow, useAuthApi, useAuthToken, useCacheManager, useContextCorrelationFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGenerationFlow, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelNavigation, usePanelWidth, usePreloadTranslations, useResolutionFlow, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations };

package/dist/index.mjs

@@ -54628,6 +54628,68 @@ function UserCircleIcon({
 var ForwardRef17 = /* @__PURE__ */ React44.forwardRef(UserCircleIcon);
 var UserCircleIcon_default = ForwardRef17;
 
+// src/hooks/usePanelNavigation.ts
+import { useState as useState36, useCallback as useCallback31, useEffect as useEffect43 } from "react";
+var COMMON_PANELS = ["user", "settings"];
+var RESOURCE_PANELS = ["history", "info", "annotations", "collaboration", "jsonld"];
+var tabGenerationCounter = 0;
+function usePanelNavigation() {
+  const [activePanel, setActivePanel] = useState36(() => {
+    if (typeof window !== "undefined") {
+      const saved = localStorage.getItem("activeToolbarPanel");
+      return saved || null;
+    }
+    return null;
+  });
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState36(null);
+  const [panelInitialTab, setPanelInitialTab] = useState36(null);
+  useEffect43(() => {
+    if (typeof window === "undefined") return;
+    if (activePanel) {
+      localStorage.setItem("activeToolbarPanel", activePanel);
+    } else {
+      localStorage.removeItem("activeToolbarPanel");
+    }
+  }, [activePanel]);
+  const handleScrollCompleted = useCallback31(() => {
+    setScrollToAnnotationId(null);
+  }, []);
+  const handlePanelToggle = useCallback31(({ panel }) => {
+    setActivePanel((current) => current === panel ? null : panel);
+  }, []);
+  const handlePanelOpen = useCallback31(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
+    if (scrollTarget) {
+      setScrollToAnnotationId(scrollTarget);
+    }
+    if (motivation) {
+      const motivationToTab = {
+        "linking": "reference",
+        "commenting": "comment",
+        "tagging": "tag",
+        "highlighting": "highlight",
+        "assessing": "assessment"
+      };
+      const tab2 = motivationToTab[motivation] || "highlight";
+      setPanelInitialTab({ tab: tab2, generation: ++tabGenerationCounter });
+    }
+    setActivePanel(panel);
+  }, []);
+  const handlePanelClose = useCallback31(() => {
+    setActivePanel(null);
+  }, []);
+  useEventSubscriptions({
+    "attend:panel-toggle": handlePanelToggle,
+    "attend:panel-open": handlePanelOpen,
+    "attend:panel-close": handlePanelClose
+  });
+  return {
+    activePanel,
+    scrollToAnnotationId,
+    panelInitialTab,
+    onScrollCompleted: handleScrollCompleted
+  };
+}
+
 // src/features/admin-devops/components/AdminDevOpsPage.tsx
 import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 function AdminDevOpsPage({
@@ -54640,7 +54702,7 @@ function AdminDevOpsPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs54("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs54("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs54("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs54("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx66("h1", { className: "semiont-page__title", children: t12.title }),
@@ -54713,7 +54775,7 @@ function AdminSecurityPage({
   ToolbarPanels,
   Toolbar: Toolbar2
 }) {
-  return /* @__PURE__ */ jsxs55("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx67("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs55("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs55("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx67("h1", { className: "semiont-page__title", children: t12.title }),
@@ -54796,7 +54858,7 @@ function AdminSecurityPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -54878,9 +54940,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState36("");
-  const [selectedRole, setSelectedRole] = useState36("all");
-  const [selectedStatus, setSelectedStatus] = useState36("all");
+  const [searchTerm, setSearchTerm] = useState37("");
+  const [selectedRole, setSelectedRole] = useState37("all");
+  const [selectedStatus, setSelectedStatus] = useState37("all");
   const filteredUsers = users.filter((user) => {
     const matchesSearch = (user.name || "").toLowerCase().includes(searchTerm.toLowerCase()) || user.email.toLowerCase().includes(searchTerm.toLowerCase());
     const userRole = user.isAdmin ? "admin" : "user";
@@ -54889,7 +54951,7 @@ function AdminUsersPage({
     const matchesStatus = selectedStatus === "all" || userStatus === selectedStatus;
     return matchesSearch && matchesRole && matchesStatus;
   });
-  return /* @__PURE__ */ jsxs56("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs56("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsx68("div", { className: "semiont-page__content", children: /* @__PURE__ */ jsxs56("div", { className: "semiont-page__sections", children: [
       /* @__PURE__ */ jsxs56("div", { className: "semiont-page__header-with-action", children: [
         /* @__PURE__ */ jsxs56("div", { children: [
@@ -55195,7 +55257,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState37 } from "react";
+import { useState as useState38 } from "react";
 import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs58("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -55230,7 +55292,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState37(false);
+  const [isLoading, setIsLoading] = useState38(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -55455,7 +55517,7 @@ function EntityTagsPage({
       onAddTag();
     }
   };
-  return /* @__PURE__ */ jsxs61("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs61("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs61("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx73("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55543,7 +55605,7 @@ function RecentDocumentsPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx74("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx74("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs62("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs62("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs62("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs62("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx74("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55609,7 +55671,7 @@ function TagSchemasPage({
   if (isLoading) {
     return /* @__PURE__ */ jsx75("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx75("p", { className: "semiont-page__loading-text", children: t12.loading }) });
   }
-  return /* @__PURE__ */ jsxs63("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs63("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs63("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs63("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx75("h1", { className: "semiont-page__title", children: t12.pageTitle }),
@@ -55687,7 +55749,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState38, useEffect as useEffect43 } from "react";
+import { useState as useState39, useEffect as useEffect44 } from "react";
 import { isImageMimeType, isPdfMimeType as isPdfMimeType4, LOCALES as LOCALES2 } from "@semiont/api-client";
 import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 function ResourceComposePage({
@@ -55707,19 +55769,19 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState38("");
-  const [newResourceContent, setNewResourceContent] = useState38("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState38([]);
-  const [isCreating, setIsCreating] = useState38(false);
-  const [inputMethod, setInputMethod] = useState38("write");
-  const [uploadedFile, setUploadedFile] = useState38(null);
-  const [fileMimeType, setFileMimeType] = useState38("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState38(null);
-  const [selectedFormat, setSelectedFormat] = useState38("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState38(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState38("");
-  const [archiveOriginal, setArchiveOriginal] = useState38(true);
-  useEffect43(() => {
+  const [newResourceName, setNewResourceName] = useState39("");
+  const [newResourceContent, setNewResourceContent] = useState39("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState39([]);
+  const [isCreating, setIsCreating] = useState39(false);
+  const [inputMethod, setInputMethod] = useState39("write");
+  const [uploadedFile, setUploadedFile] = useState39(null);
+  const [fileMimeType, setFileMimeType] = useState39("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState39(null);
+  const [selectedFormat, setSelectedFormat] = useState39("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState39(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState39("");
+  const [archiveOriginal, setArchiveOriginal] = useState39(true);
+  useEffect44(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
       setNewResourceContent(cloneData.sourceContent);
@@ -55752,7 +55814,7 @@ function ResourceComposePage({
       reader.readAsText(file);
     }
   };
-  useEffect43(() => {
+  useEffect44(() => {
     return () => {
       if (filePreviewUrl) {
         URL.revokeObjectURL(filePreviewUrl);
@@ -55800,7 +55862,7 @@ function ResourceComposePage({
   };
   const isClone = mode === "clone";
   const isReferenceCompletion = mode === "reference";
-  return /* @__PURE__ */ jsxs64("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs64("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs64("div", { className: "semiont-page__content semiont-page__compose", children: [
       /* @__PURE__ */ jsxs64("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx76("h1", { className: "semiont-page__title", children: isClone ? t12.titleEditClone : isReferenceCompletion ? t12.titleCompleteReference : t12.title }),
@@ -56101,7 +56163,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useState as useState39, useCallback as useCallback31, useRef as useRef31 } from "react";
+import { useState as useState40, useCallback as useCallback32, useRef as useRef31 } from "react";
 import { getResourceId as getResourceId2 } from "@semiont/api-client";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -56174,8 +56236,8 @@ function ResourceDiscoveryPage({
   translations: t12,
   ToolbarPanels
 }) {
-  const [searchQuery2, setSearchQuery] = useState39("");
-  const [selectedEntityType, setSelectedEntityType] = useState39("");
+  const [searchQuery2, setSearchQuery] = useState40("");
+  const [selectedEntityType, setSelectedEntityType] = useState40("");
   const hasSearchQuery = searchQuery2.trim() !== "";
   const hasSearchResults = searchDocuments.length > 0;
   const baseDocuments = hasSearchResults ? searchDocuments : recentDocuments;
@@ -56194,23 +56256,23 @@ function ResourceDiscoveryPage({
   );
   const onNavigateToResourceRef = useRef31(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
-  const handleEntityTypeFilter = useCallback31((entityType3) => {
+  const handleEntityTypeFilter = useCallback32((entityType3) => {
     setSelectedEntityType(entityType3);
   }, []);
-  const openResource = useCallback31((resource) => {
+  const openResource = useCallback32((resource) => {
     const resourceId = getResourceId2(resource);
     if (resourceId) {
       onNavigateToResourceRef.current(resourceId);
     }
   }, []);
-  const handleSearchSubmit = useCallback31((e6) => {
+  const handleSearchSubmit = useCallback32((e6) => {
     e6.preventDefault();
   }, []);
   if (isLoadingRecent) {
     return /* @__PURE__ */ jsx78("div", { className: "semiont-page__loading", children: /* @__PURE__ */ jsx78("p", { className: "semiont-page__loading-text", children: t12.loadingKnowledgeBase }) });
   }
   const showNoResultsWarning = hasSearchQuery && !hasSearchResults && !isSearching;
-  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel ? " semiont-page--panel-open" : ""}`, children: [
+  return /* @__PURE__ */ jsxs66("div", { className: `semiont-page${activePanel && COMMON_PANELS.includes(activePanel) ? " semiont-page--panel-open" : ""}`, children: [
     /* @__PURE__ */ jsxs66("div", { className: "semiont-page__content", children: [
       /* @__PURE__ */ jsxs66("div", { className: "semiont-page__header", children: [
         /* @__PURE__ */ jsx78("h1", { className: "semiont-page__title", children: t12.title }),
@@ -56342,7 +56404,7 @@ import { getLanguage, getPrimaryRepresentation, getPrimaryMediaType as getPrimar
 import { uriToAnnotationId as uriToAnnotationId2 } from "@semiont/core";
 
 // src/hooks/useResolutionFlow.ts
-import { useCallback as useCallback32, useEffect as useEffect44, useRef as useRef32, useState as useState40 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect45, useRef as useRef32, useState as useState41 } from "react";
 import { resourceAnnotationUri, accessToken as accessToken3 } from "@semiont/core";
 import { uriToAnnotationIdOrPassthrough } from "@semiont/core";
 function toAccessToken2(token) {
@@ -56353,24 +56415,24 @@ function useResolutionFlow(rUri) {
   const client = useApiClient();
   const token = useAuthToken();
   const { showError } = useToast();
-  const [searchModalOpen, setSearchModalOpen] = useState40(false);
-  const [pendingReferenceId, setPendingReferenceId] = useState40(null);
-  const onCloseSearchModal = useCallback32(() => {
+  const [searchModalOpen, setSearchModalOpen] = useState41(false);
+  const [pendingReferenceId, setPendingReferenceId] = useState41(null);
+  const onCloseSearchModal = useCallback33(() => {
     setSearchModalOpen(false);
   }, []);
   const rUriRef = useRef32(rUri);
-  useEffect44(() => {
+  useEffect45(() => {
     rUriRef.current = rUri;
   });
   const clientRef = useRef32(client);
-  useEffect44(() => {
+  useEffect45(() => {
     clientRef.current = client;
   });
   const tokenRef = useRef32(token);
-  useEffect44(() => {
+  useEffect45(() => {
     tokenRef.current = token;
   });
-  useEffect44(() => {
+  useEffect45(() => {
     const handleAnnotationUpdateBody = async (event) => {
       try {
         const annotationIdSegment = uriToAnnotationIdOrPassthrough(event.annotationUri);
@@ -56398,7 +56460,7 @@ function useResolutionFlow(rUri) {
       subscription2.unsubscribe();
     };
   }, [eventBus]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleResolutionSearchRequested = (event) => {
       setPendingReferenceId(event.referenceId);
       setSearchModalOpen(true);
@@ -56413,7 +56475,7 @@ function useResolutionFlow(rUri) {
 }
 
 // src/hooks/useAnnotationFlow.ts
-import { useState as useState41, useRef as useRef33, useEffect as useEffect45, useCallback as useCallback33 } from "react";
+import { useState as useState42, useRef as useRef33, useEffect as useEffect46, useCallback as useCallback34 } from "react";
 import { resourceAnnotationUri as resourceAnnotationUri2, accessToken as accessToken4, entityType as entityType2 } from "@semiont/core";
 import { uriToAnnotationIdOrPassthrough as uriToAnnotationIdOrPassthrough2 } from "@semiont/core";
 function toAccessToken3(token) {
@@ -56427,17 +56489,17 @@ function useAnnotationFlow(rUri) {
   const clientRef = useRef33(client);
   const rUriRef = useRef33(rUri);
   const tokenRef = useRef33(token);
-  useEffect45(() => {
+  useEffect46(() => {
     clientRef.current = client;
   });
-  useEffect45(() => {
+  useEffect46(() => {
     rUriRef.current = rUri;
   });
-  useEffect45(() => {
+  useEffect46(() => {
     tokenRef.current = token;
   });
-  const [pendingAnnotation, setPendingAnnotation] = useState41(null);
-  const handleAnnotationRequested = useCallback33((pending) => {
+  const [pendingAnnotation, setPendingAnnotation] = useState42(null);
+  const handleAnnotationRequested = useCallback34((pending) => {
     const MOTIVATION_TO_TAB = {
       highlighting: "annotations",
       commenting: "annotations",
@@ -56456,7 +56518,7 @@ function useAnnotationFlow(rUri) {
     eventBus.get("attend:panel-open").next({ panel: MOTIVATION_TO_TAB[pending.motivation] || "annotations" });
     setPendingAnnotation(pending);
   }, []);
-  const selectionToSelector = useCallback33((selection2) => {
+  const selectionToSelector = useCallback34((selection2) => {
     if (selection2.svgSelector) {
       return {
         type: "SvgSelector",
@@ -56488,29 +56550,29 @@ function useAnnotationFlow(rUri) {
       ...selection2.suffix && { suffix: selection2.suffix }
     };
   }, []);
-  const handleCommentRequested = useCallback33((selection2) => {
+  const handleCommentRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "commenting" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleTagRequested = useCallback33((selection2) => {
+  const handleTagRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "tagging" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAssessmentRequested = useCallback33((selection2) => {
+  const handleAssessmentRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "assessing" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleReferenceRequested = useCallback33((selection2) => {
+  const handleReferenceRequested = useCallback34((selection2) => {
     handleAnnotationRequested({ selector: selectionToSelector(selection2), motivation: "linking" });
   }, [handleAnnotationRequested, selectionToSelector]);
-  const handleAnnotationCancelPending = useCallback33(() => {
+  const handleAnnotationCancelPending = useCallback34(() => {
     setPendingAnnotation(null);
   }, []);
-  const [assistingMotivation, setAssistingMotivation] = useState41(null);
-  const [progress, setProgress] = useState41(null);
+  const [assistingMotivation, setAssistingMotivation] = useState42(null);
+  const [progress, setProgress] = useState42(null);
   const assistStreamRef = useRef33(null);
   const progressDismissTimeoutRef = useRef33(null);
-  const handleAnnotationProgress = useCallback33((chunk) => {
+  const handleAnnotationProgress = useCallback34((chunk) => {
     setProgress(chunk);
   }, []);
-  const handleAnnotationComplete = useCallback33((event) => {
+  const handleAnnotationComplete = useCallback34((event) => {
     setAssistingMotivation((prev) => {
       if (!event.motivation || event.motivation !== prev) return prev;
       return null;
@@ -56524,7 +56586,7 @@ function useAnnotationFlow(rUri) {
       progressDismissTimeoutRef.current = null;
     }, 5e3);
   }, [showSuccess]);
-  const handleAnnotationFailed = useCallback33((event) => {
+  const handleAnnotationFailed = useCallback34((event) => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
@@ -56534,14 +56596,14 @@ function useAnnotationFlow(rUri) {
     const errorMessage = event.payload.error || "Annotation failed";
     showError(errorMessage);
   }, [showError]);
-  const handleProgressDismiss = useCallback33(() => {
+  const handleProgressDismiss = useCallback34(() => {
     if (progressDismissTimeoutRef.current) {
       clearTimeout(progressDismissTimeoutRef.current);
       progressDismissTimeoutRef.current = null;
     }
     setProgress(null);
   }, []);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleAnnotationCreate = async (event) => {
       const currentClient = clientRef.current;
       const currentRUri = rUriRef.current;
@@ -56671,7 +56733,7 @@ function useAnnotationFlow(rUri) {
     "annotate:create-failed": ({ error }) => showError(`Failed to create annotation: ${error.message}`),
     "annotate:delete-failed": ({ error }) => showError(`Failed to delete annotation: ${error.message}`)
   });
-  useEffect45(() => {
+  useEffect46(() => {
     return () => {
       if (progressDismissTimeoutRef.current) {
         clearTimeout(progressDismissTimeoutRef.current);
@@ -56686,66 +56748,6 @@ function useAnnotationFlow(rUri) {
   };
 }
 
-// src/hooks/usePanelNavigation.ts
-import { useState as useState42, useCallback as useCallback34, useEffect as useEffect46 } from "react";
-var tabGenerationCounter = 0;
-function usePanelNavigation() {
-  const [activePanel, setActivePanel] = useState42(() => {
-    if (typeof window !== "undefined") {
-      const saved = localStorage.getItem("activeToolbarPanel");
-      return saved || null;
-    }
-    return null;
-  });
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState42(null);
-  const [panelInitialTab, setPanelInitialTab] = useState42(null);
-  useEffect46(() => {
-    if (typeof window === "undefined") return;
-    if (activePanel) {
-      localStorage.setItem("activeToolbarPanel", activePanel);
-    } else {
-      localStorage.removeItem("activeToolbarPanel");
-    }
-  }, [activePanel]);
-  const handleScrollCompleted = useCallback34(() => {
-    setScrollToAnnotationId(null);
-  }, []);
-  const handlePanelToggle = useCallback34(({ panel }) => {
-    setActivePanel((current) => current === panel ? null : panel);
-  }, []);
-  const handlePanelOpen = useCallback34(({ panel, scrollToAnnotationId: scrollTarget, motivation }) => {
-    if (scrollTarget) {
-      setScrollToAnnotationId(scrollTarget);
-    }
-    if (motivation) {
-      const motivationToTab = {
-        "linking": "reference",
-        "commenting": "comment",
-        "tagging": "tag",
-        "highlighting": "highlight",
-        "assessing": "assessment"
-      };
-      const tab2 = motivationToTab[motivation] || "highlight";
-      setPanelInitialTab({ tab: tab2, generation: ++tabGenerationCounter });
-    }
-    setActivePanel(panel);
-  }, []);
-  const handlePanelClose = useCallback34(() => {
-    setActivePanel(null);
-  }, []);
-  useEventSubscriptions({
-    "attend:panel-toggle": handlePanelToggle,
-    "attend:panel-open": handlePanelOpen,
-    "attend:panel-close": handlePanelClose
-  });
-  return {
-    activePanel,
-    scrollToAnnotationId,
-    panelInitialTab,
-    onScrollCompleted: handleScrollCompleted
-  };
-}
-
 // src/hooks/useGenerationFlow.ts
 import { useState as useState43, useCallback as useCallback35, useEffect as useEffect47, useRef as useRef34 } from "react";
 import { annotationUri, accessToken as accessToken5 } from "@semiont/core";
@@ -57398,6 +57400,7 @@ export {
   BrowseView,
   Button,
   ButtonGroup,
+  COMMON_PANELS,
   CacheProvider,
   CodeMirrorRenderer,
   CollaborationPanel,
@@ -57431,6 +57434,7 @@ export {
   PopupHeader,
   ProposeEntitiesModal,
   QUERY_KEYS,
+  RESOURCE_PANELS,
   RecentDocumentsPage,
   ReferenceEntry,
   ReferenceResolutionWidget,