@dxos/plugin-thread 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/capabilities.ts", "../../../src/types/Channel.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { type CallManager, type CallState, type MediaState } from '../calls';\nimport { meta } from '../meta';\nimport { type Channel, type ThreadSettingsProps, type ThreadState, type ViewStore } from '../types';\n\nexport namespace ThreadCapabilities {\n  export const Settings = Capability.make<Atom.Writable<ThreadSettingsProps>>(`${meta.id}/capability/settings`);\n  export const CallManager = Capability.make<CallManager>(`${meta.id}/capability/call-manager`);\n\n  // TODO(burdon): Better way to define specific extensions for meeting companions.\n  // TODO(burdon): This brings in deps from ../calls; how should we manage/minimize explicit type exposure to other plugins?\n  // TODO(wittjosiah): These callbacks could be intents once we support broadcast.\n  export type CallProperties = {\n    onJoin: (state: { channel?: Channel.Channel; roomId?: string }) => Promise<void>;\n    onLeave: (roomId?: string) => Promise<void>;\n    onCallStateUpdated: (callState: CallState) => Promise<void>;\n    onMediaStateUpdated: ([mediaState, isSpeaking]: [MediaState, boolean]) => Promise<void>;\n  };\n\n  export const CallExtension = Capability.make<CallProperties>(`${meta.id}/capability/call-extension`);\n\n  /** Thread state (drafts, toolbar state, current selection). */\n  export const State = Capability.make<Atom.Writable<ThreadState>>(`${meta.id}/capability/state`);\n\n  /** Per-subject view state (e.g., showResolvedThreads). */\n  export const ViewState = Capability.make<Atom.Writable<ViewStore>>(`${meta.id}/capability/view-state`);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation } from '@dxos/echo/internal';\nimport { Thread } from '@dxos/types';\n\nexport const Channel = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  defaultThread: Ref.Ref(Thread.Thread).pipe(FormInputAnnotation.set(false)),\n  // TODO(wittjosiah): Should be an \"ordered collection\".\n  threads: Ref.Ref(Thread.Thread).pipe(Schema.Array, FormInputAnnotation.set(false)),\n}).pipe(\n  Type.object({\n    typename: 'dxos.org/type/Channel',\n    version: '0.1.0',\n  }),\n);\n\nexport interface Channel extends Schema.Schema.Type<typeof Channel> {}\n\nexport const make = (props: Pick<Obj.MakeProps<typeof Channel>, 'name'> = {}) =>\n  Obj.make(Channel, {\n    ...props,\n    defaultThread: Ref.make(Obj.make(Thread.Thread, { messages: [], status: 'active' })),\n    threads: [],\n  });\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Key, Obj } from '@dxos/echo';\nimport { Collection } from '@dxos/echo';\nimport { Operation } from '@dxos/operation';\nimport { SpaceSchema } from '@dxos/react-client/echo';\nimport { Actor, AnchoredTo, Message, Thread } from '@dxos/types';\n\nimport { meta } from '../meta';\n\nimport * as Channel from './Channel';\n\nconst THREAD_OPERATION = `${meta.id}/operation`;\n\n/**\n * Operations for the Thread plugin.\n * Note: Complex ECHO types are typed as Schema.Any to avoid serialization issues.\n */\nexport namespace ThreadOperation {\n  export const OnCreateSpace = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/on-create-space`, name: 'On Create Space' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        space: SpaceSchema,\n        rootCollection: Collection.Collection,\n        isDefault: Schema.Boolean.pipe(Schema.optional),\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  export const CreateChannel = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/create-channel`, name: 'Create Channel' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        spaceId: Key.SpaceId,\n        name: Schema.optional(Schema.String),\n      }),\n      output: Schema.Struct({\n        object: Channel.Channel,\n      }),\n    },\n  });\n\n  export const CreateChannelThread = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/create-channel-thread`, name: 'Create Channel Thread' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        channel: Channel.Channel,\n      }),\n      output: Schema.Struct({\n        object: Thread.Thread,\n      }),\n    },\n  });\n\n  export const Create = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/create`, name: 'Create Thread' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        name: Schema.optional(Schema.String),\n        anchor: Schema.optional(Schema.String),\n        subject: Obj.Unknown,\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  export const DeleteOutput = Schema.Struct({\n    thread: Thread.Thread.annotations({ description: 'The deleted thread.' }),\n    anchor: AnchoredTo.AnchoredTo.annotations({ description: 'The deleted anchor.' }),\n  }).pipe(Schema.partial);\n\n  export type DeleteOutput = Schema.Schema.Type<typeof DeleteOutput>;\n\n  export const Delete = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/delete`, name: 'Delete Thread' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        anchor: AnchoredTo.AnchoredTo,\n        subject: Obj.Unknown,\n        thread: Schema.optional(Thread.Thread),\n      }),\n      output: DeleteOutput,\n    },\n  });\n\n  export const Select = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/select`, name: 'Select Thread' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        current: Schema.String,\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  export const ToggleResolved = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/toggle-resolved`, name: 'Toggle Resolved' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        thread: Thread.Thread,\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  export const AddMessage = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/add-message`, name: 'Add Message' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        subject: Obj.Unknown,\n        anchor: AnchoredTo.AnchoredTo,\n        sender: Actor.Actor,\n        text: Schema.String,\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  export const DeleteMessageOutput = Schema.partial(\n    Schema.Struct({\n      message: Message.Message.annotations({ description: 'The deleted message.' }),\n      messageIndex: Schema.Number.annotations({ description: 'The index the message was at.' }),\n    }),\n  );\n\n  export type DeleteMessageOutput = Schema.Schema.Type<typeof DeleteMessageOutput>;\n\n  export const DeleteMessage = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/delete-message`, name: 'Delete Message' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        anchor: AnchoredTo.AnchoredTo,\n        subject: Obj.Unknown,\n        messageId: Schema.String,\n      }),\n      output: DeleteMessageOutput,\n    },\n  });\n\n  /**\n   * Restore a deleted thread (inverse of Delete).\n   */\n  export const Restore = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/restore`, name: 'Restore Thread' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        thread: Thread.Thread.annotations({ description: 'The thread to restore.' }),\n        anchor: AnchoredTo.AnchoredTo.annotations({ description: 'The anchor relation to restore.' }),\n      }),\n      output: Schema.Void,\n    },\n  });\n\n  /**\n   * Restore a deleted message (inverse of DeleteMessage).\n   */\n  export const RestoreMessage = Operation.make({\n    meta: { key: `${THREAD_OPERATION}/restore-message`, name: 'Restore Message' },\n    services: [Capability.Service],\n    schema: {\n      input: Schema.Struct({\n        anchor: AnchoredTo.AnchoredTo.annotations({ description: 'The anchor of the thread.' }),\n        message: Message.Message.annotations({ description: 'The message to restore.' }),\n        messageIndex: Schema.Number.annotations({ description: 'The index to restore the message at.' }),\n      }),\n      output: Schema.Void,\n    },\n  });\n}\n\nexport const ThreadSettingsSchema = Schema.mutable(Schema.Struct({}));\nexport type ThreadSettingsProps = Schema.Schema.Type<typeof ThreadSettingsSchema>;\n\nexport interface ThreadModel {\n  root: Thread.Thread;\n}\n\ntype SubjectId = string;\nexport type ViewState = { showResolvedThreads: boolean };\nexport type ViewStore = Record<SubjectId, ViewState>;\n\nexport type ThreadState = {\n  /** Object toolbar state. */\n  toolbar: Record<string, boolean>;\n  /** In-memory draft threads. */\n  // TODO(burdon): Drafts are getting lost.\n  drafts: Record<string, AnchoredTo.AnchoredTo[]>;\n  current?: string | undefined;\n};\n"],
+  "mappings": "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",
+  "names": ["Capability", "ThreadCapabilities", "Settings", "Capability", "make", "meta", "id", "CallManager", "CallExtension", "State", "ViewState", "Schema", "Obj", "Ref", "Type", "FormInputAnnotation", "Thread", "Channel", "Struct", "name", "optional", "String", "defaultThread", "Ref", "Thread", "pipe", "FormInputAnnotation", "set", "threads", "Array", "Type", "object", "typename", "version", "make", "props", "Obj", "messages", "status", "Schema", "Capability", "Key", "Obj", "Collection", "Operation", "SpaceSchema", "Actor", "AnchoredTo", "Message", "Thread", "THREAD_OPERATION", "meta", "id", "ThreadOperation", "OnCreateSpace", "Operation", "make", "key", "name", "services", "Capability", "Service", "schema", "input", "Struct", "space", "SpaceSchema", "rootCollection", "Collection", "isDefault", "Boolean", "pipe", "optional", "output", "Void", "CreateChannel", "spaceId", "Key", "SpaceId", "String", "object", "Channel", "CreateChannelThread", "channel", "Thread", "Create", "anchor", "subject", "Obj", "Unknown", "DeleteOutput", "thread", "annotations", "description", "AnchoredTo", "partial", "Delete", "Select", "current", "ToggleResolved", "AddMessage", "sender", "Actor", "text", "DeleteMessageOutput", "message", "Message", "messageIndex", "Number", "DeleteMessage", "messageId", "Restore", "RestoreMessage", "ThreadSettingsSchema", "mutable"]
+}

