@dxos/plugin-thread 0.8.4-main.1f223c7 → 0.8.4-main.2c6827d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-thread",
-  "version": "0.8.4-main.1f223c7",
+  "version": "0.8.4-main.2c6827d",
   "description": "DXOS Threads Surface plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -37,77 +37,81 @@
   "dependencies": {
     "@codemirror/language": "^6.11.3",
     "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.2",
-    "@effect/ai": "0.25.2",
+    "@codemirror/view": "^6.38.4",
+    "@effect/ai": "0.29.1",
+    "@effect/experimental": "0.56.0",
     "@peermetrics/webrtc-stats": "5.7.1",
     "@preact-signals/safe-react": "^0.9.0",
-    "@preact/signals-core": "^1.9.0",
+    "@preact/signals-core": "^1.12.1",
     "date-fns": "^3.3.1",
     "extendable-media-recorder": "^9.2.19",
     "extendable-media-recorder-wav-encoder": "^7.0.123",
     "md5-hex": "5.0.0",
     "react-resize-detector": "^11.0.1",
     "wavefile": "^11.0.0",
-    "@dxos/app-framework": "0.8.4-main.1f223c7",
-    "@dxos/async": "0.8.4-main.1f223c7",
-    "@dxos/context": "0.8.4-main.1f223c7",
-    "@dxos/codec-protobuf": "0.8.4-main.1f223c7",
-    "@dxos/debug": "0.8.4-main.1f223c7",
-    "@dxos/assistant": "0.8.4-main.1f223c7",
-    "@dxos/display-name": "0.8.4-main.1f223c7",
-    "@dxos/echo": "0.8.4-main.1f223c7",
-    "@dxos/devtools": "0.8.4-main.1f223c7",
-    "@dxos/invariant": "0.8.4-main.1f223c7",
-    "@dxos/echo-schema": "0.8.4-main.1f223c7",
-    "@dxos/keys": "0.8.4-main.1f223c7",
-    "@dxos/live-object": "0.8.4-main.1f223c7",
-    "@dxos/local-storage": "0.8.4-main.1f223c7",
-    "@dxos/log": "0.8.4-main.1f223c7",
-    "@dxos/plugin-attention": "0.8.4-main.1f223c7",
-    "@dxos/plugin-client": "0.8.4-main.1f223c7",
-    "@dxos/plugin-deck": "0.8.4-main.1f223c7",
-    "@dxos/plugin-markdown": "0.8.4-main.1f223c7",
-    "@dxos/plugin-space": "0.8.4-main.1f223c7",
-    "@dxos/plugin-observability": "0.8.4-main.1f223c7",
-    "@dxos/protocols": "0.8.4-main.1f223c7",
-    "@dxos/plugin-graph": "0.8.4-main.1f223c7",
-    "@dxos/react-client": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-attention": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-dnd": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-editor": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-form": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-menu": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-sfx": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-stack": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-tabs": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-thread": "0.8.4-main.1f223c7",
-    "@dxos/util": "0.8.4-main.1f223c7",
-    "@dxos/schema": "0.8.4-main.1f223c7"
+    "@dxos/async": "0.8.4-main.2c6827d",
+    "@dxos/assistant": "0.8.4-main.2c6827d",
+    "@dxos/blueprints": "0.8.4-main.2c6827d",
+    "@dxos/context": "0.8.4-main.2c6827d",
+    "@dxos/debug": "0.8.4-main.2c6827d",
+    "@dxos/codec-protobuf": "0.8.4-main.2c6827d",
+    "@dxos/app-framework": "0.8.4-main.2c6827d",
+    "@dxos/echo-db": "0.8.4-main.2c6827d",
+    "@dxos/invariant": "0.8.4-main.2c6827d",
+    "@dxos/functions": "0.8.4-main.2c6827d",
+    "@dxos/display-name": "0.8.4-main.2c6827d",
+    "@dxos/keys": "0.8.4-main.2c6827d",
+    "@dxos/live-object": "0.8.4-main.2c6827d",
+    "@dxos/local-storage": "0.8.4-main.2c6827d",
+    "@dxos/log": "0.8.4-main.2c6827d",
+    "@dxos/devtools": "0.8.4-main.2c6827d",
+    "@dxos/plugin-client": "0.8.4-main.2c6827d",
+    "@dxos/plugin-attention": "0.8.4-main.2c6827d",
+    "@dxos/plugin-deck": "0.8.4-main.2c6827d",
+    "@dxos/echo": "0.8.4-main.2c6827d",
+    "@dxos/plugin-graph": "0.8.4-main.2c6827d",
+    "@dxos/plugin-observability": "0.8.4-main.2c6827d",
+    "@dxos/plugin-markdown": "0.8.4-main.2c6827d",
+    "@dxos/plugin-space": "0.8.4-main.2c6827d",
+    "@dxos/protocols": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-attention": "0.8.4-main.2c6827d",
+    "@dxos/react-client": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-dnd": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-form": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-menu": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-sfx": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-stack": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-editor": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-tabs": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-thread": "0.8.4-main.2c6827d",
+    "@dxos/schema": "0.8.4-main.2c6827d",
+    "@dxos/util": "0.8.4-main.2c6827d",
+    "@dxos/types": "0.8.4-main.2c6827d"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "0.38.0",
-    "@effect/platform": "0.90.2",
-    "@types/react": "~18.2.0",
-    "@types/react-dom": "~18.2.0",
-    "effect": "3.17.7",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "vite": "7.1.1",
-    "@dxos/react-ui": "0.8.4-main.1f223c7",
-    "@dxos/random": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-theme": "0.8.4-main.1f223c7",
-    "@dxos/plugin-theme": "0.8.4-main.1f223c7",
-    "@dxos/storybook-utils": "0.8.4-main.1f223c7"
+    "@effect-atom/atom-react": "^0.3.4",
+    "@effect/platform": "0.92.1",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
+    "effect": "3.18.3",
+    "react": "~19.2.0",
+    "react-dom": "~19.2.0",
+    "vite": "7.1.9",
+    "@dxos/random": "0.8.4-main.2c6827d",
+    "@dxos/plugin-theme": "0.8.4-main.2c6827d",
+    "@dxos/react-ui": "0.8.4-main.2c6827d",
+    "@dxos/storybook-utils": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-theme": "0.8.4-main.2c6827d"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
+    "@effect-atom/atom-react": "^0.3.4",
     "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.1f223c7",
-    "@dxos/react-ui-theme": "0.8.4-main.1f223c7"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@dxos/react-ui": "0.8.4-main.2c6827d",
+    "@dxos/react-ui-theme": "0.8.4-main.2c6827d"
   },
   "publishConfig": {
     "access": "public"

package/src/ThreadPlugin.tsx

@@ -3,160 +3,167 @@
 //
 
 import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';
-import { Ref } from '@dxos/echo';
+import { Ref, Type } from '@dxos/echo';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 import { MarkdownEvents } from '@dxos/plugin-markdown';
 import { SpaceCapabilities, SpaceEvents } from '@dxos/plugin-space';
 import { defineObjectForm } from '@dxos/plugin-space/types';
 import { translations as threadTranslations } from '@dxos/react-ui-thread';
-import { AnchoredTo, DataType } from '@dxos/schema';
+import { AnchoredTo, Message, Thread } from '@dxos/types';
 
 import {
   AppGraphBuilder,
+  BlueprintDefinition,
   CallManager,
   IntentResolver,
   Markdown,
   ReactRoot,
   ReactSurface,
   ThreadState,
-  Toolkit,
 } from './capabilities';
 import { THREAD_ITEM, meta } from './meta';
 import { translations } from './translations';
-import { ChannelType, ThreadAction, ThreadType } from './types';
+import { Channel, ThreadAction } from './types';
 
 // TODO(Zan): Every instance of `cursor` should be replaced with `anchor`.
 //  NOTE(burdon): Review/discuss CursorConverter semantics.
 
 // TODO(wittjosiah): Rename to ChatPlugin.
 // TODO(wittjosiah): Enabling comments should likely be factored out of this plugin but depend on it's capabilities.
-export const ThreadPlugin = () =>
-  definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/call-manager`,
-      activatesOn: ClientEvents.ClientReady,
-      activate: CallManager,
-    }),
-    // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.
-    // defineModule({
-    //   id: `${meta.id}/module/settings`,
-    //   activatesOn: Events.SetupSettings,
-    //   activate: ThreadSettings,
-    // }),
-    defineModule({
-      id: `${meta.id}/module/state`,
-      // TODO(wittjosiah): Does not integrate with settings store.
-      //   Should this be a different event?
-      //   Should settings store be renamed to be more generic?
-      activatesOn: Events.SetupSettings,
-      activate: ThreadState,
-    }),
-    defineModule({
-      id: `${meta.id}/module/translations`,
-      activatesOn: Events.SetupTranslations,
-      activate: () => contributes(Capabilities.Translations, [...translations, ...threadTranslations]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
-      activate: () => [
-        contributes(Capabilities.Metadata, {
-          id: ChannelType.typename,
-          metadata: {
-            icon: 'ph--hash--regular',
+export const ThreadPlugin = definePlugin(meta, () => [
+  defineModule({
+    id: `${meta.id}/module/call-manager`,
+    activatesOn: ClientEvents.ClientReady,
+    activate: CallManager,
+  }),
+  // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.
+  // defineModule({
+  //   id: `${meta.id}/module/settings`,
+  //   activatesOn: Events.SetupSettings,
+  //   activate: ThreadSettings,
+  // }),
+  defineModule({
+    id: `${meta.id}/module/state`,
+    // TODO(wittjosiah): Does not integrate with settings store.
+    //   Should this be a different event?
+    //   Should settings store be renamed to be more generic?
+    activatesOn: Events.SetupSettings,
+    activate: ThreadState,
+  }),
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, [...translations, ...threadTranslations]),
+  }),
+  defineModule({
+    id: `${meta.id}/module/metadata`,
+    activatesOn: Events.SetupMetadata,
+    activate: () => [
+      contributes(Capabilities.Metadata, {
+        id: Type.getTypename(Channel.Channel),
+        metadata: {
+          icon: 'ph--hash--regular',
+          iconHue: 'rose',
+        },
+      }),
+      contributes(Capabilities.Metadata, {
+        id: Type.getTypename(Thread.Thread),
+        metadata: {
+          // TODO(wittjosiah): Move out of metadata.
+          loadReferences: async (thread: Thread.Thread) => await Ref.Array.loadAll(thread.messages ?? []),
+        },
+      }),
+      contributes(Capabilities.Metadata, {
+        id: Message.Message.typename,
+        metadata: {
+          // TODO(wittjosiah): Move out of metadata.
+          loadReferences: () => [], // loadObjectReferences(message, (message) => [...message.parts, message.context]),
+        },
+      }),
+      contributes(Capabilities.Metadata, {
+        id: THREAD_ITEM,
+        metadata: {
+          parse: (item: Thread.Thread, type: string) => {
+            switch (type) {
+              case 'node':
+                return { id: item.id, label: item.name, data: item };
+              case 'object':
+                return item;
+              case 'view-object':
+                return { id: `${item.id}-view`, object: item };
+            }
           },
+        },
+      }),
+    ],
+  }),
+  defineModule({
+    id: `${meta.id}/module/object-form`,
+    activatesOn: ClientEvents.SetupSchema,
+    activate: () =>
+      contributes(
+        SpaceCapabilities.ObjectForm,
+        defineObjectForm({
+          objectSchema: Channel.Channel,
+          getIntent: (_, options) =>
+            createIntent(ThreadAction.CreateChannel, {
+              spaceId: options.space.id,
+            }),
         }),
-        contributes(Capabilities.Metadata, {
-          id: ThreadType.typename,
-          metadata: {
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (thread: ThreadType) => await Ref.Array.loadAll(thread.messages ?? []),
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: DataType.Message.typename,
-          metadata: {
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (message: DataType.Message) => [], // loadObjectReferences(message, (message) => [...message.parts, message.context]),
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: THREAD_ITEM,
-          metadata: {
-            parse: (item: ThreadType, type: string) => {
-              switch (type) {
-                case 'node':
-                  return { id: item.id, label: item.name, data: item };
-                case 'object':
-                  return item;
-                case 'view-object':
-                  return { id: `${item.id}-view`, object: item };
-              }
-            },
-          },
-        }),
-      ],
-    }),
-    defineModule({
-      id: `${meta.id}/module/object-form`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () =>
-        contributes(
-          SpaceCapabilities.ObjectForm,
-          defineObjectForm({
-            objectSchema: ChannelType,
-            getIntent: (_, options) => createIntent(ThreadAction.CreateChannel, { spaceId: options.space.id }),
-          }),
-        ),
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () =>
-        contributes(ClientCapabilities.Schema, [AnchoredTo, ThreadType, DataType.Message, DataType.MessageV1]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/migration`,
-      activatesOn: ClientEvents.SetupMigration,
-      activate: () => contributes(ClientCapabilities.Migration, [DataType.MessageV1ToV2]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/on-space-created`,
-      activatesOn: SpaceEvents.SpaceCreated,
-      activate: () =>
-        contributes(SpaceCapabilities.OnSpaceCreated, ({ space, rootCollection }) =>
-          createIntent(ThreadAction.OnSpaceCreated, { space, rootCollection }),
-        ),
-    }),
-    defineModule({
-      id: `${meta.id}/module/markdown`,
-      activatesOn: MarkdownEvents.SetupExtensions,
-      activate: Markdown,
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-root`,
-      activatesOn: Events.Startup,
-      activate: ReactRoot,
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupReactSurface,
-      activate: ReactSurface,
-    }),
-    defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: IntentResolver,
-    }),
-    defineModule({
-      id: `${meta.id}/module/app-graph-builder`,
-      activatesOn: Events.SetupAppGraph,
-      activate: AppGraphBuilder,
-    }),
-    defineModule({
-      id: `${meta.id}/module/toolkit`,
-      // TODO(wittjosiah): Shouldn't use the startup event.
-      activatesOn: Events.Startup,
-      activate: Toolkit,
-    }),
-  ]);
+      ),
+  }),
+  defineModule({
+    id: `${meta.id}/module/schema`,
+    activatesOn: ClientEvents.SetupSchema,
+    activate: () =>
+      contributes(ClientCapabilities.Schema, [
+        AnchoredTo.AnchoredTo,
+        Thread.Thread,
+        Message.Message,
+        Message.MessageV1,
+      ]),
+  }),
+  defineModule({
+    id: `${meta.id}/module/migration`,
+    activatesOn: ClientEvents.SetupMigration,
+    activate: () => contributes(ClientCapabilities.Migration, [Message.MessageV1ToV2]),
+  }),
+  defineModule({
+    id: `${meta.id}/module/on-space-created`,
+    activatesOn: SpaceEvents.SpaceCreated,
+    activate: () =>
+      contributes(SpaceCapabilities.onCreateSpace, ({ space, rootCollection }) =>
+        createIntent(ThreadAction.onCreateSpace, { space, rootCollection }),
+      ),
+  }),
+  defineModule({
+    id: `${meta.id}/module/markdown`,
+    activatesOn: MarkdownEvents.SetupExtensions,
+    activate: Markdown,
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-root`,
+    activatesOn: Events.Startup,
+    activate: ReactRoot,
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.SetupReactSurface,
+    activate: ReactSurface,
+  }),
+  defineModule({
+    id: `${meta.id}/module/intent-resolver`,
+    activatesOn: Events.SetupIntentResolver,
+    activate: IntentResolver,
+  }),
+  defineModule({
+    id: `${meta.id}/module/app-graph-builder`,
+    activatesOn: Events.SetupAppGraph,
+    activate: AppGraphBuilder,
+  }),
+  defineModule({
+    id: `${meta.id}/module/blueprint`,
+    activatesOn: Events.SetupArtifactDefinition,
+    activate: BlueprintDefinition,
+  }),
+]);

package/src/calls/media-manager.ts

@@ -59,9 +59,13 @@ const USE_INAUDIBLE_AUDIO = true;
 
 export class MediaManager extends Resource {
   public readonly stateUpdated = new Event<MediaState>();
-  private readonly _state: MediaState = { pulledVideoStreams: {}, pulledAudioTracks: {} };
-  private _speakingMonitor?: SpeakingMonitor = undefined;
 
+  private readonly _state: MediaState = {
+    pulledVideoStreams: {},
+    pulledAudioTracks: {},
+  };
+
+  private _speakingMonitor?: SpeakingMonitor = undefined;
   private _trackToReconcile: EncodedTrackName[] = [];
   private _blackCanvasStreamTrack?: MediaStreamTrack = undefined;
   private _inaudibleAudioStreamTrack?: MediaStreamTrack = undefined;
@@ -85,6 +89,7 @@ export class MediaManager extends Resource {
       width: VIDEO_WIDTH,
       height: VIDEO_HEIGHT,
     });
+
     this._state.videoTrack = this._blackCanvasStreamTrack;
     this._state.videoStream = new MediaStream();
     this._state.videoStream.addTrack(this._state.videoTrack);
@@ -137,6 +142,7 @@ export class MediaManager extends Resource {
     this._state.videoStream!.removeTrack(this._state.videoTrack!);
     this._state.videoTrack = await getUserMediaTrack('videoinput', { width: VIDEO_WIDTH, height: VIDEO_HEIGHT });
     this._state.videoStream!.addTrack(this._state.videoTrack);
+
     this._state.videoEnabled = true;
     this.stateUpdated.emit(this._state);
     this._pushTracksTask!.schedule();
@@ -226,7 +232,6 @@ export class MediaManager extends Resource {
     // Wait for cloudflare to process the track.
     await cancelWithContext(this._ctx, sleep(800));
     const trackNames = this._trackToReconcile;
-
     const tracksToPull = trackNames.filter(
       (name) => !this._state.pulledAudioTracks[name] && !this._state.pulledVideoStreams[name],
     );
@@ -258,8 +263,8 @@ export class MediaManager extends Resource {
       currentAudioTracks: Object.keys(this._state.pulledAudioTracks),
       currentVideoStreams: Object.keys(this._state.pulledVideoStreams),
     });
-    this.stateUpdated.emit(this._state);
 
+    this.stateUpdated.emit(this._state);
     if (pullResults.some(({ shouldRetry }) => shouldRetry)) {
       await cancelWithContext(this._ctx, sleep(RETRY_INTERVAL));
       log.info('retrying pull tracks', { tracksToPull });
@@ -296,7 +301,6 @@ export class MediaManager extends Resource {
     }
 
     const shouldRetry = pushVideoResult.shouldRetry || pushAudioResult.shouldRetry || pushScreenshareResult.shouldRetry;
-
     if (updated) {
       this.stateUpdated.emit(this._state);
     }
@@ -356,7 +360,6 @@ export class MediaManager extends Resource {
     }
 
     const ctx = this._ctx.derive();
-
     try {
       return {
         track: await this._state.peer!.pushTrack({

package/src/calls/util/stub-media-streams.ts

@@ -60,13 +60,12 @@ const userGestureEvents = [
  */
 export const createInaudibleAudioStreamTrack = async ({ ctx }: { ctx: Context }): Promise<MediaStreamTrack> => {
   const audioContext = new window.AudioContext();
+
   const oscillator = audioContext.createOscillator();
   oscillator.type = 'triangle';
-  // roughly sounds like a box fan
   oscillator.frequency.setValueAtTime(20, audioContext.currentTime);
 
   const gainNode = audioContext.createGain();
-  // even w/ gain at 0 some packets are sent
   gainNode.gain.setValueAtTime(0, audioContext.currentTime);
   oscillator.connect(gainNode);
 
@@ -85,6 +84,7 @@ export const createInaudibleAudioStreamTrack = async ({ ctx }: { ctx: Context })
       audioContextStartedPreviously = true;
       ensureOscillatorStarted();
     }
+
     if (audioContext.state === 'suspended' || (audioContext.state as string) === 'interrupted') {
       resumeAudioContext();
     }

package/src/calls-service.stories.tsx

@@ -2,8 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-import '@dxos-theme';
-
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
@@ -14,8 +12,8 @@ import { log } from '@dxos/log';
 import { Config, useConfig } from '@dxos/react-client';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { Button } from '@dxos/react-ui';
+import { withTheme } from '@dxos/react-ui/testing';
 import { Json } from '@dxos/react-ui-syntax-highlighter';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 const testVideo = new URL('../testing/video.mp4', import.meta.url).href;
 
@@ -177,6 +175,7 @@ const meta = {
   title: 'plugins/plugin-thread/calls-service',
   render: DefaultStory,
   decorators: [
+    withTheme,
     withClientProvider({
       config: new Config({
         runtime: {
@@ -186,8 +185,6 @@ const meta = {
         },
       }),
     }),
-    withTheme,
-    withLayout(),
   ],
   parameters: {
     layout: 'centered',