@dxos/plugin-thread 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/src/components/Comments.stories.tsx

@@ -9,9 +9,9 @@ import React, { useEffect } from 'react';
 
 import { IntentPlugin } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Expando, Query, RelationSourceId, RelationTargetId } from '@dxos/echo-schema';
+import { Obj, Query, Relation, Type } from '@dxos/echo';
 import { faker } from '@dxos/random';
-import { live, useQuery, useSpace } from '@dxos/react-client/echo';
+import { useQuery, useSpace } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
 import { type ClientRepeatedComponentProps, ClientRepeater } from '@dxos/react-client/testing';
 import { AnchoredTo, DataType } from '@dxos/schema';
@@ -32,11 +32,21 @@ const Story = ({ spaceKey }: ClientRepeatedComponentProps) => {
   useEffect(() => {
     if (identity && space) {
       const t = setTimeout(async () => {
-        const object = space.db.add(live(Expando, {}));
+        const object = space.db.add(Obj.make(Type.Expando, {}));
         const thread1 = space.db.add(createCommentThread(identity));
         const thread2 = space.db.add(createCommentThread(identity));
-        space.db.add(live(AnchoredTo, { [RelationSourceId]: thread1, [RelationTargetId]: object }));
-        space.db.add(live(AnchoredTo, { [RelationSourceId]: thread2, [RelationTargetId]: object }));
+        space.db.add(
+          Relation.make(AnchoredTo, {
+            [Relation.Source]: thread1,
+            [Relation.Target]: object,
+          }),
+        );
+        space.db.add(
+          Relation.make(AnchoredTo, {
+            [Relation.Source]: thread2,
+            [Relation.Target]: object,
+          }),
+        );
       });
 
       return () => clearTimeout(t);

package/src/components/CommentsContainer.tsx

@@ -2,13 +2,11 @@
 // Copyright 2024 DXOS.org
 //
 
-import { ChatText } from '@phosphor-icons/react';
 import React, { useEffect } from 'react';
 
-import { RelationSourceId } from '@dxos/echo-schema';
+import { Relation } from '@dxos/echo';
 import { fullyQualifiedId } from '@dxos/react-client/echo';
-import { useTranslation, Trans } from '@dxos/react-ui';
-import { descriptionMessage, mx } from '@dxos/react-ui-theme';
+import { Callout, Icon, Trans, useTranslation } from '@dxos/react-ui';
 import { type AnchoredTo } from '@dxos/schema';
 
 import { CommentContainer, type CommentContainerProps } from './CommentContainer';
@@ -28,9 +26,9 @@ export const CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...
   const { t } = useTranslation(THREAD_PLUGIN);
   // TODO(wittjosiah): There seems to be a race between thread and anchor being deleted.
   const filteredAnchors = showResolvedThreads
-    ? anchors.filter((anchor) => !!anchor[RelationSourceId])
+    ? anchors.filter((anchor) => !!Relation.getSource(anchor))
     : anchors.filter((anchor) => {
-        const thread = anchor[RelationSourceId];
+        const thread = Relation.getSource(anchor);
         return thread && thread.status !== 'resolved';
       });
 
@@ -40,30 +38,29 @@ export const CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...
     }
   }, [currentId]);
 
-  return (
-    <>
-      {filteredAnchors.length > 0 ? (
-        filteredAnchors.map((anchor) => {
-          const thread = anchor[RelationSourceId] as ThreadType;
-          const threadId = fullyQualifiedId(thread);
-          return <CommentContainer key={threadId} anchor={anchor} current={currentId === threadId} {...props} />;
-        })
-      ) : (
-        <div role='alert' className={mx(descriptionMessage, 'place-self-center rounded-lg text-center m-4')}>
-          <h2 className='mbe-2 font-medium text-baseText'>{t('no comments title')}</h2>
-          <p>
+  if (filteredAnchors.length === 0) {
+    return (
+      <div role='none' className='plb-cardSpacingBlock pli-cardSpacingInline'>
+        <Callout.Root>
+          <Callout.Title>
             <Trans
               {...{
                 t,
                 i18nKey: 'no comments message',
                 components: {
-                  commentIcon: <ChatText className='inline-block' />,
+                  commentIcon: <Icon icon='ph--chat-text--regular' size={4} classNames='inline-block' />,
                 },
               }}
             />
-          </p>
-        </div>
-      )}
-    </>
-  );
+          </Callout.Title>
+        </Callout.Root>
+      </div>
+    );
+  }
+
+  return filteredAnchors.map((anchor) => {
+    const thread = Relation.getSource(anchor) as ThreadType;
+    const threadId = fullyQualifiedId(thread);
+    return <CommentContainer key={threadId} anchor={anchor} current={currentId === threadId} {...props} />;
+  });
 };

