@dxos/plugin-thread 0.8.4-main.7996785055 → 0.8.4-main.8baae0fced

package/dist/lib/neutral/chunk-QMLVLKE3.mjs

@@ -0,0 +1,8 @@
+// src/operations/index.ts
+import { OperationHandlerSet } from "@dxos/compute";
+var ThreadOperationHandlerSet = OperationHandlerSet.lazy(() => import("./add-message-FBIROBEZ.mjs"), () => import("./append-channel-message-FTFAD3PK.mjs"), () => import("./create-OAQJ6LXN.mjs"), () => import("./create-channel-3E4FJ662.mjs"), () => import("./create-proposals-GRYZXRMV.mjs"), () => import("./delete-HCCG5RVR.mjs"), () => import("./delete-message-DHFRACB4.mjs"), () => import("./on-create-space-OEBRKOAM.mjs"), () => import("./restore-P4ZLXLF7.mjs"), () => import("./restore-message-AUBOP2DF.mjs"), () => import("./select-LIVAMBCE.mjs"), () => import("./toggle-resolved-RQBDQZSV.mjs"));
+
+export {
+  ThreadOperationHandlerSet
+};
+//# sourceMappingURL=chunk-QMLVLKE3.mjs.map

package/dist/lib/neutral/chunk-QMLVLKE3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const ThreadOperationHandlerSet = OperationHandlerSet.lazy(\n  () => import('./add-message'),\n  () => import('./append-channel-message'),\n  () => import('./create'),\n  () => import('./create-channel'),\n  () => import('./create-proposals'),\n  () => import('./delete'),\n  () => import('./delete-message'),\n  () => import('./on-create-space'),\n  () => import('./restore'),\n  () => import('./restore-message'),\n  () => import('./select'),\n  () => import('./toggle-resolved'),\n);\n"],
+  "mappings": ";AAIA,SAASA,2BAA2B;AAE7B,IAAMC,4BAA4BD,oBAAoBE,KAC3D,MAAM,OAAO,4BAAA,GACb,MAAM,OAAO,uCAAA,GACb,MAAM,OAAO,uBAAA,GACb,MAAM,OAAO,+BAAA,GACb,MAAM,OAAO,iCAAA,GACb,MAAM,OAAO,uBAAA,GACb,MAAM,OAAO,+BAAA,GACb,MAAM,OAAO,gCAAA,GACb,MAAM,OAAO,wBAAA,GACb,MAAM,OAAO,gCAAA,GACb,MAAM,OAAO,uBAAA,GACb,MAAM,OAAO,gCAAA,CAAA;",
+  "names": ["OperationHandlerSet", "ThreadOperationHandlerSet", "lazy"]
+}

package/dist/lib/neutral/components/index.mjs

