@dxos/plugin-thread 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/dist/lib/browser/ChannelContainer-56QROCE4.mjs

@@ -0,0 +1,16 @@
+import {
+  ChannelContainer,
+  ChannelContainer_default
+} from "./chunk-44S2SB4N.mjs";
+import "./chunk-NSREO7OX.mjs";
+import "./chunk-BBTXGRIR.mjs";
+import "./chunk-FR6MEAZI.mjs";
+import "./chunk-KOBXMDCI.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-K2DUJRFJ.mjs";
+export {
+  ChannelContainer,
+  ChannelContainer_default as default
+};
+//# sourceMappingURL=ChannelContainer-56QROCE4.mjs.map

package/dist/lib/browser/ChatContainer-7F5Y6GXJ.mjs

@@ -0,0 +1,15 @@
+import {
+  ChatContainer,
+  ChatContainer_default,
+  ChatHeading
+} from "./chunk-FR6MEAZI.mjs";
+import "./chunk-KOBXMDCI.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-K2DUJRFJ.mjs";
+export {
+  ChatContainer,
+  ChatHeading,
+  ChatContainer_default as default
+};
+//# sourceMappingURL=ChatContainer-7F5Y6GXJ.mjs.map

package/dist/lib/browser/{app-graph-builder-ODKIAXR7.mjs → app-graph-builder-USFBLGFG.mjs}

@@ -1,19 +1,19 @@
 import {
-  ChannelType,
+  Channel_exports,
   ThreadAction
-} from "./chunk-VTYX3SIM.mjs";
+} from "./chunk-NMJEVD36.mjs";
 import {
   ThreadCapabilities
-} from "./chunk-L326LSNS.mjs";
+} from "./chunk-BBTXGRIR.mjs";
 import {
   getAnchor
 } from "./chunk-CP7E2HRE.mjs";
 import {
   meta
-} from "./chunk-T4KJ5JR4.mjs";
+} from "./chunk-K2DUJRFJ.mjs";
 
 // src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
+import { Atom } from "@effect-atom/atom-react";
 import * as Function from "effect/Function";
 import * as Option from "effect/Option";
 import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
