@dxos/plugin-thread 0.7.5-labs.c0e040f → 0.7.5-labs.d199c0f

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dxos/plugin-thread",
-  "version": "0.7.5-labs.c0e040f",
+  "version": "0.7.5-labs.d199c0f",
   "description": "DXOS Threads Surface plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
@@ -38,28 +39,29 @@
     "@preact/signals-core": "^1.6.0",
     "date-fns": "^3.3.1",
     "lodash.get": "^4.4.2",
-    "@dxos/app-framework": "0.7.5-labs.c0e040f",
-    "@dxos/display-name": "0.7.5-labs.c0e040f",
-    "@dxos/echo-schema": "0.7.5-labs.c0e040f",
-    "@dxos/async": "0.7.5-labs.c0e040f",
-    "@dxos/live-object": "0.7.5-labs.c0e040f",
-    "@dxos/invariant": "0.7.5-labs.c0e040f",
-    "@dxos/local-storage": "0.7.5-labs.c0e040f",
-    "@dxos/log": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-attention": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-client": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-deck": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-graph": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-observability": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-markdown": "0.7.5-labs.c0e040f",
-    "@dxos/plugin-space": "0.7.5-labs.c0e040f",
-    "@dxos/react-client": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-attention": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-form": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-stack": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-thread": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-editor": "0.7.5-labs.c0e040f",
-    "@dxos/util": "0.7.5-labs.c0e040f"
+    "@dxos/app-framework": "0.7.5-labs.d199c0f",
+    "@dxos/display-name": "0.7.5-labs.d199c0f",
+    "@dxos/async": "0.7.5-labs.d199c0f",
+    "@dxos/echo-schema": "0.7.5-labs.d199c0f",
+    "@dxos/invariant": "0.7.5-labs.d199c0f",
+    "@dxos/live-object": "0.7.5-labs.d199c0f",
+    "@dxos/local-storage": "0.7.5-labs.d199c0f",
+    "@dxos/log": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-attention": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-client": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-markdown": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-observability": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-deck": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-space": "0.7.5-labs.d199c0f",
+    "@dxos/react-client": "0.7.5-labs.d199c0f",
+    "@dxos/plugin-graph": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-attention": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-editor": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-stack": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-form": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-thread": "0.7.5-labs.d199c0f",
+    "@dxos/util": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-tabs": "0.7.5-labs.d199c0f"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -69,17 +71,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.7.5-labs.c0e040f",
-    "@dxos/storybook-utils": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-theme": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui": "0.7.5-labs.c0e040f"
+    "@dxos/random": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui": "0.7.5-labs.d199c0f",
+    "@dxos/storybook-utils": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-theme": "0.7.5-labs.d199c0f"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-theme": "0.7.5-labs.c0e040f"
+    "@dxos/react-ui-theme": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui": "0.7.5-labs.d199c0f"
   },
   "publishConfig": {
     "access": "public"

package/src/ThreadPlugin.tsx

@@ -2,39 +2,36 @@
 // Copyright 2023 DXOS.org
 //
 
-import {
-  allOf,
-  Capabilities,
-  contributes,
-  createIntent,
-  defineModule,
-  definePlugin,
-  Events,
-  type PluginsContext,
-} from '@dxos/app-framework';
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
-import { DeckCapabilities } from '@dxos/plugin-deck';
-import { ChannelType, MessageType, ThreadType } from '@dxos/plugin-space/types';
+import { DeckCapabilities, DeckEvents } from '@dxos/plugin-deck';
+import { MarkdownEvents } from '@dxos/plugin-markdown';
+import { SpaceCapabilities, ThreadEvents } from '@dxos/plugin-space';
+import { ChannelType, defineObjectForm, MessageType, ThreadType } from '@dxos/plugin-space/types';
 import { type ReactiveEchoObject, RefArray } from '@dxos/react-client/echo';
 import { translations as threadTranslations } from '@dxos/react-ui-thread';
 
-import { AppGraphBuilder, IntentResolver, Markdown, ReactSurface, ThreadSettings, ThreadState } from './capabilities';
+import { IntentResolver, Markdown, ReactSurface, ThreadState } from './capabilities';
 import { meta, THREAD_ITEM, THREAD_PLUGIN } from './meta';
 import translations from './translations';
-import { ThreadAction, type ThreadSettingsProps } from './types';
+import { ThreadAction } from './types';
 
 // TODO(Zan): Every instance of `cursor` should be replaced with `anchor`.
 //  NOTE(burdon): Review/discuss CursorConverter semantics.
 export const ThreadPlugin = () =>
   definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/settings`,
-      activatesOn: Events.SetupSettings,
-      activate: ThreadSettings,
-    }),
+    // 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`,
-      activatesOn: Events.Startup,
+      // TODO(wittjosiah): Does not integrate with settings store.
+      //   Should this be a different event?
+      //   Should settings store be renamed to be more generic?
+      activatesOn: Events.SetupSettings,
       activate: ThreadState,
     }),
     defineModule({
@@ -49,7 +46,6 @@ export const ThreadPlugin = () =>
         contributes(Capabilities.Metadata, {
           id: ChannelType.typename,
           metadata: {
-            createObject: (props: { name?: string }) => createIntent(ThreadAction.Create, props),
             placeholder: ['channel name placeholder', { ns: THREAD_PLUGIN }],
             icon: 'ph--chat--regular',
             // TODO(wittjosiah): Move out of metadata.
@@ -88,55 +84,56 @@ export const ThreadPlugin = () =>
       ],
     }),
     defineModule({
-      id: `${meta.id}/module/schema`,
+      id: `${meta.id}/module/object-form`,
       activatesOn: ClientEvents.SetupSchema,
-      activate: () => contributes(ClientCapabilities.SystemSchema, [ThreadType, MessageType]),
+      activate: () =>
+        contributes(
+          SpaceCapabilities.ObjectForm,
+          defineObjectForm({
+            objectSchema: ChannelType,
+            getIntent: () => createIntent(ThreadAction.Create),
+          }),
+        ),
     }),
     defineModule({
-      id: `${meta.id}/module/channel-schema`,
-      activatesOn: allOf(Events.SettingsReady, ClientEvents.ClientReady),
-      activate: (context: PluginsContext) => {
-        const client = context.requestCapability(ClientCapabilities.Client);
-        const settings = context
-          .requestCapability(Capabilities.SettingsStore)
-          .getStore<ThreadSettingsProps>(THREAD_PLUGIN)!.value;
-        if (settings.standalone) {
-          // TODO(wittjosiah): Requires reload to disable.
-          client.addTypes([ChannelType]);
-          return contributes(ClientCapabilities.Schema, [ChannelType]);
-        }
-
-        return [];
-      },
+      id: `${meta.id}/module/schema`,
+      activatesOn: ClientEvents.SetupSchema,
+      activate: () => contributes(ClientCapabilities.Schema, [ThreadType, MessageType]),
     }),
     defineModule({
       id: `${meta.id}/module/complementary-panel`,
-      activatesOn: Events.Startup,
+      activatesOn: DeckEvents.SetupComplementaryPanels,
       activate: () =>
         contributes(DeckCapabilities.ComplementaryPanel, {
           id: 'comments',
           label: ['comments panel label', { ns: THREAD_PLUGIN }],
           icon: 'ph--chat-text--regular',
+          position: 'hoist',
+          // TODO(wittjosiah): Support comments on any object.
+          // filter: (node) => isEchoObject(node.data) && !!getSpace(node.data),
+          filter: (node) =>
+            !!node.data &&
+            typeof node.data === 'object' &&
+            'threads' in node.data &&
+            Array.isArray(node.data.threads) &&
+            !(node.data instanceof ChannelType),
         }),
     }),
     defineModule({
       id: `${meta.id}/module/markdown`,
-      activatesOn: Events.Startup,
+      activatesOn: MarkdownEvents.SetupExtensions,
       activate: Markdown,
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupSurfaces,
+      activatesOn: Events.SetupReactSurface,
+      // TODO(wittjosiah): Should occur before the comments thread is loaded when surfaces activation is more granular.
+      activatesBefore: [ThreadEvents.SetupThread],
       activate: ReactSurface,
     }),
     defineModule({
       id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntents,
+      activatesOn: Events.SetupIntentResolver,
       activate: IntentResolver,
     }),
-    defineModule({
-      id: `${meta.id}/module/app-graph-builder`,
-      activatesOn: Events.SetupAppGraph,
-      activate: AppGraphBuilder,
-    }),
   ]);

