@almadar/ui 6.9.0 → 6.11.0

package/dist/providers/index.d.cts

@@ -4,13 +4,15 @@ export { ANONYMOUS_USER } from '@almadar/core';
 import { U as UIThemeDefinition, j as UserData } from '../UserContext-g_LcDiGN.cjs';
 export { a as CurrentPagePathContext, b as CurrentPagePathProvider, c as CurrentPagePathProviderProps, d as DesignThemeProvider, O as OrbitalThemeProvider, e as OrbitalThemeProviderProps, h as UserContext, i as UserContextValue, k as UserProvider, l as UserProviderProps, u as useCurrentPagePath, m as useDesignTheme, n as useHasPermission, o as useHasRole, q as useUser, r as useUserForEvaluation } from '../UserContext-g_LcDiGN.cjs';
 import { E as EventBusContextType } from '../event-bus-types-Bl78kokd.cjs';
-export { E as EntityBindingContext, a as EntityBindingSource, b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, S as SendEventResult, e as ServerBridgeContextValue, f as ServerBridgeProvider, g as ServerBridgeProviderProps, h as ServerBridgeTransport, i as ServerClientEffect, j as ServerResponseMeta, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, u as useEntityBindingSnapshot, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-Bn3ePJQC.cjs';
+export { A as AccessTokenProvider, E as EntityBindingContext, a as EntityBindingSource, b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, S as SendEventResult, e as ServerBridgeContextValue, f as ServerBridgeProvider, g as ServerBridgeProviderProps, h as ServerBridgeTransport, i as ServerClientEffect, j as ServerResponseMeta, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, u as useEntityBindingSnapshot, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-D5lRu6p1.cjs';
 import { j as UseOfflineExecutorResult, U as UseOfflineExecutorOptions } from '../offline-executor-QUdKOj7f.cjs';
 export { c as NavigationContextValue, d as NavigationProvider, e as NavigationProviderProps, f as NavigationState, k as comparePathSpecificity, m as extractRouteParams, n as findPageByName, o as findPageByPath, p as getAllPages, q as getDefaultPage, r as matchPath, s as matchPathAmong, t as pathMatches, u as useActivePage, v as useInitPayload, w as useNavigateTo, x as useNavigation, y as useNavigationId, z as useNavigationState } from '../offline-executor-QUdKOj7f.cjs';
-export { G as GameAudioContext, a as GameAudioContextValue, b as GameAudioProvider, c as GameAudioProviderProps, u as useGameAudioContext, d as useGameAudioContextOptional } from '../GameAudioProvider-Dk_Y3LN3.cjs';
+import '../verificationRegistry-BLsjb1oU.cjs';
+export { G as GameAudioContext, a as GameAudioContextValue, b as GameAudioProvider, c as GameAudioProviderProps, u as useGameAudioContext, d as useGameAudioContextOptional } from '../GameAudioProvider-D8GynTNq.cjs';
 export { N as NavPageDecl, a as NavStackApi, b as NavStackProvider, c as NavStackProviderProps, d as NavStackRouterBridge, e as NavStackRouterBridgeProps, u as useNavStack } from '../NavStackContext-bw2nlBgT.cjs';
 import '@almadar/core/patterns';
-import '../types-B3nHgnMG.cjs';
+import '@almadar/runtime';
+import '../paintDispatch-CK5uwYEq.cjs';
 
 /**
  * EventBusProvider - React context provider for the event bus

package/dist/providers/index.d.ts

@@ -4,13 +4,15 @@ export { ANONYMOUS_USER } from '@almadar/core';
 import { U as UIThemeDefinition, j as UserData } from '../UserContext-g_LcDiGN.js';
 export { a as CurrentPagePathContext, b as CurrentPagePathProvider, c as CurrentPagePathProviderProps, d as DesignThemeProvider, O as OrbitalThemeProvider, e as OrbitalThemeProviderProps, h as UserContext, i as UserContextValue, k as UserProvider, l as UserProviderProps, u as useCurrentPagePath, m as useDesignTheme, n as useHasPermission, o as useHasRole, q as useUser, r as useUserForEvaluation } from '../UserContext-g_LcDiGN.js';
 import { E as EventBusContextType } from '../event-bus-types-Bl78kokd.js';
-export { E as EntityBindingContext, a as EntityBindingSource, b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, S as SendEventResult, e as ServerBridgeContextValue, f as ServerBridgeProvider, g as ServerBridgeProviderProps, h as ServerBridgeTransport, i as ServerClientEffect, j as ServerResponseMeta, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, u as useEntityBindingSnapshot, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-Bn3ePJQC.js';
+export { A as AccessTokenProvider, E as EntityBindingContext, a as EntityBindingSource, b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, S as SendEventResult, e as ServerBridgeContextValue, f as ServerBridgeProvider, g as ServerBridgeProviderProps, h as ServerBridgeTransport, i as ServerClientEffect, j as ServerResponseMeta, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, u as useEntityBindingSnapshot, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-D5lRu6p1.js';
 import { j as UseOfflineExecutorResult, U as UseOfflineExecutorOptions } from '../offline-executor-QUdKOj7f.js';
 export { c as NavigationContextValue, d as NavigationProvider, e as NavigationProviderProps, f as NavigationState, k as comparePathSpecificity, m as extractRouteParams, n as findPageByName, o as findPageByPath, p as getAllPages, q as getDefaultPage, r as matchPath, s as matchPathAmong, t as pathMatches, u as useActivePage, v as useInitPayload, w as useNavigateTo, x as useNavigation, y as useNavigationId, z as useNavigationState } from '../offline-executor-QUdKOj7f.js';
-export { G as GameAudioContext, a as GameAudioContextValue, b as GameAudioProvider, c as GameAudioProviderProps, u as useGameAudioContext, d as useGameAudioContextOptional } from '../GameAudioProvider-Ctceau1s.js';
+import '../verificationRegistry-D8bHWD8Q.js';
+export { G as GameAudioContext, a as GameAudioContextValue, b as GameAudioProvider, c as GameAudioProviderProps, u as useGameAudioContext, d as useGameAudioContextOptional } from '../GameAudioProvider-Dozqx4sL.js';
 export { N as NavPageDecl, a as NavStackApi, b as NavStackProvider, c as NavStackProviderProps, d as NavStackRouterBridge, e as NavStackRouterBridgeProps, u as useNavStack } from '../NavStackContext-bw2nlBgT.js';
 import '@almadar/core/patterns';
-import '../types-B3nHgnMG.js';
+import '@almadar/runtime';
+import '../paintDispatch-CK5uwYEq.js';
 
 /**
  * EventBusProvider - React context provider for the event bus

package/dist/providers/index.js

@@ -3,7 +3,7 @@ import React89__default, { createContext, useContext, useMemo, useRef, useEffect
 import { EventBusContext, useTraitScopeChain, RenderSlotProvider, useEntitySchemaOptional, useEntityBindingSnapshot, useTraitScope, TraitScopeProvider, useNavStack, useCurrentPagePath, useRenderSlot, useGameAudioContextOptional, matchPathAmong } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { createContextFromBindings, interpolateValue } from '@almadar/runtime';
-import { ANONYMOUS_USER, isRenderBindingMarker, isFileValue, isInlineTrait } from '@almadar/core';
+import { ANONYMOUS_USER, isRenderBindingMarker, getNestedValue, isFileValue, isInlineTrait } from '@almadar/core';
 export { ANONYMOUS_USER } from '@almadar/core';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -20,7 +20,8 @@ import { useLocation, useNavigate, Link, Outlet } from 'react-router-dom';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
-import { orbLanguage, loloLanguage, ORB_COLORS } from '@almadar/syntax';
+import { orbLanguage, loloLanguage, ORB_COLORS, translateLolo, translateOrb } from '@almadar/syntax';
+import { coreTables } from '@almadar/core/i18n';
 import langJson from 'react-syntax-highlighter/dist/esm/languages/prism/json.js';
 import langJavascript from 'react-syntax-highlighter/dist/esm/languages/prism/javascript.js';
 import langTypescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript.js';
@@ -18210,6 +18211,15 @@ function buildLineProps(errorLines, extraClassName) {
     };
   };
 }
+function translateProgram(source, language, lang) {
+  if (lang === "en") return source;
+  if (language === "lolo") return translateLolo(source, lang);
+  if (language === "orb") {
+    const translated = translateOrb(source, lang);
+    return typeof translated === "string" ? translated : source;
+  }
+  return source;
+}
 var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, HIGHLIGHT_CAPACITY_BYTES, MONO_FONT_FAMILY, VIEWER_LINE_NUMBER_STYLE, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
@@ -18475,6 +18485,7 @@ var init_CodeBlock = __esm({
         showLineNumbers = false,
         wordWrap = false,
         files,
+        naturalLanguages,
         actions,
         isLoading = false,
         error,
@@ -18521,7 +18532,48 @@ var init_CodeBlock = __esm({
           "replace"
         ]
       }) => {
-        const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
+        const englishCode = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
+        const naturalTabs = !editable && naturalLanguages && naturalLanguages.length > 1 ? naturalLanguages : void 0;
+        const [naturalLanguage, setNaturalLanguage] = useState(() => naturalTabs?.[0] ?? "en");
+        const activeNaturalLanguage = naturalTabs?.includes(naturalLanguage) === true ? naturalLanguage : naturalTabs?.[0] ?? "en";
+        const translationCache = useMemo(() => /* @__PURE__ */ new Map(), [englishCode, files]);
+        const translateFor = useCallback(
+          (source, sourceLanguage, cacheKey) => {
+            if (activeNaturalLanguage === "en") return source;
+            const key = `${cacheKey}|${sourceLanguage}|${activeNaturalLanguage}`;
+            const hit = translationCache.get(key);
+            if (hit !== void 0) return hit;
+            const translated = translateProgram(source, sourceLanguage, activeNaturalLanguage);
+            translationCache.set(key, translated);
+            return translated;
+          },
+          [translationCache, activeNaturalLanguage]
+        );
+        const code = translateFor(englishCode, language, "code");
+        const naturalTabItems = naturalTabs?.map((lang) => ({
+          id: `lang-${lang}`,
+          label: coreTables[lang].meta.name,
+          content: null
+        }));
+        const naturalTabStrip = naturalTabs && naturalTabItems ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "border-b border-border",
+            dir: coreTables[activeNaturalLanguage].meta.rtl ? "rtl" : "ltr",
+            "data-testid": "codeblock-language-tabs",
+            children: /* @__PURE__ */ jsx(
+              Tabs,
+              {
+                tabs: naturalTabItems,
+                activeTab: `lang-${activeNaturalLanguage}`,
+                onTabChange: (id) => {
+                  const next = naturalTabs.find((lang) => `lang-${lang}` === id);
+                  if (next) setNaturalLanguage(next);
+                }
+              }
+            )
+          }
+        ) : null;
         const activeStyle = resolveHighlightStyle(language);
         const overCapacity = code.length > HIGHLIGHT_CAPACITY_BYTES;
         const plainCodeColor = plainCodeColorOf(activeStyle);
