@dxos/plugin-thread 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/dist/lib/browser/markdown-7KXBXCUS.mjs

@@ -1,111 +0,0 @@
-import {
-  ThreadCapabilities
-} from "./chunk-EP6MRLY7.mjs";
-import {
-  ThreadAction
-} from "./chunk-WOG72DWE.mjs";
-import "./chunk-WBJLUUOK.mjs";
-
-// packages/plugins/plugin-thread/src/capabilities/markdown.ts
-import { Capabilities, contributes } from "@dxos/app-framework";
-import { MarkdownCapabilities } from "@dxos/plugin-markdown";
-
-// packages/plugins/plugin-thread/src/extensions/threads.ts
-import { EditorView } from "@codemirror/view";
-import { computed, effect } from "@preact/signals-core";
-import { createIntent } from "@dxos/app-framework";
-import { Ref } from "@dxos/echo-schema";
-import { RefArray } from "@dxos/live-object";
-import { ThreadType } from "@dxos/plugin-space/types";
-import { getSpace, getTextInRange, createDocAccessor, fullyQualifiedId } from "@dxos/react-client/echo";
-import { comments, createExternalCommentSync } from "@dxos/react-ui-editor";
-var getName = (doc, anchor) => {
-  if (doc.content) {
-    const [start, end] = anchor.split(":");
-    return getTextInRange(createDocAccessor(doc.content.target, [
-      "content"
-    ]), start, end);
-  }
-};
-var threads = (state, doc, dispatch) => {
-  const space = doc && getSpace(doc);
-  if (!doc || !space || !dispatch) {
-    return [
-      comments()
-    ];
-  }
-  const threads2 = computed(() => [
-    ...RefArray.targets(doc.threads),
-    ...state.drafts[fullyQualifiedId(doc)] ?? []
-  ].filter((thread) => !(thread?.status === "resolved")));
-  return [
-    EditorView.updateListener.of((update) => {
-      if (update.docChanged) {
-        RefArray.targets(doc.threads).forEach((thread) => {
-          if (thread.anchor) {
-            const name = getName(doc, thread.anchor);
-            if (name && name !== thread.name) {
-              thread.name = name;
-            }
-          }
-        });
-      }
-    }),
-    createExternalCommentSync(fullyQualifiedId(doc), (sink) => effect(() => sink()), () => threads2.value.filter((thread) => thread?.anchor).map((thread) => ({
-      id: fullyQualifiedId(thread),
-      cursor: thread.anchor
-    }))),
-    comments({
-      id: fullyQualifiedId(doc),
-      onCreate: ({ cursor }) => {
-        const name = getName(doc, cursor);
-        void dispatch(createIntent(ThreadAction.Create, {
-          cursor,
-          name,
-          subject: doc
-        }));
-      },
-      onDelete: ({ id }) => {
-        const draft = state.drafts[fullyQualifiedId(doc)];
-        if (draft) {
-          const index = draft.findIndex((thread2) => fullyQualifiedId(thread2) === id);
-          if (index !== -1) {
-            draft.splice(index, 1);
-          }
-        }
-        const thread = doc.threads.find(Ref.hasObjectId(id))?.target;
-        if (thread) {
-          thread.anchor = void 0;
-        }
-      },
-      onUpdate: ({ id, cursor }) => {
-        const thread = state.drafts[fullyQualifiedId(doc)]?.find((thread2) => fullyQualifiedId(thread2) === id) ?? doc.threads.find(Ref.hasObjectId(id))?.target;
-        if (thread instanceof ThreadType && thread.anchor) {
-          thread.name = getName(doc, thread.anchor);
-          thread.anchor = cursor;
-        }
-      },
-      onSelect: ({ selection }) => {
-        const current = selection.current ?? selection.closest;
-        if (current) {
-          void dispatch(createIntent(ThreadAction.Select, {
-            current
-          }));
-        }
-      }
-    })
-  ];
-};
-
-// packages/plugins/plugin-thread/src/capabilities/markdown.ts
-var markdown_default = (context) => contributes(MarkdownCapabilities.Extensions, [
-  ({ document: doc }) => {
-    const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
-    const { state } = context.requestCapability(ThreadCapabilities.MutableState);
-    return threads(state, doc, dispatch);
-  }
-]);
-export {
-  markdown_default as default
-};
-//# sourceMappingURL=markdown-7KXBXCUS.mjs.map

