@dxos/plugin-thread 0.8.4-main.5ea62a8 → 0.8.4-main.ae835ea

package/src/components/CommentsThreadContainer.tsx

@@ -10,13 +10,18 @@ import { useIdentity } from '@dxos/react-client/halo';
 import { IconButton, Tag, Tooltip, useThemeContext, useTranslation } from '@dxos/react-ui';
 import { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';
 import { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from '@dxos/react-ui-theme';
-import { MessageTextbox, type MessageTextboxProps, Thread, type ThreadRootProps } from '@dxos/react-ui-thread';
+import {
+  MessageTextbox,
+  type MessageTextboxProps,
+  Thread as ThreadComponent,
+  type ThreadRootProps,
+} from '@dxos/react-ui-thread';
 import { type AnchoredTo } from '@dxos/schema';
 import { isNonNullable } from '@dxos/util';
 
 import { useStatus } from '../hooks';
 import { meta } from '../meta';
-import { type ThreadType } from '../types';
+import { type Thread } from '../types';
 import { getMessageMetadata } from '../util';
 
 import { command } from './command-extension';
@@ -42,29 +47,29 @@ export const CommentsThreadContainer = ({
   onThreadDelete,
   onAcceptProposal,
 }: CommentsThreadContainerProps) => {
+  const { themeMode } = useThemeContext();
   const { t } = useTranslation(meta.id);
   const identity = useIdentity()!;
   const space = getSpace(anchor);
   const members = useMembers(space?.key);
   const detached = !anchor.anchor;
-  const thread = Relation.getSource(anchor) as ThreadType;
+  const thread = Relation.getSource(anchor) as Thread.Thread;
   const activity = useStatus(space, fullyQualifiedId(thread));
   const threadScrollRef = useRef<HTMLDivElement | null>(null);
-  const { themeMode } = useThemeContext();
 
   const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);
+
   // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.
-  const [_count, _setCount] = useState(0);
-  const rerenderEditor = () => _setCount((count) => count + 1);
+  const [state, setState] = useState({});
   const messageRef = useRef('');
   const extensions = useMemo(
     () => [
       createBasicExtensions({ placeholder: t('message placeholder') }),
       createThemeExtensions({ themeMode }),
-      listener({ onChange: (text) => (messageRef.current = text) }),
+      listener({ onChange: ({ text }) => (messageRef.current = text) }),
       command,
     ],
-    [_count],
+    [state],
   );
 
   // TODO(thure): Factor out.
@@ -85,13 +90,13 @@ export const CommentsThreadContainer = ({
     onComment?.(anchor, messageRef.current);
     messageRef.current = '';
     scrollToEnd('instant');
-    rerenderEditor();
+    setState({});
 
     return true;
   }, [anchor, identity]);
 
   return (
-    <Thread.Root
+    <ThreadComponent.Root
       id={fullyQualifiedId(thread)}
       classNames='pbs-2 border-be border-subduedSeparator last:border-none'
       current={current}
@@ -108,10 +113,10 @@ export const CommentsThreadContainer = ({
       >
         {detached ? (
           <Tooltip.Trigger asChild content={t('detached thread label')} side='top'>
-            <Thread.Header detached>{thread.name}</Thread.Header>
+            <ThreadComponent.Header detached>{thread.name}</ThreadComponent.Header>
           </Tooltip.Trigger>
         ) : (
-          <Thread.Header>{thread.name}</Thread.Header>
+          <ThreadComponent.Header>{thread.name}</ThreadComponent.Header>
         )}
         <div role='none' className={buttonGroupClassNames}>
           {thread.status === 'staged' && <Tag palette='neutral'>{t('draft button')}</Tag>}
@@ -160,10 +165,10 @@ export const CommentsThreadContainer = ({
       */}
       <MessageTextbox extensions={extensions} onSend={handleComment} {...textboxMetadata} />
 
-      <Thread.Status activity={activity}>{t('activity message')}</Thread.Status>
+      <ThreadComponent.Status activity={activity}>{t('activity message')}</ThreadComponent.Status>
 
       {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}
       <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />
-    </Thread.Root>
+    </ThreadComponent.Root>
   );
 };

package/src/components/Media/VideoObject.stories.tsx

@@ -2,15 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import '@dxos-theme';
-
 import { type StoryObj } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
 import { scheduleTask } from '@dxos/async';
 import { Context } from '@dxos/context';
 import { log } from '@dxos/log';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
+import { withTheme } from '@dxos/react-ui/testing';
 
 import { getUserMediaTrack } from '../../calls';
 import { ResponsiveContainer } from '../ResponsiveGrid';
@@ -23,9 +21,13 @@ const DefaultStory = (props: VideoObjectProps) => {
   useEffect(() => {
     const ctx = new Context();
     scheduleTask(ctx, async () => {
-      const stream = new MediaStream();
-      stream.addTrack(await getUserMediaTrack('videoinput'));
-      setVideoStream(stream);
+      try {
+        const stream = new MediaStream();
+        stream.addTrack(await getUserMediaTrack('videoinput'));
+        setVideoStream(stream);
+      } catch (err) {
+        log.catch(err);
+      }
     });
 
     return () => {
@@ -45,7 +47,10 @@ const meta = {
   title: 'plugins/plugin-thread/VideoObject',
   component: VideoObject,
   render: DefaultStory,
-  decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'justify-center' })],
+  decorators: [withTheme],
+  parameters: {
+    layout: 'fullscreen',
+  },
 };
 
 export default meta;

package/src/components/ResponsiveGrid/ResponsiveContainer.stories.tsx

@@ -2,12 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
-import '@dxos-theme';
-
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 
-import { withLayout, withTheme } from '@dxos/storybook-utils';
+import { withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '../../translations';
 import { VideoObject as VideoObjectComponent } from '../Media';
@@ -17,8 +15,9 @@ import { ResponsiveContainer } from './ResponsiveContainer';
 const meta = {
   title: 'plugins/plugin-thread/ResponsiveContainer',
   component: ResponsiveContainer,
-  decorators: [withTheme, withLayout({ fullscreen: true })],
+  decorators: [withTheme],
   parameters: {
+    layout: 'fullscreen',
     translations,
   },
 } satisfies Meta<typeof ResponsiveContainer>;

package/src/components/ResponsiveGrid/ResponsiveGrid.stories.tsx

@@ -2,13 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
-import '@dxos-theme';
-
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
 import { faker } from '@dxos/random';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
+import { withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '../../translations';
 
@@ -94,8 +92,9 @@ const meta = {
   title: 'plugins/plugin-thread/ResponsiveGrid',
   component: ResponsiveGrid as any,
   render: DefaultStory,
-  decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'justify-center' })],
+  decorators: [withTheme],
   parameters: {
+    layout: 'fullscreen',
     translations,
   },
 } satisfies Meta<typeof DefaultStory>;

package/src/components/ThreadComplementary.tsx

@@ -26,7 +26,7 @@ import { AnchoredTo } from '@dxos/schema';
 import { ThreadCapabilities } from '../capabilities';
 import { CommentsContainer, type CommentsContainerProps } from '../components';
 import { meta } from '../meta';
-import { ThreadAction, ThreadType } from '../types';
+import { Thread, ThreadAction } from '../types';
 
 export const ThreadComplementary = ({ subject }: { subject: any }) => {
   const { t } = useTranslation(meta.id);
@@ -56,14 +56,14 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
   const objectsAnchoredTo = useQuery(space, Query.select(Filter.ids(subject.id)).targetOf(AnchoredTo));
   const anchors = objectsAnchoredTo
     .toSorted((a, b) => sort?.(a, b) ?? 0)
-    .filter((anchor) => Obj.instanceOf(ThreadType, Relation.getSource(anchor)))
+    .filter((anchor) => Obj.instanceOf(Thread.Thread, Relation.getSource(anchor)))
     .concat(drafts ?? []);
 
   const attended = useAttended();
 
   const handleAttend = useCallback(
     (anchor: AnchoredTo) => {
-      const thread = Relation.getSource(anchor) as ThreadType;
+      const thread = Relation.getSource(anchor) as Thread.Thread;
       const threadId = fullyQualifiedId(thread);
 
       if (state.current !== threadId) {
@@ -93,7 +93,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
         createIntent(ThreadAction.AddMessage, { anchor, subject, sender: { identityDid: identity?.did }, text }),
       );
 
-      const thread = Relation.getSource(anchor) as ThreadType;
+      const thread = Relation.getSource(anchor) as Thread.Thread;
       state.current = fullyQualifiedId(thread);
     },
     [dispatch, identity, subject],
@@ -101,7 +101,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
 
   const handleResolve = useCallback(
     (anchor: AnchoredTo) =>
-      dispatch(createIntent(ThreadAction.ToggleResolved, { thread: Relation.getSource(anchor) as ThreadType })),
+      dispatch(createIntent(ThreadAction.ToggleResolved, { thread: Relation.getSource(anchor) as Thread.Thread })),
     [dispatch],
   );
 
@@ -118,7 +118,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
 
   const handleAcceptProposal = useCallback<NonNullable<CommentsContainerProps['onAcceptProposal']>>(
     async (anchor, messageId) => {
-      const thread = Relation.getSource(anchor) as ThreadType;
+      const thread = Relation.getSource(anchor) as Thread.Thread;
       const messageIndex = thread.messages.findIndex(Ref.hasObjectId(messageId));
       const message = thread.messages[messageIndex]?.target;
       const proposal = message?.blocks.find((block) => block._tag === 'proposal');
@@ -153,7 +153,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
   );
 
   return (
-    <StackItem.Content toolbar classNames='overflow-hidden'>
+    <StackItem.Content toolbar>
       <Tabs.Root
         value={showResolvedThreads ? 'all' : 'unresolved'}
         orientation='horizontal'

package/src/components/ThreadSettings.tsx

@@ -4,14 +4,13 @@
 
 import React from 'react';
 
-// import { useTranslation } from '@dxos/react-ui';
+import { useTranslation } from '@dxos/react-ui';
 import { ControlPage } from '@dxos/react-ui-form';
 
-// import { meta } from '../meta';
+import { meta } from '../meta';
 import type { ThreadSettingsProps } from '../types';
 
-export const ThreadSettings = ({ settings }: { settings: ThreadSettingsProps }) => {
-  // const { t } = useTranslation(meta.id);
-
+export const ThreadSettings = ({ settings: _settings }: { settings: ThreadSettingsProps }) => {
+  const { t: _t } = useTranslation(meta.id);
   return <ControlPage></ControlPage>;
 };

package/src/components/testing.ts

@@ -8,10 +8,10 @@ import { faker } from '@dxos/random';
 import { type Identity } from '@dxos/react-client/halo';
 import { DataType } from '@dxos/schema';
 
-import { ThreadType } from '../types';
+import { Thread } from '../types';
 
-export const createCommentThread = (identity: Identity): ThreadType => {
-  return Obj.make(ThreadType, {
+export const createCommentThread = (identity: Identity): Thread.Thread => {
+  return Thread.make({
     name: 'Comment',
     messages: faker.helpers.multiple(
       () =>
@@ -30,8 +30,8 @@ export const createCommentThread = (identity: Identity): ThreadType => {
   });
 };
 
-export const createProposalThread = (identity: Identity): ThreadType => {
-  return Obj.make(ThreadType, {
+export const createProposalThread = (identity: Identity): Thread.Thread => {
+  return Thread.make({
     name: 'Proposal',
     messages: faker.helpers.multiple(
       () =>

package/src/extensions/threads.ts

@@ -13,7 +13,7 @@ import { createDocAccessor, fullyQualifiedId, getSource, getSpace, getTextInRang
 import { comments, createExternalCommentSync } from '@dxos/react-ui-editor';
 import { AnchoredTo } from '@dxos/schema';
 
-import { ThreadAction, type ThreadState, ThreadType } from '../types';
+import { Thread, ThreadAction, type ThreadState } from '../types';
 
 // TODO(burdon): Factor out.
 const getName = (doc: Markdown.Document, anchor: string): string | undefined => {
@@ -41,7 +41,7 @@ export const threads = (state: ThreadState, doc?: Markdown.Document, dispatch?:
     query.objects
       .filter((anchor) => {
         const thread = Relation.getSource(anchor);
-        return Obj.instanceOf(ThreadType, thread) && thread.status !== 'resolved';
+        return Obj.instanceOf(Thread.Thread, thread) && thread.status !== 'resolved';
       })
       .concat(state.drafts[fullyQualifiedId(doc)] ?? []),
   );
@@ -60,7 +60,7 @@ export const threads = (state: ThreadState, doc?: Markdown.Document, dispatch?:
             // Only update if the name has changed, otherwise this will cause an infinite loop.
             // Skip if the name is empty; this means comment text was deleted, but thread name should remain.
             const name = getName(doc, anchor.anchor);
-            const thread = Relation.getSource(anchor) as ThreadType;
+            const thread = Relation.getSource(anchor) as Thread.Thread;
             if (name && name !== thread.name) {
               thread.name = name;
             }
@@ -101,7 +101,7 @@ export const threads = (state: ThreadState, doc?: Markdown.Document, dispatch?:
       onUpdate: ({ id, cursor }) => {
         const draft = state.drafts[fullyQualifiedId(doc)]?.find((thread) => fullyQualifiedId(thread) === id);
         if (draft) {
-          const thread = Relation.getSource(draft) as ThreadType;
+          const thread = Relation.getSource(draft) as Thread.Thread;
           thread.name = getName(doc, cursor);
           draft.anchor = cursor;
         }
@@ -109,7 +109,7 @@ export const threads = (state: ThreadState, doc?: Markdown.Document, dispatch?:
         const relation = query.objects.find((object) => getSource(object).id === id);
         if (relation) {
           const thread = getSource(relation);
-          if (Obj.instanceOf(ThreadType, thread)) {
+          if (Obj.instanceOf(Thread.Thread, thread)) {
             thread.name = getName(doc, cursor);
             relation.anchor = cursor;
           }

package/src/hooks/useVideoStreamTrack.tsx

@@ -4,7 +4,7 @@
 
 import { type RefObject, useEffect, useRef, useState } from 'react';
 
-export const useVideoStreamTrack = (videoElement: RefObject<HTMLVideoElement>, videoSrc: string) => {
+export const useVideoStreamTrack = (videoElement: RefObject<HTMLVideoElement | null>, videoSrc: string) => {
   // Get video stream track.
   const [videoStreamTrack, setVideoStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);
   const hadRun = useRef(false);

package/src/meta.ts

@@ -3,15 +3,19 @@
 //
 
 import { type PluginMeta } from '@dxos/app-framework';
-
-export const THREAD_PLUGIN = 'dxos.org/plugin/thread';
-export const THREAD_ITEM = `${THREAD_PLUGIN}/item`;
+import { trim } from '@dxos/util';
 
 // TODO(wittjosiah): Needs screenshots.
 export const meta: PluginMeta = {
-  id: THREAD_PLUGIN,
+  id: 'dxos.org/plugin/thread',
   name: 'Chat',
-  description: 'Chat via text, voice, and video in channels or create comment threads on objects.',
+  description: trim`
+    Multi-modal communication platform supporting text chat, voice, and video conferencing.
+    Create threaded conversations and add contextual comments directly on any workspace object.
+  `,
   icon: 'ph--video-conference--regular',
+  iconHue: 'rose',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-thread',
 };
+
+export const THREAD_ITEM = `${meta.id}/item`;

package/src/testing/stories.ts

@@ -3,17 +3,15 @@
 //
 
 import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
 import { ClientPlugin } from '@dxos/plugin-client';
 import { GraphPlugin } from '@dxos/plugin-graph';
 import { SpacePlugin } from '@dxos/plugin-space';
 import { ThemePlugin } from '@dxos/plugin-theme';
 import { Config } from '@dxos/react-client';
-import { Ref } from '@dxos/react-client/echo';
 import { defaultTx } from '@dxos/react-ui-theme';
 
 import { ThreadPlugin } from '../ThreadPlugin';
-import { ChannelType, ThreadType } from '../types';
+import { Channel } from '../types';
 
 export const createThreadPlugins = async () => [
   ThemePlugin({ tx: defaultTx }),
@@ -23,8 +21,7 @@ export const createThreadPlugins = async () => [
     },
     onSpacesReady: async ({ client }) => {
       await client.spaces.default.waitUntilReady();
-      const thread = Obj.make(ThreadType, { messages: [] });
-      client.spaces.default.db.add(Obj.make(ChannelType, { defaultThread: Ref.make(thread), threads: [] }));
+      client.spaces.default.db.add(Channel.make());
     },
     config: new Config({
       runtime: {
@@ -46,7 +43,7 @@ export const createThreadPlugins = async () => [
       },
     }),
   }),
-  SpacePlugin(),
+  SpacePlugin({}),
   IntentPlugin(),
   SettingsPlugin(),
   GraphPlugin(),

package/src/translations.ts

@@ -2,15 +2,16 @@
 // Copyright 2023 DXOS.org
 //
 
+import { Type } from '@dxos/echo';
 import { type Resource } from '@dxos/react-ui';
 
 import { meta } from './meta';
-import { ChannelType } from './types';
+import { Channel } from './types';
 
 export const translations = [
   {
     'en-US': {
-      [ChannelType.typename]: {
+      [Type.getTypename(Channel.Channel)]: {
         'typename label': 'Channel',
         'typename label_zero': 'Channels',
         'typename label_one': 'Channel',
@@ -61,7 +62,8 @@ export const translations = [
         'call tab label': 'Call',
         'meeting status title': 'Meeting',
         'share meeting link label': 'Share meeting',
-        'show webrtc stats title': 'Detailed WebRTC Stats',
+        'show webrtc stats title': 'WebRTC Stats',
+        'show calls history title': 'Service History',
 
         'meeting summary label': 'Summary',
         'summarize label': 'Summarize',

package/src/types/Channel.ts

@@ -0,0 +1,27 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { Obj, Ref, Type } from '@dxos/echo';
+import { FormAnnotation } from '@dxos/echo/internal';
+
+import * as Thread from './Thread';
+
+const _Channel = Schema.Struct({
+  name: Schema.optional(Schema.String),
+  defaultThread: Type.Ref(Thread.Thread).pipe(FormAnnotation.set(false)),
+  // TODO(wittjosiah): Should be an "ordered collection".
+  threads: Type.Ref(Thread.Thread).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),
+}).pipe(Type.Obj({ typename: 'dxos.org/type/Channel', version: '0.1.0' }));
+export interface Channel extends Schema.Schema.Type<typeof _Channel> {}
+export interface ChannelEncoded extends Schema.Schema.Encoded<typeof _Channel> {}
+export const Channel: Schema.Schema<Channel, ChannelEncoded> = _Channel;
+
+export const make = (props: Pick<Obj.MakeProps<typeof Channel>, 'name'> = {}) =>
+  Obj.make(Channel, {
+    ...props,
+    defaultThread: Ref.make(Obj.make(Thread.Thread, { messages: [], status: 'active' })),
+    threads: [],
+  });

package/src/types/Thread.ts

@@ -0,0 +1,26 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { Obj, Type } from '@dxos/echo';
+import { DataType } from '@dxos/schema';
+
+export const ThreadStatus = Schema.Union(
+  Schema.Literal('staged'),
+  Schema.Literal('active'),
+  Schema.Literal('resolved'),
+);
+
+const _Thread = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  status: ThreadStatus.pipe(Schema.optional),
+  messages: Schema.mutable(Schema.Array(Type.Ref(DataType.Message))),
+}).pipe(Type.Obj({ typename: 'dxos.org/type/Thread', version: '0.1.0' }));
+export interface Thread extends Schema.Schema.Type<typeof _Thread> {}
+export interface ThreadEncoded extends Schema.Schema.Encoded<typeof _Thread> {}
+export const Thread: Schema.Schema<Thread, ThreadEncoded> = _Thread;
+
+export const make = ({ status = 'staged', messages = [], ...props }: Partial<Obj.MakeProps<typeof Thread>> = {}) =>
+  Obj.make(Thread, { status, messages, ...props });

package/src/types/index.ts

@@ -2,5 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './schema';
+export * as Channel from './Channel';
+export * as Thread from './Thread';
 export * from './types';

package/src/types/types.ts

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Schema } from 'effect';
+import * as Schema from 'effect/Schema';
 
 import { Type } from '@dxos/echo';
 import { EchoObjectSchema, SpaceSchema } from '@dxos/react-client/echo';
@@ -10,10 +10,11 @@ import { AnchoredTo, DataType } from '@dxos/schema';
 
 import { meta } from '../meta';
 
-import { ChannelType, ThreadType } from './schema';
+import * as Channel from './Channel';
+import * as Thread from './Thread';
 
 export namespace ThreadAction {
-  export class OnSpaceCreated extends Schema.TaggedClass<OnSpaceCreated>()(`${meta.id}/action/on-space-created`, {
+  export class onCreateSpace extends Schema.TaggedClass<onCreateSpace>()(`${meta.id}/action/on-space-created`, {
     input: Schema.Struct({
       space: SpaceSchema,
       rootCollection: DataType.Collection,
@@ -27,7 +28,7 @@ export namespace ThreadAction {
       name: Schema.optional(Schema.String),
     }),
     output: Schema.Struct({
-      object: ChannelType,
+      object: Channel.Channel,
     }),
   }) {}
 
@@ -35,10 +36,10 @@ export namespace ThreadAction {
     `${meta.id}/action/create-channel-thread`,
     {
       input: Schema.Struct({
-        channel: ChannelType,
+        channel: Channel.Channel,
       }),
       output: Schema.Struct({
-        object: ThreadType,
+        object: Thread.Thread,
       }),
     },
   ) {}
@@ -56,7 +57,7 @@ export namespace ThreadAction {
     input: Schema.Struct({
       anchor: AnchoredTo,
       subject: EchoObjectSchema,
-      thread: Schema.optional(ThreadType),
+      thread: Schema.optional(Thread.Thread),
     }),
     output: Schema.Void,
   }) {}
@@ -70,7 +71,7 @@ export namespace ThreadAction {
 
   export class ToggleResolved extends Schema.TaggedClass<ToggleResolved>()(`${meta.id}/action/toggle-resolved`, {
     input: Schema.Struct({
-      thread: ThreadType,
+      thread: Thread.Thread,
     }),
     output: Schema.Void,
   }) {}
@@ -111,7 +112,7 @@ export const ThreadSettingsSchema = Schema.mutable(Schema.Struct({}));
 export type ThreadSettingsProps = Schema.Schema.Type<typeof ThreadSettingsSchema>;
 
 export interface ThreadModel {
-  root: ThreadType;
+  root: Thread.Thread;
 }
 
 type SubjectId = string;

package/src/typings/peermetrics-webrtc-stats.d.ts

@@ -22,7 +22,23 @@ declare module '@peermetrics/webrtc-stats' {
     connectionId: string;
   }
 
-  export class WebRTCStats extends EventEmitter {
+  type TrackStats = {
+    id: string;
+    kind: 'audio' | 'video';
+    codecId: string;
+    mid: string;
+    bytesSent: number;
+    bytesReceived: number;
+  };
+
+  export type WebRTCStatsEvent = {
+    data: {
+      audio: { inbound: TrackStats[]; outbound: TrackStats[] };
+      video: { inbound: TrackStats[]; outbound: TrackStats[] };
+    };
+  };
+
+  export class WebRTCStats extends EventEmitter<{ stats: WebRTCStatsEvent }> {
     constructor(options: WebRTCStatsConstructorOptions);
     addConnection(info: ConnectionInfo): void;
     removeConnection(info: Pick<ConnectionInfo, 'pc'>): void;

package/src/util.ts

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Match } from 'effect';
+import * as Match from 'effect/Match';
 
 import { generateName } from '@dxos/display-name';
 import { type Selection } from '@dxos/plugin-attention';

package/dist/lib/browser/ChannelContainer-GHDNEZT2.mjs

@@ -1,16 +0,0 @@
-import {
-  ChannelContainer,
-  ChannelContainer_default
-} from "./chunk-TQJYDFBU.mjs";
-import "./chunk-2I277V52.mjs";
-import "./chunk-4APCDRSH.mjs";
-import "./chunk-H63NDV62.mjs";
-import "./chunk-2P3GVRHP.mjs";
-import "./chunk-GERVMFQW.mjs";
-import "./chunk-KEXJGF2R.mjs";
-import "./chunk-EV4JWI7L.mjs";
-export {
-  ChannelContainer,
-  ChannelContainer_default as default
-};
-//# sourceMappingURL=ChannelContainer-GHDNEZT2.mjs.map

package/dist/lib/browser/ChatContainer-42ALOWUA.mjs

@@ -1,15 +0,0 @@
-import {
-  ChatContainer,
-  ChatContainer_default,
-  ChatHeading
-} from "./chunk-H63NDV62.mjs";
-import "./chunk-2P3GVRHP.mjs";
-import "./chunk-GERVMFQW.mjs";
-import "./chunk-KEXJGF2R.mjs";
-import "./chunk-EV4JWI7L.mjs";
-export {
-  ChatContainer,
-  ChatHeading,
-  ChatContainer_default as default
-};
-//# sourceMappingURL=ChatContainer-42ALOWUA.mjs.map