@semiont/react-ui 0.2.30 → 0.2.31

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 import * as _semiont_api_client from '@semiont/api-client';
-import { components, ResourceUri, Selector, GenerationContext, SemiontApiClient, AnnotationUri, ResourceAnnotationUri, ValidationResult, DetectionProgress as DetectionProgress$1, GenerationProgress as GenerationProgress$1, ResourceEvent as ResourceEvent$1, StoredEvent, paths } from '@semiont/api-client';
+import { components, ResourceUri, Selector, SemiontApiClient, AnnotationUri, ResourceAnnotationUri, ValidationResult, DetectionProgress as DetectionProgress$1, GenerationProgress as GenerationProgress$1, GenerationContext, ResourceEvent as ResourceEvent$1, StoredEvent, paths } from '@semiont/api-client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { A as ApiClientManager, O as OpenResourcesManager, S as SessionManager, T as TranslationManager } from './TranslationManager-Co_5fSxl.mjs';
-export { a as OpenResource, b as SessionState } from './TranslationManager-Co_5fSxl.mjs';
+export { a as OpenResourceFromManager, b as SessionState } from './TranslationManager-Co_5fSxl.mjs';
 import * as React$1 from 'react';
-import React__default, { MutableRefObject, KeyboardEvent as KeyboardEvent$1, ReactNode, Component, ErrorInfo } from 'react';
+import React__default, { ComponentType, ReactNode, MutableRefObject, KeyboardEvent as KeyboardEvent$1, Component, ErrorInfo } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query';
 import * as _codemirror_state from '@codemirror/state';
@@ -16,17 +16,17 @@ import { VFile } from 'vfile';
 import { TagSchema } from '@semiont/ontology';
 export { TAG_SCHEMAS, TagCategory, TagSchema, getAllTagSchemas, getSchemaCategory as getTagCategory, getTagSchema, getTagSchemasByDomain, isValidCategory } from '@semiont/ontology';
 