package/src/capabilities/index.ts

@@ -4,7 +4,6 @@
 
 import { lazy } from '@dxos/app-framework';
 
-export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
 export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const Markdown = lazy(() => import('./markdown'));
 export const ReactSurface = lazy(() => import('./react-surface'));

package/src/capabilities/intent-resolver.ts

@@ -55,7 +55,7 @@ export default (context: PluginsContext) =>
             ],
           };
         } else {
-          // NOTE: This is the standalone thread creation case.
+          // TODO(wittjosiah): Create separate intent for channel creation.
           return {
             data: { object: create(ChannelType, { threads: [makeRef(create(ThreadType, { messages: [] }))] }) },
           };

package/src/capabilities/react-surface.tsx

@@ -7,7 +7,6 @@ import React from 'react';
 import { Capabilities, contributes, createSurface, useLayout } from '@dxos/app-framework';
 import { type Ref } from '@dxos/echo-schema';
 import { SettingsStore } from '@dxos/local-storage';
-import { log } from '@dxos/log';
 import { ChannelType, type ThreadType } from '@dxos/plugin-space/types';
 import { getSpace } from '@dxos/react-client/echo';
 
@@ -30,7 +29,7 @@ export default () =>
         if (!thread) {
           return null;
         }
-        log.info('thread', { thread });
+
         const currentPosition = layout.active.findIndex((id) => id === channel.id);
         if (currentPosition > 0) {
           const objectToTheLeft = layout.active[currentPosition - 1];

package/src/components/Comments.stories.tsx

@@ -7,6 +7,8 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React, { useEffect, useState } from 'react';
 
+import { IntentPlugin } from '@dxos/app-framework';
+import { withPluginManager } from '@dxos/app-framework/testing';
 import { MessageType, ThreadType } from '@dxos/plugin-space/types';
 import { faker } from '@dxos/random';
 import { Filter, fullyQualifiedId, useQuery, useSpace } from '@dxos/react-client/echo';
@@ -44,7 +46,7 @@ const Story = ({ spaceKey }: ClientRepeatedComponentProps) => {
 
   return (
     <div className='flex justify-center overflow-y-auto bg-white dark:bg-black'>
-      <div className='flex flex-col w-[400px]'>
+      <div className='flex flex-col w-[30rem]'>
         <CommentsContainer threads={threads} detached={detached} onThreadDelete={console.log} />
       </div>
     </div>
@@ -57,7 +59,11 @@ const meta: Meta = {
   title: 'plugins/plugin-thread/Comments',
   // TODO(wittjosiah): Use decorator.
   render: () => <ClientRepeater component={Story} createIdentity createSpace types={[ThreadType, MessageType]} />,
-  decorators: [withTheme, withLayout({ fullscreen: true, tooltips: true })],
+  decorators: [
+    withTheme,
+    withLayout({ fullscreen: true, tooltips: true }),
+    withPluginManager({ plugins: [IntentPlugin()] }),
+  ],
   parameters: { translations },
 };
 

package/src/components/ThreadComplementary.tsx

@@ -9,19 +9,30 @@ import { ThreadCapabilities } from '@dxos/plugin-space';
 import { MessageType, type ThreadType } from '@dxos/plugin-space/types';
 import { create, fullyQualifiedId, makeRef, RefArray } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
+import { useTranslation } from '@dxos/react-ui';
 import { useAttended } from '@dxos/react-ui-attention';
+import { Tabs } from '@dxos/react-ui-tabs';
 import { isNonNullable } from '@dxos/util';
 
 import { ThreadCapabilities as LocalThreadCapabilities } from '../capabilities';
 import { CommentsContainer } from '../components';
+import { THREAD_PLUGIN } from '../meta';
 import { ThreadAction } from '../types';
 
 export const ThreadComplementary = ({ subject }: { subject: any }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const identity = useIdentity();
+  const { t } = useTranslation(THREAD_PLUGIN);
 
   const { state, getViewState } = useCapability(LocalThreadCapabilities.MutableState);
-  const { showResolvedThreads } = getViewState(fullyQualifiedId(subject));
+  const viewState = getViewState(fullyQualifiedId(subject));
+  const { showResolvedThreads } = viewState;
+  const onChangeViewState = useCallback(
+    (nextValue: string) => {
+      viewState.showResolvedThreads = nextValue === 'all';
+    },
+    [viewState],
+  );
   const drafts = state.drafts[fullyQualifiedId(subject)];
 
   const threadsIntegrators = useCapabilities(ThreadCapabilities.Thread);
@@ -112,7 +123,7 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
     [dispatch, subject],
   );
 
-  return (
+  const comments = (
     <CommentsContainer
       threads={threads}
       detached={detachedIds}
@@ -125,4 +136,23 @@ export const ThreadComplementary = ({ subject }: { subject: any }) => {
       onThreadDelete={handleThreadDelete}
     />
   );
+
+  return (
+    <Tabs.Root
+      value={showResolvedThreads ? 'all' : 'unresolved'}
+      onValueChange={onChangeViewState}
+      orientation='horizontal'
+    >
+      <Tabs.Tablist classNames='p-1 gap-1 bs-[--rail-action] border-be border-separator'>
+        <Tabs.Tab value='unresolved' classNames='text-sm'>
+          {t('show unresolved label')}
+        </Tabs.Tab>
+        <Tabs.Tab value='all' classNames='text-sm'>
+          {t('show all label')}
+        </Tabs.Tab>
+      </Tabs.Tablist>
+      <Tabs.Tabpanel value='all'>{showResolvedThreads && comments}</Tabs.Tabpanel>
+      <Tabs.Tabpanel value='unresolved'>{!showResolvedThreads && comments}</Tabs.Tabpanel>
+    </Tabs.Root>
+  );
 };

package/src/components/ThreadSettings.tsx

@@ -4,20 +4,14 @@
 
 import React from 'react';
 
-import { Input, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
+// import { useTranslation } from '@dxos/react-ui';
+import { DeprecatedFormContainer } from '@dxos/react-ui-form';
 
-import { THREAD_PLUGIN } from '../meta';
+// import { THREAD_PLUGIN } from '../meta';
 import type { ThreadSettingsProps } from '../types';
 
 export const ThreadSettings = ({ settings }: { settings: ThreadSettingsProps }) => {
-  const { t } = useTranslation(THREAD_PLUGIN);
+  // const { t } = useTranslation(THREAD_PLUGIN);
 
-  return (
-    <DeprecatedFormContainer>
-      <DeprecatedFormInput label={t('settings standalone label')}>
-        <Input.Switch checked={settings.standalone} onCheckedChange={(checked) => (settings.standalone = !!checked)} />
-      </DeprecatedFormInput>
-    </DeprecatedFormContainer>
-  );
+  return <DeprecatedFormContainer></DeprecatedFormContainer>;
 };

package/src/translations.ts

@@ -19,7 +19,6 @@ export default [
         'delete channel label': 'Delete channel',
         'create channel label': 'Create channel',
         'message placeholder': 'Reply…',
-        'settings standalone label': 'Enable channel creation (experimental)',
         'activity message': 'Processing…',
         'anonymous label': 'Anonymous',
         'delete message block label': 'Delete message block',
@@ -42,6 +41,8 @@ export default [
         'delete message label': 'Delete message',
         'open comments panel label': 'Show Comments',
         'comments panel label': 'Comments',
+        'show all label': 'All comments',
+        'show unresolved label': 'Unresolved only',
       },
     },
   },

package/src/types.ts

@@ -67,11 +67,7 @@ export namespace ThreadAction {
   }) {}
 }
 
-export const ThreadSettingsSchema = S.mutable(
-  S.Struct({
-    standalone: S.optional(S.Boolean),
-  }),
-);
+export const ThreadSettingsSchema = S.mutable(S.Struct({}));
 
 export type ThreadSettingsProps = S.Schema.Type<typeof ThreadSettingsSchema>;
 

package/dist/lib/browser/app-graph-builder-IANFWFYN.mjs

@@ -1,121 +0,0 @@
-import {
-  ThreadCapabilities
-} from "./chunk-NAO3LZMZ.mjs";
-import {
-  THREAD_PLUGIN
-} from "./chunk-636QDHE3.mjs";
-
-// packages/plugins/plugin-thread/src/capabilities/app-graph-builder.ts
-import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-import { createExtension, toSignal } from "@dxos/plugin-graph";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
-import { memoizeQuery } from "@dxos/plugin-space";
-import { getTypename, parseId, SpaceState } from "@dxos/react-client/echo";
-var type = "orphan-comments-for-subject";
-var icon = "ph--chat-text--regular";
-var app_graph_builder_default = (context) => {
-  const resolver = (typename) => context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
-  return contributes(Capabilities.AppGraphBuilder, createExtension({
-    id: `${THREAD_PLUGIN}/comments-for-subject`,
-    resolver: ({ id }) => {
-      if (!id.endsWith("~comments")) {
-        return;
-      }
-      const client = context.requestCapability(ClientCapabilities.Client);
-      const [subjectId] = id.split("~");
-      const { spaceId, objectId } = parseId(subjectId);
-      const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
-      const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === SpaceState.SPACE_READY);
-      if (!objectId) {
-        return {
-          id,
-          type,
-          data: null,
-          properties: {
-            icon,
-            label: [
-              "unnamed object threads label",
-              {
-                ns: THREAD_PLUGIN
-              }
-            ],
-            showResolvedThreads: false,
-            object: null,
-            space
-          }
-        };
-      }
-      const [object] = memoizeQuery(space, {
-        id: objectId
-      });
-      if (!object || !subjectId) {
-        return;
-      }
-      const meta = resolver(getTypename(object) ?? "");
-      const label = meta.label?.(object) || object.name || meta.placeholder || [
-        "unnamed object threads label",
-        {
-          ns: THREAD_PLUGIN
-        }
-      ];
-      const { getViewState } = context.requestCapability(ThreadCapabilities.State);
-      const viewState = getViewState(subjectId);
-      return {
-        id,
-        type,
-        data: null,
-        properties: {
-          icon,
-          label,
-          showResolvedThreads: viewState.showResolvedThreads,
-          object
-        }
-      };
-    },
-    actions: ({ node }) => {
-      const dataId = node.id.split("~").at(0);
-      if (!node.id.endsWith("~comments") || !dataId) {
-        return;
-      }
-      const [spaceId, objectId] = dataId.split(":");
-      const { getViewState } = context.requestCapability(ThreadCapabilities.State);
-      const viewState = getViewState(dataId);
-      const toggle = async () => {
-        const newToggleState = !viewState.showResolvedThreads;
-        viewState.showResolvedThreads = newToggleState;
-        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
-        await dispatch(createIntent(ObservabilityAction.SendEvent, {
-          name: "threads.toggle-show-resolved",
-          properties: {
-            spaceId,
-            threadId: objectId,
-            showResolved: newToggleState
-          }
-        }));
-      };
-      return [
-        {
-          id: `${THREAD_PLUGIN}/toggle-show-resolved/${node.id}`,
-          data: toggle,
-          properties: {
-            label: [
-              "toggle show resolved",
-              {
-                ns: THREAD_PLUGIN
-              }
-            ],
-            menuItemType: "toggle",
-            isChecked: viewState.showResolvedThreads,
-            testId: "threadPlugin.toggleShowResolved",
-            icon: viewState.showResolvedThreads ? "ph--eye-slash--regular" : "ph--eye--regular"
-          }
-        }
-      ];
-    }
-  }));
-};
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-IANFWFYN.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, type PluginsContext } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { createExtension, toSignal } from '@dxos/plugin-graph';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { memoizeQuery } from '@dxos/plugin-space';\nimport { getTypename, parseId, SpaceState } from '@dxos/react-client/echo';\n\nimport { ThreadCapabilities } from './capabilities';\nimport { THREAD_PLUGIN } from '../meta';\n\nconst type = 'orphan-comments-for-subject';\nconst icon = 'ph--chat-text--regular';\n\nexport default (context: PluginsContext) => {\n  const resolver = (typename: string) =>\n    context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};\n\n  return contributes(\n    Capabilities.AppGraphBuilder,\n    createExtension({\n      id: `${THREAD_PLUGIN}/comments-for-subject`,\n      resolver: ({ id }) => {\n        if (!id.endsWith('~comments')) {\n          return;\n        }\n\n        const client = context.requestCapability(ClientCapabilities.Client);\n        const [subjectId] = id.split('~');\n        const { spaceId, objectId } = parseId(subjectId);\n        const spaces = toSignal(\n          (onChange) => client.spaces.subscribe(() => onChange()).unsubscribe,\n          () => client.spaces.get(),\n        );\n        const space = spaces?.find((space) => space.id === spaceId && space.state.get() === SpaceState.SPACE_READY);\n        if (!objectId) {\n          // TODO(wittjosiah): Support comments for arbitrary subjects.\n          //   This is to ensure that the comments panel is not stuck on an old object.\n          return {\n            id,\n            type,\n            data: null,\n            properties: {\n              icon,\n              label: ['unnamed object threads label', { ns: THREAD_PLUGIN }],\n              showResolvedThreads: false,\n              object: null,\n              space,\n            },\n          };\n        }\n\n        const [object] = memoizeQuery(space, { id: objectId });\n        if (!object || !subjectId) {\n          return;\n        }\n\n        const meta = resolver(getTypename(object) ?? '');\n        const label = meta.label?.(object) ||\n          object.name ||\n          meta.placeholder || ['unnamed object threads label', { ns: THREAD_PLUGIN }];\n\n        const { getViewState } = context.requestCapability(ThreadCapabilities.State);\n        const viewState = getViewState(subjectId);\n\n        return {\n          id,\n          type,\n          data: null,\n          properties: {\n            icon,\n            label,\n            showResolvedThreads: viewState.showResolvedThreads,\n            object,\n          },\n        };\n      },\n      actions: ({ node }) => {\n        const dataId = node.id.split('~').at(0);\n        if (!node.id.endsWith('~comments') || !dataId) {\n          return;\n        }\n\n        const [spaceId, objectId] = dataId.split(':');\n\n        const { getViewState } = context.requestCapability(ThreadCapabilities.State);\n        const viewState = getViewState(dataId);\n        const toggle = async () => {\n          const newToggleState = !viewState.showResolvedThreads;\n          viewState.showResolvedThreads = newToggleState;\n          const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n          await dispatch(\n            createIntent(ObservabilityAction.SendEvent, {\n              name: 'threads.toggle-show-resolved',\n              properties: { spaceId, threadId: objectId, showResolved: newToggleState },\n            }),\n          );\n        };\n\n        return [\n          {\n            id: `${THREAD_PLUGIN}/toggle-show-resolved/${node.id}`,\n            data: toggle,\n            properties: {\n              label: ['toggle show resolved', { ns: THREAD_PLUGIN }],\n              menuItemType: 'toggle',\n              isChecked: viewState.showResolvedThreads,\n              testId: 'threadPlugin.toggleShowResolved',\n              icon: viewState.showResolvedThreads ? 'ph--eye-slash--regular' : 'ph--eye--regular',\n            },\n          },\n        ];\n      },\n    }),\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["Capabilities", "contributes", "createIntent", "ClientCapabilities", "createExtension", "toSignal", "ObservabilityAction", "memoizeQuery", "getTypename", "parseId", "SpaceState", "type", "icon", "context", "resolver", "typename", "requestCapabilities", "Capabilities", "Metadata", "find", "id", "metadata", "contributes", "AppGraphBuilder", "createExtension", "THREAD_PLUGIN", "endsWith", "client", "requestCapability", "ClientCapabilities", "Client", "subjectId", "split", "spaceId", "objectId", "parseId", "spaces", "toSignal", "onChange", "subscribe", "unsubscribe", "get", "space", "state", "SpaceState", "SPACE_READY", "data", "properties", "label", "ns", "showResolvedThreads", "object", "memoizeQuery", "meta", "getTypename", "name", "placeholder", "getViewState", "ThreadCapabilities", "State", "viewState", "actions", "node", "dataId", "at", "toggle", "newToggleState", "dispatchPromise", "dispatch", "IntentDispatcher", "createIntent", "ObservabilityAction", "SendEvent", "threadId", "showResolved", "menuItemType", "isChecked", "testId"]
-}

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

@@ -1,18 +0,0 @@
-// packages/plugins/plugin-thread/src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-IANFWFYN.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-QFP6L3AF.mjs"));
-var Markdown = lazy(() => import("./markdown-2NBXKXCY.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-YDKOPRQP.mjs"));
-var ThreadSettings = lazy(() => import("./settings-TKOPRXSU.mjs"));
-var ThreadState = lazy(() => import("./state-GNFUURIC.mjs"));
-
-export {
-  AppGraphBuilder,
-  IntentResolver,
-  Markdown,
-  ReactSurface,
-  ThreadSettings,
-  ThreadState
-};
-//# sourceMappingURL=chunk-CQ3NH4RJ.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = lazy(() => import('./app-graph-builder'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const Markdown = lazy(() => import('./markdown'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const ThreadSettings = lazy(() => import('./settings'));\nexport const ThreadState = lazy(() => import('./state'));\n\nexport * from './capabilities';\n"],
-  "mappings": ";AAIA,SAASA,YAAY;AAEd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC1C,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAME,WAAWF,KAAK,MAAM,OAAO,yBAAA,CAAA;AACnC,IAAMG,eAAeH,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMI,iBAAiBJ,KAAK,MAAM,OAAO,yBAAA,CAAA;AACzC,IAAMK,cAAcL,KAAK,MAAM,OAAO,sBAAA,CAAA;",
-  "names": ["lazy", "AppGraphBuilder", "lazy", "IntentResolver", "Markdown", "ReactSurface", "ThreadSettings", "ThreadState"]
-}