@dxos/plugin-thread 0.7.4-staging.f7e8224 → 0.7.5-labs.071a3e2

package/dist/lib/browser/react-surface-LDPZN456.mjs

@@ -0,0 +1,424 @@
+import "./chunk-L4QHQNDC.mjs";
+import {
+  ThreadCapabilities
+} from "./chunk-NAO3LZMZ.mjs";
+import {
+  MessageContainer,
+  command,
+  getMessageMetadata
+} from "./chunk-5EQVG4L3.mjs";
+import {
+  useStatus
+} from "./chunk-BNEWNQBO.mjs";
+import {
+  ThreadAction
+} from "./chunk-NO5AZLUZ.mjs";
+import {
+  THREAD_PLUGIN
+} from "./chunk-636QDHE3.mjs";
+
+// packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
+import React5 from "react";
+import { Capabilities, contributes, createSurface, useLayout } from "@dxos/app-framework";
+import { SettingsStore } from "@dxos/local-storage";
+import { log } from "@dxos/log";
+import { ChannelType } from "@dxos/plugin-space/types";
+import { getSpace as getSpace2 } from "@dxos/react-client/echo";
+
+// packages/plugins/plugin-thread/src/components/index.ts
+import { lazy } from "react";
+
+// packages/plugins/plugin-thread/src/components/CommentContainer.tsx
+import { CheckCircle, X } from "@phosphor-icons/react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { RefArray } from "@dxos/live-object";
+import { fullyQualifiedId, getSpace, useMembers } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Button, Tag, Tooltip, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/react-ui-editor";
+import { getSize, hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from "@dxos/react-ui-theme";
+import { MessageTextbox, Thread, ThreadFooter, ThreadHeading } from "@dxos/react-ui-thread";
+import { nonNullable } from "@dxos/util";
+var sizeClass = getSize(4);
+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
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    "data-testid": "thread.toggle-resolved",
+    onClick: onResolve,
+    classNames: [
+      commentControlClassNames,
+      !isResolved && hoverableControlItem
+    ]
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "sr-only"
+  }, label), isResolved ? /* @__PURE__ */ React.createElement(CheckCircle, {
+    className: sizeClass,
+    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
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    "data-testid": "thread.delete",
+    onClick: onDelete,
+    classNames: [
+      commentControlClassNames,
+      hoverableControlItem
+    ]
+  }, /* @__PURE__ */ React.createElement("span", {
+    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();
+  const space = getSpace(thread);
+  const members = useMembers(space?.key);
+  const activity = useStatus(space, fullyQualifiedId(thread));
+  const { t } = useTranslation(THREAD_PLUGIN);
+  const threadScrollRef = useRef(null);
+  const { themeMode } = useThemeContext();
+  const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);
+  const [_count, _setCount] = useState(0);
+  const rerenderEditor = () => _setCount((count) => count + 1);
+  const messageRef = useRef("");
+  const extensions = useMemo(() => [
+    createBasicExtensions({
+      placeholder: t("message placeholder")
+    }),
+    createThemeExtensions({
+      themeMode
+    }),
+    listener({
+      onChange: (text) => messageRef.current = text
+    }),
+    command
+  ], [
+    _count
+  ]);
+  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
+    behavior,
+    block: "end"
+  }), 10);
+  const handleAttend = useCallback(() => onAttend?.(thread), [
+    onAttend,
+    thread
+  ]);
+  const handleResolve = useCallback(() => onResolve?.(thread), [
+    onResolve,
+    thread
+  ]);
+  const handleMessageDelete = useCallback((id) => onMessageDelete?.(thread, id), [
+    onMessageDelete,
+    thread
+  ]);
+  const handleThreadDelete = useCallback(() => onThreadDelete?.(thread), [
+    onThreadDelete,
+    thread
+  ]);
+  const handleComment = useCallback(() => {
+    if (!messageRef.current) {
+      return false;
+    }
+    onComment?.(thread, messageRef.current);
+    messageRef.current = "";
+    scrollToEnd("instant");
+    rerenderEditor();
+    return true;
+  }, [
+    thread,
+    identity
+  ]);
+  return /* @__PURE__ */ React.createElement(Thread, {
+    onClickCapture: handleAttend,
+    onFocusCapture: handleAttend,
+    current,
+    id: fullyQualifiedId(thread)
+  }, /* @__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
+  }, /* @__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", {
+    className: "flex flex-row items-center pli-1"
+  }, thread.status === "staged" && /* @__PURE__ */ React.createElement(Tag, {
+    palette: "neutral"
+  }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React.createElement(ToggleResolvedButton, {
+    isResolved: thread?.status === "resolved",
+    onResolve: handleResolve
+  }), onThreadDelete && /* @__PURE__ */ React.createElement(DeleteThreadButton, {
+    onDelete: handleThreadDelete
+  }))), RefArray.allResolvedTargets(thread.messages?.filter(nonNullable) ?? []).map((message) => /* @__PURE__ */ React.createElement(MessageContainer, {
+    key: message.id,
+    message,
+    members,
+    onDelete: handleMessageDelete
+  })), /* @__PURE__ */ React.createElement(MessageTextbox, {
+    extensions,
+    onSend: handleComment,
+    ...textboxMetadata
+  }), /* @__PURE__ */ React.createElement(ThreadFooter, {
+    activity
+  }, t("activity message")), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "bs-px -mbs-px",
+    ref: threadScrollRef
+  }));
+};
+
+// packages/plugins/plugin-thread/src/components/CommentsContainer.tsx
+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";
+var CommentsContainer = ({ threads, detached = [], currentId, showResolvedThreads, ...props }) => {
+  const { t } = useTranslation2(THREAD_PLUGIN);
+  const filteredThreads = showResolvedThreads ? threads : threads.filter((thread) => !(thread?.status === "resolved"));
+  useEffect(() => {
+    if (currentId) {
+      document.getElementById(currentId)?.scrollIntoView({
+        behavior: "smooth",
+        block: "end"
+      });
+    }
+  }, [
+    currentId
+  ]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, filteredThreads.length > 0 ? filteredThreads.map((thread) => {
+    const threadId = fullyQualifiedId2(thread);
+    return /* @__PURE__ */ React2.createElement(CommentContainer, {
+      key: threadId,
+      thread,
+      current: currentId === threadId,
+      detached: detached.includes(threadId),
+      ...props
+    });
+  }) : /* @__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")
+  }, /* @__PURE__ */ React2.createElement("h2", {
+    className: "mbe-2 font-medium text-baseText"
+  }, t("no comments title")), /* @__PURE__ */ React2.createElement("p", null, /* @__PURE__ */ React2.createElement(Trans, {
+    t,
+    i18nKey: "no comments message",
+    components: {
+      commentIcon: /* @__PURE__ */ React2.createElement(ChatText, {
+        className: "inline-block"
+      })
+    }
+  }))));
+};
+
+// packages/plugins/plugin-thread/src/components/ThreadComplementary.tsx
+import React3, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2 } from "react";
+import { createIntent, LayoutAction, useCapability, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
+import { ThreadCapabilities as ThreadCapabilities2 } from "@dxos/plugin-space";
+import { MessageType } from "@dxos/plugin-space/types";
+import { create, fullyQualifiedId as fullyQualifiedId3, makeRef, RefArray as RefArray2 } from "@dxos/react-client/echo";
+import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
+import { useAttended } from "@dxos/react-ui-attention";
+import { nonNullable as nonNullable2 } from "@dxos/util";
+var ThreadComplementary = ({ subject }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const identity = useIdentity2();
+  const { state, getViewState } = useCapability(ThreadCapabilities.MutableState);
+  const { showResolvedThreads } = getViewState(fullyQualifiedId3(subject));
+  const drafts = state.drafts[fullyQualifiedId3(subject)];
+  const threadsIntegrators = useCapabilities(ThreadCapabilities2.Thread);
+  const createSort = useMemo2(() => threadsIntegrators.find((p) => p.predicate(subject))?.createSort, [
+    threadsIntegrators,
+    subject
+  ]);
+  const sort = useMemo2(() => createSort?.(subject), [
+    createSort,
+    subject
+  ]);
+  const threadObjects = RefArray2.allResolvedTargets(subject.threads ?? []);
+  const threads = useMemo2(() => {
+    return threadObjects.concat(drafts ?? []).filter(nonNullable2);
+  }, [
+    JSON.stringify(threadObjects),
+    JSON.stringify(drafts)
+  ]);
+  const detachedIds = useMemo2(() => {
+    return threads.filter(({ anchor }) => !anchor).map((thread) => fullyQualifiedId3(thread));
+  }, [
+    threads
+  ]);
+  useEffect2(() => {
+    if (!sort) {
+      return;
+    }
+    threads.sort((a, b) => sort(a?.anchor, b?.anchor));
+  }, [
+    sort,
+    threads
+  ]);
+  const attended = useAttended();
+  const qualifiedSubjectId = fullyQualifiedId3(subject);
+  const handleAttend = useCallback2((thread) => {
+    const threadId = fullyQualifiedId3(thread);
+    if (state.current !== threadId) {
+      state.current = threadId;
+      void dispatch(createIntent(LayoutAction.ScrollIntoView, {
+        part: "current",
+        subject: fullyQualifiedId3(subject),
+        options: {
+          cursor: thread.anchor,
+          ref: threadId
+        }
+      }));
+    }
+  }, [
+    state.current,
+    dispatch,
+    subject
+  ]);
+  const handleComment = useCallback2(async (thread, message) => {
+    thread.messages.push(makeRef(create(MessageType, {
+      sender: {
+        identityKey: identity?.identityKey.toHex()
+      },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      text: message
+    })));
+    await dispatch(createIntent(ThreadAction.OnMessageAdd, {
+      thread,
+      subject
+    }));
+    state.current = fullyQualifiedId3(thread);
+  }, [
+    dispatch,
+    identity,
+    subject
+  ]);
+  const handleResolve = useCallback2((thread) => dispatch(createIntent(ThreadAction.ToggleResolved, {
+    thread
+  })), [
+    dispatch
+  ]);
+  const handleThreadDelete = useCallback2((thread) => dispatch(createIntent(ThreadAction.Delete, {
+    thread,
+    subject
+  })), [
+    dispatch,
+    subject
+  ]);
+  const handleMessageDelete = useCallback2((thread, messageId) => dispatch(createIntent(ThreadAction.DeleteMessage, {
+    thread,
+    subject,
+    messageId
+  })), [
+    dispatch,
+    subject
+  ]);
+  return /* @__PURE__ */ React3.createElement(CommentsContainer, {
+    threads,
+    detached: detachedIds,
+    currentId: attended.includes(qualifiedSubjectId) ? state.current : void 0,
+    showResolvedThreads,
+    onAttend: handleAttend,
+    onComment: handleComment,
+    onResolve: handleResolve,
+    onMessageDelete: handleMessageDelete,
+    onThreadDelete: handleThreadDelete
+  });
+};
+
+// packages/plugins/plugin-thread/src/components/ThreadSettings.tsx
+import React4 from "react";
+import { Input, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+var ThreadSettings = ({ settings }) => {
+  const { t } = useTranslation3(THREAD_PLUGIN);
+  return /* @__PURE__ */ React4.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React4.createElement(DeprecatedFormInput, {
+    label: t("settings standalone label")
+  }, /* @__PURE__ */ React4.createElement(Input.Switch, {
+    checked: settings.standalone,
+    onCheckedChange: (checked) => settings.standalone = !!checked
+  })));
+};
+
+// packages/plugins/plugin-thread/src/components/index.ts
+var ThreadContainer = lazy(() => import("./ThreadContainer-T4WIBHY6.mjs"));
+
+// packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-thread/src/capabilities/react-surface.tsx";
+var react_surface_default = () => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: `${THREAD_PLUGIN}/channel`,
+    role: "article",
+    filter: (data) => data.subject instanceof ChannelType && !!data.subject.threads[0],
+    component: ({ data, role }) => {
+      const layout = useLayout();
+      const channel = data.subject;
+      void channel.threads[0].load();
+      const thread = channel.threads[0].target;
+      if (!thread) {
+        return null;
+      }
+      log.info("thread", {
+        thread
+      }, {
+        F: __dxlog_file,
+        L: 33,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      const currentPosition = layout.active.findIndex((id) => id === channel.id);
+      if (currentPosition > 0) {
+        const objectToTheLeft = layout.active[currentPosition - 1];
+        const context = getSpace2(channel)?.db.getObjectById(objectToTheLeft);
+        return /* @__PURE__ */ React5.createElement(ThreadContainer, {
+          role,
+          thread,
+          context
+        });
+      }
+      return /* @__PURE__ */ React5.createElement(ThreadContainer, {
+        role,
+        thread
+      });
+    }
+  }),
+  createSurface({
+    id: `${THREAD_PLUGIN}/thread`,
+    role: "complementary--comments",
+    filter: (data) => !!data.subject && typeof data.subject === "object" && "threads" in data.subject && Array.isArray(data.subject.threads) && !(data.subject instanceof ChannelType),
+    component: ({ data }) => /* @__PURE__ */ React5.createElement(ThreadComplementary, {
+      subject: data.subject
+    })
+  }),
+  createSurface({
+    id: `${THREAD_PLUGIN}/settings`,
+    role: "article",
+    filter: (data) => data.subject instanceof SettingsStore && data.subject.prefix === THREAD_PLUGIN,
+    component: ({ data: { subject } }) => /* @__PURE__ */ React5.createElement(ThreadSettings, {
+      settings: subject.value
+    })
+  })
+]);
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-LDPZN456.mjs.map