package/dist/lib/browser/markdown-7KXBXCUS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/markdown.ts", "../../../src/extensions/threads.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown';\n\nimport { ThreadCapabilities } from './capabilities';\nimport { threads } from '../extensions';\n\nexport default (context: PluginsContext) =>\n  contributes(MarkdownCapabilities.Extensions, [\n    ({ document: doc }) => {\n      const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n      const { state } = context.requestCapability(ThreadCapabilities.MutableState);\n      return threads(state, doc, dispatch);\n    },\n  ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { computed, effect } from '@preact/signals-core';\n\nimport { createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { Ref } from '@dxos/echo-schema';\nimport { RefArray } from '@dxos/live-object';\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { ThreadType } from '@dxos/plugin-space/types';\nimport { getSpace, getTextInRange, createDocAccessor, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { comments, createExternalCommentSync } from '@dxos/react-ui-editor';\n\nimport { ThreadAction, type ThreadState } from '../types';\n\n// TODO(burdon): Factor out.\nconst getName = (doc: DocumentType, anchor: string): string | undefined => {\n  if (doc.content) {\n    const [start, end] = anchor.split(':');\n    return getTextInRange(createDocAccessor(doc.content.target!, ['content']), start, end);\n  }\n};\n\n/**\n * Construct plugins.\n */\nexport const threads = (state: ThreadState, doc?: DocumentType, dispatch?: PromiseIntentDispatcher): Extension => {\n  const space = doc && getSpace(doc);\n  if (!doc || !space || !dispatch) {\n    // Include no-op comments extension here to ensure that the facets are always present when they are expected.\n    // TODO(wittjosiah): The Editor should only look for these facets when comments are available.\n    return [comments()];\n  }\n\n  // TODO(Zan): When we have the deepsignal specific equivalent of this we should use that instead.\n  const threads = computed(() =>\n    [...RefArray.targets(doc.threads), ...(state.drafts[fullyQualifiedId(doc)] ?? [])].filter(\n      (thread) => !(thread?.status === 'resolved'),\n    ),\n  );\n\n  return [\n    EditorView.updateListener.of((update) => {\n      if (update.docChanged) {\n        RefArray.targets(doc.threads).forEach((thread) => {\n          if (thread.anchor) {\n            // Only update if the name has changed, otherwise this will cause an infinite loop.\n            // Skip if the name is empty; this means comment text was deleted, but thread name should remain.\n            const name = getName(doc, thread.anchor);\n            if (name && name !== thread.name) {\n              thread.name = name;\n            }\n          }\n        });\n      }\n    }),\n\n    createExternalCommentSync(\n      fullyQualifiedId(doc),\n      (sink) => effect(() => sink()),\n      () =>\n        threads.value\n          .filter((thread) => thread?.anchor)\n          .map((thread) => ({ id: fullyQualifiedId(thread), cursor: thread.anchor! })),\n    ),\n\n    comments({\n      id: fullyQualifiedId(doc),\n      onCreate: ({ cursor }) => {\n        const name = getName(doc, cursor);\n        void dispatch(createIntent(ThreadAction.Create, { cursor, name, subject: doc }));\n      },\n      onDelete: ({ id }) => {\n        const draft = state.drafts[fullyQualifiedId(doc)];\n        if (draft) {\n          const index = draft.findIndex((thread) => fullyQualifiedId(thread) === id);\n          if (index !== -1) {\n            draft.splice(index, 1);\n          }\n        }\n\n        const thread = doc.threads.find(Ref.hasObjectId(id))?.target;\n        if (thread) {\n          thread.anchor = undefined;\n        }\n      },\n      onUpdate: ({ id, cursor }) => {\n        const thread =\n          state.drafts[fullyQualifiedId(doc)]?.find((thread) => fullyQualifiedId(thread) === id) ??\n          doc.threads.find(Ref.hasObjectId(id))?.target;\n\n        if (thread instanceof ThreadType && thread.anchor) {\n          thread.name = getName(doc, thread.anchor);\n          thread.anchor = cursor;\n        }\n      },\n      onSelect: ({ selection }) => {\n        const current = selection.current ?? selection.closest;\n        if (current) {\n          void dispatch(createIntent(ThreadAction.Select, { current }));\n        }\n      },\n    }),\n  ];\n};\n"],
-  "mappings": "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",
-  "names": ["Capabilities", "contributes", "MarkdownCapabilities", "EditorView", "computed", "effect", "createIntent", "Ref", "RefArray", "ThreadType", "getSpace", "getTextInRange", "createDocAccessor", "fullyQualifiedId", "comments", "createExternalCommentSync", "getName", "doc", "anchor", "content", "start", "end", "split", "getTextInRange", "createDocAccessor", "target", "threads", "state", "dispatch", "space", "getSpace", "comments", "computed", "RefArray", "targets", "drafts", "fullyQualifiedId", "filter", "thread", "status", "EditorView", "updateListener", "of", "update", "docChanged", "forEach", "name", "createExternalCommentSync", "sink", "effect", "value", "map", "id", "cursor", "onCreate", "createIntent", "ThreadAction", "Create", "subject", "onDelete", "draft", "index", "findIndex", "splice", "find", "Ref", "hasObjectId", "undefined", "onUpdate", "ThreadType", "onSelect", "selection", "current", "closest", "Select", "context", "contributes", "MarkdownCapabilities", "Extensions", "document", "doc", "dispatchPromise", "dispatch", "requestCapability", "Capabilities", "IntentDispatcher", "state", "ThreadCapabilities", "MutableState", "threads"]
-}

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