@@ -21,13 +21,12 @@ import { Obj } from "@dxos/echo";
 import { AttentionCapabilities } from "@dxos/plugin-attention";
 import { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE, PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
 import { ROOT_ID, createExtension, rxFromSignal } from "@dxos/plugin-graph";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
 var app_graph_builder_default = ((context) => {
   const resolve = (typename) => context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
   return contributes(Capabilities.AppGraphBuilder, [
     createExtension({
       id: `${meta.id}/active-call`,
-      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map((node2) => {
+      connector: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map((node2) => {
         const [call] = get(context.capabilities(ThreadCapabilities.CallManager));
         return get(rxFromSignal(() => call?.joined ? [
           {
@@ -54,16 +53,16 @@ var app_graph_builder_default = ((context) => {
     createExtension({
       id: `${meta.id}/channel-chat-companion`,
       connector: (node) => {
-        return Rx.make((get) => {
-          return Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(ChannelType, node2.data) ? Option.some(node2.data) : Option.none()), Option.map((channel) => {
+        return Atom.make((get) => {
+          return Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(Channel_exports.Channel, node2.data) ? Option.some(node2.data) : Option.none()), Option.map((channel) => {
             const callManager = context.getCapability(ThreadCapabilities.CallManager);
-            const joined = get(rxFromSignal(() => callManager.joined && callManager.roomId === fullyQualifiedId(channel)));
+            const joined = get(rxFromSignal(() => callManager.joined && callManager.roomId === Obj.getDXN(channel).toString()));
             if (!joined) {
               return [];
             }
             return [
               {
-                id: `${fullyQualifiedId(channel)}${ATTENDABLE_PATH_SEPARATOR}chat`,
+                id: `${Obj.getDXN(channel).toString()}${ATTENDABLE_PATH_SEPARATOR}chat`,
                 type: PLANK_COMPANION_TYPE,
                 data: "chat",
                 properties: {
@@ -85,8 +84,8 @@ var app_graph_builder_default = ((context) => {
     }),
     createExtension({
       id: `${meta.id}/comments-companion`,
-      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
-        if (!Obj.isObject(node2.data) || Obj.instanceOf(ChannelType, node2.data)) {
+      connector: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
+        if (!Obj.isObject(node2.data) || Obj.instanceOf(Channel_exports.Channel, node2.data)) {
           return Option.none();
         }
         const metadata = resolve(Obj.getTypename(node2.data));
@@ -115,8 +114,8 @@ var app_graph_builder_default = ((context) => {
     }),
     createExtension({
       id: `${meta.id}/comment-toolbar`,
-      actions: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
-        if (!Obj.isObject(node2.data) || Obj.instanceOf(ChannelType, node2.data)) {
+      actions: (node) => Atom.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
+        if (!Obj.isObject(node2.data) || Obj.instanceOf(Channel_exports.Channel, node2.data)) {
           return Option.none();
         }
         const metadata = resolve(Obj.getTypename(node2.data));
@@ -126,19 +125,19 @@ var app_graph_builder_default = ((context) => {
         const toolbar = get(context.capabilities(ThreadCapabilities.State))[0]?.state.toolbar ?? {};
         const disabled = get(rxFromSignal(() => {
           const metadata = resolve(Obj.getTypename(object));
-          const selection = selectionManager.getSelection(fullyQualifiedId(object), metadata.selectionMode);
+          const selection = selectionManager.getSelection(Obj.getDXN(object).toString(), metadata.selectionMode);
           const anchor = getAnchor(selection);
           const invalidSelection = !anchor;
-          const overlappingComment = toolbar[fullyQualifiedId(object)];
+          const overlappingComment = toolbar[Obj.getDXN(object).toString()];
           return metadata.comments === "anchored" && invalidSelection || overlappingComment;
         }));
         return [
           {
-            id: `${fullyQualifiedId(object)}/comment`,
+            id: `${Obj.getDXN(object).toString()}/comment`,
             data: () => {
               const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
               const metadata = resolve(Obj.getTypename(object));
-              const selection = selectionManager.getSelection(fullyQualifiedId(object));
+              const selection = selectionManager.getSelection(Obj.getDXN(object).toString());
               const anchor = metadata.comments === "anchored" ? getAnchor(selection) : Date.now().toString();
               const name = metadata.getAnchorLabel?.(object, anchor);
               void dispatch(createIntent(ThreadAction.Create, {
@@ -168,4 +167,4 @@ var app_graph_builder_default = ((context) => {
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-ODKIAXR7.mjs.map
+//# sourceMappingURL=app-graph-builder-USFBLGFG.mjs.map

package/dist/lib/browser/app-graph-builder-USFBLGFG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\n\nimport { Capabilities, type PluginContext, contributes, createIntent } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';\nimport { ROOT_ID, createExtension, rxFromSignal } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\nimport { Channel, ThreadAction } from '../types';\nimport { getAnchor } from '../util';\n\nimport { ThreadCapabilities } from './capabilities';\n\n// TODO(wittjosiah): Highlight active calls in L1.\n//  Track active meetings by subscribing to meetings query and polling the swarms of recent meetings in the space.\nexport default (context: PluginContext) => {\n  const resolve = (typename: string) =>\n    context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};\n\n  return contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/active-call`,\n      connector: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),\n            Option.map((node) => {\n              const [call] = get(context.capabilities(ThreadCapabilities.CallManager));\n              return get(\n                rxFromSignal(() =>\n                  call?.joined\n                    ? [\n                        {\n                          id: `${node.id}${ATTENDABLE_PATH_SEPARATOR}active-call`,\n                          type: DECK_COMPANION_TYPE,\n                          data: null,\n                          properties: {\n                            label: ['call panel label', { ns: meta.id }],\n                            icon: 'ph--video-conference--regular',\n                            position: 'hoist',\n                            disposition: 'hidden',\n                          },\n                        },\n                      ]\n                    : [],\n                ),\n              );\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    // TODO(wittjosiah): The channel shouldn't become the companion during a call.\n    //   Alternative: the call/meeting/thread should be a child node of the channel and that should be opened.\n    createExtension({\n      id: `${meta.id}/channel-chat-companion`,\n      connector: (node) => {\n        return Atom.make((get) => {\n          return Function.pipe(\n            get(node),\n            Option.flatMap((node) =>\n              Obj.instanceOf(Channel.Channel, node.data) ? Option.some(node.data) : Option.none(),\n            ),\n            Option.map((channel) => {\n              const callManager = context.getCapability(ThreadCapabilities.CallManager);\n              const joined = get(\n                rxFromSignal(() => callManager.joined && callManager.roomId === Obj.getDXN(channel).toString()),\n              );\n              if (!joined) {\n                return [];\n              }\n\n              return [\n                {\n                  id: `${Obj.getDXN(channel).toString()}${ATTENDABLE_PATH_SEPARATOR}chat`,\n                  type: PLANK_COMPANION_TYPE,\n                  data: 'chat',\n                  properties: {\n                    label: ['channel companion label', { ns: meta.id }],\n                    icon: 'ph--hash--regular',\n                    position: 'hoist',\n                    disposition: 'hidden',\n                  },\n                },\n              ];\n            }),\n            Option.getOrElse(() => []),\n          );\n        });\n      },\n    }),\n    createExtension({\n      id: `${meta.id}/comments-companion`,\n      connector: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => {\n              if (!Obj.isObject(node.data) || Obj.instanceOf(Channel.Channel, node.data)) {\n                return Option.none();\n              }\n              const metadata = resolve(Obj.getTypename(node.data)!);\n              return typeof metadata.comments === 'string' ? Option.some(node) : Option.none();\n            }),\n            Option.map((node) => [\n              {\n                id: [node.id, 'comments'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'comments',\n                properties: {\n                  label: ['comments label', { ns: meta.id }],\n                  icon: 'ph--chat-text--regular',\n                  disposition: 'hidden',\n                  position: 'hoist',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/comment-toolbar`,\n      actions: (node) =>\n        Atom.make((get) =>\n          Function.pipe(\n            get(node),\n            Option.flatMap((node) => {\n              if (!Obj.isObject(node.data) || Obj.instanceOf(Channel.Channel, node.data)) {\n                return Option.none();\n              }\n              const metadata = resolve(Obj.getTypename(node.data)!);\n              return typeof metadata.comments === 'string' ? Option.some(node.data) : Option.none();\n            }),\n            Option.map((object) => {\n              const selectionManager = context.getCapability(AttentionCapabilities.Selection);\n              const toolbar = get(context.capabilities(ThreadCapabilities.State))[0]?.state.toolbar ?? {};\n              const disabled = get(\n                rxFromSignal(() => {\n                  const metadata = resolve(Obj.getTypename(object)!);\n                  const selection = selectionManager.getSelection(\n                    Obj.getDXN(object).toString(),\n                    metadata.selectionMode,\n                  );\n                  const anchor = getAnchor(selection);\n                  const invalidSelection = !anchor;\n                  const overlappingComment = toolbar[Obj.getDXN(object).toString()];\n                  return (metadata.comments === 'anchored' && invalidSelection) || overlappingComment;\n                }),\n              );\n\n              return [\n                {\n                  id: `${Obj.getDXN(object).toString()}/comment`,\n                  data: () => {\n                    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                    const metadata = resolve(Obj.getTypename(object)!);\n                    const selection = selectionManager.getSelection(Obj.getDXN(object).toString());\n                    // TODO(wittjosiah): Use presence of selection to determine if the comment should be anchored.\n                    // Requires all components which support selection (e.g. table/kanban) to support anchored comments.\n                    const anchor = metadata.comments === 'anchored' ? getAnchor(selection) : Date.now().toString();\n                    const name = metadata.getAnchorLabel?.(object, anchor);\n                    void dispatch(\n                      createIntent(ThreadAction.Create, {\n                        anchor,\n                        name,\n                        subject: object,\n                      }),\n                    );\n                  },\n                  properties: {\n                    label: ['add comment label', { ns: meta.id }],\n                    icon: 'ph--chat-text--regular',\n                    disposition: 'toolbar',\n                    disabled,\n                    testId: 'thread.comment.add',\n                  },\n                },\n              ];\n            }),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n};\n"],
+  "mappings": "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",
+  "names": ["Atom", "Function", "Option", "Capabilities", "contributes", "createIntent", "Obj", "AttentionCapabilities", "ATTENDABLE_PATH_SEPARATOR", "DECK_COMPANION_TYPE", "PLANK_COMPANION_TYPE", "ROOT_ID", "createExtension", "rxFromSignal", "context", "resolve", "typename", "getCapabilities", "Capabilities", "Metadata", "find", "id", "metadata", "contributes", "AppGraphBuilder", "createExtension", "meta", "connector", "node", "Atom", "make", "get", "pipe", "flatMap", "ROOT_ID", "some", "none", "map", "call", "capabilities", "ThreadCapabilities", "CallManager", "rxFromSignal", "joined", "ATTENDABLE_PATH_SEPARATOR", "type", "DECK_COMPANION_TYPE", "data", "properties", "label", "ns", "icon", "position", "disposition", "getOrElse", "Obj", "instanceOf", "Channel", "channel", "callManager", "getCapability", "roomId", "getDXN", "toString", "PLANK_COMPANION_TYPE", "isObject", "getTypename", "comments", "join", "actions", "object", "selectionManager", "AttentionCapabilities", "Selection", "toolbar", "State", "state", "disabled", "selection", "getSelection", "selectionMode", "anchor", "getAnchor", "invalidSelection", "overlappingComment", "dispatchPromise", "dispatch", "IntentDispatcher", "Date", "now", "name", "getAnchorLabel", "createIntent", "ThreadAction", "Create", "subject", "testId"]
+}

package/dist/lib/browser/blueprint-definition-6BKYTMJS.mjs

@@ -0,0 +1,104 @@
+import {
+  Thread_exports
+} from "./chunk-NMJEVD36.mjs";
+import "./chunk-K2DUJRFJ.mjs";
+
+// src/capabilities/blueprint-definition.ts
+import { Capabilities, contributes } from "@dxos/app-framework";
+import { Blueprint, Template } from "@dxos/blueprints";
+import { trim } from "@dxos/util";
+
+// src/functions/create-proposals.ts
+import * as Array from "effect/Array";
+import * as Effect from "effect/Effect";
+import * as Function from "effect/Function";
+import * as Schema from "effect/Schema";
+import { ArtifactId, computeDiffsWithCursors } from "@dxos/assistant";
+import { Obj, Ref, Relation } from "@dxos/echo";
+import { createDocAccessor } from "@dxos/echo-db";
+import { DatabaseService, defineFunction } from "@dxos/functions";
+import { DXN } from "@dxos/keys";
+import { Markdown } from "@dxos/plugin-markdown/types";
+import { AnchoredTo, Message } from "@dxos/types";
+var create_proposals_default = defineFunction({
+  key: "dxos.org/function/thread/create-proposals",
+  name: "Create Proposals",
+  description: "Proposes a set of changes to a document.",
+  inputSchema: Schema.Struct({
+    id: ArtifactId,
+    diffs: Schema.Array(Schema.String).annotations({
+      description: "The diffs to propose for the document."
+    })
+  }),
+  outputSchema: Schema.Void,
+  handler: Effect.fn(function* ({ data: { id, diffs: _diffs } }) {
+    const object = yield* DatabaseService.resolve(DXN.parse(id), Markdown.Document);
+    const content = yield* Effect.promise(() => object.content.load());
+    const accessor = createDocAccessor(content, [
+      "content"
+    ]);
+    yield* Function.pipe(computeDiffsWithCursors(accessor, _diffs), Array.map(Effect.fnUntraced(function* ({ cursor, text }) {
+      const proposal = Obj.make(Message.Message, {
+        created: (/* @__PURE__ */ new Date()).toISOString(),
+        sender: {
+          role: "assistant"
+        },
+        blocks: [
+          {
+            _tag: "proposal",
+            text
+          }
+        ]
+      });
+      const thread = Thread_exports.make({
+        name: "Proposal",
+        messages: [
+          Ref.make(proposal)
+        ],
+        status: "active"
+      });
+      const relation = Relation.make(AnchoredTo.AnchoredTo, {
+        [Relation.Source]: thread,
+        [Relation.Target]: object,
+        anchor: cursor
+      });
+      yield* DatabaseService.add(thread);
+      yield* DatabaseService.add(relation);
+    })), Effect.allWith({
+      concurrency: "unbounded"
+    }));
+  })
+});
+
+// src/capabilities/blueprint-definition.ts
+var functions = [
+  create_proposals_default
+];
+var ASSISTANT_BLUEPRINT_KEY = "dxos.org/blueprint/thread";
+var blueprint_definition_default = (() => [
+  contributes(Capabilities.Functions, functions),
+  contributes(Capabilities.BlueprintDefinition, Blueprint.make({
+    key: ASSISTANT_BLUEPRINT_KEY,
+    name: "Thread",
+    tools: Blueprint.toolDefinitions({
+      functions
+    }),
+    instructions: Template.make({
+      // TODO(wittjosiah): Move example to function input schema annotation.
+      source: trim`
+            You can update markdown documents via proposals.
+            For each diff, respond with the smallest possible matching span.
+            For example:
+              - "There is a tyop in this sentence."
+              + "There is a typo in this sentence."
+              - "This id goof."
+              + "This is good."
+          `
+    })
+  }))
+]);
+export {
+  ASSISTANT_BLUEPRINT_KEY,
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-6BKYTMJS.mjs.map

package/dist/lib/browser/blueprint-definition-6BKYTMJS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition.ts", "../../../src/functions/create-proposals.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type Capability, contributes } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nimport { createProposals } from '../functions';\n\nconst functions: FunctionDefinition[] = [createProposals];\n\nexport const ASSISTANT_BLUEPRINT_KEY = 'dxos.org/blueprint/thread';\n\nexport default (): Capability<any>[] => [\n  contributes(Capabilities.Functions, functions),\n  contributes(\n    Capabilities.BlueprintDefinition,\n    Blueprint.make({\n      key: ASSISTANT_BLUEPRINT_KEY,\n      name: 'Thread',\n      tools: Blueprint.toolDefinitions({ functions }),\n      instructions: Template.make({\n        // TODO(wittjosiah): Move example to function input schema annotation.\n        source: trim`\n            You can update markdown documents via proposals.\n            For each diff, respond with the smallest possible matching span.\n            For example:\n              - \"There is a tyop in this sentence.\"\n              + \"There is a typo in this sentence.\"\n              - \"This id goof.\"\n              + \"This is good.\"\n          `,\n      }),\n    }),\n  ),\n];\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Array from 'effect/Array';\nimport * as Effect from 'effect/Effect';\nimport * as Function from 'effect/Function';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId, computeDiffsWithCursors } from '@dxos/assistant';\nimport { Obj, Ref, Relation } from '@dxos/echo';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\nimport { DXN } from '@dxos/keys';\nimport { Markdown } from '@dxos/plugin-markdown/types';\nimport { AnchoredTo, Message } from '@dxos/types';\n\nimport { Thread } from '../types';\n\nexport default defineFunction({\n  key: 'dxos.org/function/thread/create-proposals',\n  name: 'Create Proposals',\n  description: 'Proposes a set of changes to a document.',\n  inputSchema: Schema.Struct({\n    id: ArtifactId,\n    diffs: Schema.Array(Schema.String).annotations({\n      description: 'The diffs to propose for the document.',\n    }),\n  }),\n  outputSchema: Schema.Void,\n  handler: Effect.fn(function* ({ data: { id, diffs: _diffs } }) {\n    const object = yield* DatabaseService.resolve(DXN.parse(id), Markdown.Document);\n    const content = yield* Effect.promise(() => object.content.load());\n    const accessor = createDocAccessor(content, ['content']);\n\n    yield* Function.pipe(\n      computeDiffsWithCursors(accessor, _diffs),\n      Array.map(\n        Effect.fnUntraced(function* ({ cursor, text }) {\n          const proposal = Obj.make(Message.Message, {\n            created: new Date().toISOString(),\n            sender: { role: 'assistant' },\n            blocks: [{ _tag: 'proposal', text }],\n          });\n          const thread = Thread.make({ name: 'Proposal', messages: [Ref.make(proposal)], status: 'active' });\n          const relation = Relation.make(AnchoredTo.AnchoredTo, {\n            [Relation.Source]: thread,\n            [Relation.Target]: object,\n            anchor: cursor,\n          });\n          yield* DatabaseService.add(thread);\n          yield* DatabaseService.add(relation);\n        }),\n      ),\n      Effect.allWith({ concurrency: 'unbounded' }),\n    );\n  }),\n});\n"],
+  "mappings": ";;;;;;AAIA,SAASA,cAA+BC,mBAAmB;AAC3D,SAASC,WAAWC,gBAAgB;AAEpC,SAASC,YAAY;;;ACHrB,YAAYC,WAAW;AACvB,YAAYC,YAAY;AACxB,YAAYC,cAAc;AAC1B,YAAYC,YAAY;AAExB,SAASC,YAAYC,+BAA+B;AACpD,SAASC,KAAKC,KAAKC,gBAAgB;AACnC,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,sBAAsB;AAChD,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,YAAYC,eAAe;AAIpC,IAAA,2BAAeC,eAAe;EAC5BC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC,aAAoBC,cAAO;IACzBC,IAAIC;IACJC,OAAcC,aAAaC,aAAM,EAAEC,YAAY;MAC7CR,aAAa;IACf,CAAA;EACF,CAAA;EACAS,cAAqBC;EACrBC,SAAgBC,UAAG,WAAW,EAAEC,MAAM,EAAEV,IAAIE,OAAOS,OAAM,EAAE,GAAE;AAC3D,UAAMC,SAAS,OAAOC,gBAAgBC,QAAQC,IAAIC,MAAMhB,EAAAA,GAAKiB,SAASC,QAAQ;AAC9E,UAAMC,UAAU,OAAcC,eAAQ,MAAMR,OAAOO,QAAQE,KAAI,CAAA;AAC/D,UAAMC,WAAWC,kBAAkBJ,SAAS;MAAC;KAAU;AAEvD,WAAgBK,cACdC,wBAAwBH,UAAUX,MAAAA,GAC5Be,UACGC,kBAAW,WAAW,EAAEC,QAAQC,KAAI,GAAE;AAC3C,YAAMC,WAAWC,IAAIC,KAAKC,QAAQA,SAAS;QACzCC,UAAS,oBAAIC,KAAAA,GAAOC,YAAW;QAC/BC,QAAQ;UAAEC,MAAM;QAAY;QAC5BC,QAAQ;UAAC;YAAEC,MAAM;YAAYX;UAAK;;MACpC,CAAA;AACA,YAAMY,SAASC,eAAOV,KAAK;QAAEpC,MAAM;QAAY+C,UAAU;UAACC,IAAIZ,KAAKF,QAAAA;;QAAYe,QAAQ;MAAS,CAAA;AAChG,YAAMC,WAAWC,SAASf,KAAKgB,WAAWA,YAAY;QACpD,CAACD,SAASE,MAAM,GAAGR;QACnB,CAACM,SAASG,MAAM,GAAGtC;QACnBuC,QAAQvB;MACV,CAAA;AACA,aAAOf,gBAAgBuC,IAAIX,MAAAA;AAC3B,aAAO5B,gBAAgBuC,IAAIN,QAAAA;IAC7B,CAAA,CAAA,GAEKO,eAAQ;MAAEC,aAAa;IAAY,CAAA,CAAA;EAE9C,CAAA;AACF,CAAA;;;AD9CA,IAAMC,YAAkC;EAACC;;AAElC,IAAMC,0BAA0B;AAEvC,IAAA,gCAAe,MAAyB;EACtCC,YAAYC,aAAaC,WAAWL,SAAAA;EACpCG,YACEC,aAAaE,qBACbC,UAAUC,KAAK;IACbC,KAAKP;IACLQ,MAAM;IACNC,OAAOJ,UAAUK,gBAAgB;MAAEZ;IAAU,CAAA;IAC7Ca,cAAcC,SAASN,KAAK;;MAE1BO,QAAQC;;;;;;;;;IASV,CAAA;EACF,CAAA,CAAA;;",
+  "names": ["Capabilities", "contributes", "Blueprint", "Template", "trim", "Array", "Effect", "Function", "Schema", "ArtifactId", "computeDiffsWithCursors", "Obj", "Ref", "Relation", "createDocAccessor", "DatabaseService", "defineFunction", "DXN", "Markdown", "AnchoredTo", "Message", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "diffs", "Array", "String", "annotations", "outputSchema", "Void", "handler", "fn", "data", "_diffs", "object", "DatabaseService", "resolve", "DXN", "parse", "Markdown", "Document", "content", "promise", "load", "accessor", "createDocAccessor", "pipe", "computeDiffsWithCursors", "map", "fnUntraced", "cursor", "text", "proposal", "Obj", "make", "Message", "created", "Date", "toISOString", "sender", "role", "blocks", "_tag", "thread", "Thread", "messages", "Ref", "status", "relation", "Relation", "AnchoredTo", "Source", "Target", "anchor", "add", "allWith", "concurrency", "functions", "createProposals", "ASSISTANT_BLUEPRINT_KEY", "contributes", "Capabilities", "Functions", "BlueprintDefinition", "Blueprint", "make", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim"]
+}

package/dist/lib/browser/{call-manager-BCKLI4QD.mjs → call-manager-MAXQLMMS.mjs}

@@ -1,11 +1,11 @@
 import {
   CallManager
-} from "./chunk-ZCEU5K23.mjs";
+} from "./chunk-ZCW3NSDZ.mjs";
 import {
   ThreadCapabilities
-} from "./chunk-L326LSNS.mjs";
-import "./chunk-XYUJXHYV.mjs";
-import "./chunk-T4KJ5JR4.mjs";
+} from "./chunk-BBTXGRIR.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-K2DUJRFJ.mjs";
 
 // src/capabilities/call-manager.ts
 import { contributes } from "@dxos/app-framework";
@@ -21,4 +21,4 @@ var call_manager_default = (async (context) => {
 export {
   call_manager_default as default
 };
-//# sourceMappingURL=call-manager-BCKLI4QD.mjs.map
+//# sourceMappingURL=call-manager-MAXQLMMS.mjs.map

package/dist/lib/browser/{chunk-CMCVHULC.mjs → chunk-44S2SB4N.mjs}

@@ -1,26 +1,27 @@
 import {
   ThreadCapabilities
-} from "./chunk-L326LSNS.mjs";
+} from "./chunk-BBTXGRIR.mjs";
 import {
   ChatContainer_default
-} from "./chunk-B7YQ7QR2.mjs";
+} from "./chunk-FR6MEAZI.mjs";
 import {
   useDebugMode
-} from "./chunk-HDEQRBOC.mjs";
+} from "./chunk-KOBXMDCI.mjs";
 import {
   meta
-} from "./chunk-T4KJ5JR4.mjs";
+} from "./chunk-K2DUJRFJ.mjs";
 
 // src/components/ChannelContainer.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
-import { Rx } from "@effect-rx/rx-react";
+import { Atom } from "@effect-atom/atom-react";
 import React10, { useCallback as useCallback2, useEffect as useEffect6, useMemo as useMemo4, useState as useState4 } from "react";
-import { useCapabilities, useCapability as useCapability4 } from "@dxos/app-framework";
+import { useCapabilities, useCapability as useCapability4 } from "@dxos/app-framework/react";
 import { Context } from "@dxos/context";
 import { failUndefined } from "@dxos/debug";
+import { Obj as Obj2 } from "@dxos/echo";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
-import { fullyQualifiedId as fullyQualifiedId2, getSpace } from "@dxos/react-client/echo";
+import { getSpace } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
 import { ElevationProvider, Input, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { ControlGroup, ControlGroupButton, ControlItemInput } from "@dxos/react-ui-form";
@@ -31,7 +32,7 @@ import { StackItem } from "@dxos/react-ui-stack";
 // src/components/Call/Call.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import React9 from "react";
-import { useCapability as useCapability3 } from "@dxos/app-framework";
+import { useCapability as useCapability3 } from "@dxos/app-framework/react";
 
 // src/components/Media/AudioStream.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -109,7 +110,7 @@ var VideoObject = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(({ videoStream
       internalRef.current
     ]);
     return /* @__PURE__ */ React2.createElement("video", {
-      className: mx("w-full aspect-video", flip && "scale-x-[-1]", contain ? "object-contain" : "object-cover", classNames),
+      className: mx("is-full aspect-video", flip && "scale-x-[-1]", contain ? "object-contain" : "object-cover", classNames),
       ref: (v) => {
         internalRef.current = v;
         if (ref === null) {
@@ -132,7 +133,7 @@ VideoObject.displayName = "VideoObject";
 // src/components/Participant/Participant.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import React6, { memo as memo2, useMemo as useMemo2 } from "react";
-import { useCapability } from "@dxos/app-framework";
+import { useCapability } from "@dxos/app-framework/react";
 
 // src/components/ResponsiveGrid/ResponsiveContainer.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
@@ -145,13 +146,13 @@ var ResponsiveContainer = ({ children }) => {
       // Outer container that takes full size of parent.
       /* @__PURE__ */ React3.createElement("div", {
         role: "none",
-        className: "relative flex w-full h-full"
+        className: "relative flex is-full bs-full"
       }, /* @__PURE__ */ React3.createElement("div", {
         role: "none",
         className: "absolute inset-0 flex justify-center items-center"
       }, /* @__PURE__ */ React3.createElement("div", {
         role: "none",
-        className: mx2("max-h-full max-w-full w-auto h-auto aspect-video")
+        className: mx2("max-bs-full max-is-full w-auto h-auto aspect-video")
       }, children)))
     );
   } finally {
@@ -261,11 +262,11 @@ var ResponsiveGrid = ({ classNames, Cell, gap = DEFAULT_GAP, getId: getId2 = def
     ]);
     return /* @__PURE__ */ React4.createElement("div", {
       ref: containerRef,
-      className: mx3("relative w-full h-full", classNames)
+      className: mx3("relative is-full bs-full", classNames)
     }, /* @__PURE__ */ React4.createElement("div", {
       className: "absolute inset-0 flex flex-col grow gap-2"
     }, pinnedItem && /* @__PURE__ */ React4.createElement("div", {
-      className: mx3("flex grow-[2] shrink overflow-hidden justify-center items-center", hideGallery && "h-full"),
+      className: mx3("flex grow-[2] shrink overflow-hidden justify-center items-center", hideGallery && "bs-full"),
       style: hideGallery ? {} : {
         height: dividerHeight
       }
@@ -282,7 +283,7 @@ var ResponsiveGrid = ({ classNames, Cell, gap = DEFAULT_GAP, getId: getId2 = def
       style: {
         width: cellWidth
       },
-      className: "flex h-full"
+      className: "flex bs-full"
     }, /* @__PURE__ */ React4.createElement(SoloItem, {
       id: getId2(mainItems[0]),
       debug
@@ -296,7 +297,7 @@ var ResponsiveGrid = ({ classNames, Cell, gap = DEFAULT_GAP, getId: getId2 = def
     }, mainItems.map((item) => /* @__PURE__ */ React4.createElement("div", {
       key: getId2(item),
       "data-grid-item": getId2(item),
-      className: mx3("aspect-video max-h-full max-w-full w-auto h-auto", debug && "border border-primary-500")
+      className: mx3("aspect-video max-bs-full max-is-full w-auto h-auto", debug && "border border-primary-500")
     }))))), /* @__PURE__ */ React4.createElement("div", {
       className: mx3(debug && "opacity-10")
     }, bounds.map(([item, bounds2]) => /* @__PURE__ */ React4.createElement(Cell, {
@@ -424,7 +425,7 @@ var ResponsiveGridItem = ({ children, classNames, item, style, name, self, pinne
       speaking
     ]);
     return /* @__PURE__ */ React5.createElement("div", {
-      className: mx4("relative w-full h-full group", "rounded-md outline outline-2 outline-neutral-900 transition-[outline-color] duration-500", speakingIndicator ? "outline-green-500" : !video && "outline-separator", classNames),
+      className: mx4("relative is-full bs-full group", "rounded-md outline outline-2 outline-neutral-900 transition-[outline-color] duration-500", speakingIndicator ? "outline-green-500" : !video && "outline-separator", classNames),
       style
     }, children, onClick && /* @__PURE__ */ React5.createElement("div", {
       className: "z-10 absolute top-1 right-1 flex"
@@ -441,7 +442,7 @@ var ResponsiveGridItem = ({ children, classNames, item, style, name, self, pinne
       icon: "ph--broadcast--regular",
       size: pinned ? 5 : 4
     }), /* @__PURE__ */ React5.createElement("div", {
-      className: mx4("bg-neutral-800 text-neutral-100 py-0.5 truncate rounded", pinned ? "px-2" : "px-1 text-xs")
+      className: mx4("bg-neutral-800 text-neutral-100 plb-0.5 truncate rounded", pinned ? "pli-2" : "pli-1 text-xs")
     }, name)), /* @__PURE__ */ React5.createElement("div", {
       className: "z-10 absolute bottom-1 left-1 flex"
     }, speaking && /* @__PURE__ */ React5.createElement(Waveform, {
@@ -585,9 +586,9 @@ var ParticipantGrid = ({ classNames, self, users, fullscreen, debug }) => {
 // src/components/Call/Toolbar.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import React8 from "react";
-import { useAppGraph, useCapability as useCapability2 } from "@dxos/app-framework";
+import { useAppGraph, useCapability as useCapability2 } from "@dxos/app-framework/react";
+import { Obj } from "@dxos/echo";
 import { useActions, useNode } from "@dxos/plugin-graph";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { Icon as Icon2, IconButton as IconButton2, Toolbar as NaturalToolbar, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { groupHoverControlItemWithTransition as groupHoverControlItemWithTransition2, mx as mx5 } from "@dxos/react-ui-theme";
 var Toolbar = ({ classNames, channel, participants, autoHideControls = true, onJoin, onLeave }) => {
@@ -596,7 +597,7 @@ var Toolbar = ({ classNames, channel, participants, autoHideControls = true, onJ
     const { t } = useTranslation2(meta.id);
     const { graph } = useAppGraph();
     const call = useCapability2(ThreadCapabilities.CallManager);
-    const node = useNode(graph, channel && fullyQualifiedId(channel));
+    const node = useNode(graph, channel && Obj.getDXN(channel).toString());
     const actions = useActions(graph, node?.id).filter((action) => action.properties.disposition === "toolbar");
     const isScreensharing = call.media.screenshareTrack !== void 0;
     const canSharescreen = typeof navigator.mediaDevices !== "undefined" && navigator.mediaDevices.getDisplayMedia !== void 0;
@@ -794,7 +795,8 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
   try {
     const space = getSpace(channel);
     const callManager = useCapability4(ThreadCapabilities.CallManager);
-    const roomId = _roomId ?? (channel ? fullyQualifiedId2(channel) : failUndefined());
+    const attendableId = channel ? Obj2.getDXN(channel).toString() : void 0;
+    const roomId = _roomId ?? attendableId ?? failUndefined();
     const identity = useIdentity();
     const isNamed = !!identity?.profile?.displayName;
     const joinSound = useSoundEffect("JoinCall");
@@ -803,7 +805,7 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
     useEffect6(() => {
       const ctx = new Context(void 0, {
         F: __dxlog_file2,
-        L: 49
+        L: 53
       });
       callManager.left.on(ctx, (roomId2) => {
         extensions.forEach((extension) => {
@@ -845,7 +847,7 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file2,
-          L: 93,
+          L: 97,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -861,7 +863,7 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file2,
-          L: 105,
+          L: 109,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -885,12 +887,13 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
       channel,
       onLeave: handleLeave
     })), !isJoined && channel && channel.defaultThread.target && space && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(ChannelToolbar, {
-      attendableId: fullyQualifiedId2(channel),
+      attendableId,
       role,
       onJoinCall: handleJoin
     }), /* @__PURE__ */ React10.createElement(ChatContainer_default, {
       space,
-      thread: channel.defaultThread.target
+      thread: channel.defaultThread.target,
+      classNames: "container-max-width"
     })));
   } finally {
     _effect.f();
@@ -929,7 +932,7 @@ var DisplayNameMissing = () => {
   }
 };
 var useChannelToolbarActions = (onJoinCall) => {
-  const creator = useMemo4(() => Rx.make(() => {
+  const creator = useMemo4(() => Atom.make(() => {
     return {
       nodes: [
         createMenuItemGroup("root", {
@@ -961,7 +964,7 @@ var useChannelToolbarActions = (onJoinCall) => {
   }), []);
   return useMenuActions(creator);
 };
-var ChannelToolbar = ({ attendableId, role, onJoinCall, classNames }) => {
+var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
   var _effect = _useSignals10();
   try {
     const menuProps = useChannelToolbarActions(onJoinCall);
@@ -971,7 +974,7 @@ var ChannelToolbar = ({ attendableId, role, onJoinCall, classNames }) => {
       ...menuProps,
       attendableId
     }, /* @__PURE__ */ React10.createElement(ToolbarMenu, {
-      classNames
+      textBlockWidth: true
     })));
   } finally {
     _effect.f();
@@ -983,4 +986,4 @@ export {
   ChannelContainer,
   ChannelContainer_default
 };
-//# sourceMappingURL=chunk-CMCVHULC.mjs.map
+//# sourceMappingURL=chunk-44S2SB4N.mjs.map