package/src/components/MessageContainer.tsx

@@ -7,9 +7,10 @@ import { Check, PencilSimple, X } from '@phosphor-icons/react';
 import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 
 import { Surface } from '@dxos/app-framework';
+import { type Obj, type Type } from '@dxos/echo';
 import { RefArray } from '@dxos/live-object';
 import { PublicKey } from '@dxos/react-client';
-import { type AnyLiveObject, type Expando, type SpaceMember } from '@dxos/react-client/echo';
+import { type SpaceMember } from '@dxos/react-client/echo';
 import { useIdentity, type Identity } from '@dxos/react-client/halo';
 import { Button, ButtonGroup, Tooltip, useOnTransition, useThemeContext, useTranslation } from '@dxos/react-ui';
 import { createBasicExtensions, createThemeExtensions, useTextEditor } from '@dxos/react-ui-editor';
@@ -96,7 +97,7 @@ export const MessageContainer = ({ message, members, editable = false, onDelete
   );
 };
 
-const MessagePart = ({ part }: { part: Expando }) => {
+const MessagePart = ({ part }: { part: Type.Expando }) => {
   return <MessageBlockObjectTile subject={part} />;
 };
 
@@ -147,21 +148,20 @@ const TextboxBlock = ({
   return <div role='none' ref={parentRef} className='mie-4' {...focusAttributes} />;
 };
 
-const MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: AnyLiveObject<any> }>(
-  ({ subject }, forwardedRef) => {
-    let title = subject.name ?? subject.title ?? subject.type ?? 'Object';
-    if (typeof title !== 'string') {
-      title = title?.content ?? '';
-    }
-
-    return (
-      <div
-        role='group'
-        className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}
-        ref={forwardedRef}
-      >
-        <Surface role='card' limit={1} data={{ subject }} fallback={title} />
-      </div>
-    );
-  },
-);
+const MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: Obj.Any }>(({ subject }, forwardedRef) => {
+  // TODO(burdon): Use annotation to get title.
+  let title = (subject as any).name ?? (subject as any).title ?? (subject as any).type ?? 'Object';
+  if (typeof title !== 'string') {
+    title = title?.content ?? '';
+  }
+
+  return (
+    <div
+      role='group'
+      className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}
+      ref={forwardedRef}
+    >
+      <Surface role='card' limit={1} data={{ subject }} fallback={title} />
+    </div>
+  );
+});

package/src/components/ResponsiveGrid/ResponsiveGridItem.tsx