@@ -1,437 +0,0 @@
-import "./chunk-Q66FBBJD.mjs";
-import {
-  ThreadCapabilities
-} from "./chunk-EP6MRLY7.mjs";
-import {
-  MessageContainer,
-  command,
-  getMessageMetadata
-} from "./chunk-FY5OCUP6.mjs";
-import {
-  useStatus
-} from "./chunk-AYNXYEKP.mjs";
-import {
-  ThreadAction
-} from "./chunk-WOG72DWE.mjs";
-import {
-  THREAD_PLUGIN
-} from "./chunk-WBJLUUOK.mjs";
-
-// packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
-import React5 from "react";
-import { Capabilities, contributes, createSurface, useLayout } from "@dxos/app-framework";
-import { DXN } from "@dxos/keys";
-import { SettingsStore } from "@dxos/local-storage";
-import { ChannelType } from "@dxos/plugin-space/types";
-import { getSpace as getSpace2, isSpace } 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 { isNonNullable } 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.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => /* @__PURE__ */ React.createElement(MessageContainer, {
-    key: message.id,
-    editable: true,
-    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 { 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"));
-  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(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, {
-    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 { fullyQualifiedId as fullyQualifiedId3, RefArray as RefArray2 } from "@dxos/react-client/echo";
-import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
-import { useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { useAttended } from "@dxos/react-ui-attention";
-import { StackItem } from "@dxos/react-ui-stack";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
-var ThreadComplementary = ({ subject }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const identity = useIdentity2();
-  const { t } = useTranslation3(THREAD_PLUGIN);
-  const { state, getViewState } = useCapability(ThreadCapabilities.MutableState);
-  const viewState = getViewState(fullyQualifiedId3(subject));
-  const { showResolvedThreads } = viewState;
-  const onChangeViewState = useCallback2((nextValue) => {
-    viewState.showResolvedThreads = nextValue === "all";
-  }, [
-    viewState
-  ]);
-  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.targets(subject.threads ?? []);
-  const threads = useMemo2(() => {
-    return threadObjects.concat(drafts ?? []).filter(isNonNullable2);
-  }, [
-    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, text) => {
-    await dispatch(createIntent(ThreadAction.AddMessage, {
-      thread,
-      subject,
-      sender: {
-        identityDid: identity?.did
-      },
-      text
-    }));
-    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
-  ]);
-  const comments = /* @__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
-  });
-  return /* @__PURE__ */ React3.createElement(StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ React3.createElement(Tabs.Root, {
-    value: showResolvedThreads ? "all" : "unresolved",
-    onValueChange: onChangeViewState,
-    orientation: "horizontal",
-    classNames: 'contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin'
-  }, /* @__PURE__ */ React3.createElement(Tabs.Tablist, {
-    classNames: "p-1 gap-1 bs-[--rail-action] border-be border-separator"
-  }, /* @__PURE__ */ React3.createElement(Tabs.Tab, {
-    value: "unresolved",
-    classNames: "text-sm"
-  }, t("show unresolved label")), /* @__PURE__ */ React3.createElement(Tabs.Tab, {
-    value: "all",
-    classNames: "text-sm"
-  }, t("show all label"))), /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
-    value: "all"
-  }, showResolvedThreads && comments), /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
-    value: "unresolved"
-  }, !showResolvedThreads && comments)));
-};
-
-// packages/plugins/plugin-thread/src/components/ThreadSettings.tsx
-import React4 from "react";
-import { DeprecatedFormContainer } from "@dxos/react-ui-form";
-var ThreadSettings = ({ settings }) => {
-  return /* @__PURE__ */ React4.createElement(DeprecatedFormContainer, null);
-};
-
-// packages/plugins/plugin-thread/src/components/index.ts
-var ChatContainer = lazy(() => import("./ChatContainer-WC6KQDDU.mjs"));
-
-// 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,
-    component: ({ data: { subject: channel }, role }) => {
-      const layout = useLayout();
-      const currentPosition = layout.active.findIndex((id) => id === channel.id);
-      const objectToTheLeft = layout.active[currentPosition - 1];
-      const context = currentPosition > 0 ? getSpace2(channel)?.db.getObjectById(objectToTheLeft) : void 0;
-      const space = getSpace2(channel);
-      if (!space) {
-        return null;
-      }
-      return /* @__PURE__ */ React5.createElement(ChatContainer, {
-        space,
-        dxn: channel.queue.dxn,
-        context
-      });
-    }
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/comments`,
-    role: "article",
-    filter: (data) => data.subject === "comments" && !!data.companionTo && typeof data.companionTo === "object" && "threads" in data.companionTo && Array.isArray(data.companionTo.threads),
-    // TODO(wittjosiah): This isn't scrolling properly in a plank.
-    component: ({ data }) => /* @__PURE__ */ React5.createElement(ThreadComplementary, {
-      subject: data.companionTo
-    })
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/tabpanel`,
-    role: "tabpanel",
-    filter: (data) => data.subject instanceof DXN && data.type === "chat" && isSpace(data.space),
-    component: ({ data: { subject: dxn, space } }) => /* @__PURE__ */ React5.createElement(ChatContainer, {
-      dxn,
-      space
-    })
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/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-F2AIYIUH.mjs.map