@@ -18534,8 +18586,8 @@ var init_CodeBlock = __esm({
         const [wrap, setWrap] = useState(wordWrap);
         const [activeFileIndex, setActiveFileIndex] = useState(0);
         const activeFile = files?.[activeFileIndex];
-        const activeCode = activeFile?.code ?? code;
         const activeLanguage = activeFile?.language ?? language;
+        const activeCode = activeFile ? translateFor(activeFile.code, activeLanguage, `file-${activeFileIndex}`) : code;
         const languageReady = useLanguageReady(activeLanguage);
         const viewerStyle = resolveHighlightStyle(activeLanguage);
         const viewerPlainCodeColor = plainCodeColorOf(viewerStyle);
@@ -19020,6 +19072,7 @@ var init_CodeBlock = __esm({
             content: null
           }));
           return /* @__PURE__ */ jsx(Card, { className: cn("overflow-hidden", className), children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            naturalTabStrip,
             tabItems && tabItems.length > 1 && /* @__PURE__ */ jsx(Box, { className: "border-b border-border", children: /* @__PURE__ */ jsx(
               Tabs,
               {
@@ -19081,7 +19134,7 @@ var init_CodeBlock = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, children: diffLines ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
+            /* @__PURE__ */ jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, dir: "ltr", children: diffLines ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
@@ -19108,6 +19161,7 @@ var init_CodeBlock = __esm({
               ]
             }
           ),
+          naturalTabStrip,
           editable ? (
             /* GAP-77 / GAP-82 / GAP-83: editable mode = transparent textarea on
                          top of a Prism-highlighted SyntaxHighlighter overlay.
@@ -19259,6 +19313,7 @@ var init_CodeBlock = __esm({
             {
               ref: scrollRef,
               onCopy: handleSelectionCopy,
+              dir: "ltr",
               style: {
                 flex: 1,
                 minHeight: 0,
@@ -19277,7 +19332,7 @@ var init_CodeBlock = __esm({
           )
         ] });
       },
-      (prev, next) => prev.language === next.language && prev.code === next.code && prev.showCopyButton === next.showCopyButton && prev.showCopy === next.showCopy && prev.maxHeight === next.maxHeight && prev.foldable === next.foldable && prev.editable === next.editable && prev.onChange === next.onChange && prev.errorLines === next.errorLines && prev.mode === next.mode && prev.title === next.title && prev.diff === next.diff && prev.files === next.files && prev.actions === next.actions && prev.isLoading === next.isLoading && prev.error === next.error && prev.editorId === next.editorId && prev.onEditorFocus === next.onEditorFocus && prev.onEditorBlur === next.onEditorBlur && prev.onMotion === next.onMotion && prev.onOperate === next.onOperate && prev.onInsertText === next.onInsertText && prev.onSetMode === next.onSetMode && prev.motions === next.motions && prev.operators === next.operators
+      (prev, next) => prev.language === next.language && prev.code === next.code && prev.showCopyButton === next.showCopyButton && prev.showCopy === next.showCopy && prev.maxHeight === next.maxHeight && prev.foldable === next.foldable && prev.editable === next.editable && prev.onChange === next.onChange && prev.errorLines === next.errorLines && prev.mode === next.mode && prev.title === next.title && prev.diff === next.diff && prev.files === next.files && prev.naturalLanguages === next.naturalLanguages && prev.actions === next.actions && prev.isLoading === next.isLoading && prev.error === next.error && prev.editorId === next.editorId && prev.onEditorFocus === next.onEditorFocus && prev.onEditorBlur === next.onEditorBlur && prev.onMotion === next.onMotion && prev.onOperate === next.onOperate && prev.onInsertText === next.onInsertText && prev.onSetMode === next.onSetMode && prev.motions === next.motions && prev.operators === next.operators
     );
     CodeBlock.displayName = "CodeBlock";
   }
@@ -22972,26 +23027,6 @@ var init_ButtonGroup = __esm({
     ButtonGroup.displayName = "ButtonGroup";
   }
 });
-function getNestedValue(obj, path) {
-  if (obj === null || obj === void 0 || !path) {
-    return void 0;
-  }
-  if (!path.includes(".")) {
-    return obj[path];
-  }
-  const parts = path.split(".");
-  let value = obj;
-  for (const part of parts) {
-    if (value === null || value === void 0) {
-      return void 0;
-    }
-    if (typeof value !== "object" || Array.isArray(value)) {
-      return void 0;
-    }
-    value = value[part];
-  }
-  return value;
-}
 function resolveImageUrl(value) {
   if (typeof value === "string") {
     return value;
@@ -41968,11 +42003,11 @@ var init_WizardContainer = __esm({
 });
 function calculateComplexity(schema) {
   if (!schema) return 1;
-  const entities = schema.dataEntities?.length || 0;
+  const entities = schema.dataEntities || 0;
   const pages = schema.ui?.pages?.length || 0;
-  const traits2 = schema.traits?.length || 0;
+  const traits2 = schema.traits || 0;
   const sections = schema.ui?.pages?.reduce(
-    (acc, page) => acc + (page.sections?.length || 0),
+    (acc, page) => acc + (page.sections || 0),
     0
   ) || 0;
   return entities * 3 + pages * 2 + traits2 * 2 + sections * 1;
@@ -52941,6 +52976,29 @@ function parseLifecycleEvent(type) {
   }
   return null;
 }
+function mapServerEffectResults(effectResults) {
+  return effectResults.map((er) => {
+    const target = er["entityType"] ?? er["entity"] ?? er["service"];
+    const entityName = typeof target === "string" && target !== "" ? target : void 0;
+    const rawAction = er["action"];
+    const action = rawAction === "create" || rawAction === "update" || rawAction === "delete" || rawAction === "batch" ? rawAction : void 0;
+    const data = er["data"];
+    const resultId = data !== null && typeof data === "object" && !Array.isArray(data) && typeof data["id"] === "string" ? data["id"] : void 0;
+    const denied = er["denied"] === true;
+    const success = er["success"] !== false;
+    const outcome = denied ? "denied" : success ? "success" : "failed";
+    return {
+      type: String(er["type"] ?? er["effect"] ?? "server-effect"),
+      ...entityName !== void 0 ? { entityName } : {},
+      ...action !== void 0 ? { action } : {},
+      ...resultId !== void 0 ? { resultId } : {},
+      outcome,
+      args: entityName !== void 0 ? [entityName] : [],
+      status: outcome === "success" ? "executed" : "failed",
+      error: er["error"]
+    };
+  });
+}
 function VerificationProvider({
   children,
   enabled,
@@ -52978,16 +53036,8 @@ function VerificationProvider({
           args: Array.isArray(e["args"]) ? e["args"] : [],
           status: "executed"
         }));
-        const effectResults = Array.isArray(payload["effectResults"]) ? payload["effectResults"] : [];
-        for (const er of effectResults) {
-          const target = er["entity"] ?? er["service"];
-          effects.push({
-            type: String(er["type"] ?? er["effect"] ?? "server-effect"),
-            args: typeof target === "string" && target !== "" ? [target] : [],
-            status: er["error"] ? "failed" : "executed",
-            error: er["error"]
-          });
-        }
+        const effectResultsRaw = Array.isArray(payload["effectResults"]) ? payload["effectResults"] : [];
+        effects.push(...mapServerEffectResults(effectResultsRaw));
         const dataEntities = {};
         const responseData = payload["data"];
         if (responseData && typeof responseData === "object") {
@@ -53872,13 +53922,19 @@ function deriveEventsUrl(serverUrl) {
   const apiRoot = trimmed.replace(/\/[^/]*$/, "");
   return `${apiRoot}/events`;
 }
-function createHttpTransport(serverUrl) {
+async function authHeaders(getAccessToken) {
+  const headers = { "Content-Type": "application/json" };
+  const token = getAccessToken ? await getAccessToken() : void 0;
+  if (token) headers.Authorization = `Bearer ${token}`;
+  return headers;
+}
+function createHttpTransport(serverUrl, getAccessToken) {
   return {
     register: async (schema) => {
       try {
         const res = await fetch(`${serverUrl}/register`, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
+          headers: await authHeaders(getAccessToken),
           body: JSON.stringify({ schema })
         });
         const result = await res.json();
@@ -53894,7 +53950,7 @@ function createHttpTransport(serverUrl) {
     },
     unregister: async () => {
       try {
-        await fetch(`${serverUrl}/unregister`, { method: "DELETE" });
+        await fetch(`${serverUrl}/unregister`, { method: "DELETE", headers: await authHeaders(getAccessToken) });
       } catch {
       }
     },
@@ -53902,7 +53958,7 @@ function createHttpTransport(serverUrl) {
       const body = { event, payload, clientId, tick, sourceTrait };
       const res = await fetch(`${serverUrl}/${orbitalName}/events`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: await authHeaders(getAccessToken),
         body: JSON.stringify(body)
       });
       return res.json();
@@ -53922,6 +53978,7 @@ function ServerBridgeProvider({
   schema,
   serverUrl,
   transport: customTransport,
+  getAccessToken,
   children
 }) {
   if (!serverUrl && !customTransport) {
@@ -53933,8 +53990,8 @@ function ServerBridgeProvider({
   const eventBus = useEventBus();
   const [connected, setConnected] = useState(false);
   const transport = useMemo(
-    () => customTransport ?? createHttpTransport(serverUrl),
-    [serverUrl, customTransport]
+    () => customTransport ?? createHttpTransport(serverUrl, getAccessToken),
+    [serverUrl, customTransport, getAccessToken]
   );
   const registerSchema = useCallback(
     async () => transport.register(schema),
@@ -53982,6 +54039,7 @@ function ServerBridgeProvider({
           dataEntities,
           data: responseData,
           emittedEvents: result.emittedEvents?.map((e) => e.event) ?? [],
+          effectResults: result.effectResults,
           error: result.error
         };
         if (result.success) {
@@ -54071,16 +54129,28 @@ function ServerBridgeProvider({
   useEffect(() => {
     if (!serverUrl) return;
     if (typeof EventSource === "undefined") return;
-    const url = `${deriveEventsUrl(serverUrl)}?clientId=${encodeURIComponent(getTabClientId())}`;
-    return acquirePushChannel(url, (parsed) => {
+    let release;
+    let cancelled = false;
+    const subscribe = (parsed) => {
       serverBridgeLog.debug("push:received", {
         event: parsed.event,
         sourceOrbital: parsed.source?.orbital,
         sourceTrait: parsed.source?.trait
       });
       reEmitServerEvent(eventBus, parsed, "push");
-    });
-  }, [serverUrl, eventBus]);
+    };
+    void (async () => {
+      const token = getAccessToken ? await getAccessToken() : void 0;
+      if (cancelled) return;
+      const params = new URLSearchParams({ clientId: getTabClientId() });
+      if (token) params.set("access_token", token);
+      release = acquirePushChannel(`${deriveEventsUrl(serverUrl)}?${params.toString()}`, subscribe);
+    })();
+    return () => {
+      cancelled = true;
+      release?.();
+    };
+  }, [serverUrl, eventBus, getAccessToken]);
   return /* @__PURE__ */ jsx(ServerBridgeContext.Provider, { value: { connected, sendEvent }, children });
 }
 var log13 = createLogger("almadar:ui:trait-provider");