@@ -0,0 +1,539 @@
+import {
+  command
+} from "../chunk-KRXHIW4P.mjs";
+import {
+  getMessageMetadata
+} from "../chunk-JLY4NVTA.mjs";
+import "../chunk-J5LGTIGS.mjs";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/Chat/Chat.tsx
+import React2, { useLayoutEffect, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { ScrollArea, useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { MessageTextbox, Thread as ThreadComponent, threadLayout } from "@dxos/react-ui-thread";
+import { createBasicExtensions as createBasicExtensions2, createThemeExtensions as createThemeExtensions2, listener } from "@dxos/ui-editor";
+import { composable, composableProps, mx as mx2 } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+import { meta as meta2 } from "#meta";
+
+// src/components/MessagePanel/MessagePanel.tsx
+import { EditorView } from "@codemirror/view";
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Ref } from "@dxos/echo";
+import { useObject } from "@dxos/echo-react";
+import { PublicKey } from "@dxos/react-client";
+import { useIdentity } from "@dxos/react-client/halo";
+import { IconButton, useOnTransition, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui";
+import { useTextEditor } from "@dxos/react-ui-editor";
+import { MessageHeading, MessageRoot } from "@dxos/react-ui-thread";
+import { createBasicExtensions, createThemeExtensions } from "@dxos/ui-editor";
+import { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from "@dxos/ui-theme";
+import { useOnEditAnalytics } from "#hooks";
+import { meta } from "#meta";
+var buttonGroupClassNames = "flex flex-row items-center gap-0.5 pe-2";
+var buttonClassNames = "p-1! transition-opacity";
+var MessagePanel = ({ message: messageOrRef, members, editable = false, onDelete, onAcceptProposal }) => {
+  const { t } = useTranslation(meta.id);
+  const [message, updateMessage] = useObject(messageOrRef);
+  const identity = useIdentity();
+  const [editing, setEditing] = useState(false);
+  const textBlockIndex = message?.blocks.findIndex((block) => block._tag === "text") ?? -1;
+  const handleEdit = useCallback(() => setEditing((editing2) => !editing2), []);
+  const handleDelete = useCallback(() => message && onDelete?.(message.id), [
+    message,
+    onDelete
+  ]);
+  const handleAcceptProposal = useCallback(() => message && onAcceptProposal?.(message.id), [
+    message,
+    onAcceptProposal
+  ]);
+  const handleTextBlockChange = useCallback((newText) => {
+    updateMessage((m) => {
+      const targetBlock = m.blocks[textBlockIndex];
+      if (targetBlock && targetBlock._tag === "text") {
+        targetBlock.text = newText;
+      }
+    });
+  }, [
+    updateMessage,
+    textBlockIndex
+  ]);
+  const textBlock = message && textBlockIndex !== -1 ? message.blocks[textBlockIndex] : void 0;
+  useOnEditAnalytics(message, textBlock, !!editing);
+  if (!message) {
+    return null;
+  }
+  const senderIdentity = members.find((member) => message.sender.identityDid && member.identity.did === message.sender.identityDid || message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey))?.identity;
+  const messageMetadata = getMessageMetadata(message.id, senderIdentity, message.sender);
+  const userIsAuthor = identity?.did === messageMetadata.authorId;
+  const proposalBlock = message.blocks.find((block) => block._tag === "proposal");
+  const references = message.blocks.filter((block) => block._tag === "reference").map((block) => block.reference);
+  return /* @__PURE__ */ React.createElement(MessageRoot, {
+    ...messageMetadata,
+    classNames: [
+      hoverableControls,
+      hoverableFocusedWithinControls
+    ]
+  }, /* @__PURE__ */ React.createElement(MessageHeading, {
+    authorName: messageMetadata.authorName,
+    timestamp: messageMetadata.timestamp
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: buttonGroupClassNames
+  }, userIsAuthor && editable && /* @__PURE__ */ React.createElement(IconButton, {
+    "data-testid": editing ? "thread.message.save" : "thread.message.edit",
+    variant: "ghost",
+    icon: editing ? "ph--check--regular" : "ph--pencil-simple--regular",
+    iconOnly: true,
+    label: t(editing ? "save-message.label" : "edit-message.label"),
+    classNames: [
+      buttonClassNames,
+      hoverableControlItem
+    ],
+    onClick: handleEdit
+  }), proposalBlock && onAcceptProposal && /* @__PURE__ */ React.createElement(IconButton, {
+    "data-testid": "thread.message.accept",
+    variant: "ghost",
+    icon: "ph--check--regular",
+    iconOnly: true,
+    label: t("accept-proposal.label"),
+    classNames: [
+      buttonClassNames,
+      hoverableControlItem
+    ],
+    onClick: handleAcceptProposal
+  }), onDelete && /* @__PURE__ */ React.createElement(IconButton, {
+    "data-testid": "thread.message.delete",
+    variant: "ghost",
+    icon: "ph--x--regular",
+    iconOnly: true,
+    label: t("delete-message.label"),
+    classNames: [
+      buttonClassNames,
+      hoverableControlItem
+    ],
+    onClick: handleDelete
+  }))), textBlock && /* @__PURE__ */ React.createElement(TextboxBlock, {
+    block: textBlock,
+    isAuthor: userIsAuthor,
+    editing,
+    onSave: handleTextBlockChange
+  }), proposalBlock && /* @__PURE__ */ React.createElement(ProposalBlock, {
+    block: proposalBlock
+  }), Ref.Array.targets(references).map((reference, index) => /* @__PURE__ */ React.createElement(MessagePart, {
+    key: index,
+    part: reference
+  })));
+};
+var MessagePart = ({ part }) => {
+  return /* @__PURE__ */ React.createElement(MessageBlockObjectTile, {
+    subject: part
+  });
+};
+var TextboxBlock = ({ block, isAuthor, editing, onSave }) => {
+  const { themeMode } = useThemeContext();
+  const inMemoryContentRef = useRef(block.text);
+  const handleDocumentChange = useCallback((newState) => {
+    inMemoryContentRef.current = newState;
+  }, []);
+  const saveDocumentChange = useCallback(() => {
+    onSave?.(inMemoryContentRef.current);
+  }, [
+    onSave
+  ]);
+  useOnTransition(editing, true, false, saveDocumentChange);
+  const { parentRef, focusAttributes, view } = useTextEditor(() => ({
+    initialValue: block.text,
+    extensions: [
+      createBasicExtensions({
+        readOnly: !isAuthor || !editing
+      }),
+      createThemeExtensions({
+        themeMode
+      }),
+      command,
+      EditorView.updateListener.of((update) => {
+        if (update.docChanged) {
+          handleDocumentChange(update.state.doc.toString());
+        }
+      })
+    ]
+  }), [
+    block.text,
+    editing,
+    isAuthor,
+    themeMode,
+    handleDocumentChange
+  ]);
+  useEffect(() => {
+    editing && view?.focus();
+  }, [
+    editing,
+    view
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: parentRef,
+    className: "me-4",
+    ...focusAttributes
+  });
+};
+var ProposalBlock = ({ block }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "me-4 italic"
+  }, block.text);
+};
+var MessageBlockObjectTile = /* @__PURE__ */ forwardRef(({ subject }, forwardedRef) => {
+  let title = subject.name ?? subject.title ?? subject.type ?? "Object";
+  if (typeof title !== "string") {
+    title = title?.content ?? "";
+  }
+  return /* @__PURE__ */ React.createElement(Card.Root, {
+    className: mx("grid col-span-3 py-1 pr-4", hoverableControls, hoverableFocusedWithinControls),
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.Card,
+    limit: 1,
+    data: {
+      subject
+    },
+    fallback: title
+  }));
+});
+
+// src/components/Chat/Chat.tsx
+var Chat = composable(({ id, identity, members, messages, activity, onSend, autoFocusTextbox, current, orientation = "top", readOnly, ...props }, forwardedRef) => {
+  const { t } = useTranslation2(meta2.id);
+  const { themeMode } = useThemeContext2();
+  const scrollRef = useRef2(null);
+  const sentinelRef = useRef2(null);
+  const [autoFocus, setAutoFocus] = useState2(autoFocusTextbox);
+  const [_count, _setCount] = useState2(0);
+  const textboxMetadata = getMessageMetadata(id, identity);
+  const messageRef = useRef2("");
+  const extensions = useMemo(() => [
+    createBasicExtensions2({
+      placeholder: t("message.placeholder")
+    }),
+    createThemeExtensions2({
+      themeMode
+    }),
+    listener({
+      onChange: ({ text }) => messageRef.current = text
+    }),
+    command
+  ], [
+    themeMode,
+    _count
+  ]);
+  const scrollToEnd = (behavior) => setTimeout(() => sentinelRef.current?.scrollIntoView({
+    behavior,
+    block: "end"
+  }), 10);
+  useLayoutEffect(() => {
+    scrollToEnd("instant");
+  }, []);
+  const handleSend = () => {
+    const text = messageRef.current;
+    if (!text?.length) {
+      return false;
+    }
+    const accepted = onSend(text);
+    if (!accepted) {
+      return false;
+    }
+    messageRef.current = "";
+    setAutoFocus(true);
+    scrollToEnd("smooth");
+    _setCount((count) => count + 1);
+    return true;
+  };
+  const filteredMessages = messages.filter(isNonNullable);
+  const renderState = {
+    messages: filteredMessages,
+    members,
+    activity,
+    extensions,
+    autoFocus,
+    handleSend,
+    textboxMetadata,
+    scrollRef,
+    sentinelRef,
+    readOnly
+  };
+  return orientation === "bottom" ? /* @__PURE__ */ React2.createElement(ChannelLayout, {
+    ...composableProps(props, {
+      classNames: "flex flex-col bs-full min-h-0"
+    }),
+    id,
+    ref: forwardedRef,
+    state: renderState
+  }) : /* @__PURE__ */ React2.createElement(ThreadLayout, {
+    ...composableProps(props, {
+      classNames: "dx-container grid-rows-[1fr_min-content_min-content]"
+    }),
+    id,
+    current,
+    ref: forwardedRef,
+    state: renderState
+  });
+});
+var ThreadLayout = /* @__PURE__ */ React2.forwardRef(({ id, current, state, ...props }, ref) => {
+  const { t } = useTranslation2(meta2.id);
+  const { messages, members, activity, extensions, autoFocus, handleSend, textboxMetadata, sentinelRef, readOnly } = state;
+  return /* @__PURE__ */ React2.createElement(ThreadComponent.Root, {
+    ...props,
+    id,
+    current,
+    ref
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Root, {
+    classNames: "col-span-2",
+    orientation: "vertical"
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Viewport, {
+    ref: sentinelRef
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: mx2(threadLayout, "place-self-end")
+  }, messages.map((message) => /* @__PURE__ */ React2.createElement(MessagePanel, {
+    key: message.id,
+    message,
+    members
+  }))))), !readOnly && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MessageTextbox, {
+    extensions,
+    autoFocus,
+    onSend: handleSend,
+    ...textboxMetadata
+  }), /* @__PURE__ */ React2.createElement(ThreadComponent.Status, {
+    activity
+  }, t("activity.message"))));
+});
+var ChannelLayout = /* @__PURE__ */ React2.forwardRef(({ id, state, ...props }, ref) => {
+  const { t } = useTranslation2(meta2.id);
+  const { messages, members, activity, extensions, autoFocus, handleSend, textboxMetadata, scrollRef, sentinelRef, readOnly } = state;
+  return /* @__PURE__ */ React2.createElement("div", {
+    ...props,
+    id,
+    ref
+  }, /* @__PURE__ */ React2.createElement("div", {
+    ref: scrollRef,
+    className: "flex-1 min-h-0 overflow-y-auto"
+  }, messages.map((message) => /* @__PURE__ */ React2.createElement("div", {
+    key: message.id,
+    className: "grid grid-cols-[var(--dx-rail-size)_1fr] w-full"
+  }, /* @__PURE__ */ React2.createElement(MessagePanel, {
+    message,
+    members
+  }))), /* @__PURE__ */ React2.createElement("div", {
+    ref: sentinelRef
+  })), !readOnly && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
+    className: "shrink-0 grid grid-cols-[var(--dx-rail-size)_1fr]"
+  }, /* @__PURE__ */ React2.createElement(MessageTextbox, {
+    extensions,
+    autoFocus,
+    onSend: handleSend,
+    ...textboxMetadata
+  })), /* @__PURE__ */ React2.createElement("div", {
+    className: "shrink-0 px-2 pb-1 text-xs text-description"
+  }, activity ? t("activity.message") : null)));
+});
+
+// src/components/CommentsPanel/CommentsPanel.tsx
+import React4, { useEffect as useEffect2 } from "react";
+import { Obj as Obj2, Relation as Relation2 } from "@dxos/echo";
+import { Icon, Message, Trans, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { meta as meta4 } from "#meta";
+
+// src/components/CommentsPanel/CommentsThread.tsx
+import React3, { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
+import { Obj, Relation } from "@dxos/echo";
+import { useObject as useObject2 } from "@dxos/echo-react";
+import { getSpace, useMembers } from "@dxos/react-client/echo";
+import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
+import { IconButton as IconButton2, Tag, Tooltip, useThemeContext as useThemeContext3, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { MessageTextbox as MessageTextbox2, Thread as ThreadComponent2 } from "@dxos/react-ui-thread";
+import { createBasicExtensions as createBasicExtensions3, createThemeExtensions as createThemeExtensions3, listener as listener2 } from "@dxos/ui-editor";
+import { hoverableControlItem as hoverableControlItem2, hoverableControls as hoverableControls2, hoverableFocusedWithinControls as hoverableFocusedWithinControls2, mx as mx3 } from "@dxos/ui-theme";
+import { useStatus } from "#hooks";
+import { meta as meta3 } from "#meta";
+var CommentsThread = ({ anchor, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete, onAcceptProposal }) => {
+  const { themeMode } = useThemeContext3();
+  const { t } = useTranslation3(meta3.id);
+  const identity = useIdentity2();
+  const space = getSpace(anchor);
+  const members = useMembers(space?.id);
+  const detached = !anchor.anchor;
+  const thread = Relation.getSource(anchor);
+  const [messages] = useObject2(thread, "messages");
+  const activity = useStatus(space, Obj.getDXN(thread).toString());
+  const threadScrollRef = useRef3(null);
+  const textboxMetadata = getMessageMetadata(Obj.getDXN(thread).toString(), identity);
+  const [state, setState] = useState3({});
+  const messageRef = useRef3("");
+  const extensions = useMemo2(() => [
+    createBasicExtensions3({
+      placeholder: t("message.placeholder")
+    }),
+    createThemeExtensions3({
+      themeMode
+    }),
+    listener2({
+      onChange: ({ text }) => messageRef.current = text
+    }),
+    command
+  ], [
+    state
+  ]);
+  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
+    behavior,
+    block: "end"
+  }), 10);
+  const handleAttend = useCallback2(() => onAttend?.(anchor), [
+    onAttend,
+    anchor
+  ]);
+  const handleResolve = useCallback2(() => onResolve?.(anchor), [
+    onResolve,
+    anchor
+  ]);
+  const handleMessageDelete = useCallback2((id) => onMessageDelete?.(anchor, id), [
+    onMessageDelete,
+    anchor
+  ]);
+  const handleThreadDelete = useCallback2(() => onThreadDelete?.(anchor), [
+    onThreadDelete,
+    anchor
+  ]);
+  const handleAcceptProposal = useCallback2((id) => onAcceptProposal?.(anchor, id), [
+    onAcceptProposal,
+    anchor
+  ]);
+  const handleComment = useCallback2(() => {
+    if (!messageRef.current) {
+      return false;
+    }
+    onComment?.(anchor, messageRef.current);
+    messageRef.current = "";
+    scrollToEnd("instant");
+    setState({});
+    return true;
+  }, [
+    anchor,
+    identity
+  ]);
+  return /* @__PURE__ */ React3.createElement(ThreadComponent2.Root, {
+    id: Obj.getDXN(thread).toString(),
+    classNames: "pt-2 border-b border-subdued-separator last:border-none",
+    current,
+    onClickCapture: handleAttend,
+    onFocusCapture: handleAttend
+  }, /* @__PURE__ */ React3.createElement("div", {
+    className: mx3("col-span-2 grid grid-cols-[var(--dx-rail-size)_1fr_min-content]", hoverableControls2, hoverableFocusedWithinControls2)
+  }, detached ? /* @__PURE__ */ React3.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: t("detached-thread.label"),
+    side: "top"
+  }, /* @__PURE__ */ React3.createElement(ThreadComponent2.Header, {
+    detached: true
+  }, thread.name)) : /* @__PURE__ */ React3.createElement(ThreadComponent2.Header, null, thread.name), /* @__PURE__ */ React3.createElement("div", {
+    className: buttonGroupClassNames
+  }, thread.status === "staged" && /* @__PURE__ */ React3.createElement(Tag, {
+    palette: "neutral"
+  }, t("draft.button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React3.createElement(IconButton2, {
+    "data-testid": "thread.resolve",
+    variant: "ghost",
+    icon: thread?.status === "resolved" ? "ph--check--fill" : "ph--check--regular",
+    iconOnly: true,
+    label: t("resolve-thread.label"),
+    classNames: [
+      buttonClassNames,
+      thread?.status !== "resolved" && hoverableControlItem2
+    ],
+    onClick: handleResolve
+  }), onThreadDelete && /* @__PURE__ */ React3.createElement(IconButton2, {
+    "data-testid": "thread.delete",
+    variant: "ghost",
+    icon: "ph--x--regular",
+    iconOnly: true,
+    label: t("delete-thread.label"),
+    classNames: [
+      buttonClassNames,
+      hoverableControlItem2
+    ],
+    onClick: handleThreadDelete
+  }))), messages?.map((ref) => /* @__PURE__ */ React3.createElement(MessagePanel, {
+    key: ref.dxn.toString(),
+    editable: true,
+    message: ref,
+    members,
+    onDelete: handleMessageDelete,
+    onAcceptProposal: handleAcceptProposal
+  })), /* @__PURE__ */ React3.createElement(MessageTextbox2, {
+    extensions,
+    onSend: handleComment,
+    ...textboxMetadata
+  }), /* @__PURE__ */ React3.createElement(ThreadComponent2.Status, {
+    activity
+  }, t("activity.message")), /* @__PURE__ */ React3.createElement("div", {
+    className: "h-px -mt-px",
+    ref: threadScrollRef
+  }));
+};
+
+// src/components/CommentsPanel/CommentsPanel.tsx
+var CommentsPanel = ({ anchors, currentId, showResolvedThreads, ...props }) => {
+  const { t } = useTranslation4(meta4.id);
+  const filteredAnchors = showResolvedThreads ? anchors.filter((anchor) => !!Relation2.getSource(anchor)) : anchors.filter((anchor) => {
+    const thread = Relation2.getSource(anchor);
+    return thread && thread.status !== "resolved";
+  });
+  useEffect2(() => {
+    if (currentId) {
+      document.getElementById(currentId)?.scrollIntoView({
+        behavior: "smooth",
+        block: "end"
+      });
+    }
+  }, [
+    currentId
+  ]);
+  if (filteredAnchors.length === 0) {
+    return /* @__PURE__ */ React4.createElement("div", {
+      className: "p-form-padding"
+    }, /* @__PURE__ */ React4.createElement(Message.Root, null, /* @__PURE__ */ React4.createElement(Message.Content, null, /* @__PURE__ */ React4.createElement(Trans, {
+      t,
+      i18nKey: "no-comments.message",
+      components: {
+        commentIcon: /* @__PURE__ */ React4.createElement(Icon, {
+          icon: "ph--chat-text--regular",
+          size: 4,
+          classNames: "dx-icon-inline"
+        })
+      }
+    }))));
+  }
+  return /* @__PURE__ */ React4.createElement("div", null, filteredAnchors.map((anchor) => {
+    const thread = Relation2.getSource(anchor);
+    const threadId = Obj2.getDXN(thread).toString();
+    return /* @__PURE__ */ React4.createElement(CommentsThread, {
+      key: threadId,
+      anchor,
+      current: currentId === threadId,
+      ...props
+    });
+  }));
+};
+
+// src/components/index.ts
+var ThreadSettings = lazy(() => import("../ThreadSettings-5MKTDK3A.mjs"));
+export {
+  Chat,
+  CommentsPanel,
+  CommentsThread,
+  MessagePanel,
+  ThreadSettings,
+  buttonClassNames,
+  buttonGroupClassNames
+};
+//# sourceMappingURL=index.mjs.map