package/dist/lib/browser/chunk-UVUCB7QO.mjs

@@ -0,0 +1,125 @@
+import {
+  MessageContainer,
+  command
+} from "./chunk-G6FJBSXX.mjs";
+import {
+  useStatus
+} from "./chunk-HDLDMR54.mjs";
+import {
+  getMessageMetadata
+} from "./chunk-CP7E2HRE.mjs";
+import {
+  meta
+} from "./chunk-LUK4UNFA.mjs";
+
+// src/containers/ChatContainer/ChatContainer.tsx
+import React, { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Obj, Ref } from "@dxos/echo";
+import { useMembers } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Icon, ScrollArea, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { StackItem } from "@dxos/react-ui-stack";
+import { MessageTextbox, Thread as ThreadComponent, threadLayout } from "@dxos/react-ui-thread";
+import { Message } from "@dxos/types";
+import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/ui-editor";
+import { mx } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+var ChatContainer = ({ classNames, space, thread, context, current, autoFocusTextbox }) => {
+  const { t } = useTranslation(meta.id);
+  const { themeMode } = useThemeContext();
+  const id = Obj.getDXN(thread).toString();
+  const identity = useIdentity();
+  const members = useMembers(space?.id);
+  const activity = useStatus(space, id);
+  const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);
+  const threadScrollRef = useRef(null);
+  const [_count, _setCount] = useState(0);
+  const rerenderEditor = () => _setCount((count) => count + 1);
+  const textboxMetadata = getMessageMetadata(id, identity);
+  const messageRef = useRef("");
+  const extensions = useMemo(() => [
+    createBasicExtensions({
+      placeholder: t("message placeholder")
+    }),
+    createThemeExtensions({
+      themeMode
+    }),
+    listener({
+      onChange: ({ text }) => messageRef.current = text
+    }),
+    command
+  ], [
+    themeMode,
+    _count
+  ]);
+  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
+    behavior,
+    block: "end"
+  }), 10);
+  useLayoutEffect(() => {
+    scrollToEnd("instant");
+  }, []);
+  const handleCreate = () => {
+    if (!messageRef.current?.length) {
+      return false;
+    }
+    Obj.change(thread, (t2) => {
+      t2.messages.push(Ref.make(Obj.make(Message.Message, {
+        created: (/* @__PURE__ */ new Date()).toISOString(),
+        sender: {
+          identityDid: identity.did
+        },
+        blocks: [
+          {
+            _tag: "text",
+            text: messageRef.current
+          }
+        ],
+        properties: context ? {
+          context: Ref.make(context)
+        } : void 0
+      })));
+    });
+    messageRef.current = "";
+    setAutoFocus(true);
+    scrollToEnd("smooth");
+    rerenderEditor();
+    return true;
+  };
+  return /* @__PURE__ */ React.createElement(ThreadComponent.Root, {
+    current,
+    id,
+    classNames: [
+      "h-full grid-rows-[1fr_min-content_min-content] overflow-hidden",
+      "transition-[padding-h-end] [[data-sidebar-left-state=open]_&]:lg:pb-0",
+      classNames
+    ]
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    classNames: "col-span-2",
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    ref: threadScrollRef
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx(threadLayout, "place-self-end")
+  }, thread.messages.map((message) => message.target).filter(isNonNullable).map((message) => /* @__PURE__ */ React.createElement(MessageContainer, {
+    key: message.id,
+    message,
+    members
+  }))))), /* @__PURE__ */ React.createElement(MessageTextbox, {
+    extensions,
+    autoFocus,
+    onSend: handleCreate,
+    ...textboxMetadata
+  }), /* @__PURE__ */ React.createElement(ThreadComponent.Status, {
+    activity
+  }, t("activity message")));
+};
+
+// src/containers/ChatContainer/index.ts
+var ChatContainer_default = ChatContainer;
+
+export {
+  ChatContainer_default
+};
+//# sourceMappingURL=chunk-UVUCB7QO.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChatContainer/ChatContainer.tsx", "../../../src/containers/ChatContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport { type Space, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ScrollArea, type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport {\n  MessageTextbox,\n  type MessageTextboxProps,\n  Thread as ThreadComponent,\n  type ThreadRootProps,\n  threadLayout,\n} from '@dxos/react-ui-thread';\nimport { Message, type Thread } from '@dxos/types';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from '../../components';\nimport { command } from '../../components/command-extension';\nimport { useStatus } from '../../hooks';\nimport { meta } from '../../meta';\nimport { getMessageMetadata } from '../../util';\n\nexport const ChatHeading = ({ attendableId }: { attendableId?: string }) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <div role='none' className='flex items-center'>\n      <StackItem.SigilButton attendableId={attendableId}>\n        <Icon icon='ph--chat--regular' size={5} />\n      </StackItem.SigilButton>\n      <StackItem.HeadingLabel attendableId={attendableId}>{t('chat heading')}</StackItem.HeadingLabel>\n    </div>\n  );\n};\n\nexport type ChatContainerProps = ThemedClassName<\n  {\n    space: Space;\n    thread: Thread.Thread;\n    context?: Obj.Unknown;\n    autoFocusTextbox?: boolean;\n  } & Pick<ThreadRootProps, 'current'>\n>;\n\nexport const ChatContainer = ({\n  classNames,\n  space,\n  thread,\n  context,\n  current,\n  autoFocusTextbox,\n}: ChatContainerProps) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n\n  const id = Obj.getDXN(thread).toString();\n  const identity = useIdentity()!;\n  const members = useMembers(space?.id);\n  const activity = useStatus(space, id);\n  const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n\n  const textboxMetadata = getMessageMetadata(id, identity);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: ({ text }) => (messageRef.current = text) }),\n      command,\n    ],\n    [themeMode, _count],\n  );\n\n  // TODO(thure): Factor out.\n  // TODO(thure): `flex-col-reverse` does not work to start the container scrolled to the end while also using\n  //  `ScrollArea`. This is the least-bad way I found to scroll to the end on mount. Note that 0ms was insufficient\n  //  for the desired effect; this is likely hardware-dependent and should be reevaluated.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  useLayoutEffect(() => {\n    scrollToEnd('instant');\n  }, []);\n\n  // TODO(burdon): Change to model.\n  const handleCreate: MessageTextboxProps['onSend'] = () => {\n    if (!messageRef.current?.length) {\n      return false;\n    }\n\n    Obj.change(thread, (t) => {\n      t.messages.push(\n        Ref.make(\n          Obj.make(Message.Message, {\n            created: new Date().toISOString(),\n            sender: { identityDid: identity.did },\n            blocks: [{ _tag: 'text', text: messageRef.current }],\n            properties: context ? { context: Ref.make(context) } : undefined,\n          }),\n        ),\n      );\n    });\n\n    messageRef.current = '';\n    setAutoFocus(true);\n    scrollToEnd('smooth');\n    rerenderEditor();\n    return true;\n  };\n\n  return (\n    <ThreadComponent.Root\n      current={current}\n      id={id}\n      classNames={[\n        'h-full grid-rows-[1fr_min-content_min-content] overflow-hidden',\n        'transition-[padding-h-end] [[data-sidebar-left-state=open]_&]:lg:pb-0',\n        classNames,\n      ]}\n    >\n      <ScrollArea.Root classNames='col-span-2' orientation='vertical'>\n        <ScrollArea.Viewport ref={threadScrollRef}>\n          <div role='none' className={mx(threadLayout, 'place-self-end')}>\n            {thread.messages\n              .map((message) => message.target)\n              .filter(isNonNullable)\n              .map((message) => (\n                <MessageContainer key={message.id} message={message} members={members} />\n              ))}\n          </div>\n        </ScrollArea.Viewport>\n      </ScrollArea.Root>\n\n      <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleCreate} {...textboxMetadata} />\n      <ThreadComponent.Status activity={activity}>{t('activity message')}</ThreadComponent.Status>\n    </ThreadComponent.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ChatContainer } from './ChatContainer';\n\nexport default ChatContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useLayoutEffect", "useMemo", "useRef", "useState", "Obj", "Ref", "useMembers", "useIdentity", "Icon", "ScrollArea", "useThemeContext", "useTranslation", "StackItem", "MessageTextbox", "Thread", "ThreadComponent", "threadLayout", "Message", "createBasicExtensions", "createThemeExtensions", "listener", "mx", "isNonNullable", "ChatContainer", "classNames", "space", "thread", "context", "current", "autoFocusTextbox", "t", "useTranslation", "meta", "id", "themeMode", "useThemeContext", "Obj", "getDXN", "toString", "identity", "useIdentity", "members", "useMembers", "activity", "useStatus", "autoFocus", "setAutoFocus", "useState", "threadScrollRef", "useRef", "_count", "_setCount", "rerenderEditor", "count", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleCreate", "length", "change", "messages", "push", "Ref", "make", "Message", "created", "Date", "toISOString", "sender", "identityDid", "did", "blocks", "_tag", "properties", "undefined", "ThreadComponent", "Root", "ScrollArea", "orientation", "Viewport", "ref", "div", "role", "className", "mx", "threadLayout", "map", "message", "target", "filter", "isNonNullable", "MessageContainer", "key", "MessageTextbox", "onSend", "Status", "ChatContainer"]
+}

