@semiont/react-ui 0.2.28-build.40 → 0.2.28

package/README.md

@@ -1,6 +1,5 @@
 # @semiont/react-ui
 
-[![npm version](https://img.shields.io/npm/v/@semiont/react-ui)](https://www.npmjs.com/package/@semiont/react-ui)
 [![Tests](https://github.com/The-AI-Alliance/semiont/actions/workflows/package-tests.yml/badge.svg)](https://github.com/The-AI-Alliance/semiont/actions/workflows/package-tests.yml?query=branch%3Amain+is%3Asuccess+job%3A%22Test+react-ui%22)
 [![Accessibility Tests](https://github.com/The-AI-Alliance/semiont/actions/workflows/accessibility-tests.yml/badge.svg)](https://github.com/The-AI-Alliance/semiont/actions/workflows/accessibility-tests.yml)
 [![WCAG 2.1 AA](https://img.shields.io/badge/WCAG-2.1%20AA-blue.svg)](https://www.w3.org/WAI/WCAG2AA-Conformance)
@@ -19,10 +18,8 @@ Framework-agnostic React component library for building Semiont knowledge manage
 - **Type-Safe API Hooks** - React Query wrappers for all Semiont API operations
 - **Authentication Components** - Sign-in, sign-up, and error display components
 - **Accessibility First** - WCAG compliant with keyboard navigation, screen reader support
-- **Comprehensive Testing** - 1250+ tests with extensive coverage
+- **Comprehensive Testing** - 800+ tests with extensive coverage
 - **Annotation System** - Rich annotation and tagging capabilities
-- **Built-in Translations** - English and Spanish included, with dynamic loading for optimal bundle size
-- **Flexible i18n** - Three modes: default English, built-in locales, or custom translation system
 
 ## Installation
 
@@ -93,33 +90,11 @@ function MyComponent() {
 ```tsx
 import { useTranslations } from '@semiont/react-ui';
 
-// Option 1: Default English (no provider needed)
 function Toolbar() {
   const t = useTranslations('Toolbar');
-  return <button>{t('save')}</button>;
-}
-
-// Option 2: Built-in locales
-import { TranslationProvider } from '@semiont/react-ui';
-
-function App() {
-  return (
-    <TranslationProvider locale="es">
-      <Toolbar />
-    </TranslationProvider>
-  );
-}
 
-// Option 3: Custom translation system
-const myTranslationManager = {
-  t: (namespace, key, params) => myI18n.translate(`${namespace}.${key}`, params)
-};
-
-function App() {
   return (
-    <TranslationProvider translationManager={myTranslationManager}>
-      <Toolbar />
-    </TranslationProvider>
+    <button>{t('save')}</button>
   );
 }
 ```

package/dist/{TranslationManager-Co_5fSxl.d.mts → TranslationManager-8nrCwJEY.d.mts}

@@ -109,10 +109,9 @@ interface TranslationManager {
      * Translate a key within a namespace
      * @param namespace - Translation namespace (e.g., 'Toolbar', 'ResourceViewer')
      * @param key - Translation key within the namespace
-     * @param params - Optional parameters for interpolation
      * @returns Translated string
      */
-    t: (namespace: string, key: string, params?: Record<string, any>) => string;
+    t: (namespace: string, key: string) => string;
 }
 
 export type { ApiClientManager as A, OpenResourcesManager as O, SessionManager as S, TranslationManager as T, OpenResource as a, SessionState as b };

package/dist/chunk-5ONCAANE.mjs

@@ -0,0 +1,172 @@
+'use client';
+
+// src/contexts/ApiClientContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ApiClientContext = createContext(null);
+function ApiClientProvider({
+  apiClientManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ApiClientContext.Provider, { value: apiClientManager, children });
+}
+function useApiClient() {
+  const context = useContext(ApiClientContext);
+  if (!context) {
+    throw new Error("useApiClient must be used within an ApiClientProvider");
+  }
+  return context.client;
+}
+
+// src/contexts/SessionContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SessionContext = createContext2(null);
+function SessionProvider({
+  sessionManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(SessionContext.Provider, { value: sessionManager, children });
+}
+function useSessionContext() {
+  const context = useContext2(SessionContext);
+  if (!context) {
+    throw new Error("useSessionContext must be used within SessionProvider");
+  }
+  return context;
+}
+
+// src/contexts/OpenResourcesContext.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OpenResourcesContext = createContext3(void 0);
+function OpenResourcesProvider({
+  openResourcesManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx3(OpenResourcesContext.Provider, { value: openResourcesManager, children });
+}
+function useOpenResources() {
+  const context = useContext3(OpenResourcesContext);
+  if (context === void 0) {
+    throw new Error("useOpenResources must be used within an OpenResourcesProvider");
+  }
+  return context;
+}
+
+// src/contexts/TranslationContext.tsx
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TranslationContext = createContext4(null);
+function TranslationProvider({
+  translationManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx4(TranslationContext.Provider, { value: translationManager, children });
+}
+function useTranslations(namespace) {
+  const context = useContext4(TranslationContext);
+  if (!context) {
+    throw new Error("useTranslations must be used within a TranslationProvider");
+  }
+  return (key) => context.t(namespace, key);
+}
+
+// src/components/Toast.tsx
+import React4, { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+var icons = {
+  success: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  warning: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+  info: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+};
+var styles = {
+  success: "bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border-green-200 dark:border-green-800",
+  error: "bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800",
+  warning: "bg-yellow-50 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-200 border-yellow-200 dark:border-yellow-800",
+  info: "bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-200 border-blue-200 dark:border-blue-800"
+};
+function Toast({ toast, onClose }) {
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      onClose(toast.id);
+    }, toast.duration || 3e3);
+    return () => clearTimeout(timer);
+  }, [toast, onClose]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center gap-3 px-4 py-3 rounded-lg border shadow-lg transition-all duration-300 transform ${styles[toast.type]}`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "flex-shrink-0", children: icons[toast.type] }),
+        /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium", children: toast.message }),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => onClose(toast.id),
+            className: "ml-auto flex-shrink-0 hover:opacity-70 transition-opacity",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx5("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function ToastContainer({ toasts, onClose }) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx5("div", { className: "fixed top-4 right-4 z-50 space-y-2 max-w-sm", children: toasts.map((toast) => /* @__PURE__ */ jsx5(Toast, { toast, onClose }, toast.id)) }),
+    document.body
+  );
+}
+var ToastContext = React4.createContext(void 0);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const showToast = (message, type = "info", duration) => {
+    const id = Date.now().toString();
+    const newToast = duration !== void 0 ? { id, message, type, duration } : { id, message, type };
+    setToasts((prev) => [...prev, newToast]);
+  };
+  const showSuccess = (message, duration) => showToast(message, "success", duration);
+  const showError = (message, duration) => showToast(message, "error", duration);
+  const showWarning = (message, duration) => showToast(message, "warning", duration);
+  const showInfo = (message, duration) => showToast(message, "info", duration);
+  const handleClose = (id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  };
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { showToast, showSuccess, showError, showWarning, showInfo }, children: [
+    children,
+    /* @__PURE__ */ jsx5(ToastContainer, { toasts, onClose: handleClose })
+  ] });
+}
+function useToast() {
+  const context = React4.useContext(ToastContext);
+  if (context === void 0) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
+export {
+  ApiClientProvider,
+  useApiClient,
+  SessionProvider,
+  useSessionContext,
+  OpenResourcesProvider,
+  useOpenResources,
+  TranslationProvider,
+  useTranslations,
+  ToastContainer,
+  ToastProvider,
+  useToast
+};
+//# sourceMappingURL=chunk-5ONCAANE.mjs.map

package/dist/chunk-5ONCAANE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/ApiClientContext.tsx","../src/contexts/SessionContext.tsx","../src/contexts/OpenResourcesContext.tsx","../src/contexts/TranslationContext.tsx","../src/components/Toast.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useContext, ReactNode } from 'react';\nimport type { ApiClientManager } from '../types/ApiClientManager';\n\nconst ApiClientContext = createContext<ApiClientManager | null>(null);\n\nexport interface ApiClientProviderProps {\n  apiClientManager: ApiClientManager;\n  children: ReactNode;\n}\n\n/**\n * Provider for API client management\n * Apps must provide an ApiClientManager implementation\n */\nexport function ApiClientProvider({\n  apiClientManager,\n  children,\n}: ApiClientProviderProps) {\n  return (\n    <ApiClientContext.Provider value={apiClientManager}>\n      {children}\n    </ApiClientContext.Provider>\n  );\n}\n\n/**\n * Hook to access the API client\n * Must be used within an ApiClientProvider\n * @returns API client instance (null if not authenticated)\n */\nexport function useApiClient() {\n  const context = useContext(ApiClientContext);\n\n  if (!context) {\n    throw new Error('useApiClient must be used within an ApiClientProvider');\n  }\n\n  return context.client;\n}\n","'use client';\n\nimport { createContext, useContext, ReactNode } from 'react';\nimport type { SessionManager } from '../types/SessionManager';\n\nconst SessionContext = createContext<SessionManager | null>(null);\n\n/**\n * Provider Pattern: Accepts SessionManager implementation as prop\n * and makes it available to child components via Context.\n *\n * Apps provide their own implementation (next-auth, custom auth, etc.)\n * and pass it to this provider at the root level.\n *\n * @example\n * ```tsx\n * // In app root\n * const sessionManager = useSessionManager(); // App's implementation\n *\n * <SessionProvider sessionManager={sessionManager}>\n *   <App />\n * </SessionProvider>\n * ```\n */\nexport function SessionProvider({\n  sessionManager,\n  children\n}: {\n  sessionManager: SessionManager;\n  children: ReactNode;\n}) {\n  return (\n    <SessionContext.Provider value={sessionManager}>\n      {children}\n    </SessionContext.Provider>\n  );\n}\n\n/**\n * Hook to access SessionManager from Context\n * Components use this hook to access session state and expiry information\n */\nexport function useSessionContext() {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSessionContext must be used within SessionProvider');\n  }\n  return context;\n}","'use client';\n\nimport React, { createContext, useContext } from 'react';\nimport type { OpenResourcesManager } from '../types/OpenResourcesManager';\n\nconst OpenResourcesContext = createContext<OpenResourcesManager | undefined>(undefined);\n\n/**\n * Provider Pattern: Accepts OpenResourcesManager implementation as prop\n * and makes it available to child components via Context.\n *\n * Apps provide their own implementation (localStorage, sessionStorage, database, etc.)\n * and pass it to this provider at the root level.\n *\n * @example\n * ```tsx\n * // In app root\n * const openResourcesManager = useOpenResourcesManager(); // App's implementation\n *\n * <OpenResourcesProvider openResourcesManager={openResourcesManager}>\n *   <App />\n * </OpenResourcesProvider>\n * ```\n */\nexport function OpenResourcesProvider({\n  openResourcesManager,\n  children\n}: {\n  openResourcesManager: OpenResourcesManager;\n  children: React.ReactNode;\n}) {\n  return (\n    <OpenResourcesContext.Provider value={openResourcesManager}>\n      {children}\n    </OpenResourcesContext.Provider>\n  );\n}\n\n/**\n * Hook to access OpenResourcesManager from Context\n * Components use this hook to access open resources functionality\n */\nexport function useOpenResources(): OpenResourcesManager {\n  const context = useContext(OpenResourcesContext);\n  if (context === undefined) {\n    throw new Error('useOpenResources must be used within an OpenResourcesProvider');\n  }\n  return context;\n}","'use client';\n\nimport React, { createContext, useContext, ReactNode } from 'react';\nimport type { TranslationManager } from '../types/TranslationManager';\n\nconst TranslationContext = createContext<TranslationManager | null>(null);\n\nexport interface TranslationProviderProps {\n  translationManager: TranslationManager;\n  children: ReactNode;\n}\n\n/**\n * Provider for translation management\n * Apps must provide a TranslationManager implementation\n */\nexport function TranslationProvider({\n  translationManager,\n  children,\n}: TranslationProviderProps) {\n  return (\n    <TranslationContext.Provider value={translationManager}>\n      {children}\n    </TranslationContext.Provider>\n  );\n}\n\n/**\n * Hook to access translations within a namespace\n * Must be used within a TranslationProvider\n * @param namespace - Translation namespace (e.g., 'Toolbar', 'ResourceViewer')\n * @returns Function to translate keys within the namespace\n */\nexport function useTranslations(namespace: string) {\n  const context = useContext(TranslationContext);\n\n  if (!context) {\n    throw new Error('useTranslations must be used within a TranslationProvider');\n  }\n\n  // Return a function that translates keys within this namespace\n  return (key: string) => context.t(namespace, key);\n}\n","'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport type ToastType = 'success' | 'error' | 'info' | 'warning';\n\nexport interface ToastMessage {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration?: number;\n}\n\ninterface ToastProps {\n  toast: ToastMessage;\n  onClose: (id: string) => void;\n}\n\nconst icons = {\n  success: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n    </svg>\n  ),\n  error: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  ),\n  warning: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n    </svg>\n  ),\n  info: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n};\n\nconst styles = {\n  success: 'bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border-green-200 dark:border-green-800',\n  error: 'bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800',\n  warning: 'bg-yellow-50 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-200 border-yellow-200 dark:border-yellow-800',\n  info: 'bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-200 border-blue-200 dark:border-blue-800',\n};\n\nfunction Toast({ toast, onClose }: ToastProps) {\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      onClose(toast.id);\n    }, toast.duration || 3000);\n\n    return () => clearTimeout(timer);\n  }, [toast, onClose]);\n\n  return (\n    <div\n      className={`flex items-center gap-3 px-4 py-3 rounded-lg border shadow-lg transition-all duration-300 transform ${styles[toast.type]}`}\n      role=\"alert\"\n    >\n      <div className=\"flex-shrink-0\">{icons[toast.type]}</div>\n      <p className=\"text-sm font-medium\">{toast.message}</p>\n      <button\n        onClick={() => onClose(toast.id)}\n        className=\"ml-auto flex-shrink-0 hover:opacity-70 transition-opacity\"\n        aria-label=\"Close\"\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\ninterface ToastContainerProps {\n  toasts: ToastMessage[];\n  onClose: (id: string) => void;\n}\n\nexport function ToastContainer({ toasts, onClose }: ToastContainerProps) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n    return () => setMounted(false);\n  }, []);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div className=\"fixed top-4 right-4 z-50 space-y-2 max-w-sm\">\n      {toasts.map((toast) => (\n        <Toast key={toast.id} toast={toast} onClose={onClose} />\n      ))}\n    </div>,\n    document.body\n  );\n}\n\n// Toast context and hook for global toast management\ninterface ToastContextType {\n  showToast: (message: string, type?: ToastType, duration?: number) => void;\n  showSuccess: (message: string, duration?: number) => void;\n  showError: (message: string, duration?: number) => void;\n  showWarning: (message: string, duration?: number) => void;\n  showInfo: (message: string, duration?: number) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextType | undefined>(undefined);\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = useState<ToastMessage[]>([]);\n\n  const showToast = (message: string, type: ToastType = 'info', duration?: number) => {\n    const id = Date.now().toString();\n    const newToast: ToastMessage = duration !== undefined \n      ? { id, message, type, duration }\n      : { id, message, type };\n    setToasts((prev) => [...prev, newToast]);\n  };\n\n  const showSuccess = (message: string, duration?: number) => showToast(message, 'success', duration);\n  const showError = (message: string, duration?: number) => showToast(message, 'error', duration);\n  const showWarning = (message: string, duration?: number) => showToast(message, 'warning', duration);\n  const showInfo = (message: string, duration?: number) => showToast(message, 'info', duration);\n\n  const handleClose = (id: string) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  };\n\n  return (\n    <ToastContext.Provider value={{ showToast, showSuccess, showError, showWarning, showInfo }}>\n      {children}\n      <ToastContainer toasts={toasts} onClose={handleClose} />\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const context = React.useContext(ToastContext);\n  if (context === undefined) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}"],"mappings":";;;AAEA,SAAgB,eAAe,kBAA6B;AAmBxD;AAhBJ,IAAM,mBAAmB,cAAuC,IAAI;AAW7D,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAA2B;AACzB,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,kBAC/B,UACH;AAEJ;AAOO,SAAS,eAAe;AAC7B,QAAM,UAAU,WAAW,gBAAgB;AAE3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO,QAAQ;AACjB;;;ACtCA,SAAS,iBAAAA,gBAAe,cAAAC,mBAA6B;AA8BjD,gBAAAC,YAAA;AA3BJ,IAAM,iBAAiBF,eAAqC,IAAI;AAmBzD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,SACE,gBAAAE,KAAC,eAAe,UAAf,EAAwB,OAAO,gBAC7B,UACH;AAEJ;AAMO,SAAS,oBAAoB;AAClC,QAAM,UAAUD,YAAW,cAAc;AACzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;;;AC9CA,SAAgB,iBAAAE,gBAAe,cAAAC,mBAAkB;AA8B7C,gBAAAC,YAAA;AA3BJ,IAAM,uBAAuBF,eAAgD,MAAS;AAmB/E,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,SACE,gBAAAE,KAAC,qBAAqB,UAArB,EAA8B,OAAO,sBACnC,UACH;AAEJ;AAMO,SAAS,mBAAyC;AACvD,QAAM,UAAUD,YAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,+DAA+D;AAAA,EACjF;AACA,SAAO;AACT;;;AC9CA,SAAgB,iBAAAE,gBAAe,cAAAC,mBAA6B;AAmBxD,gBAAAC,YAAA;AAhBJ,IAAM,qBAAqBF,eAAyC,IAAI;AAWjE,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,gBAAAE,KAAC,mBAAmB,UAAnB,EAA4B,OAAO,oBACjC,UACH;AAEJ;AAQO,SAAS,gBAAgB,WAAmB;AACjD,QAAM,UAAUD,YAAW,kBAAkB;AAE7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AAGA,SAAO,CAAC,QAAgB,QAAQ,EAAE,WAAW,GAAG;AAClD;;;ACxCA,OAAOE,UAAS,WAAW,gBAAgB;AAC3C,SAAS,oBAAoB;AAmBvB,gBAAAC,MAqCF,YArCE;AAHN,IAAM,QAAQ;AAAA,EACZ,SACE,gBAAAA,KAAC,SAAI,WAAU,WAAU,MAAK,QAAO,QAAO,gBAAe,SAAQ,aACjE,0BAAAA,KAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,kBAAiB,GACxF;AAAA,EAEF,OACE,gBAAAA,KAAC,SAAI,WAAU,WAAU,MAAK,QAAO,QAAO,gBAAe,SAAQ,aACjE,0BAAAA,KAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,wBAAuB,GAC9F;AAAA,EAEF,SACE,gBAAAA,KAAC,SAAI,WAAU,WAAU,MAAK,QAAO,QAAO,gBAAe,SAAQ,aACjE,0BAAAA,KAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,wIAAuI,GAC9M;AAAA,EAEF,MACE,gBAAAA,KAAC,SAAI,WAAU,WAAU,MAAK,QAAO,QAAO,gBAAe,SAAQ,aACjE,0BAAAA,KAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,6DAA4D,GACnI;AAEJ;AAEA,IAAM,SAAS;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,SAAS,MAAM,EAAE,OAAO,QAAQ,GAAe;AAC7C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM;AAC7B,cAAQ,MAAM,EAAE;AAAA,IAClB,GAAG,MAAM,YAAY,GAAI;AAEzB,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,OAAO,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,uGAAuG,OAAO,MAAM,IAAI,CAAC;AAAA,MACpI,MAAK;AAAA,MAEL;AAAA,wBAAAA,KAAC,SAAI,WAAU,iBAAiB,gBAAM,MAAM,IAAI,GAAE;AAAA,QAClD,gBAAAA,KAAC,OAAE,WAAU,uBAAuB,gBAAM,SAAQ;AAAA,QAClD,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,QAAQ,MAAM,EAAE;AAAA,YAC/B,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,0BAAAA,KAAC,SAAI,WAAU,WAAU,MAAK,QAAO,QAAO,gBAAe,SAAQ,aACjE,0BAAAA,KAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,wBAAuB,GAC9F;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,eAAe,EAAE,QAAQ,QAAQ,GAAwB;AACvE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,eAAW,IAAI;AACf,WAAO,MAAM,WAAW,KAAK;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,QAAS,QAAO;AAErB,SAAO;AAAA,IACL,gBAAAA,KAAC,SAAI,WAAU,+CACZ,iBAAO,IAAI,CAAC,UACX,gBAAAA,KAAC,SAAqB,OAAc,WAAxB,MAAM,EAAoC,CACvD,GACH;AAAA,IACA,SAAS;AAAA,EACX;AACF;AAWA,IAAM,eAAeD,OAAM,cAA4C,MAAS;AAEzE,SAAS,cAAc,EAAE,SAAS,GAAkC;AACzE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAyB,CAAC,CAAC;AAEvD,QAAM,YAAY,CAAC,SAAiB,OAAkB,QAAQ,aAAsB;AAClF,UAAM,KAAK,KAAK,IAAI,EAAE,SAAS;AAC/B,UAAM,WAAyB,aAAa,SACxC,EAAE,IAAI,SAAS,MAAM,SAAS,IAC9B,EAAE,IAAI,SAAS,KAAK;AACxB,cAAU,CAAC,SAAS,CAAC,GAAG,MAAM,QAAQ,CAAC;AAAA,EACzC;AAEA,QAAM,cAAc,CAAC,SAAiB,aAAsB,UAAU,SAAS,WAAW,QAAQ;AAClG,QAAM,YAAY,CAAC,SAAiB,aAAsB,UAAU,SAAS,SAAS,QAAQ;AAC9F,QAAM,cAAc,CAAC,SAAiB,aAAsB,UAAU,SAAS,WAAW,QAAQ;AAClG,QAAM,WAAW,CAAC,SAAiB,aAAsB,UAAU,SAAS,QAAQ,QAAQ;AAE5F,QAAM,cAAc,CAAC,OAAe;AAClC,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D;AAEA,SACE,qBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,WAAW,aAAa,WAAW,aAAa,SAAS,GACtF;AAAA;AAAA,IACD,gBAAAC,KAAC,kBAAe,QAAgB,SAAS,aAAa;AAAA,KACxD;AAEJ;AAEO,SAAS,WAAW;AACzB,QAAM,UAAUD,OAAM,WAAW,YAAY;AAC7C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;","names":["createContext","useContext","jsx","createContext","useContext","jsx","createContext","useContext","jsx","React","jsx"]}

package/dist/{chunk-3JTO27MH.mjs → chunk-ATHYNK3C.mjs}

@@ -11,11 +11,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __glob = (map) => (path) => {
-  var fn = map[path];
-  if (fn) return fn();
-  throw new Error("Module not found in bundle: " + path);
-};
 var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -42,9 +37,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 export {
   __require,
-  __glob,
   __commonJS,
   __export,
   __toESM
 };
-//# sourceMappingURL=chunk-3JTO27MH.mjs.map
+//# sourceMappingURL=chunk-ATHYNK3C.mjs.map

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 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 * 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';
+import { A as ApiClientManager, O as OpenResourcesManager, S as SessionManager, T as TranslationManager } from './TranslationManager-8nrCwJEY.mjs';
+export { a as OpenResource, b as SessionState } from './TranslationManager-8nrCwJEY.mjs';
 import * as React$1 from 'react';
 import React__default, { MutableRefObject, KeyboardEvent as KeyboardEvent$1, ReactNode, Component, ErrorInfo } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
@@ -15,6 +15,7 @@ import { Root as Root$1 } from 'mdast';
 import { VFile } from 'vfile';
 import { TagSchema } from '@semiont/ontology';
 export { TAG_SCHEMAS, TagCategory, TagSchema, getAllTagSchemas, getSchemaCategory as getTagCategory, getTagSchema, getTagSchemasByDomain, isValidCategory } from '@semiont/ontology';
+import * as next_auth from 'next-auth';
 
 type Annotation$o = components['schemas']['Annotation'];
 /**
@@ -1003,6 +1004,56 @@ declare function useAnnotationPanel<T extends Annotation$j>(annotations: T[], ho
     handleAnnotationRef: (id: string, el: HTMLElement | null) => void;
 };
 
+/**
+ * Enhanced authentication hook with validation and user information
+ */
+declare function useAuth(): {
+    session: next_auth.Session | null;
+    user: {
+        name?: string | null;
+        email?: string | null;
+        image?: string | null;
+        isAdmin?: boolean;
+    } | undefined;
+    backendUser: {
+        id: string;
+        email: string;
+        name?: string | undefined;
+        image?: string | undefined;
+        domain: string;
+        isAdmin: boolean;
+        isModerator: boolean;
+        termsAcceptedAt?: string | null;
+    } | undefined;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    hasValidBackendToken: boolean;
+    userDomain: string | undefined;
+    displayName: string;
+    avatarUrl: string | null | undefined;
+    isAdmin: boolean;
+    isModerator: boolean;
+    isFullyAuthenticated: boolean;
+};
+/**
+ * Hook for getting user preferences and settings
+ */
+declare function useUserPreferences(): {
+    theme: "light" | "dark" | "system";
+    language: string;
+    timezone: string;
+    emailNotifications: boolean;
+};
+/**
+ * Hook for checking user permissions (future expansion)
+ */
+declare function usePermissions(): {
+    canRead: boolean;
+    canWrite: boolean;
+    canAdmin: boolean;
+    canManageUsers: boolean;
+};
+
 /**
  * Creates a debounced version of a callback function
  *
@@ -1513,54 +1564,22 @@ declare function SessionProvider({ sessionManager, children }: {
  */
 declare function useSessionContext(): SessionManager;
 
-declare const AVAILABLE_LOCALES: readonly ["ar", "bn", "cs", "da", "de", "el", "en", "es", "fa", "fi", "fr", "he", "hi", "id", "it", "ja", "ko", "ms", "nl", "no", "pl", "pt", "ro", "sv", "th", "tr", "uk", "vi", "zh"];
-type AvailableLocale = typeof AVAILABLE_LOCALES[number];
 interface TranslationProviderProps {
-    /**
-     * Option 1: Provide a complete TranslationManager implementation
-     */
-    translationManager?: TranslationManager;
-    /**
-     * Option 2: Use built-in translations by specifying a locale
-     * When adding new locales, just add the JSON file and update AVAILABLE_LOCALES
-     */
-    locale?: string;
-    /**
-     * Loading component to show while translations are being loaded
-     * Only relevant when using dynamic locale loading
-     */
-    loadingComponent?: ReactNode;
+    translationManager: TranslationManager;
     children: ReactNode;
 }
 /**
- * Provider for translation management with dynamic loading
- *
- * Three modes of operation:
- * 1. No provider: Components use default English strings
- * 2. With locale prop: Dynamically loads translations for that locale
- * 3. With translationManager: Use custom translation implementation
+ * Provider for translation management
+ * Apps must provide a TranslationManager implementation
  */
-declare function TranslationProvider({ translationManager, locale, loadingComponent, children, }: TranslationProviderProps): react_jsx_runtime.JSX.Element;
+declare function TranslationProvider({ translationManager, children, }: TranslationProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access translations within a namespace
- *
- * Works in three modes:
- * 1. Without provider: Returns default English translations
- * 2. With provider using locale: Returns dynamically loaded translations for that locale
- * 3. With custom provider: Uses the custom translation manager
- *
+ * Must be used within a TranslationProvider
  * @param namespace - Translation namespace (e.g., 'Toolbar', 'ResourceViewer')
  * @returns Function to translate keys within the namespace
  */
-declare function useTranslations(namespace: string): (key: string, params?: Record<string, any>) => string;
-/**
- * Hook to preload translations for a locale
- * Useful for preloading translations before navigation
- */
-declare function usePreloadTranslations(): {
-    preload: (locale: string) => Promise<boolean>;
-    isLoaded: (locale: string) => boolean;
-};
+declare function useTranslations(namespace: string): (key: string) => string;
 
 type Annotation$h = components['schemas']['Annotation'];
 interface TextSegment {
@@ -1621,7 +1640,7 @@ declare class ErrorBoundary extends Component<Props$a, State> {
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReset: () => void;
-    render(): string | number | boolean | Iterable<React__default.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<React__default.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 }
 /**
  * Specialized error boundary for async components
@@ -1792,6 +1811,8 @@ interface ProposeEntitiesModalProps {
 }
 declare function ProposeEntitiesModal({ isOpen, onConfirm, onCancel }: ProposeEntitiesModalProps): react_jsx_runtime.JSX.Element;
 
+declare function SessionExpiredModal(): react_jsx_runtime.JSX.Element;
+
 type Annotation$c = components['schemas']['Annotation'];
 
 interface Props$8 {
@@ -2280,12 +2301,7 @@ declare function NavigationMenu({ Link, routes, t, isAdmin, isModerator, brandin
  */
 declare function SkipLinks(): react_jsx_runtime.JSX.Element;
 
-interface StatusDisplayProps {
-    isFullyAuthenticated?: boolean;
-    isAuthenticated?: boolean;
-    hasValidBackendToken?: boolean;
-}
-declare function StatusDisplay({ isFullyAuthenticated, isAuthenticated, hasValidBackendToken }: StatusDisplayProps): react_jsx_runtime.JSX.Element;
+declare function StatusDisplay(): react_jsx_runtime.JSX.Element;
 
 declare function SessionTimer(): react_jsx_runtime.JSX.Element | null;
 
@@ -2318,11 +2334,8 @@ interface UnifiedHeaderProps {
     showAuthLinks?: boolean;
     brandingLink?: string;
     variant?: 'standalone' | 'embedded' | 'floating';
-    isAuthenticated?: boolean;
-    isAdmin?: boolean;
-    isModerator?: boolean;
 }
-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 }: UnifiedHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface LeftSidebarProps {
     Link: React__default.ComponentType<LinkComponentProps>;
@@ -2333,11 +2346,8 @@ interface LeftSidebarProps {
     brandingLink?: string;
     collapsible?: boolean;
     storageKey?: string;
-    isAuthenticated?: boolean;
-    isAdmin?: boolean;
-    isModerator?: boolean;
 }
-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 }: LeftSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface PageLayoutProps {
     Link: React__default.ComponentType<LinkComponentProps>;
@@ -2541,17 +2551,17 @@ interface SignInFormProps {
      */
     onGoogleSignIn: () => Promise<void>;
     /**
-     * Callback when user submits email/password credentials
+     * Callback when user submits local credentials
      */
-    onCredentialsSignIn?: ((email: string, password: string) => Promise<void>) | undefined;
+    onLocalSignIn?: ((email: string, password: string) => Promise<void>) | undefined;
     /**
      * Error message to display (if any)
      */
     error?: string | null;
     /**
-     * Whether to show email/password auth form
+     * Whether to show local auth form
      */
-    showCredentialsAuth?: boolean;
+    showLocalAuth?: boolean;
     /**
      * Link component for routing - passed from parent
      */
@@ -2568,22 +2578,21 @@ interface SignInFormProps {
         emailPlaceholder: string;
         passwordLabel: string;
         passwordPlaceholder: string;
-        signInWithCredentials: string;
+        signInLocal: string;
         or: string;
-        credentialsAuthEnabled: string;
+        localAuthEnabled: string;
         approvedDomainsOnly: string;
         backToHome: string;
         learnMore: string;
         signUpInstead: string;
         errorEmailRequired: string;
         errorPasswordRequired: string;
-        tagline: string;
     };
 }
 /**
  * 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, onLocalSignIn, error, showLocalAuth, Link, translations: t, }: SignInFormProps): react_jsx_runtime.JSX.Element;
 
 interface SignUpFormProps {
     /**
@@ -3000,4 +3009,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, 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, 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, SessionExpiredModal, 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, useAuth, useAuthApi, useCacheManager, useDebounce, useDebouncedCallback, useDetectionProgress, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useFormValidation, useFormattedTime, useGenerationProgress, useHealth, useIsTyping, useKeyboardShortcuts, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useOpenResources, usePermissions, useResourceAnnotations, useResourceEvents, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useToolbar, useTranslations, useUserPreferences, validationRules, withHandlers };