@dxos/plugin-thread 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/browser/{react-surface-7DJZKIOK.mjs → react-surface-MT3OWULR.mjs}

@@ -1,4 +1,4 @@
-import "./chunk-YRGWE35W.mjs";
+import "./chunk-S5ZR4FYW.mjs";
 import {
   ThreadCapabilities
 } from "./chunk-EP6MRLY7.mjs";
@@ -6,13 +6,13 @@ import {
   MessageContainer,
   command,
   getMessageMetadata
-} from "./chunk-I3JK6CBS.mjs";
+} from "./chunk-TFVPUPOO.mjs";
 import {
   useStatus
-} from "./chunk-32EIWOAL.mjs";
+} from "./chunk-QDJ3Y6WF.mjs";
 import {
   ThreadAction
-} from "./chunk-OO7PQPV5.mjs";
+} from "./chunk-WOG72DWE.mjs";
 import {
   THREAD_PLUGIN
 } from "./chunk-WBJLUUOK.mjs";
@@ -44,9 +44,8 @@ var commentControlClassNames = "!p-1 !min-bs-0 transition-opacity";
 var ToggleResolvedButton = ({ isResolved, onResolve }) => {
   const { t } = useTranslation(THREAD_PLUGIN);
   const label = t(isResolved ? "mark as unresolved label" : "mark as resolved label");
-  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: label
+  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "ghost",
     "data-testid": "thread.toggle-resolved",
@@ -62,14 +61,13 @@ var ToggleResolvedButton = ({ isResolved, onResolve }) => {
     weight: "fill"
   }) : /* @__PURE__ */ React.createElement(CheckCircle, {
     className: sizeClass
-  })));
+  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, label, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null))));
 };
 var DeleteThreadButton = ({ onDelete }) => {
   const { t } = useTranslation(THREAD_PLUGIN);
   const label = t("delete thread label");
-  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: label
+  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "ghost",
     "data-testid": "thread.delete",
@@ -82,7 +80,9 @@ var DeleteThreadButton = ({ onDelete }) => {
     className: "sr-only"
   }, label), /* @__PURE__ */ React.createElement(X, {
     className: sizeClass
-  })));
+  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
+    classNames: "z-30"
+  }, label, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null))));
 };
 var CommentContainer = ({ thread, detached, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete }) => {
   const identity = useIdentity();
@@ -151,13 +151,14 @@ var CommentContainer = ({ thread, detached, current, onAttend, onComment, onReso
   }, /* @__PURE__ */ React.createElement("div", {
     role: "none",
     className: mx("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", hoverableControls, hoverableFocusedWithinControls)
-  }, detached ? /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: t("detached thread label"),
-    side: "top"
+  }, detached ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
   }, /* @__PURE__ */ React.createElement(ThreadHeading, {
     detached: true
-  }, thread.name)) : /* @__PURE__ */ React.createElement(ThreadHeading, null, thread.name), /* @__PURE__ */ React.createElement("div", {
+  }, thread.name)), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
+    classNames: "z-30",
+    side: "top"
+  }, t("detached thread label"), /* @__PURE__ */ React.createElement(Tooltip.Arrow, null)))) : /* @__PURE__ */ React.createElement(ThreadHeading, null, thread.name), /* @__PURE__ */ React.createElement("div", {
     className: "flex flex-row items-center pli-1"
   }, thread.status === "staged" && /* @__PURE__ */ React.createElement(Tag, {
     palette: "neutral"
@@ -190,7 +191,7 @@ import { ChatText } from "@phosphor-icons/react";
 import React2, { useEffect } from "react";
 import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
 import { useTranslation as useTranslation2, Trans } from "@dxos/react-ui";
-import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
+import { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
 var CommentsContainer = ({ threads, detached = [], currentId, showResolvedThreads, ...props }) => {
   const { t } = useTranslation2(THREAD_PLUGIN);
   const filteredThreads = showResolvedThreads ? threads : threads.filter((thread) => !(thread?.status === "resolved"));
@@ -215,7 +216,7 @@ var CommentsContainer = ({ threads, detached = [], currentId, showResolvedThread
     });
   }) : /* @__PURE__ */ React2.createElement("div", {
     role: "alert",
-    className: mx2(descriptionMessage, "place-self-center rounded-lg text-center m-4")
+    className: mx2(descriptionText, "place-self-center border border-dashed border-unAccent rounded-lg text-center p-4 m-4")
   }, /* @__PURE__ */ React2.createElement("h2", {
     className: "mbe-2 font-medium text-baseText"
   }, t("no comments title")), /* @__PURE__ */ React2.createElement("p", null, /* @__PURE__ */ React2.createElement(Trans, {
@@ -379,7 +380,7 @@ var ThreadSettings = ({ settings }) => {
 };
 
 // packages/plugins/plugin-thread/src/components/index.ts
-var ChatContainer = lazy(() => import("./ChatContainer-H4XTHM3A.mjs"));
+var ChatContainer = lazy(() => import("./ChatContainer-IOOAQW6S.mjs"));
 
 // packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
 var react_surface_default = () => contributes(Capabilities.ReactSurface, [
@@ -433,4 +434,4 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-7DJZKIOK.mjs.map
+//# sourceMappingURL=react-surface-MT3OWULR.mjs.map

package/dist/lib/browser/react-surface-MT3OWULR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/CommentContainer.tsx", "../../../src/components/CommentsContainer.tsx", "../../../src/components/ThreadComplementary.tsx", "../../../src/components/ThreadSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, useLayout } from '@dxos/app-framework';\nimport { type Ref } from '@dxos/echo-schema';\nimport { DXN } from '@dxos/keys';\nimport { SettingsStore } from '@dxos/local-storage';\nimport { ChannelType, type ThreadType } from '@dxos/plugin-space/types';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\n\nimport { ChatContainer, ThreadComplementary, ThreadSettings } from '../components';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadSettingsProps } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${THREAD_PLUGIN}/channel`,\n      role: 'article',\n      filter: (data): data is { subject: ChannelType } => data.subject instanceof ChannelType,\n      component: ({ data: { subject: channel }, role }) => {\n        const layout = useLayout();\n        const currentPosition = layout.active.findIndex((id) => id === channel.id);\n        const objectToTheLeft = layout.active[currentPosition - 1];\n        const context = currentPosition > 0 ? getSpace(channel)?.db.getObjectById(objectToTheLeft) : undefined;\n        const space = getSpace(channel);\n        if (!space) {\n          return null;\n        }\n\n        return <ChatContainer space={space} dxn={channel.queue.dxn} context={context} />;\n      },\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/comments`,\n      role: 'article',\n      filter: (data): data is { companionTo: { threads: Ref<ThreadType>[] } } =>\n        data.subject === 'comments' &&\n        !!data.companionTo &&\n        typeof data.companionTo === 'object' &&\n        'threads' in data.companionTo &&\n        Array.isArray(data.companionTo.threads),\n      // TODO(wittjosiah): This isn't scrolling properly in a plank.\n      component: ({ data }) => <ThreadComplementary subject={data.companionTo} />,\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/tabpanel`,\n      role: 'tabpanel',\n      filter: (data): data is { subject: DXN; space: Space } =>\n        data.subject instanceof DXN && data.type === 'chat' && isSpace(data.space),\n      component: ({ data: { subject: dxn, space } }) => <ChatContainer dxn={dxn} space={space} />,\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/plugin-settings`,\n      role: 'article',\n      filter: (data): data is { subject: SettingsStore<ThreadSettingsProps> } =>\n        data.subject instanceof SettingsStore && data.subject.prefix === THREAD_PLUGIN,\n      component: ({ data: { subject } }) => <ThreadSettings settings={subject.value} />,\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\n\n// TODO(wittjosiah): Suspense boundary for sidebar?\nexport * from './CommentContainer';\nexport * from './CommentsContainer';\nexport * from './MessageContainer';\nexport * from './ThreadComplementary';\nexport * from './ThreadSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CheckCircle, X } from '@phosphor-icons/react';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { RefArray } from '@dxos/live-object';\nimport { fullyQualifiedId, getSpace, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Button, Tag, Tooltip, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport { MessageTextbox, type MessageTextboxProps, Thread, ThreadFooter, ThreadHeading } from '@dxos/react-ui-thread';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { type ThreadContainerProps } from './types';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\nconst sizeClass = getSize(4);\n\n// TODO(thure): #8149\nconst commentControlClassNames = '!p-1 !min-bs-0 transition-opacity';\n\nconst ToggleResolvedButton = ({\n  isResolved,\n  onResolve,\n}: {\n  isResolved: boolean | undefined;\n  onResolve: () => void;\n}) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t(isResolved ? 'mark as unresolved label' : 'mark as resolved label');\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <Button\n          variant='ghost'\n          data-testid='thread.toggle-resolved'\n          onClick={onResolve}\n          classNames={[commentControlClassNames, !isResolved && hoverableControlItem]}\n        >\n          <span className='sr-only'>{label}</span>\n          {isResolved ? <CheckCircle className={sizeClass} weight='fill' /> : <CheckCircle className={sizeClass} />}\n        </Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content>\n          {label}\n          <Tooltip.Arrow />\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nconst DeleteThreadButton = ({ onDelete }: { onDelete: () => void }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t('delete thread label');\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <Button\n          variant='ghost'\n          data-testid='thread.delete'\n          onClick={onDelete}\n          classNames={[commentControlClassNames, hoverableControlItem]}\n        >\n          <span className='sr-only'>{label}</span>\n          <X className={sizeClass} />\n        </Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content classNames='z-30'>\n          {label}\n          <Tooltip.Arrow />\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport const CommentContainer = ({\n  thread,\n  detached,\n  current,\n  onAttend,\n  onComment,\n  onResolve,\n  onMessageDelete,\n  onThreadDelete,\n}: ThreadContainerProps) => {\n  const identity = useIdentity()!;\n  const space = getSpace(thread);\n  const members = useMembers(space?.key);\n  const activity = useStatus(space, fullyQualifiedId(thread));\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: (text) => (messageRef.current = text) }),\n      command,\n    ],\n    [_count],\n  );\n\n  // TODO(thure): Factor out.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  const handleAttend = useCallback(() => onAttend?.(thread), [onAttend, thread]);\n  const handleResolve = useCallback(() => onResolve?.(thread), [onResolve, thread]);\n  const handleMessageDelete = useCallback((id: string) => onMessageDelete?.(thread, id), [onMessageDelete, thread]);\n  const handleThreadDelete = useCallback(() => onThreadDelete?.(thread), [onThreadDelete, thread]);\n\n  const handleComment: MessageTextboxProps['onSend'] = useCallback(() => {\n    if (!messageRef.current) {\n      return false;\n    }\n\n    onComment?.(thread, messageRef.current);\n    messageRef.current = '';\n    scrollToEnd('instant');\n    rerenderEditor();\n\n    return true;\n  }, [thread, identity]);\n\n  return (\n    <Thread onClickCapture={handleAttend} onFocusCapture={handleAttend} current={current} id={fullyQualifiedId(thread)}>\n      <div\n        role='none'\n        className={mx(\n          'col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]',\n          hoverableControls,\n          hoverableFocusedWithinControls,\n        )}\n      >\n        {detached ? (\n          <Tooltip.Root>\n            <Tooltip.Trigger asChild>\n              <ThreadHeading detached>{thread.name}</ThreadHeading>\n            </Tooltip.Trigger>\n            <Tooltip.Portal>\n              <Tooltip.Content classNames='z-30' side='top'>\n                {t('detached thread label')}\n                <Tooltip.Arrow />\n              </Tooltip.Content>\n            </Tooltip.Portal>\n          </Tooltip.Root>\n        ) : (\n          <ThreadHeading>{thread.name}</ThreadHeading>\n        )}\n        <div className='flex flex-row items-center pli-1'>\n          {thread.status === 'staged' && <Tag palette='neutral'>{t('draft button')}</Tag>}\n          {onResolve && !(thread?.status === 'staged') && (\n            <ToggleResolvedButton isResolved={thread?.status === 'resolved'} onResolve={handleResolve} />\n          )}\n          {onThreadDelete && <DeleteThreadButton onDelete={handleThreadDelete} />}\n        </div>\n      </div>\n      {/** TODO(dmaretskyi): How's `thread.messages` undefined? */}\n      {RefArray.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => (\n        <MessageContainer\n          key={message.id}\n          editable\n          message={message}\n          members={members}\n          onDelete={handleMessageDelete}\n        />\n      ))}\n      {/*\n        TODO(wittjosiah): Can't autofocus this generally.\n          There can be multiple threads with inputs and they can't all be focused.\n          Also, it steals focus from documents when first rendered.\n          Need to find a way to autofocus in one scenario only: when a new thread is created.\n      */}\n      <MessageTextbox extensions={extensions} onSend={handleComment} {...textboxMetadata} />\n      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n      {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n      <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n    </Thread>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ChatText } from '@phosphor-icons/react';\nimport React, { useEffect } from 'react';\n\nimport { type ThreadType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useTranslation, Trans } from '@dxos/react-ui';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\n\nimport { CommentContainer } from './CommentContainer';\nimport { type ThreadContainerProps } from './types';\nimport { THREAD_PLUGIN } from '../meta';\n\nexport type ThreadsContainerProps = Omit<ThreadContainerProps, 'thread' | 'detached' | 'current' | 'autoFocus'> & {\n  threads: ThreadType[];\n  /**\n   * Threads that are no longer anchored to a position in the object.\n   */\n  detached?: string[];\n  currentId?: string;\n  showResolvedThreads?: boolean;\n};\n\n/**\n * Comment threads.\n */\nexport const CommentsContainer = ({\n  threads,\n  detached = [],\n  currentId,\n  showResolvedThreads,\n  ...props\n}: ThreadsContainerProps) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const filteredThreads = showResolvedThreads ? threads : threads.filter((thread) => !(thread?.status === 'resolved'));\n\n  useEffect(() => {\n    if (currentId) {\n      document.getElementById(currentId)?.scrollIntoView({ behavior: 'smooth', block: 'end' });\n    }\n  }, [currentId]);\n\n  return (\n    <>\n      {filteredThreads.length > 0 ? (\n        filteredThreads.map((thread) => {\n          const threadId = fullyQualifiedId(thread);\n          return (\n            <CommentContainer\n              key={threadId}\n              thread={thread}\n              current={currentId === threadId}\n              detached={detached.includes(threadId)}\n              {...props}\n            />\n          );\n        })\n      ) : (\n        <div\n          role='alert'\n          className={mx(\n            descriptionText,\n            'place-self-center border border-dashed border-unAccent rounded-lg text-center p-4 m-4',\n          )}\n        >\n          <h2 className='mbe-2 font-medium text-baseText'>{t('no comments title')}</h2>\n          <p>\n            <Trans\n              {...{\n                t,\n                i18nKey: 'no comments message',\n                components: {\n                  commentIcon: <ChatText className='inline-block' />,\n                },\n              }}\n            />\n          </p>\n        </div>\n      )}\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useCapability, useCapabilities, useIntentDispatcher } from '@dxos/app-framework';\nimport { ThreadCapabilities } from '@dxos/plugin-space';\nimport { type ThreadType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId, RefArray } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { useAttended } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { Tabs } from '@dxos/react-ui-tabs';\nimport { isNonNullable } from '@dxos/util';\n\nimport { ThreadCapabilities as LocalThreadCapabilities } from '../capabilities';\nimport { CommentsContainer } from '../components';\nimport { THREAD_PLUGIN } from '../meta';\nimport { ThreadAction } from '../types';\n\nexport const ThreadComplementary = ({ subject }: { subject: any }) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const identity = useIdentity();\n  const { t } = useTranslation(THREAD_PLUGIN);\n\n  const { state, getViewState } = useCapability(LocalThreadCapabilities.MutableState);\n  const viewState = getViewState(fullyQualifiedId(subject));\n  const { showResolvedThreads } = viewState;\n  const onChangeViewState = useCallback(\n    (nextValue: string) => {\n      viewState.showResolvedThreads = nextValue === 'all';\n    },\n    [viewState],\n  );\n  const drafts = state.drafts[fullyQualifiedId(subject)];\n\n  const threadsIntegrators = useCapabilities(ThreadCapabilities.Thread);\n  const createSort = useMemo(\n    () => threadsIntegrators.find((p) => p.predicate(subject))?.createSort,\n    [threadsIntegrators, subject],\n  );\n  const sort = useMemo(() => createSort?.(subject), [createSort, subject]);\n\n  const threadObjects = RefArray.targets(subject.threads ?? []);\n\n  const threads = useMemo(() => {\n    return threadObjects.concat(drafts ?? []).filter(isNonNullable) as ThreadType[];\n  }, [JSON.stringify(threadObjects), JSON.stringify(drafts)]);\n\n  const detachedIds = useMemo(() => {\n    return threads.filter(({ anchor }) => !anchor).map((thread) => fullyQualifiedId(thread));\n  }, [threads]);\n\n  useEffect(() => {\n    if (!sort) {\n      return;\n    }\n    threads.sort((a, b) => sort(a?.anchor, b?.anchor));\n  }, [sort, threads]);\n\n  const attended = useAttended();\n  const qualifiedSubjectId = fullyQualifiedId(subject);\n\n  const handleAttend = useCallback(\n    (thread: ThreadType) => {\n      const threadId = fullyQualifiedId(thread);\n      if (state.current !== threadId) {\n        state.current = threadId;\n\n        // TODO(wittjosiah): Should this be a thread-specific intent?\n        //  The layout doesn't know about threads and this working depends on other plugins conditionally handling it.\n        //  This may be overloading this intent or highjacking its intended purpose.\n        void dispatch(\n          createIntent(LayoutAction.ScrollIntoView, {\n            part: 'current',\n            subject: fullyQualifiedId(subject),\n            options: {\n              cursor: thread.anchor,\n              ref: threadId,\n            },\n          }),\n        );\n      }\n    },\n    [state.current, dispatch, subject],\n  );\n\n  const handleComment = useCallback(\n    async (thread: ThreadType, text: string) => {\n      await dispatch(\n        createIntent(ThreadAction.AddMessage, { thread, subject, sender: { identityDid: identity?.did }, text }),\n      );\n\n      state.current = fullyQualifiedId(thread);\n    },\n    [dispatch, identity, subject],\n  );\n\n  const handleResolve = useCallback(\n    (thread: ThreadType) => dispatch(createIntent(ThreadAction.ToggleResolved, { thread })),\n    [dispatch],\n  );\n\n  const handleThreadDelete = useCallback(\n    (thread: ThreadType) => dispatch(createIntent(ThreadAction.Delete, { thread, subject })),\n    [dispatch, subject],\n  );\n\n  const handleMessageDelete = useCallback(\n    (thread: ThreadType, messageId: string) =>\n      dispatch(createIntent(ThreadAction.DeleteMessage, { thread, subject, messageId })),\n    [dispatch, subject],\n  );\n\n  const comments = (\n    <CommentsContainer\n      threads={threads}\n      detached={detachedIds}\n      currentId={attended.includes(qualifiedSubjectId) ? state.current : undefined}\n      showResolvedThreads={showResolvedThreads}\n      onAttend={handleAttend}\n      onComment={handleComment}\n      onResolve={handleResolve}\n      onMessageDelete={handleMessageDelete}\n      onThreadDelete={handleThreadDelete}\n    />\n  );\n\n  return (\n    <StackItem.Content toolbar>\n      <Tabs.Root\n        value={showResolvedThreads ? 'all' : 'unresolved'}\n        onValueChange={onChangeViewState}\n        orientation='horizontal'\n        classNames='contents [&_[role=\"tabpanel\"]]:min-bs-0 [&_[role=\"tabpanel\"]]:overflow-y-auto [&_[role=\"tabpanel\"]]:scrollbar-thin'\n      >\n        <Tabs.Tablist classNames='p-1 gap-1 bs-[--rail-action] border-be border-separator'>\n          <Tabs.Tab value='unresolved' classNames='text-sm'>\n            {t('show unresolved label')}\n          </Tabs.Tab>\n          <Tabs.Tab value='all' classNames='text-sm'>\n            {t('show all label')}\n          </Tabs.Tab>\n        </Tabs.Tablist>\n        <Tabs.Tabpanel value='all'>{showResolvedThreads && comments}</Tabs.Tabpanel>\n        <Tabs.Tabpanel value='unresolved'>{!showResolvedThreads && comments}</Tabs.Tabpanel>\n      </Tabs.Root>\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\n// import { useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer } from '@dxos/react-ui-form';\n\n// import { THREAD_PLUGIN } from '../meta';\nimport type { ThreadSettingsProps } from '../types';\n\nexport const ThreadSettings = ({ settings }: { settings: ThreadSettingsProps }) => {\n  // const { t } = useTranslation(THREAD_PLUGIN);\n\n  return <DeprecatedFormContainer></DeprecatedFormContainer>;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,eAAeC,iBAAiB;AAEpE,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,mBAAoC;AAC7C,SAASC,YAAAA,WAAUC,eAA2B;;;ACP9C,SAASC,YAAY;;;ACArB,SAASC,aAAaC,SAAS;AAC/B,OAAOC,SAASC,aAAaC,SAASC,QAAQC,gBAAgB;AAE9D,SAASC,gBAAgB;AACzB,SAASC,kBAAkBC,UAAUC,kBAAkB;AACvD,SAASC,mBAAmB;AAC5B,SAASC,QAAQC,KAAKC,SAASC,iBAAiBC,sBAAsB;AACtE,SAASC,uBAAuBC,uBAAuBC,gBAAgB;AACvE,SACEC,SACAC,sBACAC,mBACAC,gCACAC,UACK;AACP,SAASC,gBAA0CC,QAAQC,cAAcC,qBAAqB;AAC9F,SAASC,qBAAqB;AAS9B,IAAMC,YAAYC,QAAQ,CAAA;AAG1B,IAAMC,2BAA2B;AAEjC,IAAMC,uBAAuB,CAAC,EAC5BC,YACAC,UAAS,MAIV;AACC,QAAM,EAAEC,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMC,QAAQH,EAAEF,aAAa,6BAA6B,wBAAA;AAC1D,SACE,sBAAA,cAACM,QAAQC,MAAI,MACX,sBAAA,cAACD,QAAQE,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACC,QAAAA;IACCC,SAAQ;IACRC,eAAY;IACZC,SAASZ;IACTa,YAAY;MAAChB;MAA0B,CAACE,cAAce;;KAEtD,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAWZ,KAAAA,GAC1BL,aAAa,sBAAA,cAACkB,aAAAA;IAAYD,WAAWrB;IAAWuB,QAAO;OAAY,sBAAA,cAACD,aAAAA;IAAYD,WAAWrB;QAGhG,sBAAA,cAACU,QAAQc,QAAM,MACb,sBAAA,cAACd,QAAQe,SAAO,MACbhB,OACD,sBAAA,cAACC,QAAQgB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKxB;AAEA,IAAMC,qBAAqB,CAAC,EAAEC,SAAQ,MAA4B;AAChE,QAAM,EAAEtB,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMC,QAAQH,EAAE,qBAAA;AAChB,SACE,sBAAA,cAACI,QAAQC,MAAI,MACX,sBAAA,cAACD,QAAQE,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACC,QAAAA;IACCC,SAAQ;IACRC,eAAY;IACZC,SAASW;IACTV,YAAY;MAAChB;MAA0BiB;;KAEvC,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAWZ,KAAAA,GAC3B,sBAAA,cAACoB,GAAAA;IAAER,WAAWrB;QAGlB,sBAAA,cAACU,QAAQc,QAAM,MACb,sBAAA,cAACd,QAAQe,SAAO;IAACP,YAAW;KACzBT,OACD,sBAAA,cAACC,QAAQgB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKxB;AAEO,IAAMI,mBAAmB,CAAC,EAC/BC,QACAC,UACAC,SACAC,UACAC,WACA9B,WACA+B,iBACAC,eAAc,MACO;AACrB,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,QAAQC,SAASV,MAAAA;AACvB,QAAMW,UAAUC,WAAWH,OAAOI,GAAAA;AAClC,QAAMC,WAAWC,UAAUN,OAAOO,iBAAiBhB,MAAAA,CAAAA;AACnD,QAAM,EAAEzB,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMwC,kBAAkBC,OAA8B,IAAA;AACtD,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AAEtB,QAAMC,kBAAkBC,mBAAmBN,iBAAiBhB,MAAAA,GAASO,QAAAA;AAErE,QAAM,CAACgB,QAAQC,SAAAA,IAAaC,SAAS,CAAA;AACrC,QAAMC,iBAAiB,MAAMF,UAAU,CAACG,UAAUA,QAAQ,CAAA;AAC1D,QAAMC,aAAaV,OAAO,EAAA;AAC1B,QAAMW,aAAaC,QACjB,MAAM;IACJC,sBAAsB;MAAEC,aAAazD,EAAE,qBAAA;IAAuB,CAAA;IAC9D0D,sBAAsB;MAAEd;IAAU,CAAA;IAClCe,SAAS;MAAEC,UAAU,CAACC,SAAUR,WAAW1B,UAAUkC;IAAM,CAAA;IAC3DC;KAEF;IAACd;GAAO;AAIV,QAAMe,cAAc,CAACC,aACnBC,WAAW,MAAMvB,gBAAgBf,SAASuC,eAAe;IAAEF;IAAUG,OAAO;EAAM,CAAA,GAAI,EAAA;AAExF,QAAMC,eAAeC,YAAY,MAAMzC,WAAWH,MAAAA,GAAS;IAACG;IAAUH;GAAO;AAC7E,QAAM6C,gBAAgBD,YAAY,MAAMtE,YAAY0B,MAAAA,GAAS;IAAC1B;IAAW0B;GAAO;AAChF,QAAM8C,sBAAsBF,YAAY,CAACG,OAAe1C,kBAAkBL,QAAQ+C,EAAAA,GAAK;IAAC1C;IAAiBL;GAAO;AAChH,QAAMgD,qBAAqBJ,YAAY,MAAMtC,iBAAiBN,MAAAA,GAAS;IAACM;IAAgBN;GAAO;AAE/F,QAAMiD,gBAA+CL,YAAY,MAAA;AAC/D,QAAI,CAAChB,WAAW1B,SAAS;AACvB,aAAO;IACT;AAEAE,gBAAYJ,QAAQ4B,WAAW1B,OAAO;AACtC0B,eAAW1B,UAAU;AACrBoC,gBAAY,SAAA;AACZZ,mBAAAA;AAEA,WAAO;EACT,GAAG;IAAC1B;IAAQO;GAAS;AAErB,SACE,sBAAA,cAAC2C,QAAAA;IAAOC,gBAAgBR;IAAcS,gBAAgBT;IAAczC;IAAkB6C,IAAI/B,iBAAiBhB,MAAAA;KACzG,sBAAA,cAACqD,OAAAA;IACCC,MAAK;IACLhE,WAAWiE,GACT,gEACAC,mBACAC,8BAAAA;KAGDxD,WACC,sBAAA,cAACtB,QAAQC,MAAI,MACX,sBAAA,cAACD,QAAQE,SAAO;IAACC,SAAAA;KACf,sBAAA,cAAC4E,eAAAA;IAAczD,UAAAA;KAAUD,OAAO2D,IAAI,CAAA,GAEtC,sBAAA,cAAChF,QAAQc,QAAM,MACb,sBAAA,cAACd,QAAQe,SAAO;IAACP,YAAW;IAAOyE,MAAK;KACrCrF,EAAE,uBAAA,GACH,sBAAA,cAACI,QAAQgB,OAAK,IAAA,CAAA,CAAA,CAAA,IAKpB,sBAAA,cAAC+D,eAAAA,MAAe1D,OAAO2D,IAAI,GAE7B,sBAAA,cAACN,OAAAA;IAAI/D,WAAU;KACZU,OAAO6D,WAAW,YAAY,sBAAA,cAACC,KAAAA;IAAIC,SAAQ;KAAWxF,EAAE,cAAA,CAAA,GACxDD,aAAa,EAAE0B,QAAQ6D,WAAW,aACjC,sBAAA,cAACzF,sBAAAA;IAAqBC,YAAY2B,QAAQ6D,WAAW;IAAYvF,WAAWuE;MAE7EvC,kBAAkB,sBAAA,cAACV,oBAAAA;IAAmBC,UAAUmD;QAIpDgB,SAASC,QAAQjE,OAAOkE,UAAUC,OAAOC,aAAAA,KAAkB,CAAA,CAAE,EAAEC,IAAI,CAACC,YACnE,sBAAA,cAACC,kBAAAA;IACC1D,KAAKyD,QAAQvB;IACbyB,UAAAA;IACAF;IACA3D;IACAd,UAAUiD;OASd,sBAAA,cAAC2B,gBAAAA;IAAe5C;IAAwB6C,QAAQzB;IAAgB,GAAG5B;MACnE,sBAAA,cAACsD,cAAAA;IAAa7D;KAAqBvC,EAAE,kBAAA,CAAA,GAErC,sBAAA,cAAC8E,OAAAA;IAAIC,MAAK;IAAOhE,WAAU;IAAgBsF,KAAK3D;;AAGtD;;;ACtMA,SAAS4D,gBAAgB;AACzB,OAAOC,UAASC,iBAAiB;AAGjC,SAASC,oBAAAA,yBAAwB;AACjC,SAASC,kBAAAA,iBAAgBC,aAAa;AACtC,SAASC,iBAAiBC,MAAAA,WAAU;AAmB7B,IAAMC,oBAAoB,CAAC,EAChCC,SACAC,WAAW,CAAA,GACXC,WACAC,qBACA,GAAGC,MAAAA,MACmB;AACtB,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAC7B,QAAMC,kBAAkBL,sBAAsBH,UAAUA,QAAQS,OAAO,CAACC,WAAW,EAAEA,QAAQC,WAAW,WAAS;AAEjHC,YAAU,MAAA;AACR,QAAIV,WAAW;AACbW,eAASC,eAAeZ,SAAAA,GAAYa,eAAe;QAAEC,UAAU;QAAUC,OAAO;MAAM,CAAA;IACxF;EACF,GAAG;IAACf;GAAU;AAEd,SACE,gBAAAgB,OAAA,cAAAA,OAAA,UAAA,MACGV,gBAAgBW,SAAS,IACxBX,gBAAgBY,IAAI,CAACV,WAAAA;AACnB,UAAMW,WAAWC,kBAAiBZ,MAAAA;AAClC,WACE,gBAAAQ,OAAA,cAACK,kBAAAA;MACCC,KAAKH;MACLX;MACAe,SAASvB,cAAcmB;MACvBpB,UAAUA,SAASyB,SAASL,QAAAA;MAC3B,GAAGjB;;EAGV,CAAA,IAEA,gBAAAc,OAAA,cAACS,OAAAA;IACCC,MAAK;IACLC,WAAWC,IACTC,iBACA,uFAAA;KAGF,gBAAAb,OAAA,cAACc,MAAAA;IAAGH,WAAU;KAAmCxB,EAAE,mBAAA,CAAA,GACnD,gBAAAa,OAAA,cAACe,KAAAA,MACC,gBAAAf,OAAA,cAACgB,OACK;IACF7B;IACA8B,SAAS;IACTC,YAAY;MACVC,aAAa,gBAAAnB,OAAA,cAACoB,UAAAA;QAAST,WAAU;;IACnC;EACF,CAAA,CAAA,CAAA,CAAA;AAOd;;;AChFA,OAAOU,UAASC,eAAAA,cAAaC,aAAAA,YAAWC,WAAAA,gBAAe;AAEvD,SAASC,cAAcC,cAAcC,eAAeC,iBAAiBC,2BAA2B;AAChG,SAASC,sBAAAA,2BAA0B;AAEnC,SAASC,oBAAAA,mBAAkBC,YAAAA,iBAAgB;AAC3C,SAASC,eAAAA,oBAAmB;AAC5B,SAASC,kBAAAA,uBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,iBAAAA,sBAAqB;AAOvB,IAAMC,sBAAsB,CAAC,EAAEC,QAAO,MAAoB;AAC/D,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AACtC,QAAMC,WAAWC,aAAAA;AACjB,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAE7B,QAAM,EAAEC,OAAOC,aAAY,IAAKC,cAAcC,mBAAwBC,YAAY;AAClF,QAAMC,YAAYJ,aAAaK,kBAAiBf,OAAAA,CAAAA;AAChD,QAAM,EAAEgB,oBAAmB,IAAKF;AAChC,QAAMG,oBAAoBC,aACxB,CAACC,cAAAA;AACCL,cAAUE,sBAAsBG,cAAc;EAChD,GACA;IAACL;GAAU;AAEb,QAAMM,SAASX,MAAMW,OAAOL,kBAAiBf,OAAAA,CAAAA;AAE7C,QAAMqB,qBAAqBC,gBAAgBC,oBAAmBC,MAAM;AACpE,QAAMC,aAAaC,SACjB,MAAML,mBAAmBM,KAAK,CAACC,MAAMA,EAAEC,UAAU7B,OAAAA,CAAAA,GAAWyB,YAC5D;IAACJ;IAAoBrB;GAAQ;AAE/B,QAAM8B,OAAOJ,SAAQ,MAAMD,aAAazB,OAAAA,GAAU;IAACyB;IAAYzB;GAAQ;AAEvE,QAAM+B,gBAAgBC,UAASC,QAAQjC,QAAQkC,WAAW,CAAA,CAAE;AAE5D,QAAMA,UAAUR,SAAQ,MAAA;AACtB,WAAOK,cAAcI,OAAOf,UAAU,CAAA,CAAE,EAAEgB,OAAOC,cAAAA;EACnD,GAAG;IAACC,KAAKC,UAAUR,aAAAA;IAAgBO,KAAKC,UAAUnB,MAAAA;GAAQ;AAE1D,QAAMoB,cAAcd,SAAQ,MAAA;AAC1B,WAAOQ,QAAQE,OAAO,CAAC,EAAEK,OAAM,MAAO,CAACA,MAAAA,EAAQC,IAAI,CAACC,WAAW5B,kBAAiB4B,MAAAA,CAAAA;EAClF,GAAG;IAACT;GAAQ;AAEZU,EAAAA,WAAU,MAAA;AACR,QAAI,CAACd,MAAM;AACT;IACF;AACAI,YAAQJ,KAAK,CAACe,GAAGC,MAAMhB,KAAKe,GAAGJ,QAAQK,GAAGL,MAAAA,CAAAA;EAC5C,GAAG;IAACX;IAAMI;GAAQ;AAElB,QAAMa,WAAWC,YAAAA;AACjB,QAAMC,qBAAqBlC,kBAAiBf,OAAAA;AAE5C,QAAMkD,eAAehC,aACnB,CAACyB,WAAAA;AACC,UAAMQ,WAAWpC,kBAAiB4B,MAAAA;AAClC,QAAIlC,MAAM2C,YAAYD,UAAU;AAC9B1C,YAAM2C,UAAUD;AAKhB,WAAKjD,SACHmD,aAAaC,aAAaC,gBAAgB;QACxCC,MAAM;QACNxD,SAASe,kBAAiBf,OAAAA;QAC1ByD,SAAS;UACPC,QAAQf,OAAOF;UACfkB,KAAKR;QACP;MACF,CAAA,CAAA;IAEJ;EACF,GACA;IAAC1C,MAAM2C;IAASlD;IAAUF;GAAQ;AAGpC,QAAM4D,gBAAgB1C,aACpB,OAAOyB,QAAoBkB,SAAAA;AACzB,UAAM3D,SACJmD,aAAaS,aAAaC,YAAY;MAAEpB;MAAQ3C;MAASgE,QAAQ;QAAEC,aAAa7D,UAAU8D;MAAI;MAAGL;IAAK,CAAA,CAAA;AAGxGpD,UAAM2C,UAAUrC,kBAAiB4B,MAAAA;EACnC,GACA;IAACzC;IAAUE;IAAUJ;GAAQ;AAG/B,QAAMmE,gBAAgBjD,aACpB,CAACyB,WAAuBzC,SAASmD,aAAaS,aAAaM,gBAAgB;IAAEzB;EAAO,CAAA,CAAA,GACpF;IAACzC;GAAS;AAGZ,QAAMmE,qBAAqBnD,aACzB,CAACyB,WAAuBzC,SAASmD,aAAaS,aAAaQ,QAAQ;IAAE3B;IAAQ3C;EAAQ,CAAA,CAAA,GACrF;IAACE;IAAUF;GAAQ;AAGrB,QAAMuE,sBAAsBrD,aAC1B,CAACyB,QAAoB6B,cACnBtE,SAASmD,aAAaS,aAAaW,eAAe;IAAE9B;IAAQ3C;IAASwE;EAAU,CAAA,CAAA,GACjF;IAACtE;IAAUF;GAAQ;AAGrB,QAAM0E,WACJ,gBAAAC,OAAA,cAACC,mBAAAA;IACC1C;IACA2C,UAAUrC;IACVsC,WAAW/B,SAASgC,SAAS9B,kBAAAA,IAAsBxC,MAAM2C,UAAU4B;IACnEhE;IACAiE,UAAU/B;IACVgC,WAAWtB;IACXuB,WAAWhB;IACXiB,iBAAiBb;IACjBc,gBAAgBhB;;AAIpB,SACE,gBAAAM,OAAA,cAACW,UAAUC,SAAO;IAACC,SAAAA;KACjB,gBAAAb,OAAA,cAACc,KAAKC,MAAI;IACRC,OAAO3E,sBAAsB,QAAQ;IACrC4E,eAAe3E;IACf4E,aAAY;IACZC,YAAW;KAEX,gBAAAnB,OAAA,cAACc,KAAKM,SAAO;IAACD,YAAW;KACvB,gBAAAnB,OAAA,cAACc,KAAKO,KAAG;IAACL,OAAM;IAAaG,YAAW;KACrCxF,EAAE,uBAAA,CAAA,GAEL,gBAAAqE,OAAA,cAACc,KAAKO,KAAG;IAACL,OAAM;IAAMG,YAAW;KAC9BxF,EAAE,gBAAA,CAAA,CAAA,GAGP,gBAAAqE,OAAA,cAACc,KAAKQ,UAAQ;IAACN,OAAM;KAAO3E,uBAAuB0D,QAAAA,GACnD,gBAAAC,OAAA,cAACc,KAAKQ,UAAQ;IAACN,OAAM;KAAc,CAAC3E,uBAAuB0D,QAAAA,CAAAA,CAAAA;AAInE;;;ACnJA,OAAOwB,YAAW;AAGlB,SAASC,+BAA+B;AAKjC,IAAMC,iBAAiB,CAAC,EAAEC,SAAQ,MAAqC;AAG5E,SAAO,gBAAAC,OAAA,cAACC,yBAAAA,IAAAA;AACV;;;AJVO,IAAMC,gBAAgBC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ADW/C,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,aAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SAA2CA,KAAKC,mBAAmBC;IAC5EC,WAAW,CAAC,EAAEH,MAAM,EAAEC,SAASG,QAAO,GAAIN,KAAI,MAAE;AAC9C,YAAMO,SAASC,UAAAA;AACf,YAAMC,kBAAkBF,OAAOG,OAAOC,UAAU,CAACb,OAAOA,OAAOQ,QAAQR,EAAE;AACzE,YAAMc,kBAAkBL,OAAOG,OAAOD,kBAAkB,CAAA;AACxD,YAAMI,UAAUJ,kBAAkB,IAAIK,UAASR,OAAAA,GAAUS,GAAGC,cAAcJ,eAAAA,IAAmBK;AAC7F,YAAMC,QAAQJ,UAASR,OAAAA;AACvB,UAAI,CAACY,OAAO;AACV,eAAO;MACT;AAEA,aAAO,gBAAAC,OAAA,cAACC,eAAAA;QAAcF;QAAcG,KAAKf,QAAQgB,MAAMD;QAAKR;;IAC9D;EACF,CAAA;EACAhB,cAAc;IACZC,IAAI,GAAGC,aAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPA,KAAKC,YAAY,cACjB,CAAC,CAACD,KAAKqB,eACP,OAAOrB,KAAKqB,gBAAgB,YAC5B,aAAarB,KAAKqB,eAClBC,MAAMC,QAAQvB,KAAKqB,YAAYG,OAAO;;IAExCrB,WAAW,CAAC,EAAEH,KAAI,MAAO,gBAAAiB,OAAA,cAACQ,qBAAAA;MAAoBxB,SAASD,KAAKqB;;EAC9D,CAAA;EACA1B,cAAc;IACZC,IAAI,GAAGC,aAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPA,KAAKC,mBAAmByB,OAAO1B,KAAK2B,SAAS,UAAUC,QAAQ5B,KAAKgB,KAAK;IAC3Eb,WAAW,CAAC,EAAEH,MAAM,EAAEC,SAASkB,KAAKH,MAAK,EAAE,MAAO,gBAAAC,OAAA,cAACC,eAAAA;MAAcC;MAAUH;;EAC7E,CAAA;EACArB,cAAc;IACZC,IAAI,GAAGC,aAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPA,KAAKC,mBAAmB4B,iBAAiB7B,KAAKC,QAAQ6B,WAAWjC;IACnEM,WAAW,CAAC,EAAEH,MAAM,EAAEC,QAAO,EAAE,MAAO,gBAAAgB,OAAA,cAACc,gBAAAA;MAAeC,UAAU/B,QAAQgC;;EAC1E,CAAA;CACD;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "useLayout", "DXN", "SettingsStore", "ChannelType", "getSpace", "isSpace", "lazy", "CheckCircle", "X", "React", "useCallback", "useMemo", "useRef", "useState", "RefArray", "fullyQualifiedId", "getSpace", "useMembers", "useIdentity", "Button", "Tag", "Tooltip", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "listener", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "MessageTextbox", "Thread", "ThreadFooter", "ThreadHeading", "isNonNullable", "sizeClass", "getSize", "commentControlClassNames", "ToggleResolvedButton", "isResolved", "onResolve", "t", "useTranslation", "THREAD_PLUGIN", "label", "Tooltip", "Root", "Trigger", "asChild", "Button", "variant", "data-testid", "onClick", "classNames", "hoverableControlItem", "span", "className", "CheckCircle", "weight", "Portal", "Content", "Arrow", "DeleteThreadButton", "onDelete", "X", "CommentContainer", "thread", "detached", "current", "onAttend", "onComment", "onMessageDelete", "onThreadDelete", "identity", "useIdentity", "space", "getSpace", "members", "useMembers", "key", "activity", "useStatus", "fullyQualifiedId", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "_count", "_setCount", "useState", "rerenderEditor", "count", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "handleAttend", "useCallback", "handleResolve", "handleMessageDelete", "id", "handleThreadDelete", "handleComment", "Thread", "onClickCapture", "onFocusCapture", "div", "role", "mx", "hoverableControls", "hoverableFocusedWithinControls", "ThreadHeading", "name", "side", "status", "Tag", "palette", "RefArray", "targets", "messages", "filter", "isNonNullable", "map", "message", "MessageContainer", "editable", "MessageTextbox", "onSend", "ThreadFooter", "ref", "ChatText", "React", "useEffect", "fullyQualifiedId", "useTranslation", "Trans", "descriptionText", "mx", "CommentsContainer", "threads", "detached", "currentId", "showResolvedThreads", "props", "t", "useTranslation", "THREAD_PLUGIN", "filteredThreads", "filter", "thread", "status", "useEffect", "document", "getElementById", "scrollIntoView", "behavior", "block", "React", "length", "map", "threadId", "fullyQualifiedId", "CommentContainer", "key", "current", "includes", "div", "role", "className", "mx", "descriptionText", "h2", "p", "Trans", "i18nKey", "components", "commentIcon", "ChatText", "React", "useCallback", "useEffect", "useMemo", "createIntent", "LayoutAction", "useCapability", "useCapabilities", "useIntentDispatcher", "ThreadCapabilities", "fullyQualifiedId", "RefArray", "useIdentity", "useTranslation", "useAttended", "StackItem", "Tabs", "isNonNullable", "ThreadComplementary", "subject", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "t", "useTranslation", "THREAD_PLUGIN", "state", "getViewState", "useCapability", "LocalThreadCapabilities", "MutableState", "viewState", "fullyQualifiedId", "showResolvedThreads", "onChangeViewState", "useCallback", "nextValue", "drafts", "threadsIntegrators", "useCapabilities", "ThreadCapabilities", "Thread", "createSort", "useMemo", "find", "p", "predicate", "sort", "threadObjects", "RefArray", "targets", "threads", "concat", "filter", "isNonNullable", "JSON", "stringify", "detachedIds", "anchor", "map", "thread", "useEffect", "a", "b", "attended", "useAttended", "qualifiedSubjectId", "handleAttend", "threadId", "current", "createIntent", "LayoutAction", "ScrollIntoView", "part", "options", "cursor", "ref", "handleComment", "text", "ThreadAction", "AddMessage", "sender", "identityDid", "did", "handleResolve", "ToggleResolved", "handleThreadDelete", "Delete", "handleMessageDelete", "messageId", "DeleteMessage", "comments", "React", "CommentsContainer", "detached", "currentId", "includes", "undefined", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "StackItem", "Content", "toolbar", "Tabs", "Root", "value", "onValueChange", "orientation", "classNames", "Tablist", "Tab", "Tabpanel", "React", "DeprecatedFormContainer", "ThreadSettings", "settings", "React", "DeprecatedFormContainer", "ChatContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "THREAD_PLUGIN", "role", "filter", "data", "subject", "ChannelType", "component", "channel", "layout", "useLayout", "currentPosition", "active", "findIndex", "objectToTheLeft", "context", "getSpace", "db", "getObjectById", "undefined", "space", "React", "ChatContainer", "dxn", "queue", "companionTo", "Array", "isArray", "threads", "ThreadComplementary", "DXN", "type", "isSpace", "SettingsStore", "prefix", "ThreadSettings", "settings", "value"]
+}

package/dist/lib/browser/{settings-K56QXNJ4.mjs → settings-4FEC7EAX.mjs}

@@ -1,15 +1,15 @@
 import {
   ThreadSettingsSchema
-} from "./chunk-OO7PQPV5.mjs";
+} from "./chunk-WOG72DWE.mjs";
 import {
   THREAD_PLUGIN
 } from "./chunk-WBJLUUOK.mjs";
 
 // packages/plugins/plugin-thread/src/capabilities/settings.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
-import { live } from "@dxos/live-object";
+import { create } from "@dxos/live-object";
 var settings_default = () => {
-  const settings = live({});
+  const settings = create({});
   return contributes(Capabilities.Settings, {
     schema: ThreadSettingsSchema,
     prefix: THREAD_PLUGIN,
@@ -19,4 +19,4 @@ var settings_default = () => {
 export {
   settings_default as default
 };
-//# sourceMappingURL=settings-K56QXNJ4.mjs.map
+//# sourceMappingURL=settings-4FEC7EAX.mjs.map

package/dist/lib/browser/settings-4FEC7EAX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/settings.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { create } from '@dxos/live-object';\n\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadSettingsProps, ThreadSettingsSchema } from '../types';\n\nexport default () => {\n  const settings = create<ThreadSettingsProps>({});\n  return contributes(Capabilities.Settings, { schema: ThreadSettingsSchema, prefix: THREAD_PLUGIN, value: settings });\n};\n"],
+  "mappings": ";;;;;;;;AAIA,SAASA,cAAcC,mBAAmB;AAC1C,SAASC,cAAc;AAKvB,IAAA,mBAAe,MAAA;AACb,QAAMC,WAAWC,OAA4B,CAAC,CAAA;AAC9C,SAAOC,YAAYC,aAAaC,UAAU;IAAEC,QAAQC;IAAsBC,QAAQC;IAAeC,OAAOT;EAAS,CAAA;AACnH;",
+  "names": ["Capabilities", "contributes", "create", "settings", "create", "contributes", "Capabilities", "Settings", "schema", "ThreadSettingsSchema", "prefix", "THREAD_PLUGIN", "value"]
+}

package/dist/lib/browser/{state-KBGI3QTR.mjs → state-PNMSLKAH.mjs}

@@ -5,16 +5,16 @@ import "./chunk-WBJLUUOK.mjs";
 
 // packages/plugins/plugin-thread/src/capabilities/state.ts
 import { contributes } from "@dxos/app-framework";
-import { live } from "@dxos/live-object";
+import { create } from "@dxos/live-object";
 var initialViewState = {
   showResolvedThreads: false
 };
 var state_default = () => {
-  const state = live({
+  const state = create({
     activities: {},
     drafts: {}
   });
-  const viewStore = live({});
+  const viewStore = create({});
   const getViewState = (subjectId) => {
     if (!viewStore[subjectId]) {
       viewStore[subjectId] = {
@@ -31,4 +31,4 @@ var state_default = () => {
 export {
   state_default as default
 };
-//# sourceMappingURL=state-KBGI3QTR.mjs.map
+//# sourceMappingURL=state-PNMSLKAH.mjs.map

package/dist/lib/browser/state-PNMSLKAH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/state.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes } from '@dxos/app-framework';\nimport { create } from '@dxos/live-object';\n\nimport { ThreadCapabilities } from './capabilities';\nimport { type ThreadState, type ViewStore } from '../types';\n\nconst initialViewState = { showResolvedThreads: false };\n\nexport default () => {\n  const state = create<ThreadState>({ activities: {}, drafts: {} });\n  const viewStore = create<ViewStore>({});\n\n  const getViewState = (subjectId: string) => {\n    if (!viewStore[subjectId]) {\n      viewStore[subjectId] = { ...initialViewState };\n    }\n    return viewStore[subjectId];\n  };\n\n  return contributes(ThreadCapabilities.State, { state, getViewState });\n};\n"],
+  "mappings": ";;;;;;AAIA,SAASA,mBAAmB;AAC5B,SAASC,cAAc;AAKvB,IAAMC,mBAAmB;EAAEC,qBAAqB;AAAM;AAEtD,IAAA,gBAAe,MAAA;AACb,QAAMC,QAAQC,OAAoB;IAAEC,YAAY,CAAC;IAAGC,QAAQ,CAAC;EAAE,CAAA;AAC/D,QAAMC,YAAYH,OAAkB,CAAC,CAAA;AAErC,QAAMI,eAAe,CAACC,cAAAA;AACpB,QAAI,CAACF,UAAUE,SAAAA,GAAY;AACzBF,gBAAUE,SAAAA,IAAa;QAAE,GAAGR;MAAiB;IAC/C;AACA,WAAOM,UAAUE,SAAAA;EACnB;AAEA,SAAOC,YAAYC,mBAAmBC,OAAO;IAAET;IAAOK;EAAa,CAAA;AACrE;",
+  "names": ["contributes", "create", "initialViewState", "showResolvedThreads", "state", "create", "activities", "drafts", "viewStore", "getViewState", "subjectId", "contributes", "ThreadCapabilities", "State"]
+}

package/dist/lib/browser/types.mjs

@@ -1,7 +1,7 @@
 import {
   ThreadAction,
   ThreadSettingsSchema
-} from "./chunk-OO7PQPV5.mjs";
+} from "./chunk-WOG72DWE.mjs";
 import "./chunk-WBJLUUOK.mjs";
 export {
   ThreadAction,

package/dist/lib/node/{ChatContainer-TUISUIY7.cjs → ChatContainer-4FNDRF3G.cjs}

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatContainer_TUISUIY7_exports = {};
-__export(ChatContainer_TUISUIY7_exports, {
+var ChatContainer_4FNDRF3G_exports = {};
+__export(ChatContainer_4FNDRF3G_exports, {
   ChatContainer: () => ChatContainer,
   ChatHeading: () => ChatHeading,
   default: () => ChatContainer_default
 });
-module.exports = __toCommonJS(ChatContainer_TUISUIY7_exports);
-var import_chunk_ETDNE4Z6 = require("./chunk-ETDNE4Z6.cjs");
-var import_chunk_NO6WQR36 = require("./chunk-NO6WQR36.cjs");
+module.exports = __toCommonJS(ChatContainer_4FNDRF3G_exports);
+var import_chunk_E7Z3BKRQ = require("./chunk-E7Z3BKRQ.cjs");
+var import_chunk_AKINTFBH = require("./chunk-AKINTFBH.cjs");
 var import_chunk_ONLWOUYZ = require("./chunk-ONLWOUYZ.cjs");
 var import_react = __toESM(require("react"));
 var import_echo_schema = require("@dxos/echo-schema");
@@ -68,14 +68,14 @@ var ChatContainer = ({ space, dxn, context, current, autoFocusTextbox }) => {
   const queue = (0, import_echo.useQueue)(dxn, {
     pollInterval: 1e3
   });
-  const activity = (0, import_chunk_NO6WQR36.useStatus)(space, id);
+  const activity = (0, import_chunk_AKINTFBH.useStatus)(space, id);
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_ONLWOUYZ.THREAD_PLUGIN);
   const [_count, _setCount] = (0, import_react.useState)(0);
   const rerenderEditor = () => _setCount((count) => count + 1);
   const [autoFocus, setAutoFocus] = (0, import_react.useState)(autoFocusTextbox);
   const threadScrollRef = (0, import_react.useRef)(null);
   const { themeMode } = (0, import_react_ui.useThemeContext)();
-  const textboxMetadata = (0, import_chunk_ETDNE4Z6.getMessageMetadata)(id, identity);
+  const textboxMetadata = (0, import_chunk_E7Z3BKRQ.getMessageMetadata)(id, identity);
   const messageRef = (0, import_react.useRef)("");
   const extensions = (0, import_react.useMemo)(() => [
     (0, import_react_ui_editor.createBasicExtensions)({
@@ -87,7 +87,7 @@ var ChatContainer = ({ space, dxn, context, current, autoFocusTextbox }) => {
     (0, import_react_ui_editor.listener)({
       onChange: (text) => messageRef.current = text
     }),
-    import_chunk_ETDNE4Z6.command
+    import_chunk_E7Z3BKRQ.command
   ], [
     themeMode,
     _count
@@ -104,7 +104,7 @@ var ChatContainer = ({ space, dxn, context, current, autoFocusTextbox }) => {
       return false;
     }
     queue.append([
-      (0, import_echo_schema.create)(import_schema.DataType.Message, {
+      (0, import_echo_schema.createStatic)(import_schema.MessageType, {
         sender: {
           identityDid: identity.did
         },
@@ -137,7 +137,7 @@ var ChatContainer = ({ space, dxn, context, current, autoFocusTextbox }) => {
   }, /* @__PURE__ */ import_react.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme.mx)(import_react_ui_thread.threadLayout, "place-self-end")
-  }, (queue?.items ?? []).map((message) => /* @__PURE__ */ import_react.default.createElement(import_chunk_ETDNE4Z6.MessageContainer, {
+  }, (queue?.items ?? []).map((message) => /* @__PURE__ */ import_react.default.createElement(import_chunk_E7Z3BKRQ.MessageContainer, {
     key: message.id,
     message,
     members
@@ -160,4 +160,4 @@ var ChatContainer_default = ChatContainer;
   ChatContainer,
   ChatHeading
 });
-//# sourceMappingURL=ChatContainer-TUISUIY7.cjs.map
+//# sourceMappingURL=ChatContainer-4FNDRF3G.cjs.map

package/dist/lib/node/ChatContainer-4FNDRF3G.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChatContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { createStatic } from '@dxos/echo-schema';\nimport { type DXN } from '@dxos/keys';\nimport { makeRef } from '@dxos/live-object';\nimport { type Space, useMembers, useQueue } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ScrollArea, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { MessageTextbox, type MessageTextboxProps, Thread, ThreadFooter, threadLayout } from '@dxos/react-ui-thread';\nimport { MessageType } from '@dxos/schema';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { type ThreadContainerProps } from './types';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\nexport const ChatHeading = ({ attendableId }: { attendableId?: string }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  return (\n    <div role='none' className='flex items-center'>\n      <StackItem.SigilButton attendableId={attendableId}>\n        <Icon icon='ph--chat--regular' size={5} />\n      </StackItem.SigilButton>\n      <StackItem.HeadingLabel attendableId={attendableId}>{t('chat heading')}</StackItem.HeadingLabel>\n    </div>\n  );\n};\n\nexport type ChatContainerProps = Omit<ThreadContainerProps, 'thread'> & {\n  space: Space;\n  dxn: DXN;\n};\n\nexport const ChatContainer = ({ space, dxn, context, current, autoFocusTextbox }: ChatContainerProps) => {\n  const id = dxn.toString();\n  const identity = useIdentity()!;\n  const members = useMembers(space?.key);\n  const queue = useQueue<MessageType>(dxn, { pollInterval: 1_000 });\n  const activity = useStatus(space, id);\n  const { t } = useTranslation(THREAD_PLUGIN);\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n  const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(id, identity);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: (text) => (messageRef.current = text) }),\n      command,\n    ],\n    [themeMode, _count],\n  );\n\n  // TODO(thure): Factor out.\n  // TODO(thure): `flex-col-reverse` does not work to start the container scrolled to the end while also using\n  //  `ScrollArea`. This is the least-bad way I found to scroll to the end on mount. Note that 0ms was insufficient\n  //  for the desired effect; this is likely hardware-dependent and should be reevaluated.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  useLayoutEffect(() => {\n    scrollToEnd('instant');\n  }, []);\n\n  // TODO(burdon): Change to model.\n  const handleCreate: MessageTextboxProps['onSend'] = () => {\n    if (!messageRef.current?.length || !queue) {\n      return false;\n    }\n\n    queue.append([\n      createStatic(MessageType, {\n        sender: { identityDid: identity.did },\n        created: new Date().toISOString(),\n        blocks: [{ type: 'text', text: messageRef.current }],\n        properties: context ? { context: makeRef(context) } : undefined,\n      }),\n    ]);\n\n    messageRef.current = '';\n    setAutoFocus(true);\n    scrollToEnd('smooth');\n    rerenderEditor();\n    return true;\n  };\n\n  return (\n    <Thread\n      current={current}\n      id={id}\n      classNames='bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0'\n    >\n      <ScrollArea.Root classNames='col-span-2'>\n        <ScrollArea.Viewport classNames='overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]'>\n          <div role='none' className={mx(threadLayout, 'place-self-end')}>\n            {(queue?.items ?? []).map((message) => (\n              <MessageContainer key={message.id} message={message} members={members} />\n            ))}\n          </div>\n          {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n          <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n          <ScrollArea.Scrollbar>\n            <ScrollArea.Thumb />\n          </ScrollArea.Scrollbar>\n        </ScrollArea.Viewport>\n      </ScrollArea.Root>\n      <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleCreate} {...textboxMetadata} />\n      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n    </Thread>\n  );\n};\n\nexport default ChatContainer;\n"],
+  "mappings": "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",
+  "names": ["ChatHeading", "attendableId", "t", "useTranslation", "THREAD_PLUGIN", "React", "div", "role", "className", "StackItem", "SigilButton", "Icon", "icon", "size", "HeadingLabel", "ChatContainer", "space", "dxn", "context", "current", "autoFocusTextbox", "id", "toString", "identity", "useIdentity", "members", "useMembers", "key", "queue", "useQueue", "pollInterval", "activity", "useStatus", "_count", "_setCount", "useState", "rerenderEditor", "count", "autoFocus", "setAutoFocus", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleCreate", "length", "append", "createStatic", "MessageType", "sender", "identityDid", "did", "created", "Date", "toISOString", "blocks", "type", "properties", "makeRef", "undefined", "Thread", "classNames", "ScrollArea", "Root", "Viewport", "mx", "threadLayout", "items", "map", "message", "MessageContainer", "ref", "Scrollbar", "Thumb", "MessageTextbox", "onSend", "ThreadFooter"]
+}

package/dist/lib/node/{app-graph-builder-MMM26FEH.cjs → app-graph-builder-HZNWT4QU.cjs}

@@ -16,28 +16,25 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var app_graph_builder_MMM26FEH_exports = {};
-__export(app_graph_builder_MMM26FEH_exports, {
+var app_graph_builder_HZNWT4QU_exports = {};
+__export(app_graph_builder_HZNWT4QU_exports, {
   default: () => app_graph_builder_default
 });
-module.exports = __toCommonJS(app_graph_builder_MMM26FEH_exports);
+module.exports = __toCommonJS(app_graph_builder_HZNWT4QU_exports);
 var import_chunk_ONLWOUYZ = require("./chunk-ONLWOUYZ.cjs");
-var import_rx_react = require("@effect-rx/rx-react");
-var import_effect = require("effect");
 var import_app_framework = require("@dxos/app-framework");
 var import_types = require("@dxos/plugin-deck/types");
 var import_plugin_graph = require("@dxos/plugin-graph");
-var import_echo = require("@dxos/react-client/echo");
 var app_graph_builder_default = (context) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.AppGraphBuilder, [
   (0, import_plugin_graph.createExtension)({
     id: `${import_chunk_ONLWOUYZ.meta.id}/comments`,
-    connector: (node) => import_rx_react.Rx.make((get) => (0, import_effect.pipe)(get(node), import_effect.Option.flatMap((node2) => (
-      // TODO(wittjosiah): Support comments on any object.
-      (0, import_echo.isLiveObject)(node2.data) && Array.isArray(node2.data.threads) ? import_effect.Option.some(node2) : import_effect.Option.none()
-    )), import_effect.Option.map((node2) => [
+    // TODO(wittjosiah): Support comments on any object.
+    // filter: (node): node is Node<ReactiveEchoObject<any>> => isEchoObject(node.data),
+    filter: (node) => !!node.data && typeof node.data === "object" && "threads" in node.data && Array.isArray(node.data.threads),
+    connector: ({ node }) => [
       {
         id: [
-          node2.id,
+          node.id,
           "comments"
         ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
         type: import_types.PLANK_COMPANION_TYPE,
@@ -54,7 +51,7 @@ var app_graph_builder_default = (context) => (0, import_app_framework.contribute
           position: "hoist"
         }
       }
-    ]), import_effect.Option.getOrElse(() => [])))
+    ]
   })
 ]);
-//# sourceMappingURL=app-graph-builder-MMM26FEH.cjs.map
+//# sourceMappingURL=app-graph-builder-HZNWT4QU.cjs.map

package/dist/lib/node/app-graph-builder-HZNWT4QU.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { type ReactiveEchoObject } from '@dxos/client/echo';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/comments`,\n      // TODO(wittjosiah): Support comments on any object.\n      // filter: (node): node is Node<ReactiveEchoObject<any>> => isEchoObject(node.data),\n      filter: (node): node is Node<ReactiveEchoObject<any>> =>\n        !!node.data && typeof node.data === 'object' && 'threads' in node.data && Array.isArray(node.data.threads),\n      connector: ({ 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    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA+D;AAE/D,mBAAgE;AAChE,0BAA2C;AAI3C,IAAA,4BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,iBAAiB;MACxCC,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;;;IAGdE,QAAQ,CAACC,SACP,CAAC,CAACA,KAAKC,QAAQ,OAAOD,KAAKC,SAAS,YAAY,aAAaD,KAAKC,QAAQC,MAAMC,QAAQH,KAAKC,KAAKG,OAAO;IAC3GC,WAAW,CAAC,EAAEL,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAYS,KAAKC,sCAAAA;QAC/BC,MAAMC;QACNR,MAAM;QACNS,YAAY;UACVC,OAAO;YAAC;YAAkB;cAAEC,IAAId,2BAAKD;YAAG;;UACxCgB,MAAM;UACNC,aAAa;UACbC,UAAU;QACZ;MACF;;EAEJ,CAAA;CACD;",
+  "names": ["context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "filter", "node", "data", "Array", "isArray", "threads", "connector", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "position"]
+}

package/dist/lib/node/{chunk-GRMB5VRN.cjs → chunk-46BSFPBV.cjs}

@@ -16,98 +16,98 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_GRMB5VRN_exports = {};
-__export(chunk_GRMB5VRN_exports, {
+var chunk_46BSFPBV_exports = {};
+__export(chunk_46BSFPBV_exports, {
   ThreadAction: () => ThreadAction,
   ThreadSettingsSchema: () => ThreadSettingsSchema
 });
-module.exports = __toCommonJS(chunk_GRMB5VRN_exports);
+module.exports = __toCommonJS(chunk_46BSFPBV_exports);
 var import_chunk_ONLWOUYZ = require("./chunk-ONLWOUYZ.cjs");
-var import_effect = require("effect");
-var import_echo = require("@dxos/echo");
+var import_echo_schema = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-space/types");
-var import_echo2 = require("@dxos/react-client/echo");
+var import_echo = require("@dxos/react-client/echo");
 var import_schema = require("@dxos/schema");
 var ThreadAction;
 (function(ThreadAction2) {
   const THREAD_ACTION = `${import_chunk_ONLWOUYZ.THREAD_PLUGIN}/action`;
-  class CreateChannel extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/create-channel`, {
-    input: import_effect.Schema.Struct({
-      spaceId: import_echo.Type.SpaceId,
-      name: import_effect.Schema.optional(import_effect.Schema.String)
+  class CreateChannel extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/create-channel`, {
+    input: import_echo_schema.S.Struct({
+      // TODO(wittjosiah): Should be SpaceId.
+      spaceId: import_echo_schema.S.String,
+      name: import_echo_schema.S.optional(import_echo_schema.S.String)
     }),
-    output: import_effect.Schema.Struct({
+    output: import_echo_schema.S.Struct({
       object: import_types.ChannelType
     })
   }) {
   }
   ThreadAction2.CreateChannel = CreateChannel;
-  class Create extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/create`, {
-    input: import_effect.Schema.Struct({
-      name: import_effect.Schema.optional(import_effect.Schema.String),
-      cursor: import_effect.Schema.String,
-      subject: import_echo2.EchoObjectSchema
+  class Create extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/create`, {
+    input: import_echo_schema.S.Struct({
+      name: import_echo_schema.S.optional(import_echo_schema.S.String),
+      cursor: import_echo_schema.S.String,
+      subject: import_echo.EchoObjectSchema
     }),
-    output: import_effect.Schema.Struct({
+    output: import_echo_schema.S.Struct({
       object: import_types.ThreadType
     })
   }) {
   }
   ThreadAction2.Create = Create;
-  class Delete extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/delete`, {
-    input: import_effect.Schema.Struct({
-      thread: import_types.ThreadType,
-      subject: import_echo2.EchoObjectSchema,
-      cursor: import_effect.Schema.optional(import_effect.Schema.String)
-    }),
-    output: import_effect.Schema.Void
-  }) {
-  }
-  ThreadAction2.Delete = Delete;
-  class Select extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/select`, {
-    input: import_effect.Schema.Struct({
-      current: import_effect.Schema.String
+  class Select extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/select`, {
+    input: import_echo_schema.S.Struct({
+      current: import_echo_schema.S.String
     }),
-    output: import_effect.Schema.Void
+    output: import_echo_schema.S.Void
   }) {
   }
   ThreadAction2.Select = Select;
-  class ToggleResolved extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/toggle-resolved`, {
-    input: import_effect.Schema.Struct({
+  class ToggleResolved extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/toggle-resolved`, {
+    input: import_echo_schema.S.Struct({
       thread: import_types.ThreadType
     }),
-    output: import_effect.Schema.Void
+    output: import_echo_schema.S.Void
   }) {
   }
   ThreadAction2.ToggleResolved = ToggleResolved;
-  class AddMessage extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/add-message`, {
-    input: import_effect.Schema.Struct({
-      subject: import_echo2.EchoObjectSchema,
+  class Delete extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/delete`, {
+    input: import_echo_schema.S.Struct({
+      thread: import_types.ThreadType,
+      subject: import_echo.EchoObjectSchema,
+      cursor: import_echo_schema.S.optional(import_echo_schema.S.String)
+    }),
+    output: import_echo_schema.S.Void
+  }) {
+  }
+  ThreadAction2.Delete = Delete;
+  class AddMessage extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/add-message`, {
+    input: import_echo_schema.S.Struct({
+      subject: import_echo.EchoObjectSchema,
       thread: import_types.ThreadType,
-      sender: import_schema.DataType.Actor,
-      text: import_effect.Schema.String
+      sender: import_schema.ActorSchema,
+      text: import_echo_schema.S.String
     }),
-    output: import_effect.Schema.Void
+    output: import_echo_schema.S.Void
   }) {
   }
   ThreadAction2.AddMessage = AddMessage;
-  class DeleteMessage extends import_effect.Schema.TaggedClass()(`${THREAD_ACTION}/delete-message`, {
-    input: import_effect.Schema.Struct({
+  class DeleteMessage extends import_echo_schema.S.TaggedClass()(`${THREAD_ACTION}/delete-message`, {
+    input: import_echo_schema.S.Struct({
       thread: import_types.ThreadType,
-      subject: import_echo2.EchoObjectSchema,
-      messageId: import_effect.Schema.String,
-      message: import_effect.Schema.optional(import_schema.DataType.Message),
-      messageIndex: import_effect.Schema.optional(import_effect.Schema.Number)
+      subject: import_echo.EchoObjectSchema,
+      messageId: import_echo_schema.S.String,
+      message: import_echo_schema.S.optional(import_schema.MessageType),
+      messageIndex: import_echo_schema.S.optional(import_echo_schema.S.Number)
     }),
-    output: import_effect.Schema.Void
+    output: import_echo_schema.S.Void
   }) {
   }
   ThreadAction2.DeleteMessage = DeleteMessage;
 })(ThreadAction || (ThreadAction = {}));
-var ThreadSettingsSchema = import_effect.Schema.mutable(import_effect.Schema.Struct({}));
+var ThreadSettingsSchema = import_echo_schema.S.mutable(import_echo_schema.S.Struct({}));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ThreadAction,
   ThreadSettingsSchema
 });
-//# sourceMappingURL=chunk-GRMB5VRN.cjs.map
+//# sourceMappingURL=chunk-46BSFPBV.cjs.map