package/dist/lib/browser/index.mjs

@@ -1,3 +1,11 @@
+import {
+  useBlackCanvasStreamTrack,
+  useDebugMode,
+  useInaudibleAudioStreamTrack,
+  useOnEditAnalytics,
+  useStatus,
+  useVideoStreamTrack
+} from "./chunk-HDLDMR54.mjs";
 import {
   CALLS_URL,
   CallManager,
@@ -11,63 +19,88 @@ import {
   getScreenshare,
   getUserMediaTrack,
   monitorAudioLevel
-} from "./chunk-ZE7KWN36.mjs";
-import {
-  ChannelType,
-  ThreadAction,
-  ThreadType
-} from "./chunk-GCLD5ESP.mjs";
-import {
-  AppGraphBuilder,
-  CallManager as CallManager2,
-  IntentResolver,
-  Markdown,
-  ReactRoot,
-  ReactSurface,
-  ThreadState
-} from "./chunk-4OYAYON2.mjs";
-import {
-  ThreadCapabilities
-} from "./chunk-LGSDKXPF.mjs";
-import {
-  useDebugMode,
-  useInaudibleAudioStreamTrack,
-  useOnEditAnalytics,
-  useStatus,
-  useVideoStreamTrack
-} from "./chunk-ERWASUQK.mjs";
+} from "./chunk-ERK254BS.mjs";
 import {
   createBlackCanvasStreamTrack,
   createInaudibleAudioStreamTrack
-} from "./chunk-6NSMBO3B.mjs";
+} from "./chunk-ISCHODBV.mjs";
+import {
+  Channel_exports,
+  ThreadCapabilities,
+  ThreadOperation
+} from "./chunk-U32R23JO.mjs";
 import {
   THREAD_ITEM,
-  THREAD_PLUGIN,
   meta
-} from "./chunk-EV4JWI7L.mjs";
+} from "./chunk-LUK4UNFA.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/ThreadPlugin.tsx
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
-import { Ref } from "@dxos/echo";
-import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import * as Effect from "effect/Effect";
+import { Capability as Capability11, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Ref, Type as Type2 } from "@dxos/echo";
+import { Operation } from "@dxos/operation";
+import { 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";
+
+// src/capabilities/app-graph-builder/index.ts
+import { Capability } from "@dxos/app-framework";
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("./app-graph-builder-5LCAM746.mjs"));
+
+// src/capabilities/blueprint-definition/index.ts
+import { Capability as Capability2 } from "@dxos/app-framework";
+var BlueprintDefinition = Capability2.lazy("BlueprintDefinition", () => import("./blueprint-definition-42M2EJ2Y.mjs"));
+
+// src/capabilities/call-manager/index.ts
+import { Capability as Capability3 } from "@dxos/app-framework";
+var CallManager2 = Capability3.lazy("CallManager", () => import("./call-manager-2PRP4QVZ.mjs"));
+
+// src/capabilities/markdown/index.ts
+import { Capability as Capability4 } from "@dxos/app-framework";
+var Markdown = Capability4.lazy("Markdown", () => import("./markdown-GRRPCZHJ.mjs"));
+
+// src/capabilities/operation-resolver/index.ts
+import { Capability as Capability5 } from "@dxos/app-framework";
+var OperationResolver = Capability5.lazy("OperationResolver", () => import("./operation-resolver-EP7FAYEB.mjs"));
+
+// src/capabilities/react-root/index.ts
+import { Capability as Capability6 } from "@dxos/app-framework";
+var ReactRoot = Capability6.lazy("ReactRoot", () => import("./react-root-7UFFPPRD.mjs"));
+
+// src/capabilities/react-surface/index.ts
+import { Capability as Capability7 } from "@dxos/app-framework";
+var ReactSurface = Capability7.lazy("ReactSurface", () => import("./react-surface-TIHBSZPD.mjs"));
+
+// src/capabilities/repair/index.ts
+import { Capability as Capability8 } from "@dxos/app-framework";
+var Repair = Capability8.lazy("Repair", () => import("./repair-TBU45SBG.mjs"));
+
+// src/capabilities/settings/index.ts
+import { Capability as Capability9 } from "@dxos/app-framework";
+var ThreadSettings = Capability9.lazy("ThreadSettings", () => import("./settings-Y75FG6XR.mjs"));
+
+// src/capabilities/state/index.ts
+import { Capability as Capability10 } from "@dxos/app-framework";
+var ThreadState = Capability10.lazy("ThreadState", () => import("./state-OBTMMEUZ.mjs"));
 
 // src/translations.ts