package/dist/lib/browser/react-surface-LDPZN456.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 { SettingsStore } from '@dxos/local-storage';\nimport { log } from '@dxos/log';\nimport { ChannelType, type ThreadType } from '@dxos/plugin-space/types';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { ThreadContainer, 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 } =>\n        data.subject instanceof ChannelType && !!data.subject.threads[0],\n      component: ({ data, role }) => {\n        const layout = useLayout();\n        const channel = data.subject;\n        void channel.threads[0].load();\n        const thread = channel.threads[0].target;\n        if (!thread) {\n          return null;\n        }\n        log.info('thread', { thread });\n        const currentPosition = layout.active.findIndex((id) => id === channel.id);\n        if (currentPosition > 0) {\n          const objectToTheLeft = layout.active[currentPosition - 1];\n          const context = getSpace(channel)?.db.getObjectById(objectToTheLeft);\n          return <ThreadContainer role={role} thread={thread} context={context} />;\n        }\n\n        return <ThreadContainer role={role} thread={thread} />;\n      },\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/thread`,\n      role: 'complementary--comments',\n      filter: (data): data is { subject: { threads: Ref<ThreadType>[] } } =>\n        !!data.subject &&\n        typeof data.subject === 'object' &&\n        'threads' in data.subject &&\n        Array.isArray(data.subject.threads) &&\n        !(data.subject instanceof ChannelType),\n      component: ({ data }) => <ThreadComplementary subject={data.subject} />,\n    }),\n    createSurface({\n      id: `${THREAD_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 ThreadContainer = lazy(() => import('./ThreadContainer'));\n\n// TODO(wittjosiah): Suspense boundary for sidebar?\nexport * from './CommentContainer';\nexport * from './CommentsContainer';\nexport * from './ChatContainer';\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 { nonNullable } 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.allResolvedTargets(thread.messages?.filter(nonNullable) ?? []).map((message) => (\n        <MessageContainer key={message.id} message={message} members={members} onDelete={handleMessageDelete} />\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 { MessageType, type ThreadType } from '@dxos/plugin-space/types';\nimport { create, fullyQualifiedId, makeRef, RefArray } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useAttended } from '@dxos/react-ui-attention';\nimport { nonNullable } from '@dxos/util';\n\nimport { ThreadCapabilities as LocalThreadCapabilities } from '../capabilities';\nimport { CommentsContainer } from '../components';\nimport { ThreadAction } from '../types';\n\nexport const ThreadComplementary = ({ subject }: { subject: any }) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const identity = useIdentity();\n\n  const { state, getViewState } = useCapability(LocalThreadCapabilities.MutableState);\n  const { showResolvedThreads } = getViewState(fullyQualifiedId(subject));\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.allResolvedTargets(subject.threads ?? []);\n\n  const threads = useMemo(() => {\n    return threadObjects.concat(drafts ?? []).filter(nonNullable) 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, message: string) => {\n      thread.messages.push(\n        makeRef(\n          create(MessageType, {\n            sender: { identityKey: identity?.identityKey.toHex() },\n            timestamp: new Date().toISOString(),\n            text: message,\n            // TODO(wittjosiah): Context based on attention.\n            // context: context ? makeRef(context) : undefined,\n          }),\n        ),\n      );\n\n      await dispatch(createIntent(ThreadAction.OnMessageAdd, { thread, subject }));\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  return (\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { 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 (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput label={t('settings standalone label')}>\n        <Input.Switch checked={settings.standalone} onCheckedChange={(checked) => (settings.standalone = !!checked)} />\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "useLayout", "SettingsStore", "log", "ChannelType", "getSpace", "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", "nonNullable", "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", "allResolvedTargets", "messages", "filter", "nonNullable", "map", "message", "MessageContainer", "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", "MessageType", "create", "fullyQualifiedId", "makeRef", "RefArray", "useIdentity", "useAttended", "nonNullable", "ThreadComplementary", "subject", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "state", "getViewState", "useCapability", "LocalThreadCapabilities", "MutableState", "showResolvedThreads", "fullyQualifiedId", "drafts", "threadsIntegrators", "useCapabilities", "ThreadCapabilities", "Thread", "createSort", "useMemo", "find", "p", "predicate", "sort", "threadObjects", "RefArray", "allResolvedTargets", "threads", "concat", "filter", "nonNullable", "JSON", "stringify", "detachedIds", "anchor", "map", "thread", "useEffect", "a", "b", "attended", "useAttended", "qualifiedSubjectId", "handleAttend", "useCallback", "threadId", "current", "createIntent", "LayoutAction", "ScrollIntoView", "part", "options", "cursor", "ref", "handleComment", "message", "messages", "push", "makeRef", "create", "MessageType", "sender", "identityKey", "toHex", "timestamp", "Date", "toISOString", "text", "ThreadAction", "OnMessageAdd", "handleResolve", "ToggleResolved", "handleThreadDelete", "Delete", "handleMessageDelete", "messageId", "DeleteMessage", "React", "CommentsContainer", "detached", "currentId", "includes", "undefined", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "ThreadSettings", "settings", "t", "useTranslation", "THREAD_PLUGIN", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "standalone", "onCheckedChange", "ThreadContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "THREAD_PLUGIN", "role", "filter", "data", "subject", "ChannelType", "threads", "component", "layout", "useLayout", "channel", "load", "thread", "target", "log", "info", "currentPosition", "active", "findIndex", "objectToTheLeft", "context", "getSpace", "db", "getObjectById", "React", "ThreadContainer", "Array", "isArray", "ThreadComplementary", "SettingsStore", "prefix", "ThreadSettings", "settings", "value"]
+}

