@dxos/plugin-thread 0.8.4-main.ae835ea → 0.8.4-main.bc674ce

package/dist/lib/browser/{chunk-HDEQRBOC.mjs → chunk-DLO2G3DM.mjs}

@@ -1,42 +1,72 @@
 import {
   createBlackCanvasStreamTrack,
   createInaudibleAudioStreamTrack
-} from "./chunk-XYUJXHYV.mjs";
+} from "./chunk-ISCHODBV.mjs";
 
 // src/hooks/analytics.ts
 import { useCallback } from "react";
-import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
-import { getSpace } from "@dxos/react-client/echo";
+import { useOperationInvoker } from "@dxos/app-framework/react";
+import { Obj } from "@dxos/echo";
+import { ObservabilityOperation } from "@dxos/plugin-observability/types";
 import { useOnTransition } from "@dxos/react-ui";
 var useOnEditAnalytics = (message, textBlock, editing) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const { invokePromise } = useOperationInvoker();
   const onEdit = useCallback(() => {
-    const space = getSpace(message);
-    if (!space || !textBlock) {
+    if (!message || !textBlock) {
       return;
     }
-    void dispatch(createIntent(ObservabilityAction.SendEvent, {
+    const db = Obj.getDatabase(message);
+    if (!db) {
+      return;
+    }
+    void invokePromise(ObservabilityOperation.SendEvent, {
       name: "threads.message.update",
       properties: {
-        spaceId: space.id,
+        spaceId: db.spaceId,
         messageId: message.id,
         messageLength: textBlock?.text.length
       }
-    }));
+    });
   }, [
-    dispatch,
+    invokePromise,
     message,
     textBlock
   ]);
   useOnTransition(editing, true, false, onEdit);
 };
 
-// src/hooks/useDebugMode.ts
+// src/hooks/useBlackCanvasStreamTrack.tsx
 import { useEffect, useState } from "react";