@@ -6,7 +6,7 @@ import React, { useEffect, useState, type CSSProperties, type PropsWithChildren
 
 import { Icon, IconButton, useTranslation, type ThemedClassName } from '@dxos/react-ui';
 import { Waveform } from '@dxos/react-ui-sfx';
-import { hoverableHidden, mx } from '@dxos/react-ui-theme';
+import { groupHoverControlItemWithTransition, mx } from '@dxos/react-ui-theme';
 
 import { THREAD_PLUGIN } from '../../meta';
 
@@ -89,7 +89,7 @@ export const ResponsiveGridItem = <T extends object = any>({
       {onClick && (
         <div className='z-10 absolute top-1 right-1 flex'>
           <IconButton
-            classNames={mx('p-1 min-bs-1 rounded', hoverableHidden)}
+            classNames={mx('p-1 min-bs-1 rounded', groupHoverControlItemWithTransition)}
             iconOnly
             icon={pinned ? 'ph--x--regular' : 'ph--arrows-out--regular'}
             size={pinned ? 5 : 4}

package/src/components/ThreadComplementary.tsx

@@ -5,17 +5,17 @@
 import React, { useCallback, useMemo } from 'react';
 
 import {
-  createIntent,
+  Capabilities,
   LayoutAction,
+  createIntent,
   useCapability,
   useCapabilities,
   useIntentDispatcher,
-  Capabilities,
 } from '@dxos/app-framework';
-import { Filter, getTypename, isInstanceOf, Query, RelationSourceId } from '@dxos/echo-schema';
+import { Filter, Obj, Query, Relation } from '@dxos/echo';
 import { fullyQualifiedId, getSpace, useQuery } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
-import { useTranslation } from '@dxos/react-ui';
+import { useThemeContext, useTranslation } from '@dxos/react-ui';
 import { useAttended } from '@dxos/react-ui-attention';
 import { StackItem } from '@dxos/react-ui-stack';
 import { Tabs } from '@dxos/react-ui-tabs';
@@ -30,9 +30,12 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const identity = useIdentity();
   const { t } = useTranslation(THREAD_PLUGIN);
+  const { tx } = useThemeContext();
+  const subjectId = fullyQualifiedId(subject);
 
   const { state, getViewState } = useCapability(ThreadCapabilities.MutableState);
-  const viewState = getViewState(fullyQualifiedId(subject));
+  const drafts = state.drafts[subjectId];
+  const viewState = useMemo(() => getViewState(subjectId), [getViewState, subjectId]);
   const { showResolvedThreads } = viewState;
   const onChangeViewState = useCallback(
     (nextValue: string) => {
@@ -40,24 +43,25 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
     },
     [viewState],
   );
-  const drafts = state.drafts[fullyQualifiedId(subject)];
 
   const anchorSorts = useCapabilities(Capabilities.AnchorSort);
-  const sort = useMemo(() => anchorSorts.find(({ key }) => key === getTypename(subject))?.sort, [anchorSorts, subject]);
+  const sort = useMemo(
+    () => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort,
+    [anchorSorts, subject],
+  );
 
   const space = getSpace(subject);
   const objectsAnchoredTo = useQuery(space, Query.select(Filter.ids(subject.id)).targetOf(AnchoredTo));
   const anchors = objectsAnchoredTo
     .toSorted((a, b) => sort?.(a, b) ?? 0)
-    .filter((anchor) => isInstanceOf(ThreadType, anchor[RelationSourceId]))
+    .filter((anchor) => Obj.instanceOf(ThreadType, Relation.getSource(anchor)))
     .concat(drafts ?? []);
 
   const attended = useAttended();
-  const qualifiedSubjectId = fullyQualifiedId(subject);
 
   const handleAttend = useCallback(
     (anchor: AnchoredTo) => {
-      const thread = anchor[RelationSourceId] as ThreadType;
+      const thread = Relation.getSource(anchor) as ThreadType;
       const threadId = fullyQualifiedId(thread);
 
       if (state.current !== threadId) {
@@ -87,7 +91,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
         createIntent(ThreadAction.AddMessage, { anchor, subject, sender: { identityDid: identity?.did }, text }),
       );
 
-      const thread = anchor[RelationSourceId] as ThreadType;
+      const thread = Relation.getSource(anchor) as ThreadType;
       state.current = fullyQualifiedId(thread);
     },
     [dispatch, identity, subject],
@@ -95,7 +99,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
 
   const handleResolve = useCallback(
     (anchor: AnchoredTo) =>
-      dispatch(createIntent(ThreadAction.ToggleResolved, { thread: anchor[RelationSourceId] as ThreadType })),
+      dispatch(createIntent(ThreadAction.ToggleResolved, { thread: Relation.getSource(anchor) as ThreadType })),
     [dispatch],
   );
 
@@ -113,7 +117,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
   const comments = (
     <CommentsContainer
       anchors={anchors}
-      currentId={attended.includes(qualifiedSubjectId) ? state.current : undefined}
+      currentId={attended.includes(subjectId) ? state.current : undefined}
       showResolvedThreads={showResolvedThreads}
       onAttend={handleAttend}
       onComment={handleComment}
@@ -127,11 +131,11 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
     <StackItem.Content toolbar>
       <Tabs.Root
         value={showResolvedThreads ? 'all' : 'unresolved'}
-        onValueChange={onChangeViewState}
         orientation='horizontal'
         classNames='contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin'
+        onValueChange={onChangeViewState}
       >
-        <Tabs.Tablist classNames='p-1 gap-1 bs-[--rail-action] border-be border-separator'>
+        <Tabs.Tablist classNames={tx('toolbar.root', 'toolbar', {})}>
           <Tabs.Tab value='unresolved' classNames='text-sm'>
             {t('show unresolved label')}
           </Tabs.Tab>

package/src/components/testing.ts

@@ -2,20 +2,20 @@
 // Copyright 2024 DXOS.org
 //
 
+import { Obj, Ref } from '@dxos/echo';
 import { IdentityDid } from '@dxos/keys';
-import { live, makeRef } from '@dxos/live-object';
 import { faker } from '@dxos/random';
 import { type Identity } from '@dxos/react-client/halo';
 import { DataType } from '@dxos/schema';
 
 import { ThreadType } from '../types';
 
-export const createCommentThread = (identity: Identity) => {
-  return live(ThreadType, {
+export const createCommentThread = (identity: Identity): ThreadType => {
+  return Obj.make(ThreadType, {
     messages: faker.helpers.multiple(
       () =>
-        makeRef(
-          live(DataType.Message, {
+        Ref.make(
+          Obj.make(DataType.Message, {
             sender: {
               identityDid: faker.datatype.boolean() ? identity.did : IdentityDid.random(),
             },

package/src/extensions/threads.ts

@@ -7,7 +7,7 @@ import { EditorView } from '@codemirror/view';
 import { computed, effect } from '@preact/signals-core';
 
 import { createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { Filter, isInstanceOf, Query, RelationSourceId } from '@dxos/echo-schema';
+import { Filter, Obj, Query, Relation } from '@dxos/echo';
 import { type DocumentType } from '@dxos/plugin-markdown/types';
 import { getSpace, getTextInRange, createDocAccessor, fullyQualifiedId, getSource } from '@dxos/react-client/echo';
 import { comments, createExternalCommentSync } from '@dxos/react-ui-editor';
@@ -40,8 +40,8 @@ export const threads = (state: ThreadState, doc?: DocumentType, dispatch?: Promi
   const anchors = computed(() =>
     query.objects
       .filter((anchor) => {
-        const thread = anchor[RelationSourceId];
-        return isInstanceOf(ThreadType, thread) && thread.status !== 'resolved';
+        const thread = Relation.getSource(anchor);
+        return Obj.instanceOf(ThreadType, thread) && thread.status !== 'resolved';
       })
       .concat(state.drafts[fullyQualifiedId(doc)] ?? []),
   );
@@ -60,7 +60,7 @@ export const threads = (state: ThreadState, doc?: DocumentType, dispatch?: Promi
             // 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 = anchor[RelationSourceId] as ThreadType;
+            const thread = Relation.getSource(anchor) as ThreadType;
             if (name && name !== thread.name) {
               thread.name = name;
             }
@@ -75,7 +75,7 @@ export const threads = (state: ThreadState, doc?: DocumentType, dispatch?: Promi
       () =>
         anchors.value
           .filter((anchor) => anchor.anchor)
-          .map((anchor) => ({ id: fullyQualifiedId(anchor[RelationSourceId]), cursor: anchor.anchor })),
+          .map((anchor) => ({ id: fullyQualifiedId(Relation.getSource(anchor)), cursor: anchor.anchor })),
     ),
 
     comments({
@@ -101,7 +101,7 @@ export const threads = (state: ThreadState, doc?: DocumentType, dispatch?: Promi
       onUpdate: ({ id, cursor }) => {
         const draft = state.drafts[fullyQualifiedId(doc)]?.find((thread) => fullyQualifiedId(thread) === id);
         if (draft) {
-          const thread = draft[RelationSourceId] as ThreadType;
+          const thread = Relation.getSource(draft) as ThreadType;
           thread.name = getName(doc, cursor);
           draft.anchor = cursor;
         }
@@ -109,7 +109,7 @@ export const threads = (state: ThreadState, doc?: DocumentType, dispatch?: Promi
         const relation = query.objects.find((object) => getSource(object).id === id);
         if (relation) {
           const thread = getSource(relation);
-          if (isInstanceOf(ThreadType, thread)) {
+          if (Obj.instanceOf(ThreadType, thread)) {
             thread.name = getName(doc, cursor);
             relation.anchor = cursor;
           }

package/src/testing/stories.ts

@@ -3,7 +3,7 @@
 //
 
 import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
-import { live } from '@dxos/live-object';
+import { Obj } from '@dxos/echo';
 import { ClientPlugin } from '@dxos/plugin-client';
 import { GraphPlugin } from '@dxos/plugin-graph';
 import { SpacePlugin } from '@dxos/plugin-space';
@@ -23,8 +23,8 @@ export const createThreadPlugins = async () => [
     },
     onSpacesReady: async (_, client) => {
       await client.spaces.default.waitUntilReady();
-      const thread = live(ThreadType, { messages: [] });
-      client.spaces.default.db.add(live(ChannelType, { defaultThread: Ref.make(thread), threads: [] }));
+      const thread = Obj.make(ThreadType, { messages: [] });
+      client.spaces.default.db.add(Obj.make(ChannelType, { defaultThread: Ref.make(thread), threads: [] }));
     },
     config: new Config({
       runtime: {

package/src/translations.ts

@@ -2,14 +2,19 @@
 // Copyright 2023 DXOS.org
 //
 
+import { Type } from '@dxos/echo';
+
 import { THREAD_PLUGIN } from './meta';
 import { ChannelType } from './types';
 
 export default [
   {
     'en-US': {
-      [ChannelType.typename]: {
+      [Type.getTypename(ChannelType)]: {
         'typename label': 'Channel',
+        'typename label_zero': 'Channels',
+        'typename label_one': 'Channel',
+        'typename label_other': 'Channels',
         'object name placeholder': 'New channel',
       },
       [THREAD_PLUGIN]: {
@@ -39,7 +44,7 @@ export default [
         'open comments panel label': 'Show Comments',
         'comments label': 'Comments',
         'show all label': 'All comments',
-        'show unresolved label': 'Unresolved only',
+        'show unresolved label': 'Unresolved comments',
 
         'channel companion label': 'Channel',
         'call panel label': 'Active Call',

package/src/types/schema.ts

@@ -13,17 +13,21 @@ export const ThreadStatus = Schema.Union(
   Schema.Literal('resolved'),
 );
 
-export const ThreadType = Schema.Struct({
+const _ThreadType = Schema.Struct({
   name: Schema.optional(Schema.String),
   status: Schema.optional(ThreadStatus),
   messages: Schema.mutable(Schema.Array(Type.Ref(DataType.Message))),
 }).pipe(Type.Obj({ typename: 'dxos.org/type/Thread', version: '0.1.0' }));
-export type ThreadType = Schema.Schema.Type<typeof ThreadType>;
+export interface ThreadType extends Schema.Schema.Type<typeof _ThreadType> {}
+export const ThreadType: Type.obj<Schema.Schema<ThreadType, Schema.Schema.Encoded<typeof _ThreadType>, never>> =
+  _ThreadType;
 
-export const ChannelType = Schema.Struct({
+const _ChannelType = Schema.Struct({
   name: Schema.optional(Schema.String),
   defaultThread: Type.Ref(ThreadType),
   // TODO(wittjosiah): Should be an "ordered collection".
   threads: Schema.mutable(Schema.Array(Type.Ref(ThreadType))),
 }).pipe(Type.Obj({ typename: 'dxos.org/type/Channel', version: '0.1.0' }));
-export type ChannelType = Schema.Schema.Type<typeof ChannelType>;
+export interface ChannelType extends Schema.Schema.Type<typeof _ChannelType> {}
+export const ChannelType: Type.obj<Schema.Schema<ChannelType, Schema.Schema.Encoded<typeof _ChannelType>, never>> =
+  _ChannelType;

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, createIntent, type PluginContext } from '@dxos/app-framework';\nimport { getTypename, isInstanceOf } from '@dxos/echo-schema';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE } from '@dxos/plugin-deck/types';\nimport { createExtension, ROOT_ID, rxFromSignal } from '@dxos/plugin-graph';\nimport { fullyQualifiedId, isEchoObject } from '@dxos/react-client/echo';\n\nimport { ThreadCapabilities } from './capabilities';\nimport { meta, THREAD_PLUGIN } from '../meta';\nimport { ChannelType, ThreadAction } from '../types';\nimport { getAnchor } from '../util';\n\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: `${THREAD_PLUGIN}/active-call`,\n      connector: (node) =>\n        Rx.make((get) =>\n          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: THREAD_PLUGIN }],\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: `${THREAD_PLUGIN}/channel-chat-companion`,\n      connector: (node) => {\n        return Rx.make((get) => {\n          return pipe(\n            get(node),\n            Option.flatMap((node) => (isInstanceOf(ChannelType, node.data) ? Option.some(node.data) : Option.none())),\n            Option.map((channel) => {\n              const callManager = context.getCapability(ThreadCapabilities.CallManager);\n              const joined = get(\n                rxFromSignal(() => callManager.joined && callManager.roomId === fullyQualifiedId(channel)),\n              );\n              if (!joined) {\n                return [];\n              }\n\n              return [\n                {\n                  id: `${fullyQualifiedId(channel)}${ATTENDABLE_PATH_SEPARATOR}chat`,\n                  type: PLANK_COMPANION_TYPE,\n                  data: 'chat',\n                  properties: {\n                    label: ['channel companion label', { ns: THREAD_PLUGIN }],\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        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => {\n              if (!isEchoObject(node.data) || isInstanceOf(ChannelType, node.data)) {\n                return Option.none();\n              }\n              const metadata = resolve(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        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => {\n              if (!isEchoObject(node.data) || isInstanceOf(ChannelType, node.data)) {\n                return Option.none();\n              }\n              const metadata = resolve(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(getTypename(object)!);\n                  const selection = selectionManager.getSelection(fullyQualifiedId(object), metadata.selectionMode);\n                  const anchor = getAnchor(selection);\n                  const invalidSelection = !anchor;\n                  const overlappingComment = toolbar[fullyQualifiedId(object)];\n                  return (metadata.comments === 'anchored' && invalidSelection) || overlappingComment;\n                }),\n              );\n\n              return [\n                {\n                  id: `${fullyQualifiedId(object)}/comment`,\n                  data: () => {\n                    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                    const metadata = resolve(getTypename(object)!);\n                    const selection = selectionManager.getSelection(fullyQualifiedId(object));\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(createIntent(ThreadAction.Create, { anchor, name, subject: object }));\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": ["Rx", "Option", "pipe", "Capabilities", "contributes", "createIntent", "getTypename", "isInstanceOf", "AttentionCapabilities", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "DECK_COMPANION_TYPE", "createExtension", "ROOT_ID", "rxFromSignal", "fullyQualifiedId", "isEchoObject", "context", "resolve", "typename", "getCapabilities", "Capabilities", "Metadata", "find", "id", "metadata", "contributes", "AppGraphBuilder", "createExtension", "THREAD_PLUGIN", "connector", "node", "Rx", "make", "get", "pipe", "Option", "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", "isInstanceOf", "ChannelType", "channel", "callManager", "getCapability", "roomId", "fullyQualifiedId", "PLANK_COMPANION_TYPE", "meta", "isEchoObject", "getTypename", "comments", "join", "actions", "object", "selectionManager", "AttentionCapabilities", "Selection", "toolbar", "State", "state", "disabled", "selection", "getSelection", "selectionMode", "anchor", "getAnchor", "invalidSelection", "overlappingComment", "dispatchPromise", "dispatch", "IntentDispatcher", "Date", "now", "toString", "name", "getAnchorLabel", "createIntent", "ThreadAction", "Create", "subject", "testId"]
-}