package/dist/lib/browser/settings-TKOPRXSU.mjs

@@ -0,0 +1,22 @@
+import {
+  ThreadSettingsSchema
+} from "./chunk-NO5AZLUZ.mjs";
+import {
+  THREAD_PLUGIN
+} from "./chunk-636QDHE3.mjs";
+
+// packages/plugins/plugin-thread/src/capabilities/settings.ts
+import { Capabilities, contributes } from "@dxos/app-framework";
+import { create } from "@dxos/live-object";
+var settings_default = () => {
+  const settings = create({});
+  return contributes(Capabilities.Settings, {
+    schema: ThreadSettingsSchema,
+    prefix: THREAD_PLUGIN,
+    value: settings
+  });
+};
+export {
+  settings_default as default
+};
+//# sourceMappingURL=settings-TKOPRXSU.mjs.map

package/dist/lib/browser/settings-TKOPRXSU.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-GNFUURIC.mjs

@@ -0,0 +1,33 @@
+import {
+  ThreadCapabilities
+} from "./chunk-NAO3LZMZ.mjs";
+import "./chunk-636QDHE3.mjs";
+
+// packages/plugins/plugin-thread/src/capabilities/state.ts
+import { contributes } from "@dxos/app-framework";
+import { create } from "@dxos/live-object";
+var initialViewState = {
+  showResolvedThreads: false
+};
+var state_default = () => {
+  const state = create({
+    drafts: {}
+  });
+  const viewStore = create({});
+  const getViewState = (subjectId) => {
+    if (!viewStore[subjectId]) {
+      viewStore[subjectId] = {
+        ...initialViewState
+      };
+    }
+    return viewStore[subjectId];
+  };
+  return contributes(ThreadCapabilities.State, {
+    state,
+    getViewState
+  });
+};
+export {
+  state_default as default
+};
+//# sourceMappingURL=state-GNFUURIC.mjs.map