-type Annotation$o = components['schemas']['Annotation'];
+type Annotation$p = components['schemas']['Annotation'];
 /**
  * Collection of all annotation types for a resource.
  * Replaces separate highlights, references, assessments, comments, tags props.
  */
 interface AnnotationsCollection {
-    highlights: Annotation$o[];
-    references: Annotation$o[];
-    assessments: Annotation$o[];
-    comments: Annotation$o[];
-    tags: Annotation$o[];
+    highlights: Annotation$p[];
+    references: Annotation$p[];
+    assessments: Annotation$p[];
+    comments: Annotation$p[];
+    tags: Annotation$p[];
 }
 /**
  * Event handlers for annotation interactions.
@@ -34,7 +34,7 @@ interface AnnotationsCollection {
  */
 interface AnnotationHandlers {
     /** Unified click handler - routes based on annotation type and current mode */
-    onClick?: (annotation: Annotation$o, event?: React.MouseEvent) => void;
+    onClick?: (annotation: Annotation$p, event?: React.MouseEvent) => void;
     /** Unified hover handler for all annotation types */
     onHover?: (annotationId: string | null) => void;
     /** Hover handler specifically for comment panel highlighting */
@@ -81,7 +81,7 @@ interface UICreateAnnotationParams {
  * - linking: Shows Quick Reference popup FIRST, creates when user confirms
  */
 interface AnnotationCreationHandler {
-    onCreate?: (params: UICreateAnnotationParams) => void | Promise<void> | Promise<Annotation$o | undefined>;
+    onCreate?: (params: UICreateAnnotationParams) => void | Promise<void> | Promise<Annotation$p | undefined>;
 }
 /**
  * UI state for annotation toolbar and interactions.
@@ -116,7 +116,7 @@ interface AnnotationConfig {
     annotateMode?: boolean;
 }
 
-type Annotation$n = components['schemas']['Annotation'];
+type Annotation$o = components['schemas']['Annotation'];
 /**
  * Parameters for creating an annotation
  */
@@ -163,7 +163,7 @@ interface AnnotationManager {
      * @param params - Creation parameters (rUri, motivation, selector, body)
      * @returns Promise resolving to the created annotation, or undefined if creation fails
      */
-    createAnnotation: (params: CreateAnnotationParams) => Promise<Annotation$n | undefined>;
+    createAnnotation: (params: CreateAnnotationParams) => Promise<Annotation$o | undefined>;
     /**
      * Delete an annotation
      * @param params - Deletion parameters (annotationId, rUri)
@@ -228,13 +228,47 @@ interface CacheManager {
     invalidateEvents: (rUri: ResourceUri) => void | Promise<void>;
 }
 
+/**
+ * Represents a single navigation item
+ */
+interface NavigationItem {
+    /** Display name for the navigation item */
+    name: string;
+    /** Target URL/path for the navigation item */
+    href: string;
+    /** Icon component to display */
+    icon: ComponentType<any>;
+    /** Optional description/tooltip text */
+    description?: string;
+}
+/**
+ * Props for navigation components that need framework-specific routing
+ */
+interface NavigationProps {
+    /** List of navigation items to display */
+    items: NavigationItem[];
+    /** Current active path for highlighting */
+    currentPath: string;
+    /** Framework-specific Link component (e.g., Next.js Link) */
+    LinkComponent: ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+        title?: string;
+    }>;
+    /** Optional CSS class name */
+    className?: string;
+    /** Optional section title */
+    title?: string;
+}
+
 /**
  * Type definitions for resource viewer feature
  */
 
-type SemiontResource$2 = components['schemas']['ResourceDescriptor'];
-type Annotation$m = components['schemas']['Annotation'];
-type Motivation$2 = components['schemas']['Motivation'];
+type SemiontResource$3 = components['schemas']['ResourceDescriptor'];
+type Annotation$n = components['schemas']['Annotation'];
+type Motivation$4 = components['schemas']['Motivation'];
 /**
  * Selection for creating annotations
  */
@@ -246,17 +280,6 @@ interface TextSelection {
     suffix?: string;
     svgSelector?: string;
 }
-/**
- * Generation options
- */
-interface GenerationOptions {
-    title: string;
-    prompt?: string;
-    language?: string;
-    temperature?: number;
-    maxTokens?: number;
-    context?: GenerationContext;
-}
 
 /**
  * Centralized annotation type registry
@@ -272,8 +295,8 @@ interface GenerationOptions {
  * No aliasing, wrappers, or compatibility layers elsewhere.
  */
 
-type Annotation$l = components['schemas']['Annotation'];
-type Motivation$1 = components['schemas']['Motivation'];
+type Annotation$m = components['schemas']['Annotation'];
+type Motivation$3 = components['schemas']['Motivation'];
 /**
  * Detection configuration for SSE-based annotation detection
  */
@@ -294,7 +317,7 @@ interface DetectionConfig {
  * Metadata is static (defined in registry), handlers are injected at runtime (from page.tsx)
  */
 interface Annotator {
-    motivation: Motivation$1;
+    motivation: Motivation$3;
     internalType: string;
     displayName: string;
     description: string;
@@ -303,11 +326,11 @@ interface Annotator {
     isClickable: boolean;
     hasHoverInteraction: boolean;
     hasSidePanel: boolean;
-    matchesAnnotation: (annotation: Annotation$l) => boolean;
+    matchesAnnotation: (annotation: Annotation$m) => boolean;
     announceOnCreate: string;
     detection?: DetectionConfig;
     handlers?: {
-        onClick?: (annotation: Annotation$l) => void;
+        onClick?: (annotation: Annotation$m) => void;
         onHover?: (annotationId: string | null) => void;
         onDetect?: (...args: any[]) => void | Promise<void>;
         onUpdate?: (annotationId: string, ...args: any[]) => void | Promise<void>;
@@ -323,23 +346,23 @@ declare const ANNOTATORS: Record<string, Annotator>;
  * Get annotator for an annotation by checking all registered types
  * Returns null if annotation doesn't match any registered type
  */
-declare function getAnnotator(annotation: Annotation$l): Annotator | null;
+declare function getAnnotator(annotation: Annotation$m): Annotator | null;
 /**
  * Get CSS className for an annotation
  * Falls back to highlight style if no match found
  */
-declare function getAnnotationClassName(annotation: Annotation$l): string;
+declare function getAnnotationClassName(annotation: Annotation$m): string;
 /**
  * Get internal type string for an annotation (e.g., 'highlight', 'comment')
  * Falls back to 'highlight' if no match found
  */
-declare function getAnnotationInternalType(annotation: Annotation$l): string;
+declare function getAnnotationInternalType(annotation: Annotation$m): string;
 /**
  * Group annotations by their internal type
  * Returns a record with keys like 'highlight', 'comment', 'assessment', 'reference'
  * Each value is an array of annotations of that type
  */
-declare function groupAnnotationsByType(annotations: Annotation$l[]): Record<string, Annotation$l[]>;
+declare function groupAnnotationsByType(annotations: Annotation$m[]): Record<string, Annotation$m[]>;
 /**
  * Create a copy of annotators with handlers injected
  * Use this in page.tsx to inject runtime handlers into the registry
@@ -355,7 +378,7 @@ declare function withHandlers(handlers: Record<string, Annotator['handlers']>):
 declare function createDetectionHandler(annotator: Annotator, context: {
     client: any;
     rUri: any;
-    setDetectingMotivation: (motivation: Motivation$1 | null) => void;
+    setDetectingMotivation: (motivation: Motivation$3 | null) => void;
     setMotivationDetectionProgress: (progress: any) => void;
     detectionStreamRef: MutableRefObject<any>;
     cacheManager: CacheManager;
@@ -368,7 +391,7 @@ declare function createDetectionHandler(annotator: Annotator, context: {
  */
 declare function createCancelDetectionHandler(context: {
     detectionStreamRef: MutableRefObject<any>;
-    setDetectingMotivation: (motivation: Motivation$1 | null) => void;
+    setDetectingMotivation: (motivation: Motivation$3 | null) => void;
     setMotivationDetectionProgress: (progress: any) => void;
 }): () => void;
 
@@ -784,21 +807,21 @@ declare function dispatch403Error(message?: string): void;
  */
 declare const buttonStyles: {
     readonly primary: {
-        readonly base: "px-6 py-2 bg-gradient-to-r from-cyan-500/20 to-blue-500/20 hover:from-cyan-600 hover:to-blue-600 dark:from-cyan-600/20 dark:to-blue-600/20 dark:hover:from-cyan-500 dark:hover:to-blue-500 text-cyan-700 hover:text-white dark:text-cyan-400 dark:hover:text-white border border-cyan-400/30 hover:border-cyan-600 dark:border-cyan-500/30 dark:hover:border-cyan-400 rounded-lg transition-all duration-300 backdrop-blur-sm disabled:opacity-50 disabled:cursor-not-allowed";
-        readonly large: "w-full py-3 bg-gradient-to-r from-cyan-500/20 to-blue-500/20 hover:from-cyan-600 hover:to-blue-600 dark:from-cyan-600/20 dark:to-blue-600/20 dark:hover:from-cyan-500 dark:hover:to-blue-500 text-cyan-700 hover:text-white dark:text-cyan-400 dark:hover:text-white border border-cyan-400/30 hover:border-cyan-600 dark:border-cyan-500/30 dark:hover:border-cyan-400 rounded-lg transition-all duration-300 transform hover:scale-[1.02] font-medium flex items-center justify-center gap-2 backdrop-blur-sm disabled:opacity-50 disabled:cursor-not-allowed";
+        readonly base: "semiont-button semiont-button--primary";
+        readonly large: "semiont-button semiont-button--primary semiont-button--large";
     };
     readonly secondary: {
-        readonly base: "px-6 py-2 bg-black/10 hover:bg-black/20 dark:bg-white/10 dark:hover:bg-white/20 border border-black/20 dark:border-white/20 text-gray-900 dark:text-white rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-300";
-        readonly withScale: "px-6 py-2 bg-black/10 hover:bg-black/20 dark:bg-white/10 dark:hover:bg-white/20 border border-black/20 dark:border-white/20 text-gray-900 dark:text-white rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-300 transform hover:scale-105";
+        readonly base: "semiont-button semiont-button--secondary";
+        readonly withScale: "semiont-button semiont-button--secondary semiont-button--scale";
     };
     readonly tertiary: {
-        readonly base: "px-4 py-2 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors";
+        readonly base: "semiont-button semiont-button--tertiary";
     };
     readonly danger: {
-        readonly base: "px-6 py-2 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg transition-all duration-300";
+        readonly base: "semiont-button semiont-button--danger";
     };
     readonly warning: {
-        readonly base: "px-6 py-2 bg-yellow-400/20 hover:bg-yellow-400/30 dark:bg-yellow-500/20 dark:hover:bg-yellow-500/30 text-yellow-800 hover:text-yellow-900 dark:text-yellow-300 dark:hover:text-yellow-200 border border-yellow-400/30 hover:border-yellow-500 dark:border-yellow-500/30 dark:hover:border-yellow-400 rounded-lg transition-all duration-300 backdrop-blur-sm";
+        readonly base: "semiont-button semiont-button--warning";
     };
     readonly combine: (...classes: string[]) => string;
 };
@@ -815,18 +838,18 @@ declare const jsonLightHighlightStyle: HighlightStyle;
  * - Entity type badges
  */
 
-type Annotation$k = components['schemas']['Annotation'];
+type Annotation$l = components['schemas']['Annotation'];
 /**
  * Reference Resolution Widget
  * Shows a small indicator next to references with hover preview
  */
 declare class ReferenceResolutionWidget extends WidgetType {
-    readonly annotation: Annotation$k;
+    readonly annotation: Annotation$l;
     readonly targetDocumentName?: string | undefined;
     readonly onNavigate?: ((documentId: string) => void) | undefined;
-    readonly onUnresolvedClick?: ((annotation: Annotation$k) => void) | undefined;
+    readonly onUnresolvedClick?: ((annotation: Annotation$l) => void) | undefined;
     readonly isGenerating?: boolean | undefined;
-    constructor(annotation: Annotation$k, targetDocumentName?: string | undefined, onNavigate?: ((documentId: string) => void) | undefined, onUnresolvedClick?: ((annotation: Annotation$k) => void) | undefined, isGenerating?: boolean | undefined);
+    constructor(annotation: Annotation$l, targetDocumentName?: string | undefined, onNavigate?: ((documentId: string) => void) | undefined, onUnresolvedClick?: ((annotation: Annotation$l) => void) | undefined, isGenerating?: boolean | undefined);
     eq(other: ReferenceResolutionWidget): boolean;
     toDOM(): HTMLSpanElement;
     private showPreview;
@@ -986,7 +1009,7 @@ declare const OAuthUserSchema: {
  */
 declare function sanitizeImageURL(url: string): string | null;
 
-type Annotation$j = components['schemas']['Annotation'];
+type Annotation$k = components['schemas']['Annotation'];
 /**
  * Shared logic for annotation panel components
  *
@@ -997,7 +1020,7 @@ type Annotation$j = components['schemas']['Annotation'];
  *
  * Used by: HighlightPanel, AssessmentPanel, CommentsPanel, ReferencesPanel
  */
-declare function useAnnotationPanel<T extends Annotation$j>(annotations: T[], hoveredId: string | null | undefined): {
+declare function useAnnotationPanel<T extends Annotation$k>(annotations: T[], hoveredId: string | null | undefined): {
     sortedAnnotations: T[];
     containerRef: React$1.RefObject<HTMLDivElement>;
     handleAnnotationRef: (id: string, el: HTMLElement | null) => void;
@@ -1065,6 +1088,16 @@ declare function useFormValidation(options?: UseFormValidationOptions): {
     announceSuccess: (message: string) => void;
     getFieldError: (field: string) => string | null;
     hasErrors: () => boolean;
+    getFieldProps: (fieldName: string) => {
+        'aria-invalid': boolean;
+        'aria-describedby': string | undefined;
+        id: string;
+    };
+    getErrorProps: (fieldName: string) => {
+        id: string;
+        role: string;
+        'aria-live': string;
+    };
 };
 declare const validationRules: {
     required: (message?: string) => (value: any) => string | null;
@@ -1133,6 +1166,42 @@ declare function useLineNumbers(): {
     toggleLineNumbers: () => void;
 };
 
+interface UsePanelWidthOptions {
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    storageKey?: string;
+}
+/**
+ * Custom hook for managing resizable panel width with localStorage persistence
+ *
+ * @param options Configuration options for panel width behavior
+ * @param options.defaultWidth Default width in pixels (default: 384px / 24rem)
+ * @param options.minWidth Minimum allowed width in pixels (default: 256px / 16rem)
+ * @param options.maxWidth Maximum allowed width in pixels (default: 800px / 50rem)
+ * @param options.storageKey localStorage key for persistence (default: 'semiont-panel-width')
+ *
+ * @returns Object containing current width, setter function, and constraints
+ *
+ * @example
+ * ```tsx
+ * const { width, setWidth, minWidth, maxWidth } = usePanelWidth();
+ *
+ * <div style={{ width: `${width}px` }}>
+ *   <ResizeHandle onResize={setWidth} minWidth={minWidth} maxWidth={maxWidth} />
+ * </div>
+ * ```
+ */
+declare function usePanelWidth({ defaultWidth, // 24rem
+minWidth, // 16rem
+maxWidth, // 50rem
+storageKey }?: UsePanelWidthOptions): {
+    width: number;
+    setWidth: (newWidth: number) => void;
+    minWidth: number;
+    maxWidth: number;
+};
+
 /**
  * Resource event structure from the event store
  * (Re-exported from api-client for consistency)
@@ -1202,9 +1271,12 @@ declare function useSessionExpiry(): {
 };
 
 type Theme = 'light' | 'dark' | 'system';
+type ResolvedTheme = 'light' | 'dark';
 declare function useTheme(): {
     theme: Theme;
     setTheme: (newTheme: Theme) => void;
+    resolvedTheme: ResolvedTheme;
+    systemTheme: ResolvedTheme;
 };
 
 type ToolbarPanelType = 'document' | 'history' | 'info' | 'annotations' | 'settings' | 'collaboration' | 'user' | 'jsonld';
@@ -1410,7 +1482,7 @@ declare function OpenResourcesProvider({ openResourcesManager, children }: {
  */
 declare function useOpenResources(): OpenResourcesManager;
 
-type Annotation$i = components['schemas']['Annotation'];
+type Annotation$j = components['schemas']['Annotation'];
 interface SelectionData {
     exact: string;
     start: number;
@@ -1418,7 +1490,7 @@ interface SelectionData {
 }
 interface ResourceAnnotationsContextType {
     newAnnotationIds: Set<string>;
-    createAnnotation: (rUri: ResourceUri, motivation: 'highlighting' | 'linking' | 'assessing' | 'commenting' | 'tagging', selector: Selector | Selector[], body?: any[]) => Promise<Annotation$i | undefined>;
+    createAnnotation: (rUri: ResourceUri, motivation: 'highlighting' | 'linking' | 'assessing' | 'commenting' | 'tagging', selector: Selector | Selector[], body?: any[]) => Promise<Annotation$j | undefined>;
     deleteAnnotation: (annotationId: string, rUri: ResourceUri) => Promise<void>;
     clearNewAnnotationId: (id: AnnotationUri) => void;
     triggerSparkleAnimation: (annotationId: string) => void;
@@ -1562,17 +1634,17 @@ declare function usePreloadTranslations(): {
     isLoaded: (locale: string) => boolean;
 };
 
-type Annotation$h = components['schemas']['Annotation'];
+type Annotation$i = components['schemas']['Annotation'];
 interface TextSegment {
     exact: string;
-    annotation?: Annotation$h;
+    annotation?: Annotation$i;
     start: number;
     end: number;
 }
 interface Props$b {
     content: string;
     segments: TextSegment[];
-    onAnnotationClick?: (annotation: Annotation$h) => void;
+    onAnnotationClick?: (annotation: Annotation$i) => void;
     onAnnotationHover?: (annotationId: string | null) => void;
     onTextSelect?: (exact: string, position: {
         start: number;
@@ -1589,18 +1661,20 @@ interface Props$b {
     enableWidgets?: boolean;
     onEntityTypeClick?: (entityType: string) => void;
     onReferenceNavigate?: (documentId: string) => void;
-    onUnresolvedReferenceClick?: (annotation: Annotation$h) => void;
+    onUnresolvedReferenceClick?: (annotation: Annotation$i) => void;
     getTargetDocumentName?: (documentId: string) => string | undefined;
     generatingReferenceId?: string | null;
-    onDeleteAnnotation?: (annotation: Annotation$h) => void;
+    onDeleteAnnotation?: (annotation: Annotation$i) => void;
 }
 declare function CodeMirrorRenderer({ content, segments, onAnnotationClick, onAnnotationHover, onTextSelect, onChange, editable, newAnnotationIds, hoveredAnnotationId, hoveredCommentId, scrollToAnnotationId, sourceView, showLineNumbers, enableWidgets, onEntityTypeClick, onReferenceNavigate, onUnresolvedReferenceClick, getTargetDocumentName, generatingReferenceId, onDeleteAnnotation }: Props$b): react_jsx_runtime.JSX.Element;
 
+type Motivation$2 = components['schemas']['Motivation'];
 interface DetectionProgressWidgetProps {
     progress: DetectionProgress | null;
     onCancel?: () => void;
+    annotationType?: Motivation$2 | 'reference';
 }
-declare function DetectionProgressWidget({ progress, onCancel }: DetectionProgressWidgetProps): react_jsx_runtime.JSX.Element | null;
+declare function DetectionProgressWidget({ progress, onCancel, annotationType }: DetectionProgressWidgetProps): react_jsx_runtime.JSX.Element | null;
 
 interface Props$a {
     children: ReactNode;
@@ -1630,7 +1704,7 @@ declare function AsyncErrorBoundary({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-type Annotation$g = components['schemas']['Annotation'];
+type Annotation$h = components['schemas']['Annotation'];
 interface LiveRegionContextType {
     announce: (message: string, priority?: 'polite' | 'assertive') => void;
 }
@@ -1646,10 +1720,64 @@ declare function useSearchAnnouncements(): {
 declare function useDocumentAnnouncements(): {
     announceDocumentSaved: () => void;
     announceDocumentDeleted: () => void;
-    announceAnnotationCreated: (annotation: Annotation$g) => void;
+    announceAnnotationCreated: (annotation: Annotation$h) => void;
     announceAnnotationDeleted: () => void;
+    announceAnnotationUpdated: (annotation: Annotation$h) => void;
     announceError: (message: string) => void;
 };
+declare function useResourceLoadingAnnouncements(): {
+    announceResourceLoading: (resourceName?: string) => void;
+    announceResourceLoaded: (resourceName: string) => void;
+    announceResourceLoadError: (resourceName?: string) => void;
+    announceResourceUpdating: (resourceName: string) => void;
+};
+declare function useFormAnnouncements(): {
+    announceFormSubmitting: () => void;
+    announceFormSuccess: (message?: string) => void;
+    announceFormError: (message?: string) => void;
+    announceFormValidationError: (fieldCount: number) => void;
+};
+declare function useLanguageChangeAnnouncements(): {
+    announceLanguageChanging: (newLanguage: string) => void;
+    announceLanguageChanged: (newLanguage: string) => void;
+};
+
+interface ResizeHandleProps {
+    /** Callback fired when resize occurs */
+    onResize: (newWidth: number) => void;
+    /** Minimum allowed width in pixels */
+    minWidth: number;
+    /** Maximum allowed width in pixels */
+    maxWidth: number;
+    /** Position of handle - left or right edge */
+    position?: 'left' | 'right';
+    /** Aria label for accessibility */
+    ariaLabel?: string;
+}
+/**
+ * Draggable resize handle for panels and sidebars
+ *
+ * Features:
+ * - Mouse drag to resize
+ * - Keyboard navigation (Arrow keys: ±10px, Shift+Arrow: ±50px)
+ * - Enforces min/max constraints
+ * - Visual feedback on hover and drag
+ * - Accessible (WCAG compliant)
+ *
+ * @example
+ * ```tsx
+ * <div className="panel" style={{ width: `${width}px` }}>
+ *   <ResizeHandle
+ *     onResize={setWidth}
+ *     minWidth={256}
+ *     maxWidth={800}
+ *     position="left"
+ *   />
+ *   <div>Panel content</div>
+ * </div>
+ * ```
+ */
+declare function ResizeHandle({ onResize, minWidth, maxWidth, position, ariaLabel }: ResizeHandleProps): react_jsx_runtime.JSX.Element;
 
 interface ResourceTagsInlineProps {
     documentId: string;
@@ -1693,6 +1821,17 @@ interface Props$9<T extends string = string> {
 }
 declare function Toolbar<T extends string = string>({ context, activePanel, onPanelToggle, isArchived }: Props$9<T>): react_jsx_runtime.JSX.Element;
 
+interface SettingsPanelProps {
+    showLineNumbers: boolean;
+    onLineNumbersToggle: () => void;
+    theme: 'light' | 'dark' | 'system';
+    onThemeChange: (theme: 'light' | 'dark' | 'system') => void;
+    locale: string;
+    onLocaleChange: (locale: string) => void;
+    isPendingLocaleChange?: boolean;
+}
+declare function SettingsPanel({ showLineNumbers, onLineNumbersToggle, theme, onThemeChange, locale, onLocaleChange, isPendingLocaleChange }: SettingsPanelProps): react_jsx_runtime.JSX.Element;
+
 type SelectionMotivation = 'linking' | 'highlighting' | 'assessing' | 'commenting' | 'tagging';
 type ClickAction = 'detail' | 'follow' | 'jsonld' | 'deleting';
 type ShapeType = 'rectangle' | 'circle' | 'polygon';
@@ -1711,9 +1850,9 @@ interface AnnotateToolbarProps {
 }
 declare function AnnotateToolbar({ selectedMotivation, selectedClick, onSelectionChange, onClickChange, showSelectionGroup, showDeleteButton, showShapeGroup, selectedShape, onShapeChange, annotateMode, onAnnotateModeToggle }: AnnotateToolbarProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$f = components['schemas']['Annotation'];
+type Annotation$g = components['schemas']['Annotation'];
 interface JsonLdViewProps {
-    annotation: Annotation$f;
+    annotation: Annotation$g;
     onBack: () => void;
 }
 declare function JsonLdView({ annotation, onBack }: JsonLdViewProps): react_jsx_runtime.JSX.Element;
@@ -1744,14 +1883,14 @@ interface PopupContainerProps {
 }
 declare function PopupContainer({ children, position, onClose, isOpen, wide }: PopupContainerProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$e = components['schemas']['Annotation'];
+type Annotation$f = components['schemas']['Annotation'];
 interface AnnotationOverlayProps {
-    annotations: Annotation$e[];
+    annotations: Annotation$f[];
     imageWidth: number;
     imageHeight: number;
     displayWidth: number;
     displayHeight: number;
-    onAnnotationClick?: (annotation: Annotation$e) => void;
+    onAnnotationClick?: (annotation: Annotation$f) => void;
     onAnnotationHover?: (annotationId: string | null) => void;
     hoveredAnnotationId?: string | null;
     selectedAnnotationId?: string | null;
@@ -1761,18 +1900,18 @@ interface AnnotationOverlayProps {
  */
 declare function AnnotationOverlay({ annotations, imageWidth, imageHeight, displayWidth, displayHeight, onAnnotationClick, onAnnotationHover, hoveredAnnotationId, selectedAnnotationId }: AnnotationOverlayProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$d = components['schemas']['Annotation'];
+type Annotation$e = components['schemas']['Annotation'];
 type DrawingMode = 'rectangle' | 'polygon' | 'circle' | 'freeform' | null;
 interface SvgDrawingCanvasProps {
     resourceUri: ResourceUri;
-    existingAnnotations?: Annotation$d[];
+    existingAnnotations?: Annotation$e[];
     drawingMode: DrawingMode;
     selectedMotivation?: SelectionMotivation | null;
     onAnnotationCreate?: (svg: string, position?: {
         x: number;
         y: number;
     }) => void;
-    onAnnotationClick?: (annotation: Annotation$d) => void;
+    onAnnotationClick?: (annotation: Annotation$e) => void;
     onAnnotationHover?: (annotationId: string | null) => void;
     hoveredAnnotationId?: string | null;
     selectedAnnotationId?: string | null;
@@ -1792,7 +1931,7 @@ interface ProposeEntitiesModalProps {
 }
 declare function ProposeEntitiesModal({ isOpen, onConfirm, onCancel }: ProposeEntitiesModalProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$c = components['schemas']['Annotation'];
+type Annotation$d = components['schemas']['Annotation'];
 
 interface Props$8 {
     content: string;
@@ -1807,10 +1946,10 @@ interface Props$8 {
     enableWidgets?: boolean;
     onEntityTypeClick?: (entityType: string) => void;
     onReferenceNavigate?: (documentId: string) => void;
-    onUnresolvedReferenceClick?: (annotation: Annotation$c) => void;
+    onUnresolvedReferenceClick?: (annotation: Annotation$d) => void;
     getTargetDocumentName?: (documentId: string) => string | undefined;
     generatingReferenceId?: string | null;
-    onDeleteAnnotation?: (annotation: Annotation$c) => void;
+    onDeleteAnnotation?: (annotation: Annotation$d) => void;
     showLineNumbers?: boolean;
     annotateMode: boolean;
     onAnnotateModeToggle: () => void;
@@ -1857,9 +1996,9 @@ interface Props$5 {
 }
 declare function HistoryEvent({ event, annotations, allEvents, isRelated, t, Link, routes, onEventRef, onEventClick, onEventHover }: Props$5): react_jsx_runtime.JSX.Element;
 
-type SemiontResource$1 = components['schemas']['ResourceDescriptor'];
+type SemiontResource$2 = components['schemas']['ResourceDescriptor'];
 interface Props$4 {
-    resource: SemiontResource$1 & {
+    resource: SemiontResource$2 & {
         content: string;
     };
     annotations: AnnotationsCollection;
@@ -1899,9 +2038,9 @@ interface Props$4 {
 }
 declare function ResourceViewer({ resource, annotations, onRefetchAnnotations, annotateMode, onAnnotateModeToggle, generatingReferenceId, onAnnotationHover, onCommentHover, hoveredAnnotationId, hoveredCommentId, scrollToAnnotationId, showLineNumbers, onCommentCreationRequested, onTagCreationRequested, onReferenceCreationRequested, onCommentClick, onReferenceClick, onHighlightClick, onAssessmentClick, onTagClick }: Props$4): react_jsx_runtime.JSX.Element;
 
-type Annotation$b = components['schemas']['Annotation'];
+type Annotation$c = components['schemas']['Annotation'];
 interface AssessmentEntryProps {
-    assessment: Annotation$b;
+    assessment: Annotation$c;
     isFocused: boolean;
     onClick: () => void;
     onAssessmentRef: (assessmentId: string, el: HTMLElement | null) => void;
@@ -1909,10 +2048,10 @@ interface AssessmentEntryProps {
 }
 declare function AssessmentEntry({ assessment, isFocused, onClick, onAssessmentRef, onAssessmentHover, }: AssessmentEntryProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$a = components['schemas']['Annotation'];
+type Annotation$b = components['schemas']['Annotation'];
 interface AssessmentPanelProps {
-    annotations: Annotation$a[];
-    onAnnotationClick: (annotation: Annotation$a) => void;
+    annotations: Annotation$b[];
+    onAnnotationClick: (annotation: Annotation$b) => void;
     focusedAnnotationId: string | null;
     hoveredAnnotationId?: string | null;
     onAnnotationHover?: (annotationId: string | null) => void;
@@ -1934,9 +2073,9 @@ interface Props$3 {
 }
 declare function CollaborationPanel({ isConnected, eventCount, lastEventTimestamp }: Props$3): react_jsx_runtime.JSX.Element;
 
-type Annotation$9 = components['schemas']['Annotation'];
+type Annotation$a = components['schemas']['Annotation'];
 interface CommentEntryProps {
-    comment: Annotation$9;
+    comment: Annotation$a;
     isFocused: boolean;
     onClick: () => void;
     onUpdate: (newText: string) => void;
@@ -1946,10 +2085,10 @@ interface CommentEntryProps {
 }
 declare function CommentEntry({ comment, isFocused, onClick, onUpdate, onCommentRef, onCommentHover, annotateMode, }: CommentEntryProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$8 = components['schemas']['Annotation'];
+type Annotation$9 = components['schemas']['Annotation'];
 interface CommentsPanelProps {
-    annotations: Annotation$8[];
-    onAnnotationClick: (annotation: Annotation$8) => void;
+    annotations: Annotation$9[];
+    onAnnotationClick: (annotation: Annotation$9) => void;
     onUpdate: (annotationId: string, newText: string) => void;
     onCreate?: (commentText: string) => void;
     focusedAnnotationId: string | null;
@@ -1996,9 +2135,9 @@ interface DetectSectionProps {
  */
 declare function DetectSection({ annotationType, isDetecting, detectionProgress, onDetect }: DetectSectionProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$7 = components['schemas']['Annotation'];
+type Annotation$8 = components['schemas']['Annotation'];
 interface HighlightEntryProps {
-    highlight: Annotation$7;
+    highlight: Annotation$8;
     isFocused: boolean;
     onClick: () => void;
     onHighlightRef: (highlightId: string, el: HTMLElement | null) => void;
@@ -2006,10 +2145,10 @@ interface HighlightEntryProps {
 }
 declare function HighlightEntry({ highlight, isFocused, onClick, onHighlightRef, onHighlightHover, }: HighlightEntryProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$6 = components['schemas']['Annotation'];
+type Annotation$7 = components['schemas']['Annotation'];
 interface HighlightPanelProps {
-    annotations: Annotation$6[];
-    onAnnotationClick: (annotation: Annotation$6) => void;
+    annotations: Annotation$7[];
+    onAnnotationClick: (annotation: Annotation$7) => void;
     focusedAnnotationId: string | null;
     hoveredAnnotationId?: string | null;
     onAnnotationHover?: (annotationId: string | null) => void;
@@ -2024,9 +2163,9 @@ interface HighlightPanelProps {
 }
 declare function HighlightPanel({ annotations, onAnnotationClick, focusedAnnotationId, hoveredAnnotationId, onAnnotationHover, onDetect, isDetecting, detectionProgress, annotateMode, }: HighlightPanelProps): react_jsx_runtime.JSX.Element;
 
-type SemiontResource = components['schemas']['ResourceDescriptor'];
+type SemiontResource$1 = components['schemas']['ResourceDescriptor'];
 interface Props$2 {
-    resource: SemiontResource;
+    resource: SemiontResource$1;
 }
 declare function JsonLdPanel({ resource: semiontResource }: Props$2): react_jsx_runtime.JSX.Element;
 
@@ -2042,9 +2181,9 @@ interface PanelHeaderProps {
  */
 declare function PanelHeader({ annotationType, count, title }: PanelHeaderProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$5 = components['schemas']['Annotation'];
+type Annotation$6 = components['schemas']['Annotation'];
 interface ReferenceEntryProps {
-    reference: Annotation$5;
+    reference: Annotation$6;
     isFocused: boolean;
     onClick: () => void;
     routes: RouteBuilder;
@@ -2054,13 +2193,15 @@ interface ReferenceEntryProps {
         title: string;
         prompt?: string;
     }) => void;
+    onCreateDocument?: (annotationUri: string, title: string, entityTypes: string[]) => void;
     onSearchDocuments?: (referenceId: string, searchTerm: string) => void;
-    onUpdateReference?: (referenceId: string, updates: Partial<Annotation$5>) => void;
+    onUpdateReference?: (referenceId: string, updates: Partial<Annotation$6>) => void;
     annotateMode?: boolean;
+    isGenerating?: boolean;
 }
-declare function ReferenceEntry({ reference, isFocused, onClick, routes, onReferenceRef, onReferenceHover, onGenerateDocument, onSearchDocuments, onUpdateReference, annotateMode, }: ReferenceEntryProps): react_jsx_runtime.JSX.Element;
+declare function ReferenceEntry({ reference, isFocused, onClick, routes, onReferenceRef, onReferenceHover, onGenerateDocument, onCreateDocument, onSearchDocuments, onUpdateReference, annotateMode, isGenerating, }: ReferenceEntryProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$4 = components['schemas']['Annotation'];
+type Annotation$5 = components['schemas']['Annotation'];
 type ResponseContent<T> = T extends {
     responses: {
         200: {
@@ -2072,8 +2213,8 @@ type ResponseContent<T> = T extends {
 } ? R : never;
 type ReferencedBy = ResponseContent<paths['/resources/{id}/referenced-by']['get']>['referencedBy'][number];
 interface Props$1 {
-    annotations?: Annotation$4[];
-    onAnnotationClick?: (annotation: Annotation$4) => void;
+    annotations?: Annotation$5[];
+    onAnnotationClick?: (annotation: Annotation$5) => void;
     focusedAnnotationId?: string | null;
     hoveredAnnotationId?: string | null;
     onAnnotationHover?: (annotationId: string | null) => void;
@@ -2087,11 +2228,13 @@ interface Props$1 {
     allEntityTypes: string[];
     onCancelDetection: () => void;
     onSearchDocuments?: (referenceId: string, searchTerm: string) => void;
-    onUpdate?: (referenceId: string, updates: Partial<Annotation$4>) => void;
+    onUpdate?: (referenceId: string, updates: Partial<Annotation$5>) => void;
     onGenerateDocument?: (referenceId: string, options: {
         title: string;
         prompt?: string;
     }) => void;
+    onCreateDocument?: (annotationUri: string, title: string, entityTypes: string[]) => void;
+    generatingReferenceId?: string | null;
     mediaType?: string | undefined;
     referencedBy?: ReferencedBy[];
     referencedByLoading?: boolean;
@@ -2104,7 +2247,7 @@ interface Props$1 {
         svgSelector?: string;
     } | null;
 }
-declare function ReferencesPanel({ annotations, onAnnotationClick, focusedAnnotationId, hoveredAnnotationId, onAnnotationHover, onDetect, onCreate, isDetecting, detectionProgress, annotateMode, Link, routes, allEntityTypes, onCancelDetection, onSearchDocuments, onUpdate, onGenerateDocument, mediaType, referencedBy, referencedByLoading, pendingSelection, }: Props$1): react_jsx_runtime.JSX.Element;
+declare function ReferencesPanel({ annotations, onAnnotationClick, focusedAnnotationId, hoveredAnnotationId, onAnnotationHover, onDetect, onCreate, isDetecting, detectionProgress, annotateMode, Link, routes, allEntityTypes, onCancelDetection, onSearchDocuments, onUpdate, onGenerateDocument, onCreateDocument, generatingReferenceId, mediaType, referencedBy, referencedByLoading, pendingSelection, }: Props$1): react_jsx_runtime.JSX.Element;
 
 interface Props {
     documentEntityTypes: string[];
@@ -2118,19 +2261,19 @@ interface Props {
 }
 declare function ResourceInfoPanel({ documentEntityTypes, documentLocale, primaryMediaType, primaryByteSize, isArchived, onArchive, onUnarchive, onClone }: Props): react_jsx_runtime.JSX.Element;
 
-type Annotation$3 = components['schemas']['Annotation'];
+type Annotation$4 = components['schemas']['Annotation'];
 interface StatisticsPanelProps {
-    highlights: Annotation$3[];
-    comments: Annotation$3[];
-    assessments: Annotation$3[];
-    references: Annotation$3[];
-    tags: Annotation$3[];
+    highlights: Annotation$4[];
+    comments: Annotation$4[];
+    assessments: Annotation$4[];
+    references: Annotation$4[];
+    tags: Annotation$4[];
 }
 declare function StatisticsPanel({ highlights, comments, assessments, references, tags }: StatisticsPanelProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$2 = components['schemas']['Annotation'];
+type Annotation$3 = components['schemas']['Annotation'];
 interface TagEntryProps {
-    tag: Annotation$2;
+    tag: Annotation$3;
     isFocused: boolean;
     onClick: () => void;
     onTagRef: (tagId: string, el: HTMLElement | null) => void;
@@ -2138,10 +2281,10 @@ interface TagEntryProps {
 }
 declare function TagEntry({ tag, isFocused, onClick, onTagRef, onTagHover, }: TagEntryProps): react_jsx_runtime.JSX.Element;
 
-type Annotation$1 = components['schemas']['Annotation'];
+type Annotation$2 = components['schemas']['Annotation'];
 interface TaggingPanelProps {
-    annotations: Annotation$1[];
-    onAnnotationClick: (annotation: Annotation$1) => void;
+    annotations: Annotation$2[];
+    onAnnotationClick: (annotation: Annotation$2) => void;
     focusedAnnotationId: string | null;
     hoveredAnnotationId?: string | null;
     onAnnotationHover?: (annotationId: string | null) => void;
@@ -2173,8 +2316,8 @@ interface TaggingPanelProps {
 }
 declare function TaggingPanel({ annotations, onAnnotationClick, focusedAnnotationId, hoveredAnnotationId, onAnnotationHover, annotateMode, onDetect, onCreate, isDetecting, detectionProgress, pendingSelection }: TaggingPanelProps): react_jsx_runtime.JSX.Element;
 
-type Annotation = components['schemas']['Annotation'];
-type Motivation = components['schemas']['Motivation'];
+type Annotation$1 = components['schemas']['Annotation'];
+type Motivation$1 = components['schemas']['Motivation'];
 type AnnotatorKey = keyof typeof ANNOTATORS;
 type TabKey = 'statistics' | AnnotatorKey;
 /**
@@ -2187,12 +2330,12 @@ type TabKey = 'statistics' | AnnotatorKey;
  * - Annotators contain handlers (no explosion of onXClick, onXHover props)
  */
 interface UnifiedAnnotationsPanelProps {
-    annotations: Annotation[];
+    annotations: Annotation$1[];
     annotators: Record<string, Annotator>;
     focusedAnnotationId: string | null;
     hoveredAnnotationId?: string | null;
     annotateMode?: boolean;
-    detectingMotivation?: Motivation | null;
+    detectingMotivation?: Motivation$1 | null;
     detectionProgress?: {
         status: string;
         percentage?: number;
@@ -2225,8 +2368,9 @@ interface UnifiedAnnotationsPanelProps {
         title: string;
         prompt?: string;
     }) => void;
+    onCreateDocument?: (annotationUri: string, title: string, entityTypes: string[]) => void;
     onSearchDocuments?: (referenceId: string, searchTerm: string) => void;
-    onUpdateReference?: (referenceId: string, updates: Partial<Annotation>) => void;
+    onUpdateReference?: (referenceId: string, updates: Partial<Annotation$1>) => void;
     onCancelDetection?: () => void;
     mediaType?: string;
     referencedBy?: any[];
@@ -2270,8 +2414,236 @@ interface NavigationMenuProps {
     brandingLink?: string;
     onItemClick?: () => void;
     className?: string;
+    currentPath?: string;
+}
+declare function NavigationMenu({ Link, routes, t, isAdmin, isModerator, brandingLink, onItemClick, className, currentPath }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+
+interface SimpleNavigationItem$1 {
+    name: string;
+    href: string;
+    icon: React__default.ComponentType<{
+        className?: string;
+    }>;
+    description?: string;
+}
+interface SimpleNavigationProps$1 {
+    title: string;
+    items: SimpleNavigationItem$1[];
+    currentPath: string;
+    LinkComponent: React__default.ComponentType<any>;
+    dropdownContent?: (onClose: () => void) => React__default.ReactNode;
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+    icons: {
+        chevronLeft: React__default.ComponentType<{
+            className?: string;
+        }>;
+        bars: React__default.ComponentType<{
+            className?: string;
+        }>;
+    };
+    collapseSidebarLabel: string;
+    expandSidebarLabel: string;
+}
+/**
+ * Simple navigation component for Admin and Moderation modes.
+ * Renders a section header with optional dropdown and static navigation tabs.
+ */
+declare function SimpleNavigation({ title, items, currentPath, LinkComponent, dropdownContent, isCollapsed, onToggleCollapse, icons, collapseSidebarLabel, expandSidebarLabel }: SimpleNavigationProps$1): react_jsx_runtime.JSX.Element;
+
+/**
+ * Represents an open resource/document in the navigation
+ */
+interface OpenResource {
+    id: string;
+    name: string;
+    openedAt: number;
+    mediaType?: string;
+    order?: number;
+}
+/**
+ * Props for the sortable resource tab component
+ */
+interface SortableResourceTabProps {
+    resource: OpenResource;
+    isCollapsed: boolean;
+    isActive: boolean;
+    href: string;
+    onClose: (id: string, e: React.MouseEvent) => void;
+    onReorder?: (resourceId: string, direction: 'up' | 'down') => void;
+    index?: number;
+    totalCount?: number;
+    LinkComponent: ComponentType<any>;
+    dragHandleProps?: any;
+    isDragging?: boolean;
+    translations: {
+        dragToReorder?: string;
+        dragToReorderDoc?: string;
+        closeResource?: string;
+        moveUp?: string;
+        moveDown?: string;
+    };
+}
+/**
+ * Props for the collapsible resource navigation component
+ */
+interface CollapsibleResourceNavigationProps {
+    fixedItems: Array<{
+        name: string;
+        href: string;
+        icon: ComponentType<any>;
+        description?: string;
+    }>;
+    resources: OpenResource[];
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+    onResourceClose: (id: string) => void;
+    onResourceReorder: (oldIndex: number, newIndex: number) => void;
+    onResourceSelect?: (id: string) => void;
+    currentPath: string;
+    LinkComponent: ComponentType<any>;
+    onNavigate?: (path: string) => void;
+    getResourceHref: (resourceId: string) => string;
+    className?: string;
+    activeClassName?: string;
+    inactiveClassName?: string;
+    translations: {
+        title?: string;
+        collapseSidebar?: string;
+        expandSidebar?: string;
+        dragToReorder?: string;
+        dragToReorderDoc?: string;
+        closeResource?: string;
+        dragInstructions?: string;
+    };
+    icons: {
+        chevronLeft: ComponentType<any>;
+        bars: ComponentType<any>;
+        close: ComponentType<any>;
+    };
+    navigationMenu?: ((onClose: () => void) => ReactNode) | undefined;
+}
+
+/**
+ * A comprehensive collapsible navigation component with fixed items and dynamic resource tabs.
+ * Supports drag and drop for resource reordering when expanded.
+ * Platform-agnostic design for use across different React environments.
+ */
+declare function CollapsibleResourceNavigation({ fixedItems, resources, isCollapsed, onToggleCollapse, onResourceClose, onResourceReorder, currentPath, LinkComponent, onNavigate, getResourceHref, className, translations, icons, navigationMenu }: CollapsibleResourceNavigationProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * A sortable tab for an open resource in the navigation sidebar.
+ * Supports drag and drop when expanded, and compact icon-only view when collapsed.
+ */
+declare function SortableResourceTab({ resource, isCollapsed, isActive, href, onClose, onReorder, index, totalCount, LinkComponent, translations, dragHandleProps, isDragging }: SortableResourceTabProps): react_jsx_runtime.JSX.Element;
+
+interface SimpleNavigationItem {
+    name: string;
+    href: string;
+    icon: React.ComponentType<any>;
+    description?: string;
+}
+interface SimpleNavigationProps {
+    title: string;
+    items: SimpleNavigationItem[];
+    currentPath: string;
+    LinkComponent: React.ComponentType<any>;
+    dropdownContent?: ((onClose: () => void) => ReactNode) | undefined;
+}
+
+interface SearchModalProps$1 {
+    isOpen: boolean;
+    onClose: () => void;
+    onNavigate: (type: 'resource' | 'entity', id: string) => void;
+    translations?: {
+        placeholder?: string;
+        searching?: string;
+        noResults?: string;
+        startTyping?: string;
+        navigate?: string;
+        select?: string;
+        close?: string;
+        enter?: string;
+        esc?: string;
+    };
+}
+declare function SearchModal({ isOpen, onClose, onNavigate, translations }: SearchModalProps$1): react_jsx_runtime.JSX.Element;
+
+interface ResourceSearchModalProps$1 {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (resourceId: string) => void;
+    searchTerm?: string;
+    translations?: {
+        title?: string;
+        placeholder?: string;
+        searching?: string;
+        noResults?: string;
+        close?: string;
+    };
+}
+declare function ResourceSearchModal({ isOpen, onClose, onSelect, searchTerm, translations }: ResourceSearchModalProps$1): react_jsx_runtime.JSX.Element;
+
+/**
+ * Base modal props that all modals share
+ */
+interface BaseModalProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Callback when the modal should close */
+    onClose: () => void;
+    /** Optional CSS class name */
+    className?: string;
+}
+/**
+ * Props for modals that navigate
+ */
+interface NavigableModalProps {
+    /** Navigation function */
+    onNavigate: (path: string) => void;
+}
+/**
+ * Search modal specific props
+ */
+interface SearchModalProps extends BaseModalProps, NavigableModalProps {
+    /** Optional translation support */
+    translations?: {
+        placeholder?: string;
+        searching?: string;
+        noResults?: string;
+        startTyping?: string;
+        navigate?: string;
+        select?: string;
+        close?: string;
+    };
+}
+/**
+ * Generation options
+ */
+interface GenerationOptions {
+    title: string;
+    prompt?: string;
+    language?: string;
+    temperature?: number;
+    maxTokens?: number;
+    context: any;
+}
+/**
+ * Resource search modal props
+ */
+interface ResourceSearchModalProps extends BaseModalProps {
+    /** Callback when a resource is selected */
+    onSelect: (resourceId: string) => void;
+    /** Initial search term */
+    searchTerm?: string;
+    /** Optional translation support */
+    translations?: {
+        title?: string;
+        placeholder?: string;
+        searching?: string;
+        noResults?: string;
+    };
 }
-declare function NavigationMenu({ Link, routes, t, isAdmin, isModerator, brandingLink, onItemClick, className }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Skip links for keyboard navigation accessibility
@@ -2321,23 +2693,28 @@ interface UnifiedHeaderProps {
     isAuthenticated?: boolean;
     isAdmin?: boolean;
     isModerator?: boolean;
+    currentPath?: string;
 }
-declare function UnifiedHeader({ Link, routes, t, tHome, showBranding, showAuthLinks, brandingLink, variant, isAuthenticated, isAdmin, isModerator }: UnifiedHeaderProps): react_jsx_runtime.JSX.Element;
+declare function UnifiedHeader({ Link, routes, t, tHome, showBranding, showAuthLinks, brandingLink, variant, isAuthenticated, isAdmin, isModerator, currentPath }: UnifiedHeaderProps): react_jsx_runtime.JSX.Element;
 
+interface NavigationMenuHelper {
+    (onClose: () => void): React__default.ReactNode;
+}
 interface LeftSidebarProps {
     Link: React__default.ComponentType<LinkComponentProps>;
     routes: RouteBuilder;
     t: TranslateFn;
     tHome: TranslateFn;
-    children: React__default.ReactNode | ((isCollapsed: boolean, toggleCollapsed: () => void) => React__default.ReactNode);
+    children: React__default.ReactNode | ((isCollapsed: boolean, toggleCollapsed: () => void, navigationMenu: NavigationMenuHelper) => React__default.ReactNode);
     brandingLink?: string;
     collapsible?: boolean;
     storageKey?: string;
     isAuthenticated?: boolean;
     isAdmin?: boolean;
     isModerator?: boolean;
+    currentPath?: string;
 }
-declare function LeftSidebar({ Link, routes, t, tHome, children, brandingLink, collapsible, storageKey, isAuthenticated, isAdmin, isModerator }: LeftSidebarProps): react_jsx_runtime.JSX.Element;
+declare function LeftSidebar({ Link, routes, t, tHome, children, brandingLink, collapsible, storageKey, isAuthenticated, isAdmin, isModerator, currentPath }: LeftSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface PageLayoutProps {
     Link: React__default.ComponentType<LinkComponentProps>;
@@ -2356,6 +2733,268 @@ interface PageLayoutProps {
 }
 declare function PageLayout({ Link, routes, t, tNav, tHome, children, className, showAuthLinks, CookiePreferences, onOpenKeyboardHelp }: PageLayoutProps): react_jsx_runtime.JSX.Element;
 
+interface SemiontFaviconProps {
+    size?: number;
+    className?: string;
+    variant?: 'gradient' | 'solid' | 'outline';
+    background?: boolean;
+}
+declare function SemiontFavicon({ size, className, variant, background }: SemiontFaviconProps): react_jsx_runtime.JSX.Element;
+
+declare const faviconPaths: {
+    readonly ico: "/favicons/favicon.ico";
+    readonly svg: "/favicons/favicon.svg";
+    readonly appleTouchIcon: "/favicons/apple-touch-icon.png";
+    readonly favicon32: "/favicons/favicon-32x32.png";
+    readonly favicon16: "/favicons/favicon-16x16.png";
+    readonly androidChrome192: "/favicons/android-chrome-192x192.png";
+    readonly androidChrome512: "/favicons/android-chrome-512x512.png";
+    readonly manifest: "/favicons/site.webmanifest";
+};
+
+/**
+ * CSS-Agnostic Button Component
+ *
+ * This button uses data attributes instead of hardcoded Tailwind classes,
+ * allowing users to style it with any CSS solution.
+ */
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The visual variant of the button
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'ghost';
+    /**
+     * The size of the button
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Whether the button should take full width of its container
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the button is in a loading state
+     */
+    loading?: boolean;
+    /**
+     * Icon to display before the button text
+     */
+    leftIcon?: React__default.ReactNode;
+    /**
+     * Icon to display after the button text
+     */
+    rightIcon?: React__default.ReactNode;
+    /**
+     * Whether the button should only show an icon (no text padding)
+     */
+    iconOnly?: boolean;
+    /**
+     * Whether to show the button in an active/pressed state
+     */
+    active?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * Button Group Component
+ *
+ * Groups multiple buttons together
+ */
+interface ButtonGroupProps {
+    children: React__default.ReactNode;
+    /**
+     * How to arrange the buttons
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether buttons should be connected (no gap between them)
+     */
+    attached?: boolean;
+    /**
+     * Size of the gap between buttons (when not attached)
+     */
+    spacing?: 'xs' | 'sm' | 'md' | 'lg';
+    className?: string;
+}
+declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
+
+/**
+ * Semiont Design Tokens
+ *
+ * Core design tokens for the Semiont design system.
+ * These tokens provide the foundation for all component styling
+ * and can be consumed via JavaScript or CSS variables.
+ */
+declare const tokens: {
+    colors: {
+        primary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        secondary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        semantic: {
+            error: string;
+            errorLight: string;
+            errorDark: string;
+            warning: string;
+            warningLight: string;
+            warningDark: string;
+            success: string;
+            successLight: string;
+            successDark: string;
+            info: string;
+            infoLight: string;
+            infoDark: string;
+        };
+        neutral: {
+            0: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        background: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            inverse: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            disabled: string;
+            inverse: string;
+        };
+    };
+    spacing: {
+        0: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+    };
+    typography: {
+        fontFamily: {
+            sans: string;
+            mono: string;
+        };
+        fontSize: {
+            xs: string;
+            sm: string;
+            base: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+        };
+        fontWeight: {
+            thin: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            black: number;
+        };
+        lineHeight: {
+            none: number;
+            tight: number;
+            snug: number;
+            normal: number;
+            relaxed: number;
+            loose: number;
+        };
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
+    shadows: {
+        none: string;
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        inner: string;
+    };
+    transitions: {
+        duration: {
+            fast: string;
+            base: string;
+            slow: string;
+            slower: string;
+        };
+        timing: {
+            linear: string;
+            ease: string;
+            easeIn: string;
+            easeOut: string;
+            easeInOut: string;
+        };
+    };
+    breakpoints: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+};
+/**
+ * Generate CSS custom properties from design tokens
+ */
+declare function generateCSSVariables(): string;
+declare const cssVariables: string;
+type ColorToken = keyof typeof tokens.colors;
+type SpacingToken = keyof typeof tokens.spacing;
+type TypographyToken = keyof typeof tokens.typography;
+type BorderRadiusToken = keyof typeof tokens.borderRadius;
+type ShadowToken = keyof typeof tokens.shadows;
+type TransitionToken = keyof typeof tokens.transitions;
+
 /**
  * ComposeLoadingState Component
  *
@@ -2552,6 +3191,10 @@ interface SignInFormProps {
      * Whether to show email/password auth form
      */
     showCredentialsAuth?: boolean;
+    /**
+     * Whether the auth providers are still loading
+     */
+    isLoading?: boolean;
     /**
      * Link component for routing - passed from parent
      */
@@ -2583,7 +3226,7 @@ interface SignInFormProps {
 /**
  * SignInForm - Main sign-in component
  */
-declare function SignInForm({ onGoogleSignIn, onCredentialsSignIn, error, showCredentialsAuth, Link, translations: t, }: SignInFormProps): react_jsx_runtime.JSX.Element;
+declare function SignInForm({ onGoogleSignIn, onCredentialsSignIn, error, showCredentialsAuth, isLoading, Link, translations: t, }: SignInFormProps): react_jsx_runtime.JSX.Element;
 
 interface SignUpFormProps {
     /**
@@ -2605,6 +3248,8 @@ interface SignUpFormProps {
         approvedDomainsInfo: string;
         termsAgreement: string;
         alreadyHaveAccount: string;
+        tagline: string;
+        backToHome: string;
     };
 }
 /**
@@ -2777,7 +3422,7 @@ interface ResourceComposePageProps {
         sourceContent: string;
     };
     referenceData?: {
-        referenceId: string;
+        annotationUri: string;
         sourceDocumentId: string;
         name: string;
         entityTypes: string[];
@@ -2838,7 +3483,7 @@ interface SaveResourceParams {
     entityTypes?: string[];
     language: string;
     archiveOriginal?: boolean;
-    referenceId?: string;
+    annotationUri?: string;
     sourceDocumentId?: string;
 }
 declare function ResourceComposePage({ mode, cloneData, referenceData, availableEntityTypes, initialLocale, theme, onThemeChange, showLineNumbers, onLineNumbersToggle, activePanel, onPanelToggle, onSaveResource, onCancel, translations: t, ToolbarPanels, Toolbar, }: ResourceComposePageProps): react_jsx_runtime.JSX.Element;
@@ -2890,11 +3535,14 @@ interface ResourceCardProps {
 }
 declare const ResourceCard: React__default.MemoExoticComponent<({ resource, onOpen, tabIndex, archivedLabel, createdLabel }: ResourceCardProps) => react_jsx_runtime.JSX.Element>;
 
+type SemiontResource = components['schemas']['ResourceDescriptor'];
+type Annotation = components['schemas']['Annotation'];
+type Motivation = components['schemas']['Motivation'];
 interface ResourceViewerPageProps {
     /**
      * The resource to display
      */
-    resource: SemiontResource$2;
+    resource: SemiontResource;
     /**
      * Resource URI
      */
@@ -2910,7 +3558,7 @@ interface ResourceViewerPageProps {
     /**
      * All annotations for this resource
      */
-    annotations: Annotation$m[];
+    annotations: Annotation[];
     /**
      * Resources that reference this resource
      */
@@ -2955,7 +3603,7 @@ interface ResourceViewerPageProps {
     /**
      * Annotation CRUD callbacks
      */
-    onCreateAnnotation: (rUri: ResourceUri, motivation: Motivation$2, selector: any, body: any[]) => Promise<void>;
+    onCreateAnnotation: (rUri: ResourceUri, motivation: Motivation, selector: any, body: any[]) => Promise<void>;
     onDeleteAnnotation: (annotationId: string) => Promise<void>;
     onTriggerSparkleAnimation: (annotationId: string) => void;
     onClearNewAnnotationId: (annotationId: string) => void;
@@ -3000,4 +3648,4 @@ interface ResourceViewerPageProps {
 }
 declare function ResourceViewerPage({ resource, rUri, content, contentLoading, annotations, referencedBy, referencedByLoading, allEntityTypes, locale, theme, onThemeChange, showLineNumbers, onLineNumbersToggle, activePanel, onPanelToggle, setActivePanel, onUpdateDocumentTags, onArchive, onUnarchive, onClone, onUpdateAnnotationBody, onRefetchAnnotations, onCreateAnnotation, onDeleteAnnotation, onTriggerSparkleAnimation, onClearNewAnnotationId, showSuccess, showError, onAnnotationAdded, onAnnotationRemoved, onAnnotationBodyUpdated, onDocumentArchived, onDocumentUnarchived, onEntityTagAdded, onEntityTagRemoved, onEventError, cacheManager, client, Link, routes, ToolbarPanels, SearchResourcesModal, GenerationConfigModal, }: ResourceViewerPageProps): react_jsx_runtime.JSX.Element;
 
-export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateToolbar, AnnotateView, type Annotation$m as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, AnnotationUIProvider, type AnnotationUIProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientManager, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AsyncErrorBoundary, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, type AvailableLocale, BrowseView, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type CreateAnnotationParams, type DeleteAnnotationParams, DetectSection, type DetectionConfig, type DetectionProgress, DetectionProgressWidget, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationOptions, type GenerationProgress, HighlightEntry, HighlightPanel, HistoryEvent, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$2 as Motivation, NavigationMenu, type OAuthProvider, type OAuthUser, OAuthUserSchema, OpenResourcesManager, OpenResourcesProvider, PageLayout, PanelHeader, PopupContainer, PopupHeader, type PreparedAnnotation, ProposeEntitiesModal, QUERY_KEYS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, type ResourceEvent, ResourceInfoPanel, ResourceLoadingState, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SelectedTextDisplay, type SelectionData, type SelectionMotivation, SemiontBranding, type SemiontResource$2 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SkipLinks, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, TranslationManager, TranslationProvider, type TranslationProviderProps, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, UserMenuSkeleton, WelcomePage, type WelcomePageProps, buttonStyles, createCancelDetectionHandler, createDetectionHandler, dispatch401Error, dispatch403Error, dispatchAuthEvent, getAnnotationClassName, getAnnotationInternalType, getAnnotator, getResourceIcon, getShortcutDisplay, groupAnnotationsByType, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, rehypeRenderAnnotations, remarkAnnotations, sanitizeImageURL, supportsDetection, useAdmin, useAnnotationManager, useAnnotationPanel, useAnnotationUI, useAnnotations, useApiClient, useAuthApi, useCacheManager, useDebounce, useDebouncedCallback, useDetectionProgress, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useFormValidation, useFormattedTime, useGenerationProgress, useHealth, useIsTyping, useKeyboardShortcuts, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useOpenResources, usePreloadTranslations, useResourceAnnotations, useResourceEvents, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useToolbar, useTranslations, validationRules, withHandlers };
+export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateToolbar, AnnotateView, type Annotation$n as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, AnnotationUIProvider, type AnnotationUIProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientManager, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AsyncErrorBoundary, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, 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 CreateAnnotationParams, type DeleteAnnotationParams, DetectSection, type DetectionConfig, type DetectionProgress, DetectionProgressWidget, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, Footer, type GenerationOptions, type GenerationProgress, HighlightEntry, HighlightPanel, HistoryEvent, ImageURLSchema, ImageViewer, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LiveRegionProvider, type Motivation$4 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, type OpenResource, OpenResourcesManager, OpenResourcesProvider, PageLayout, PanelHeader, PopupContainer, PopupHeader, type PreparedAnnotation, ProposeEntitiesModal, QUERY_KEYS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferencesPanel, ResizeHandle, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, type ResourceEvent, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionData, type SelectionMotivation, SemiontBranding, SemiontFavicon, type SemiontResource$3 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, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, UserMenuSkeleton, WelcomePage, type WelcomePageProps, buttonStyles, createCancelDetectionHandler, createDetectionHandler, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, generateCSSVariables, getAnnotationClassName, getAnnotationInternalType, getAnnotator, getResourceIcon, getShortcutDisplay, groupAnnotationsByType, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, rehypeRenderAnnotations, remarkAnnotations, sanitizeImageURL, supportsDetection, tokens, useAdmin, useAnnotationManager, useAnnotationPanel, useAnnotationUI, useAnnotations, useApiClient, useAuthApi, useCacheManager, useDebounce, useDebouncedCallback, useDetectionProgress, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useFormAnnouncements, useFormValidation, useFormattedTime, useGenerationProgress, useHealth, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useOpenResources, usePanelWidth, usePreloadTranslations, useResourceAnnotations, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useToolbar, useTranslations, validationRules, withHandlers };