@dxos/plugin-thread 0.8.2-main.f081794 → 0.8.2-main.fbd8ed0

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

@@ -1,4 +1,4 @@
-import "./chunk-2S7HPWRY.mjs";
+import "./chunk-YRGWE35W.mjs";
 import {
   ThreadCapabilities
 } from "./chunk-EP6MRLY7.mjs";
@@ -6,13 +6,13 @@ import {
   MessageContainer,
   command,
   getMessageMetadata
-} from "./chunk-FY5OCUP6.mjs";
+} from "./chunk-I3JK6CBS.mjs";
 import {
   useStatus
-} from "./chunk-AYNXYEKP.mjs";
+} from "./chunk-32EIWOAL.mjs";
 import {
   ThreadAction
-} from "./chunk-WOG72DWE.mjs";
+} from "./chunk-OO7PQPV5.mjs";
 import {
   THREAD_PLUGIN
 } from "./chunk-WBJLUUOK.mjs";
@@ -44,8 +44,9 @@ 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.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
+  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: label
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "ghost",
     "data-testid": "thread.toggle-resolved",
@@ -61,13 +62,14 @@ 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.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
+  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: label
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "ghost",
     "data-testid": "thread.delete",
@@ -80,9 +82,7 @@ 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,14 +151,13 @@ 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.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
+  }, detached ? /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: t("detached thread label"),
+    side: "top"
   }, /* @__PURE__ */ React.createElement(ThreadHeading, {
     detached: true
-  }, 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", {
+  }, thread.name)) : /* @__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"
@@ -191,7 +190,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 { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
+import { descriptionMessage, 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"));
@@ -216,7 +215,7 @@ var CommentsContainer = ({ threads, detached = [], currentId, showResolvedThread
     });
   }) : /* @__PURE__ */ React2.createElement("div", {
     role: "alert",
-    className: mx2(descriptionText, "place-self-center border border-dashed border-unAccent rounded-lg text-center p-4 m-4")
+    className: mx2(descriptionMessage, "place-self-center rounded-lg text-center 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, {
@@ -380,7 +379,7 @@ var ThreadSettings = ({ settings }) => {
 };
 
 // packages/plugins/plugin-thread/src/components/index.ts
-var ChatContainer = lazy(() => import("./ChatContainer-WC6KQDDU.mjs"));
+var ChatContainer = lazy(() => import("./ChatContainer-H4XTHM3A.mjs"));
 
 // packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
 var react_surface_default = () => contributes(Capabilities.ReactSurface, [
@@ -434,4 +433,4 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-KAPIXG2M.mjs.map
+//# sourceMappingURL=react-surface-7DJZKIOK.mjs.map

package/dist/lib/browser/react-surface-7DJZKIOK.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.Trigger asChild content={label}>\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  );\n};\n\nconst DeleteThreadButton = ({ onDelete }: { onDelete: () => void }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t('delete thread label');\n  return (\n    <Tooltip.Trigger asChild content={label}>\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  );\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.Trigger asChild content={t('detached thread label')} side='top'>\n            <ThreadHeading detached>{thread.name}</ThreadHeading>\n          </Tooltip.Trigger>\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 { descriptionMessage, 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 role='alert' className={mx(descriptionMessage, 'place-self-center rounded-lg text-center m-4')}>\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,SAAO;IAACC,SAAAA;IAAQC,SAASJ;KAChC,sBAAA,cAACK,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;;AAIpG;AAEA,IAAMwB,qBAAqB,CAAC,EAAEC,SAAQ,MAA4B;AAChE,QAAM,EAAEnB,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMC,QAAQH,EAAE,qBAAA;AAChB,SACE,sBAAA,cAACI,QAAQC,SAAO;IAACC,SAAAA;IAAQC,SAASJ;KAChC,sBAAA,cAACK,QAAAA;IACCC,SAAQ;IACRC,eAAY;IACZC,SAASQ;IACTP,YAAY;MAAChB;MAA0BiB;;KAEvC,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAWZ,KAAAA,GAC3B,sBAAA,cAACiB,GAAAA;IAAEL,WAAWrB;;AAItB;AAEO,IAAM2B,mBAAmB,CAAC,EAC/BC,QACAC,UACAC,SACAC,UACAC,WACA3B,WACA4B,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,EAAEtB,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMqC,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,aAAatD,EAAE,qBAAA;IAAuB,CAAA;IAC9DuD,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,MAAMnE,YAAYuB,MAAAA,GAAS;IAACvB;IAAWuB;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;IACL7D,WAAW8D,GACT,gEACAC,mBACAC,8BAAAA;KAGDxD,WACC,sBAAA,cAACnB,QAAQC,SAAO;IAACC,SAAAA;IAAQC,SAASP,EAAE,uBAAA;IAA0BgF,MAAK;KACjE,sBAAA,cAACC,eAAAA;IAAc1D,UAAAA;KAAUD,OAAO4D,IAAI,CAAA,IAGtC,sBAAA,cAACD,eAAAA,MAAe3D,OAAO4D,IAAI,GAE7B,sBAAA,cAACP,OAAAA;IAAI5D,WAAU;KACZO,OAAO6D,WAAW,YAAY,sBAAA,cAACC,KAAAA;IAAIC,SAAQ;KAAWrF,EAAE,cAAA,CAAA,GACxDD,aAAa,EAAEuB,QAAQ6D,WAAW,aACjC,sBAAA,cAACtF,sBAAAA;IAAqBC,YAAYwB,QAAQ6D,WAAW;IAAYpF,WAAWoE;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;KAAqBpC,EAAE,kBAAA,CAAA,GAErC,sBAAA,cAAC2E,OAAAA;IAAIC,MAAK;IAAO7D,WAAU;IAAgBmF,KAAK3D;;AAGtD;;;AC9KA,SAAS4D,gBAAgB;AACzB,OAAOC,UAASC,iBAAiB;AAGjC,SAASC,oBAAAA,yBAAwB;AACjC,SAASC,kBAAAA,iBAAgBC,aAAa;AACtC,SAASC,oBAAoBC,MAAAA,WAAU;AAmBhC,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;IAAIC,MAAK;IAAQC,WAAWC,IAAGC,oBAAoB,8CAAA;KAClD,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;;;AC1EA,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", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "classNames", "hoverableControlItem", "span", "className", "CheckCircle", "weight", "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", "side", "ThreadHeading", "name", "status", "Tag", "palette", "RefArray", "targets", "messages", "filter", "isNonNullable", "map", "message", "MessageContainer", "editable", "MessageTextbox", "onSend", "ThreadFooter", "ref", "ChatText", "React", "useEffect", "fullyQualifiedId", "useTranslation", "Trans", "descriptionMessage", "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", "descriptionMessage", "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-2VZ7S4SK.mjs → settings-K56QXNJ4.mjs}

@@ -1,6 +1,6 @@
 import {
   ThreadSettingsSchema
-} from "./chunk-WOG72DWE.mjs";
+} from "./chunk-OO7PQPV5.mjs";
 import {
   THREAD_PLUGIN
 } from "./chunk-WBJLUUOK.mjs";
@@ -19,4 +19,4 @@ var settings_default = () => {
 export {
   settings_default as default
 };
-//# sourceMappingURL=settings-2VZ7S4SK.mjs.map
+//# sourceMappingURL=settings-K56QXNJ4.mjs.map

package/dist/lib/browser/types.mjs

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

package/dist/lib/node/{ChatContainer-LVYQ67PJ.cjs → ChatContainer-TUISUIY7.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_LVYQ67PJ_exports = {};
-__export(ChatContainer_LVYQ67PJ_exports, {
+var ChatContainer_TUISUIY7_exports = {};
+__export(ChatContainer_TUISUIY7_exports, {
   ChatContainer: () => ChatContainer,
   ChatHeading: () => ChatHeading,
   default: () => ChatContainer_default
 });
-module.exports = __toCommonJS(ChatContainer_LVYQ67PJ_exports);
-var import_chunk_RIYLEDQ7 = require("./chunk-RIYLEDQ7.cjs");
-var import_chunk_W25MBII2 = require("./chunk-W25MBII2.cjs");
+module.exports = __toCommonJS(ChatContainer_TUISUIY7_exports);
+var import_chunk_ETDNE4Z6 = require("./chunk-ETDNE4Z6.cjs");
+var import_chunk_NO6WQR36 = require("./chunk-NO6WQR36.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_W25MBII2.useStatus)(space, id);
+  const activity = (0, import_chunk_NO6WQR36.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_RIYLEDQ7.getMessageMetadata)(id, identity);
+  const textboxMetadata = (0, import_chunk_ETDNE4Z6.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_RIYLEDQ7.command
+    import_chunk_ETDNE4Z6.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.MessageType, {
+      (0, import_echo_schema.create)(import_schema.DataType.Message, {
         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_RIYLEDQ7.MessageContainer, {
+  }, (queue?.items ?? []).map((message) => /* @__PURE__ */ import_react.default.createElement(import_chunk_ETDNE4Z6.MessageContainer, {
     key: message.id,
     message,
     members
@@ -160,4 +160,4 @@ var ChatContainer_default = ChatContainer;
   ChatContainer,
   ChatHeading
 });
-//# sourceMappingURL=ChatContainer-LVYQ67PJ.cjs.map
+//# sourceMappingURL=ChatContainer-TUISUIY7.cjs.map

package/dist/lib/node/ChatContainer-TUISUIY7.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 { create } 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 { DataType } 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<DataType.Message>(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      create(DataType.Message, {\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", "create", "DataType", "Message", "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-HZNWT4QU.cjs → app-graph-builder-MMM26FEH.cjs}

@@ -16,25 +16,28 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var app_graph_builder_HZNWT4QU_exports = {};
-__export(app_graph_builder_HZNWT4QU_exports, {
+var app_graph_builder_MMM26FEH_exports = {};
+__export(app_graph_builder_MMM26FEH_exports, {
   default: () => app_graph_builder_default
 });
-module.exports = __toCommonJS(app_graph_builder_HZNWT4QU_exports);
+module.exports = __toCommonJS(app_graph_builder_MMM26FEH_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`,
-    // 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 }) => [
+    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) => [
       {
         id: [
-          node.id,
+          node2.id,
           "comments"
         ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
         type: import_types.PLANK_COMPANION_TYPE,
@@ -51,7 +54,7 @@ var app_graph_builder_default = (context) => (0, import_app_framework.contribute
           position: "hoist"
         }
       }
-    ]
+    ]), import_effect.Option.getOrElse(() => [])))
   })
 ]);
-//# sourceMappingURL=app-graph-builder-HZNWT4QU.cjs.map
+//# sourceMappingURL=app-graph-builder-MMM26FEH.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension } from '@dxos/plugin-graph';\nimport { isLiveObject } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/comments`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) =>\n              // TODO(wittjosiah): Support comments on any object.\n              isLiveObject(node.data) && Array.isArray(node.data.threads) ? Option.some(node) : Option.none(),\n            ),\n            Option.map((node) => [\n              {\n                id: [node.id, 'comments'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'comments',\n                properties: {\n                  label: ['comments label', { ns: meta.id }],\n                  icon: 'ph--chat-text--regular',\n                  disposition: 'hidden',\n                  position: 'hoist',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,sBAAmB;AACnB,oBAA6B;AAE7B,2BAA8D;AAC9D,mBAAgE;AAChE,0BAAgC;AAChC,kBAA6B;AAI7B,IAAA,4BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,iBAAiB;MACxCC,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,mBAAGC,KAAK,CAACC,YACPC,oBACED,IAAIH,IAAAA,GACJK,qBAAOC,QAAQ,CAACN;;UAEdO,0BAAaP,MAAKQ,IAAI,KAAKC,MAAMC,QAAQV,MAAKQ,KAAKG,OAAO,IAAIN,qBAAOO,KAAKZ,KAAAA,IAAQK,qBAAOQ,KAAI;KAAA,GAE/FR,qBAAOS,IAAI,CAACd,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAYkB,KAAKC,sCAAAA;QAC/BC,MAAMC;QACNV,MAAM;QACNW,YAAY;UACVC,OAAO;YAAC;YAAkB;cAAEC,IAAIvB,2BAAKD;YAAG;;UACxCyB,MAAM;UACNC,aAAa;UACbC,UAAU;QACZ;MACF;KACD,GACDnB,qBAAOoB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
+  "names": ["context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "isLiveObject", "data", "Array", "isArray", "threads", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "position", "getOrElse"]
+}

package/dist/lib/node/{chunk-BASYS5Q5.cjs → chunk-AZ275P4V.cjs}

@@ -26,21 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_BASYS5Q5_exports = {};
-__export(chunk_BASYS5Q5_exports, {
+var chunk_AZ275P4V_exports = {};
+__export(chunk_AZ275P4V_exports, {
   AppGraphBuilder: () => AppGraphBuilder,
   IntentResolver: () => IntentResolver,
   Markdown: () => Markdown,
   ReactSurface: () => ReactSurface,
   ThreadState: () => ThreadState
 });
-module.exports = __toCommonJS(chunk_BASYS5Q5_exports);
+module.exports = __toCommonJS(chunk_AZ275P4V_exports);
 var import_app_framework = require("@dxos/app-framework");
-var AppGraphBuilder = (0, import_app_framework.lazy)(() => import("./app-graph-builder-HZNWT4QU.cjs"));
-var IntentResolver = (0, import_app_framework.lazy)(() => import("./intent-resolver-DC6HDNTX.cjs"));
-var Markdown = (0, import_app_framework.lazy)(() => import("./markdown-L2WMCQKM.cjs"));
-var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-5USFRCS3.cjs"));
-var ThreadSettings = (0, import_app_framework.lazy)(() => import("./settings-7MGTJ46L.cjs"));
+var AppGraphBuilder = (0, import_app_framework.lazy)(() => import("./app-graph-builder-MMM26FEH.cjs"));
+var IntentResolver = (0, import_app_framework.lazy)(() => import("./intent-resolver-MNTL32W2.cjs"));
+var Markdown = (0, import_app_framework.lazy)(() => import("./markdown-25NI6Q4Y.cjs"));
+var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-KGUZJVRL.cjs"));
+var ThreadSettings = (0, import_app_framework.lazy)(() => import("./settings-4WLSO726.cjs"));
 var ThreadState = (0, import_app_framework.lazy)(() => import("./state-FOHMAVSU.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -50,4 +50,4 @@ var ThreadState = (0, import_app_framework.lazy)(() => import("./state-FOHMAVSU.
   ReactSurface,
   ThreadState
 });
-//# sourceMappingURL=chunk-BASYS5Q5.cjs.map
+//# sourceMappingURL=chunk-AZ275P4V.cjs.map

package/dist/lib/node/{chunk-RIYLEDQ7.cjs → chunk-ETDNE4Z6.cjs}

@@ -26,14 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_RIYLEDQ7_exports = {};
-__export(chunk_RIYLEDQ7_exports, {
+var chunk_ETDNE4Z6_exports = {};
+__export(chunk_ETDNE4Z6_exports, {
   MessageContainer: () => MessageContainer,
   command: () => command,
   getMessageMetadata: () => getMessageMetadata
 });
-module.exports = __toCommonJS(chunk_RIYLEDQ7_exports);
-var import_chunk_W25MBII2 = require("./chunk-W25MBII2.cjs");
+module.exports = __toCommonJS(chunk_ETDNE4Z6_exports);
+var import_chunk_NO6WQR36 = require("./chunk-NO6WQR36.cjs");
 var import_chunk_ONLWOUYZ = require("./chunk-ONLWOUYZ.cjs");
 var import_language = require("@codemirror/language");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
@@ -107,7 +107,7 @@ var MessageContainer = ({ message, members, editable = false, onDelete }) => {
   const deleteLabel = t("delete message label");
   const textBlock = message.blocks.find((block) => block.type === "text");
   const references = message.blocks.filter((block) => block.type === "reference").map((block) => block.reference);
-  (0, import_chunk_W25MBII2.useOnEditAnalytics)(message, textBlock, !!editing);
+  (0, import_chunk_NO6WQR36.useOnEditAnalytics)(message, textBlock, !!editing);
   return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_thread.MessageRoot, {
     ...messageMetadata,
     classNames: [
@@ -119,8 +119,9 @@ var MessageContainer = ({ message, members, editable = false, onDelete }) => {
     timestamp: messageMetadata.timestamp
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ButtonGroup, {
     classNames: "mie-1"
-  }, userIsAuthor && editable && /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Trigger, {
-    asChild: true
+  }, userIsAuthor && editable && /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Trigger, {
+    asChild: true,
+    content: editLabel
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
     variant: "ghost",
     "data-testid": editing ? "thread.message.save" : "thread.message.edit",
@@ -132,8 +133,9 @@ var MessageContainer = ({ message, members, editable = false, onDelete }) => {
     className: (0, import_react_ui_theme2.getSize)(4)
   }) : /* @__PURE__ */ import_react2.default.createElement(import_react.PencilSimple, {
     className: (0, import_react_ui_theme2.getSize)(4)
-  }))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Content, null, editLabel, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Arrow, null)))), onDelete && /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Trigger, {
-    asChild: true
+  }))), onDelete && /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Trigger, {
+    asChild: true,
+    content: deleteLabel
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
     variant: "ghost",
     "data-testid": "thread.message.delete",
@@ -143,7 +145,7 @@ var MessageContainer = ({ message, members, editable = false, onDelete }) => {
     className: "sr-only"
   }, deleteLabel), /* @__PURE__ */ import_react2.default.createElement(import_react.X, {
     className: (0, import_react_ui_theme2.getSize)(4)
-  }))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Content, null, deleteLabel, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Arrow, null)))))), textBlock && /* @__PURE__ */ import_react2.default.createElement(TextboxBlock, {
+  }))))), textBlock && /* @__PURE__ */ import_react2.default.createElement(TextboxBlock, {
     block: textBlock,
     isAuthor: userIsAuthor,
     editing
@@ -229,4 +231,4 @@ var MessageBlockObjectTile = /* @__PURE__ */ (0, import_react2.forwardRef)(({ su
   command,
   getMessageMetadata
 });
-//# sourceMappingURL=chunk-RIYLEDQ7.cjs.map
+//# sourceMappingURL=chunk-ETDNE4Z6.cjs.map

package/dist/lib/node/chunk-ETDNE4Z6.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/command-extension.ts", "../../../src/util.ts", "../../../src/components/MessageContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts\n */\nconst parser = StreamLanguage.define<{ count: number }>({\n  startState: () => ({ count: 0 }),\n  token: (stream, state) => {\n    state.count++;\n    if (stream.eatSpace()) {\n      return null;\n    }\n    if (state.count === 1 && stream.match(/^(\\/\\w+)/)) {\n      return 'tagName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\nconst styles = HighlightStyle.define([\n  { tag: tags.tagName, class: mx('dx-tag dx-tag--indigo text-baseText font-medium') },\n]);\n\nexport const command: Extension = [parser, syntaxHighlighting(styles)];\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { generateName } from '@dxos/display-name';\nimport { type PublicKey } from '@dxos/react-client';\nimport { type Identity } from '@dxos/react-client/halo';\nimport { type MessageMetadata } from '@dxos/react-ui-thread';\nimport { hexToFallback } from '@dxos/util';\n\nexport type MessagePropertiesProvider = (identityKey: PublicKey | undefined) => MessageMetadata;\n\nexport const getMessageMetadata = (id: string, identity?: Identity): MessageMetadata => {\n  const fallback = hexToFallback(identity?.identityKey.toHex() ?? '0');\n  return {\n    id,\n    authorId: identity?.did,\n    authorName:\n      identity?.profile?.displayName ??\n      (identity?.identityKey ? generateName(identity.identityKey.toHex()) : undefined),\n    authorAvatarProps: {\n      hue: identity?.profile?.data?.hue ?? fallback.hue,\n      emoji: identity?.profile?.data?.emoji ?? fallback.emoji,\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { Check, PencilSimple, X } from '@phosphor-icons/react';\nimport React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { RefArray } from '@dxos/live-object';\nimport { PublicKey } from '@dxos/react-client';\nimport { type AnyLiveObject, type Expando, type SpaceMember } from '@dxos/react-client/echo';\nimport { useIdentity, type Identity } from '@dxos/react-client/halo';\nimport { Button, ButtonGroup, Tooltip, useOnTransition, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, useTextEditor } from '@dxos/react-ui-editor';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport { MessageHeading, MessageRoot } from '@dxos/react-ui-thread';\nimport { type DataType } from '@dxos/schema';\n\nimport { command } from './command-extension';\nimport { useOnEditAnalytics } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\n// TODO(thure): #8149\nconst messageControlClassNames = ['!p-1 !min-bs-0 transition-opacity', hoverableControlItem];\n\nexport type MessageContainerProps = {\n  message: DataType.Message;\n  members: SpaceMember[];\n  editable?: boolean;\n  onDelete?: (id: string) => void;\n};\n\nexport const MessageContainer = ({ message, members, editable = false, onDelete }: MessageContainerProps) => {\n  const senderIdentity = members.find(\n    (member) =>\n      (message.sender.identityDid && member.identity.did === message.sender.identityDid) ||\n      (message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey)),\n  )?.identity;\n  const messageMetadata = getMessageMetadata(message.id, senderIdentity);\n  const userIsAuthor = useIdentity()?.did === messageMetadata.authorId;\n  const [editing, setEditing] = useState(false);\n  const handleDelete = useCallback(() => onDelete?.(message.id), [message, onDelete]);\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const editLabel = t(editing ? 'save message label' : 'edit message label');\n  const deleteLabel = t('delete message label');\n  const textBlock = message.blocks.find((block) => block.type === 'text');\n  const references = message.blocks.filter((block) => block.type === 'reference').map((block) => block.reference);\n\n  useOnEditAnalytics(message, textBlock, !!editing);\n\n  return (\n    <MessageRoot {...messageMetadata} classNames={[hoverableControls, hoverableFocusedWithinControls]}>\n      <MessageHeading authorName={messageMetadata.authorName} timestamp={messageMetadata.timestamp}>\n        <ButtonGroup classNames='mie-1'>\n          {userIsAuthor && editable && (\n            <Tooltip.Trigger asChild content={editLabel}>\n              <Button\n                variant='ghost'\n                data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n                classNames={messageControlClassNames}\n                onClick={() => setEditing((editing) => !editing)}\n              >\n                <span className='sr-only'>{editLabel}</span>\n                {editing ? <Check className={getSize(4)} /> : <PencilSimple className={getSize(4)} />}\n              </Button>\n            </Tooltip.Trigger>\n          )}\n          {onDelete && (\n            <Tooltip.Trigger asChild content={deleteLabel}>\n              <Button\n                variant='ghost'\n                data-testid='thread.message.delete'\n                classNames={messageControlClassNames}\n                onClick={() => handleDelete()}\n              >\n                <span className='sr-only'>{deleteLabel}</span>\n                <X className={getSize(4)} />\n              </Button>\n            </Tooltip.Trigger>\n          )}\n        </ButtonGroup>\n      </MessageHeading>\n      {textBlock && <TextboxBlock block={textBlock} isAuthor={userIsAuthor} editing={editing} />}\n      {RefArray.targets(references).map((reference, index) => (\n        <MessagePart key={index} part={reference} />\n      ))}\n    </MessageRoot>\n  );\n};\n\nconst MessagePart = ({ part }: { part: Expando }) => {\n  return <MessageBlockObjectTile subject={part} />;\n};\n\nconst TextboxBlock = ({\n  block,\n  isAuthor,\n  editing,\n}: {\n  block: DataType.MessageBlock.Text;\n  editing?: boolean;\n  isAuthor?: boolean;\n  identity?: Identity;\n}) => {\n  const { themeMode } = useThemeContext();\n  const inMemoryContentRef = useRef(block.text);\n\n  const handleDocumentChange = useCallback((newState: string) => {\n    inMemoryContentRef.current = newState;\n  }, []);\n\n  const saveDocumentChange = useCallback(() => {\n    block.text = inMemoryContentRef.current;\n  }, [block]);\n\n  useOnTransition(editing, true, false, saveDocumentChange);\n\n  const { parentRef, focusAttributes, view } = useTextEditor(\n    () => ({\n      initialValue: block.text,\n      extensions: [\n        createBasicExtensions({ readOnly: !isAuthor || !editing }),\n        createThemeExtensions({ themeMode }),\n        command,\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) {\n            handleDocumentChange(update.state.doc.toString());\n          }\n        }),\n      ],\n    }),\n    [block.text, editing, isAuthor, themeMode, handleDocumentChange],\n  );\n\n  useEffect(() => {\n    editing && view?.focus();\n  }, [editing, view]);\n\n  return <div role='none' ref={parentRef} className='mie-4' {...focusAttributes} />;\n};\n\nconst MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: AnyLiveObject<any> }>(\n  ({ subject }, forwardedRef) => {\n    let title = subject.name ?? subject.title ?? subject.type ?? 'Object';\n    if (typeof title !== 'string') {\n      title = title?.content ?? '';\n    }\n\n    return (\n      <div\n        role='group'\n        className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}\n        ref={forwardedRef}\n      >\n        <Surface role='card' limit={1} data={{ subject }} fallback={title} />\n      </div>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react_ui_editor", "import_react_ui_theme", "parser", "StreamLanguage", "define", "startState", "count", "token", "stream", "state", "eatSpace", "match", "next", "styles", "HighlightStyle", "tag", "tags", "tagName", "class", "mx", "command", "syntaxHighlighting", "getMessageMetadata", "id", "identity", "fallback", "hexToFallback", "identityKey", "toHex", "authorId", "did", "authorName", "profile", "displayName", "generateName", "undefined", "authorAvatarProps", "hue", "data", "emoji", "messageControlClassNames", "hoverableControlItem", "MessageContainer", "message", "members", "editable", "onDelete", "senderIdentity", "find", "member", "sender", "identityDid", "PublicKey", "equals", "messageMetadata", "userIsAuthor", "useIdentity", "editing", "setEditing", "useState", "handleDelete", "useCallback", "t", "useTranslation", "THREAD_PLUGIN", "editLabel", "deleteLabel", "textBlock", "blocks", "block", "type", "references", "filter", "map", "reference", "useOnEditAnalytics", "React", "MessageRoot", "classNames", "hoverableControls", "hoverableFocusedWithinControls", "MessageHeading", "timestamp", "ButtonGroup", "Tooltip", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "span", "className", "Check", "getSize", "PencilSimple", "X", "TextboxBlock", "isAuthor", "RefArray", "targets", "index", "MessagePart", "key", "part", "MessageBlockObjectTile", "subject", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "text", "handleDocumentChange", "newState", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readOnly", "createThemeExtensions", "EditorView", "updateListener", "of", "update", "docChanged", "doc", "toString", "useEffect", "focus", "div", "role", "ref", "forwardRef", "forwardedRef", "title", "name", "Surface", "limit"]
+}