package/dist/lib/browser/state-GNFUURIC.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>({ 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,QAAQ,CAAC;EAAE,CAAA;AAC/C,QAAMC,YAAYF,OAAkB,CAAC,CAAA;AAErC,QAAMG,eAAe,CAACC,cAAAA;AACpB,QAAI,CAACF,UAAUE,SAAAA,GAAY;AACzBF,gBAAUE,SAAAA,IAAa;QAAE,GAAGP;MAAiB;IAC/C;AACA,WAAOK,UAAUE,SAAAA;EACnB;AAEA,SAAOC,YAAYC,mBAAmBC,OAAO;IAAER;IAAOI;EAAa,CAAA;AACrE;",
+  "names": ["contributes", "create", "initialViewState", "showResolvedThreads", "state", "create", "drafts", "viewStore", "getViewState", "subjectId", "contributes", "ThreadCapabilities", "State"]
+}

package/dist/lib/browser/types.mjs

@@ -1,8 +1,10 @@
 import {
-  ThreadAction
-} from "./chunk-XUHNZID5.mjs";
-import "./chunk-ENERBDYI.mjs";
+  ThreadAction,
+  ThreadSettingsSchema
+} from "./chunk-NO5AZLUZ.mjs";
+import "./chunk-636QDHE3.mjs";
 export {
-  ThreadAction
+  ThreadAction,
+  ThreadSettingsSchema
 };
 //# sourceMappingURL=types.mjs.map