-var useDebugMode = () => {
-  const [enabled, setEnabled] = useState(false);
+import { scheduleTask } from "@dxos/async";
+import { Context } from "@dxos/context";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/hooks/useBlackCanvasStreamTrack.tsx";
+var useBlackCanvasStreamTrack = () => {
+  const [blackCanvasStreamTrack, setBlackCanvasStreamTrack] = useState(void 0);
   useEffect(() => {
+    const ctx = new Context(void 0, {
+      F: __dxlog_file,
+      L: 15
+    });
+    scheduleTask(ctx, async () => {
+      const blackCanvasStreamTrack2 = await createBlackCanvasStreamTrack({
+        ctx,
+        width: 720,
+        height: 480
+      });
+      setBlackCanvasStreamTrack(blackCanvasStreamTrack2);
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, []);
+  return blackCanvasStreamTrack;
+};
+
+// src/hooks/useDebugMode.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var useDebugMode = () => {
+  const [enabled, setEnabled] = useState2(false);
+  useEffect2(() => {
     const handler = (ev) => {
       if (ev.key.toLowerCase() === "d" && ev.ctrlKey) {
         ev.preventDefault();
@@ -53,11 +83,36 @@ var useDebugMode = () => {
   return enabled;
 };
 
+// src/hooks/useInaudibleAudioStreamTrack.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { scheduleTask as scheduleTask2 } from "@dxos/async";
+import { Context as Context2 } from "@dxos/context";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/hooks/useInaudibleAudioStreamTrack.tsx";
+var useInaudibleAudioStreamTrack = () => {
+  const [audioStreamTrack, setAudioStreamTrack] = useState3(void 0);
+  useEffect3(() => {
+    const ctx = new Context2(void 0, {
+      F: __dxlog_file2,
+      L: 15
+    });
+    scheduleTask2(ctx, async () => {
+      const audioStreamTrack2 = await createInaudibleAudioStreamTrack({
+        ctx
+      });
+      setAudioStreamTrack(audioStreamTrack2);
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, []);
+  return audioStreamTrack;
+};
+
 // src/hooks/useStatus.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 var useStatus = (space, channel) => {
-  const [processing, setProcessing] = useState2(false);
-  useEffect2(() => {
+  const [processing, setProcessing] = useState4(false);
+  useEffect4(() => {
     if (!space || !channel) {
       return;
     }
@@ -86,11 +141,11 @@ var useStatus = (space, channel) => {
 };
 
 // src/hooks/useVideoStreamTrack.tsx
-import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef, useState as useState5 } from "react";
 var useVideoStreamTrack = (videoElement, videoSrc) => {
-  const [videoStreamTrack, setVideoStreamTrack] = useState3(void 0);
+  const [videoStreamTrack, setVideoStreamTrack] = useState5(void 0);
   const hadRun = useRef(false);
-  useEffect3(() => {
+  useEffect5(() => {
     if (!videoElement.current || hadRun.current || !videoSrc) {
       return;
     }
@@ -118,64 +173,12 @@ var useVideoStreamTrack = (videoElement, videoSrc) => {
   return videoStreamTrack;
 };
 
-// src/hooks/useInaudibleAudioStreamTrack.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
-import { scheduleTask } from "@dxos/async";
-import { Context } from "@dxos/context";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/hooks/useInaudibleAudioStreamTrack.tsx";
-var useInaudibleAudioStreamTrack = () => {
-  const [audioStreamTrack, setAudioStreamTrack] = useState4(void 0);
-  useEffect4(() => {
-    const ctx = new Context(void 0, {
-      F: __dxlog_file,
-      L: 15
-    });
-    scheduleTask(ctx, async () => {
-      const audioStreamTrack2 = await createInaudibleAudioStreamTrack({
-        ctx
-      });
-      setAudioStreamTrack(audioStreamTrack2);
-    });
-    return () => {
-      void ctx.dispose();
-    };
-  }, []);
-  return audioStreamTrack;
-};
-
-// src/hooks/useBlackCanvasStreamTrack.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
-import { scheduleTask as scheduleTask2 } from "@dxos/async";
-import { Context as Context2 } from "@dxos/context";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/hooks/useBlackCanvasStreamTrack.tsx";
-var useBlackCanvasStreamTrack = () => {
-  const [blackCanvasStreamTrack, setBlackCanvasStreamTrack] = useState5(void 0);
-  useEffect5(() => {
-    const ctx = new Context2(void 0, {
-      F: __dxlog_file2,
-      L: 15
-    });
-    scheduleTask2(ctx, async () => {
-      const blackCanvasStreamTrack2 = await createBlackCanvasStreamTrack({
-        ctx,
-        width: 720,
-        height: 480
-      });
-      setBlackCanvasStreamTrack(blackCanvasStreamTrack2);
-    });
-    return () => {
-      void ctx.dispose();
-    };
-  }, []);
-  return blackCanvasStreamTrack;
-};
-
 export {
   useOnEditAnalytics,
+  useBlackCanvasStreamTrack,
   useDebugMode,
-  useStatus,
-  useVideoStreamTrack,
   useInaudibleAudioStreamTrack,
-  useBlackCanvasStreamTrack
+  useStatus,
+  useVideoStreamTrack
 };
-//# sourceMappingURL=chunk-HDEQRBOC.mjs.map
+//# sourceMappingURL=chunk-DLO2G3DM.mjs.map

package/dist/lib/browser/chunk-DLO2G3DM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/analytics.ts", "../../../src/hooks/useBlackCanvasStreamTrack.tsx", "../../../src/hooks/useDebugMode.ts", "../../../src/hooks/useInaudibleAudioStreamTrack.tsx", "../../../src/hooks/useStatus.ts", "../../../src/hooks/useVideoStreamTrack.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { ObservabilityOperation } from '@dxos/plugin-observability/types';\nimport { useOnTransition } from '@dxos/react-ui';\nimport { type ContentBlock } from '@dxos/types';\n\nexport const useOnEditAnalytics = (\n  message: any | undefined,\n  textBlock: ContentBlock.Text | undefined,\n  editing: boolean,\n) => {\n  const { invokePromise } = useOperationInvoker();\n\n  const onEdit = useCallback(() => {\n    if (!message || !textBlock) {\n      return;\n    }\n    const db = Obj.getDatabase(message);\n    if (!db) {\n      return;\n    }\n\n    void invokePromise(ObservabilityOperation.SendEvent, {\n      name: 'threads.message.update',\n      properties: {\n        spaceId: db.spaceId,\n        messageId: message.id,\n        messageLength: textBlock?.text.length,\n      },\n    });\n  }, [invokePromise, message, textBlock]);\n\n  useOnTransition(editing, true, false, onEdit);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { scheduleTask } from '@dxos/async';\nimport { Context } from '@dxos/context';\n\nimport { createBlackCanvasStreamTrack } from '../calls/util/stub-media-streams';\n\nexport const useBlackCanvasStreamTrack = () => {\n  const [blackCanvasStreamTrack, setBlackCanvasStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);\n  useEffect(() => {\n    const ctx = new Context();\n    scheduleTask(ctx, async () => {\n      const blackCanvasStreamTrack = await createBlackCanvasStreamTrack({ ctx, width: 720, height: 480 });\n      setBlackCanvasStreamTrack(blackCanvasStreamTrack);\n    });\n\n    return () => {\n      void ctx.dispose();\n    };\n  }, []);\n\n  return blackCanvasStreamTrack;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\n// TODO(burdon): Standardize across plugins/composer.\nexport const useDebugMode = () => {\n  const [enabled, setEnabled] = useState(false);\n  useEffect(() => {\n    const handler = (ev: KeyboardEvent) => {\n      if (ev.key.toLowerCase() === 'd' && ev.ctrlKey) {\n        ev.preventDefault();\n        setEnabled(!enabled);\n      }\n    };\n\n    document.addEventListener('keypress', handler);\n    return () => {\n      document.removeEventListener('keypress', handler);\n    };\n  }, [enabled]);\n\n  return enabled;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { scheduleTask } from '@dxos/async';\nimport { Context } from '@dxos/context';\n\nimport { createInaudibleAudioStreamTrack } from '../calls/util/stub-media-streams';\n\nexport const useInaudibleAudioStreamTrack = () => {\n  const [audioStreamTrack, setAudioStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);\n  useEffect(() => {\n    const ctx = new Context();\n    scheduleTask(ctx, async () => {\n      const audioStreamTrack = await createInaudibleAudioStreamTrack({ ctx });\n      setAudioStreamTrack(audioStreamTrack);\n    });\n\n    return () => {\n      void ctx.dispose();\n    };\n  }, []);\n\n  return audioStreamTrack;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\n\n// TODO(burdon): Generalize and factor out.\nexport const useStatus = (space?: Space, channel?: string) => {\n  const [processing, setProcessing] = useState(false);\n  useEffect(() => {\n    if (!space || !channel) {\n      return;\n    }\n\n    const unsubscribe = space.listen(`status/${channel}`, (status) => {\n      const { event } = status.payload ?? {};\n      setProcessing(event === 'processing');\n    });\n\n    const t = setInterval(() => {\n      setProcessing((prev: any) => {\n        if (typeof prev?.ts === 'number' && Date.now() - prev.ts > 30_000) {\n          return undefined;\n        } else {\n          return prev;\n        }\n      });\n    }, 1_000);\n\n    return () => {\n      unsubscribe();\n      clearInterval(t);\n    };\n  }, [space, channel]);\n\n  return processing;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type RefObject, useEffect, useRef, useState } from 'react';\n\nexport const useVideoStreamTrack = (videoElement: RefObject<HTMLVideoElement | null>, videoSrc: string) => {\n  // Get video stream track.\n  const [videoStreamTrack, setVideoStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);\n  const hadRun = useRef(false);\n  useEffect(() => {\n    // This is done to capture only one video stream.\n    if (!videoElement.current || hadRun.current || !videoSrc) {\n      return;\n    }\n    hadRun.current = true;\n    videoElement.current.addEventListener('playing', () => {\n      if (videoStreamTrack) {\n        return;\n      }\n      const stream = (videoElement.current as any).captureStream();\n      const track = stream.getTracks()[0];\n      if (track && !videoStreamTrack) {\n        setVideoStreamTrack(track);\n      }\n      stream.onaddtrack = (event: MediaStreamTrackEvent) => {\n        if (event.track.kind === 'video' && !videoStreamTrack) {\n          setVideoStreamTrack(event.track);\n        }\n      };\n    });\n    videoElement.current.src = videoSrc;\n  }, [videoElement.current, videoSrc]);\n\n  return videoStreamTrack;\n};\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useOperationInvoker", "Obj", "ObservabilityOperation", "useOnTransition", "useOnEditAnalytics", "message", "textBlock", "editing", "invokePromise", "useOperationInvoker", "onEdit", "useCallback", "db", "Obj", "getDatabase", "ObservabilityOperation", "SendEvent", "name", "properties", "spaceId", "messageId", "id", "messageLength", "text", "length", "useOnTransition", "useEffect", "useState", "scheduleTask", "Context", "useBlackCanvasStreamTrack", "blackCanvasStreamTrack", "setBlackCanvasStreamTrack", "useState", "undefined", "useEffect", "ctx", "Context", "scheduleTask", "createBlackCanvasStreamTrack", "width", "height", "dispose", "useEffect", "useState", "useDebugMode", "enabled", "setEnabled", "useState", "useEffect", "handler", "ev", "key", "toLowerCase", "ctrlKey", "preventDefault", "document", "addEventListener", "removeEventListener", "useEffect", "useState", "scheduleTask", "Context", "useInaudibleAudioStreamTrack", "audioStreamTrack", "setAudioStreamTrack", "useState", "undefined", "useEffect", "ctx", "Context", "scheduleTask", "createInaudibleAudioStreamTrack", "dispose", "useEffect", "useState", "useStatus", "space", "channel", "processing", "setProcessing", "useState", "useEffect", "unsubscribe", "listen", "status", "event", "payload", "t", "setInterval", "prev", "ts", "Date", "now", "undefined", "clearInterval", "useEffect", "useRef", "useState", "useVideoStreamTrack", "videoElement", "videoSrc", "videoStreamTrack", "setVideoStreamTrack", "useState", "undefined", "hadRun", "useRef", "useEffect", "current", "addEventListener", "stream", "captureStream", "track", "getTracks", "onaddtrack", "event", "kind", "src"]
+}

package/dist/lib/browser/{chunk-US5ZQYC3.mjs → chunk-ERK254BS.mjs}

@@ -1,7 +1,7 @@
 import {
   createBlackCanvasStreamTrack,
   createInaudibleAudioStreamTrack
-} from "./chunk-XYUJXHYV.mjs";
+} from "./chunk-ISCHODBV.mjs";
 
 // src/calls/types.ts
 import { invariant } from "@dxos/invariant";
@@ -1341,7 +1341,7 @@ var MediaManager = class extends Resource4 {
   async _reconcilePulledMedia() {
     log4("reconciling tracks", void 0, {
       F: __dxlog_file5,
-      L: 223,
+      L: 229,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -1359,7 +1359,7 @@ var MediaManager = class extends Resource4 {
       currentVideoStreams: Object.keys(this._state.pulledVideoStreams)
     }, {
       F: __dxlog_file5,
-      L: 242,
+      L: 247,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -1373,7 +1373,7 @@ var MediaManager = class extends Resource4 {
       currentVideoStreams: Object.keys(this._state.pulledVideoStreams)
     }, {
       F: __dxlog_file5,
-      L: 257,
+      L: 262,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -1384,13 +1384,13 @@ var MediaManager = class extends Resource4 {
         tracksToPull
       }, {
         F: __dxlog_file5,
-        L: 265,
+        L: 270,
         S: this,
         C: (f, a) => f(...a)
       });
       invariant4(this._pullTracksTask, void 0, {
         F: __dxlog_file5,
-        L: 266,
+        L: 271,
         S: this,
         A: [
           "this._pullTracksTask",
@@ -1443,13 +1443,13 @@ var MediaManager = class extends Resource4 {
         pushScreenshareResult
       }, {
         F: __dxlog_file5,
-        L: 306,
+        L: 310,
         S: this,
         C: (f, a) => f(...a)
       });
       invariant4(this._pushTracksTask, void 0, {
         F: __dxlog_file5,
-        L: 307,
+        L: 311,
         S: this,
         A: [
           "this._pushTracksTask",
@@ -1509,7 +1509,7 @@ var MediaManager = class extends Resource4 {
         name
       }, {
         F: __dxlog_file5,
-        L: 343,
+        L: 347,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -1543,7 +1543,7 @@ var MediaManager = class extends Resource4 {
         encodings
       }, {
         F: __dxlog_file5,
-        L: 370,
+        L: 373,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -1562,11 +1562,10 @@ _ts_decorate2([
 ], MediaManager.prototype, "leave", null);
 
 // src/calls/call-manager.ts
-import { computed } from "@preact/signals-core";
+import { Atom } from "@effect-atom/atom-react";
 import { Event as Event4, synchronized as synchronized3 } from "@dxos/async";
 import { Resource as Resource5 } from "@dxos/context";
 import { invariant as invariant5 } from "@dxos/invariant";
-import { live } from "@dxos/live-object";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
 function _ts_decorate3(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1577,74 +1576,89 @@ function _ts_decorate3(decorators, target, key, desc) {
 var __dxlog_file6 = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/calls/call-manager.ts";
 var CallManager = class extends Resource5 {
   _client;
+  _registry;
   callStateUpdated = new Event4();
   // TODO(wittjosiah): Consolidate isSpeaking into the MediaState type.
   mediaStateUpdated = new Event4();
   left = new Event4();
   /**
-  * Live object state. Is changed on internal events.
+  * Atom-based state. Updated via `_updateState()`.
   * CAUTION: Do not change directly.
   */
-  _state = live({
+  _stateAtom = Atom.make({
     call: {},
     media: {
       pulledAudioTracks: {},
       pulledVideoStreams: {}
     }
   });
-  // TODO(wittjosiah): This shouldn't be necessary, live-object's signals should be granular.
-  _raisedHandSignal = computed(() => this._state.call.raisedHand ?? false);
-  _speakingSignal = computed(() => this._state.call.speaking ?? false);
-  _joinedSignal = computed(() => this._state.call.joined ?? false);
+  // Derived atoms for reactive subscriptions.
+  _roomIdAtom = Atom.make((get) => get(this._stateAtom).call.roomId);
+  _raisedHandAtom = Atom.make((get) => get(this._stateAtom).call.raisedHand ?? false);
+  _speakingAtom = Atom.make((get) => get(this._stateAtom).call.speaking ?? false);
+  _joinedAtom = Atom.make((get) => get(this._stateAtom).call.joined ?? false);
+  _selfAtom = Atom.make((get) => get(this._stateAtom).call.self ?? {});
+  _tracksAtom = Atom.make((get) => get(this._stateAtom).call.tracks ?? {});
+  _usersAtom = Atom.make((get) => get(this._stateAtom).call.users ?? []);
+  _mediaAtom = Atom.make((get) => get(this._stateAtom).media);
+  _audioTracksToPlayAtom = Atom.make((get) => {
+    const state = get(this._stateAtom);
+    return (state.call.users ?? []).map((user) => user.tracks?.audioEnabled ? user.tracks?.audio : void 0).filter(isNonNullable2).map((track) => state.media.pulledAudioTracks[track]?.track).filter(isNonNullable2);
+  });
+  _videoStreamAtomFamily = Atom.family((name) => Atom.make((get) => get(this._stateAtom).media.pulledVideoStreams[name]?.stream));
+  _activityAtomFamily = Atom.family((key) => Atom.make((get) => get(this._stateAtom).call.activities?.[key]));
   _swarmSynchronizer;
   _mediaManager;
-  /** @reactive */
-  get roomId() {
-    return this._state.call.roomId;
+  //
+  // Derived atoms for reactive UI subscriptions.
+  //
+  /** Derived atom for roomId. */
+  get roomIdAtom() {
+    return this._roomIdAtom;
   }
-  /** @reactive */
-  get raisedHand() {
-    return this._raisedHandSignal.value;
+  /** Derived atom for raisedHand. */
+  get raisedHandAtom() {
+    return this._raisedHandAtom;
   }
-  /** @reactive */
-  get speaking() {
-    return this._speakingSignal.value;
+  /** Derived atom for speaking. */
+  get speakingAtom() {
+    return this._speakingAtom;
   }
-  /** @reactive */
-  get joined() {
-    return this._joinedSignal.value;
+  /** Derived atom for joined. */
+  get joinedAtom() {
+    return this._joinedAtom;
   }
-  /** @reactive */
-  get self() {
-    return this._state.call.self ?? {};
+  /** Derived atom for self. */
+  get selfAtom() {
+    return this._selfAtom;
   }
-  /** @reactive */
-  get tracks() {
-    return this._state.call.tracks ?? {};
+  /** Derived atom for tracks. */
+  get tracksAtom() {
+    return this._tracksAtom;
   }
-  /** @reactive */
-  get users() {
-    return this._state.call.users ?? [];
+  /** Derived atom for users. */
+  get usersAtom() {
+    return this._usersAtom;
   }
-  /** @reactive */
-  get media() {
-    return this._state.media;
+  /** Derived atom for media. */
+  get mediaAtom() {
+    return this._mediaAtom;
   }
-  /** @reactive */
-  get audioTracksToPlay() {
-    return (this._state.call.users ?? []).map((user) => user.tracks?.audioEnabled ? user.tracks?.audio : void 0).filter(isNonNullable2).map((track) => this._state.media.pulledAudioTracks[track]?.track).filter(isNonNullable2);
+  /** Derived atom for audioTracksToPlay. */
+  get audioTracksToPlayAtom() {
+    return this._audioTracksToPlayAtom;
   }
-  /** @reactive */
-  get state() {
-    return this._state;
+  /** Returns the full state atom for reactive subscriptions. */
+  get stateAtom() {
+    return this._stateAtom;
   }
-  /** @reactive */
-  getVideoStream(name) {
-    return name ? this._state.media.pulledVideoStreams[name]?.stream : void 0;
+  /** Returns a derived atom for a video stream by name. */
+  videoStreamAtom(name) {
+    return this._videoStreamAtomFamily(name);
   }
-  /** @reactive */
-  getActivity(key) {
-    return this._state.call.activities?.[key];
+  /** Returns a derived atom for an activity by key. */
+  activityAtom(key) {
+    return this._activityAtomFamily(key);
   }
   setRoomId(roomId) {
     this._swarmSynchronizer._setRoomId(roomId);
@@ -1677,13 +1691,13 @@ var CallManager = class extends Resource5 {
     return this._mediaManager.turnScreenshareOff();
   }
   // TODO(burdon): Can this be mocked?
-  constructor(_client) {
-    super(), this._client = _client;
+  constructor(_client, _registry) {
+    super(), this._client = _client, this._registry = _registry;
     this._client.config.getOrThrow("runtime.services.edge.url");
     const networkService = this._client.services.services.NetworkService;
     invariant5(networkService, "network service not found", {
       F: __dxlog_file6,
-      L: 159,
+      L: 180,
       S: this,
       A: [
         "networkService",
@@ -1732,7 +1746,8 @@ var CallManager = class extends Resource5 {
     this._swarmSynchronizer.setJoined(false);
     await this._swarmSynchronizer.leave();
     await this._mediaManager.leave();
-    this.roomId && this.left.emit(this.roomId);
+    const roomId = this._registry.get(this._roomIdAtom);
+    roomId && this.left.emit(roomId);
   }
   _onCallStateUpdated(state) {
     const tracksToPull = state.users?.filter((user) => user.joined && user.id !== state.self.id)?.flatMap((user) => [
@@ -1765,8 +1780,10 @@ var CallManager = class extends Resource5 {
   * Only this method is allowed to change state.
   */
   _updateState() {
-    this._state.call = this._swarmSynchronizer._getState();
-    this._state.media = this._mediaManager._getState();
+    this._registry.set(this._stateAtom, {
+      call: this._swarmSynchronizer._getState(),
+      media: this._mediaManager._getState()
+    });
   }
 };
 _ts_decorate3([
@@ -1790,4 +1807,4 @@ export {
   MediaManager,
   CallManager
 };
-//# sourceMappingURL=chunk-US5ZQYC3.mjs.map
+//# sourceMappingURL=chunk-ERK254BS.mjs.map