+import { Type } from "@dxos/echo";
 var translations = [
   {
     "en-US": {
-      [ChannelType.typename]: {
+      [Type.getTypename(Channel_exports.Channel)]: {
         "typename label": "Channel",
         "typename label_zero": "Channels",
         "typename label_one": "Channel",
         "typename label_other": "Channels",
         "object name placeholder": "New channel",
         "rename object label": "Rename channel",
-        "delete object label": "Delete channel"
+        "delete object label": "Delete channel",
+        "object deleted label": "Channel deleted"
       },
       [meta.id]: {
         "plugin name": "Chat",
@@ -93,10 +126,12 @@ var translations = [
         "save message label": "Save",
         "edit message label": "Edit",
         "delete message label": "Delete message",
+        "accept proposal label": "Accept proposal",
         "open comments panel label": "Show Comments",
         "comments label": "Comments",
         "show all label": "All comments",
         "show unresolved label": "Unresolved comments",
+        "add comment label": "Add comment",
         "channel companion label": "Channel",
         "call panel label": "Active Call",
         "display name label": "Display name",
@@ -104,9 +139,10 @@ var translations = [
         "display name input placeholder": "Enter your name",
         "set display name label": "Continue",
         "call tab label": "Call",
-        "meeting status title": "Meeting",
+        "meeting status title": "Calls",
         "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",
         "summarizing label": "Creating summary...",
@@ -136,59 +172,31 @@ var translations = [
 ];
 
 // src/ThreadPlugin.tsx
-var ThreadPlugin = () => definePlugin(meta, [
-  defineModule({
-    id: `${meta.id}/module/call-manager`,
-    activatesOn: ClientEvents.ClientReady,
-    activate: CallManager2
-  }),
-  // 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
+var ThreadPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addAppGraphModule({
+    activate: AppGraphBuilder
   }),
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, [
-      ...translations,
-      ...threadTranslations
-    ])
+  AppPlugin.addBlueprintDefinitionModule({
+    activate: BlueprintDefinition
   }),
-  defineModule({
-    id: `${meta.id}/module/metadata`,
-    activatesOn: Events.SetupMetadata,
-    activate: () => [
-      contributes(Capabilities.Metadata, {
-        id: ChannelType.typename,
+  AppPlugin.addMetadataModule({
+    metadata: [
+      {
+        id: Type2.getTypename(Channel_exports.Channel),
         metadata: {
-          icon: "ph--hash--regular"
+          icon: "ph--hash--regular",
+          iconHue: "rose",
+          createObject: (props) => Effect.sync(() => Channel_exports.make(props))
         }
-      }),
-      contributes(Capabilities.Metadata, {
-        id: ThreadType.typename,
+      },
+      {
+        id: Type2.getTypename(Thread.Thread),
         metadata: {
           // TODO(wittjosiah): Move out of metadata.
           loadReferences: async (thread) => await Ref.Array.loadAll(thread.messages ?? [])
         }
-      }),
-      contributes(Capabilities.Metadata, {
-        id: DataType.Message.typename,
-        metadata: {
-          // TODO(wittjosiah): Move out of metadata.
-          loadReferences: (message) => []
-        }
-      }),
-      contributes(Capabilities.Metadata, {
+      },
+      {
         id: THREAD_ITEM,
         metadata: {
           parse: (item, type) => {
@@ -209,70 +217,68 @@ var ThreadPlugin = () => definePlugin(meta, [
             }
           }
         }
-      })
+      }
     ]
   }),
-  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
-      })
-    }))
+  AppPlugin.addOperationResolverModule({
+    activate: OperationResolver
   }),
-  defineModule({
-    id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(ClientCapabilities.Schema, [
-      AnchoredTo,
-      ThreadType,
-      DataType.Message,
-      DataType.MessageV1
-    ])
+  AppPlugin.addReactRootModule({
+    activate: ReactRoot
   }),
-  defineModule({
-    id: `${meta.id}/module/migration`,
-    activatesOn: ClientEvents.SetupMigration,
-    activate: () => contributes(ClientCapabilities.Migration, [
-      DataType.MessageV1ToV2
-    ])
+  AppPlugin.addSchemaModule({
+    schema: [
+      AnchoredTo.AnchoredTo,
+      Channel_exports.Channel,
+      Message.Message,
+      Thread.Thread
+    ]
   }),
-  defineModule({
-    id: `${meta.id}/module/on-space-created`,
-    activatesOn: SpaceEvents.SpaceCreated,
-    activate: () => contributes(SpaceCapabilities.OnSpaceCreated, ({ space, rootCollection }) => createIntent(ThreadAction.OnSpaceCreated, {
-      space,
-      rootCollection
-    }))
+  AppPlugin.addSurfaceModule({
+    activate: ReactSurface
   }),
-  defineModule({
-    id: `${meta.id}/module/markdown`,
-    activatesOn: MarkdownEvents.SetupExtensions,
-    activate: Markdown
+  AppPlugin.addTranslationsModule({
+    translations: [
+      ...translations,
+      ...threadTranslations
+    ]
   }),
-  defineModule({
-    id: `${meta.id}/module/react-root`,
-    activatesOn: Events.Startup,
-    activate: ReactRoot
+  Plugin.addModule({
+    id: "call-manager",
+    activatesOn: ClientEvents.ClientReady,
+    activate: CallManager2
   }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
+  // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.
+  // Plugin.addModule({
+  //   id: 'settings',
+  //   activatesOn: Events.SetupSettings,
+  //   activate: ThreadSettings,
+  // }),
+  Plugin.addModule({
+    id: "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: AppActivationEvents.SetupSettings,
+    activate: ThreadState
   }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver
+  Plugin.addModule({
+    id: "on-space-created",
+    activatesOn: SpaceEvents.SpaceCreated,
+    activate: () => Effect.succeed(Capability11.contributes(SpaceCapabilities.OnCreateSpace, (params) => Operation.invoke(ThreadOperation.OnCreateSpace, params)))
   }),
-  defineModule({
-    id: `${meta.id}/module/app-graph-builder`,
-    activatesOn: Events.SetupAppGraph,
-    activate: AppGraphBuilder
-  })
-]);
+  Plugin.addModule({
+    id: "repair",
+    activatesOn: ClientEvents.SpacesReady,
+    activate: Repair
+  }),
+  Plugin.addModule({
+    id: "markdown",
+    activatesOn: MarkdownEvents.SetupExtensions,
+    activate: Markdown
+  }),
+  Plugin.make
+);
 export {
   CALLS_URL,
   CallManager,
@@ -281,7 +287,6 @@ export {
   MediaManager,
   SpeakingMonitor,
   THREAD_ITEM,
-  THREAD_PLUGIN,
   ThreadCapabilities,
   ThreadPlugin,
   TrackNameCodec,
@@ -293,6 +298,7 @@ export {
   getUserMediaTrack,
   meta,
   monitorAudioLevel,
+  useBlackCanvasStreamTrack,
   useDebugMode,
   useInaudibleAudioStreamTrack,
   useOnEditAnalytics,