package/dist/lib/node/{ThreadArticle-I7ADXDW3.cjs → ThreadContainer-4XACAVGV.cjs}

@@ -26,19 +26,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ThreadArticle_I7ADXDW3_exports = {};
-__export(ThreadArticle_I7ADXDW3_exports, {
-  default: () => ThreadArticle_default
+var ThreadContainer_4XACAVGV_exports = {};
+__export(ThreadContainer_4XACAVGV_exports, {
+  default: () => ThreadContainer_default
 });
-module.exports = __toCommonJS(ThreadArticle_I7ADXDW3_exports);
-var import_chunk_YCDM2SZM = require("./chunk-YCDM2SZM.cjs");
-var import_chunk_IC2NICNC = require("./chunk-IC2NICNC.cjs");
+module.exports = __toCommonJS(ThreadContainer_4XACAVGV_exports);
+var import_chunk_VAZ3BCTU = require("./chunk-VAZ3BCTU.cjs");
+var import_chunk_AWSTZ2KN = require("./chunk-AWSTZ2KN.cjs");
+var import_chunk_F735VMTN = require("./chunk-F735VMTN.cjs");
 var import_react = __toESM(require("react"));
-var ThreadArticle = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: "row-span-2"
-  }, /* @__PURE__ */ import_react.default.createElement(import_chunk_YCDM2SZM.ChatContainer, props));
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var ThreadContainer = ({ role, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
+    toolbar: false
+  }, /* @__PURE__ */ import_react.default.createElement(import_chunk_VAZ3BCTU.ChatContainer, props));
 };
-var ThreadArticle_default = ThreadArticle;
-//# sourceMappingURL=ThreadArticle-I7ADXDW3.cjs.map
+var ThreadContainer_default = ThreadContainer;
+//# sourceMappingURL=ThreadContainer-4XACAVGV.cjs.map

package/dist/lib/node/ThreadContainer-4XACAVGV.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ThreadContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentProps } from 'react';\n\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { ChatContainer } from './ChatContainer';\n\nconst ThreadContainer = ({\n  role,\n  ...props\n}: Pick<ComponentProps<typeof ChatContainer>, 'thread' | 'context'> & { role: string }) => {\n  return (\n    <StackItem.Content toolbar={false}>\n      <ChatContainer {...props} />\n    </StackItem.Content>\n  );\n};\n\nexport default ThreadContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAA2C;AAE3C,4BAA0B;AAI1B,IAAMA,kBAAkB,CAAC,EACvBC,MACA,GAAGC,MAAAA,MACiF;AACpF,SACE,6BAAAC,QAAA,cAACC,gCAAUC,SAAO;IAACC,SAAS;KAC1B,6BAAAH,QAAA,cAACI,qCAAkBL,KAAAA,CAAAA;AAGzB;AAEA,IAAA,0BAAeF;",
+  "names": ["ThreadContainer", "role", "props", "React", "StackItem", "Content", "toolbar", "ChatContainer"]
+}