@dxos/plugin-thread 0.8.4-main.abd8ff62ef → 0.8.4-main.bc2380dfbc

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/index.ts", "../../../../src/components/Chat/Chat.tsx", "../../../../src/components/MessagePanel/MessagePanel.tsx", "../../../../src/components/CommentsPanel/CommentsPanel.tsx", "../../../../src/components/CommentsPanel/CommentsThread.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport * from './Chat';\nexport * from './CommentsPanel';\nexport * from './MessagePanel';\n\nexport const ThreadSettings: ComponentType<any> = lazy(() => import('./ThreadSettings'));\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type RefObject, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { type SpaceMember } from '@dxos/react-client/echo';\nimport { type Identity } from '@dxos/react-client/halo';\nimport { ScrollArea, type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type MessageMetadata,\n  MessageTextbox,\n  Thread as ThreadComponent,\n  type ThreadRootProps,\n  threadLayout,\n} from '@dxos/react-ui-thread';\nimport { type Message } from '@dxos/types';\nimport { createBasicExtensions, createThemeExtensions, listener, type Extension } from '@dxos/ui-editor';\nimport { composable, composableProps, mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nimport { command } from '../../extensions';\nimport { getMessageMetadata } from '../../util';\nimport { MessagePanel } from '../MessagePanel';\n\nexport type ChatProps = ThemedClassName<\n  {\n    /** Stable id used for the underlying thread root and message metadata. */\n    id: string;\n    /** Identity used to attribute outgoing messages in the textbox metadata. */\n    identity?: Identity;\n    /** Space members for rendering sender names/avatars on incoming messages. */\n    members: SpaceMember[];\n    /** Messages to render in order. */\n    messages: readonly Message.Message[];\n    /** Activity indicator (e.g. processing) shown beneath the textbox. */\n    activity?: boolean;\n    /**\n     * Called with the user's textbox content when they press send.\n     * Returning `true` signals the message was accepted; the textbox is then cleared.\n     */\n    onSend: (text: string) => boolean;\n    autoFocusTextbox?: boolean;\n    /**\n     * Where the composer sits relative to the messages.\n     * - `'top'` (default) — composer follows the messages at intrinsic height,\n     *   suitable for inline comment threads.\n     * - `'bottom'` — composer pinned to the bottom of the panel, messages\n     *   scrolling above it. Suitable for full-panel multi-party chat.\n     */\n    orientation?: ChatOrientation;\n    /**\n     * When true, hide the composer textbox and activity indicator. Used for\n     * channels whose source-of-truth lives elsewhere (e.g. externally-synced\n     * Slack/Discord channels keyed by a foreign id) — sending isn't meaningful\n     * because there is no local-write path back to the source.\n     */\n    readOnly?: boolean;\n  } & Pick<ThreadRootProps, 'current'>\n>;\n\nexport type ChatOrientation = 'top' | 'bottom';\n\n/**\n * Pure chat UI: scrollable message list + composer textbox + activity indicator.\n * Owns its own UI state (textbox content, scroll position, editor extensions) but\n * does not load data or invoke operations — the caller passes messages and an\n * `onSend` callback. Used by both `ThreadContainer` (AutoMerge `Thread`) and\n * `ChannelArticle`'s feed-backed channel chat.\n */\nexport const Chat = composable<HTMLDivElement, ChatProps>(\n  (\n    {\n      id,\n      identity,\n      members,\n      messages,\n      activity,\n      onSend,\n      autoFocusTextbox,\n      current,\n      orientation = 'top',\n      readOnly,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(meta.id);\n    const { themeMode } = useThemeContext();\n\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n\n    // Force the editor to remount after a successful send so its content resets.\n    const [_count, _setCount] = useState(0);\n\n    const textboxMetadata = getMessageMetadata(id, identity);\n    const messageRef = useRef('');\n    const extensions = useMemo(\n      () => [\n        createBasicExtensions({ placeholder: t('message.placeholder') }),\n        createThemeExtensions({ themeMode }),\n        listener({ onChange: ({ text }) => (messageRef.current = text) }),\n        command,\n      ],\n      [themeMode, _count],\n    );\n\n    const scrollToEnd = (behavior: ScrollBehavior) =>\n      setTimeout(() => sentinelRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n    useLayoutEffect(() => {\n      scrollToEnd('instant');\n    }, []);\n    // NOTE: Auto-scroll on new messages is intentionally not implemented here. Smooth-scroll\n    // animations were causing ResizeObserver feedback loops with CodeMirror/ScrollArea. The\n    // proper fix is \"scroll only if user is already at the bottom\" — deferred to a follow-up.\n\n    const handleSend = () => {\n      const text = messageRef.current;\n      if (!text?.length) {\n        return false;\n      }\n\n      const accepted = onSend(text);\n      if (!accepted) {\n        return false;\n      }\n\n      messageRef.current = '';\n      setAutoFocus(true);\n      scrollToEnd('smooth');\n      _setCount((count) => count + 1);\n      return true;\n    };\n\n    const filteredMessages = messages.filter(isNonNullable);\n    const renderState: ChatRenderState = {\n      messages: filteredMessages,\n      members,\n      activity,\n      extensions,\n      autoFocus,\n      handleSend,\n      textboxMetadata,\n      scrollRef,\n      sentinelRef,\n      readOnly,\n    };\n\n    return orientation === 'bottom' ? (\n      <ChannelLayout\n        {...composableProps(props, { classNames: 'flex flex-col bs-full min-h-0' })}\n        id={id}\n        ref={forwardedRef}\n        state={renderState}\n      />\n    ) : (\n      <ThreadLayout\n        {...composableProps(props, { classNames: 'dx-container grid-rows-[1fr_min-content_min-content]' })}\n        id={id}\n        current={current}\n        ref={forwardedRef}\n        state={renderState}\n      />\n    );\n  },\n);\n\n//\n// Internal layout helpers — share state via the ChatRenderState bag.\n//\n\ntype ChatRenderState = {\n  messages: Message.Message[];\n  members: SpaceMember[];\n  activity?: boolean;\n  extensions: Extension[];\n  autoFocus?: boolean;\n  handleSend: () => boolean;\n  textboxMetadata: MessageMetadata;\n  scrollRef: RefObject<HTMLDivElement | null>;\n  sentinelRef: RefObject<HTMLDivElement | null>;\n  readOnly?: boolean;\n};\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  id: string;\n  state: ChatRenderState;\n};\n\n/** Thread layout — composer follows messages at intrinsic height. */\nconst ThreadLayout = React.forwardRef<HTMLDivElement, LayoutProps & Pick<ThreadRootProps, 'current'>>(\n  ({ id, current, state, ...props }, ref) => {\n    const { t } = useTranslation(meta.id);\n    const { messages, members, activity, extensions, autoFocus, handleSend, textboxMetadata, sentinelRef, readOnly } =\n      state;\n    return (\n      <ThreadComponent.Root {...props} id={id} current={current} ref={ref}>\n        <ScrollArea.Root classNames='col-span-2' orientation='vertical'>\n          <ScrollArea.Viewport ref={sentinelRef}>\n            <div className={mx(threadLayout, 'place-self-end')}>\n              {messages.map((message) => (\n                <MessagePanel key={message.id} message={message} members={members} />\n              ))}\n            </div>\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n        {!readOnly && (\n          <>\n            <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleSend} {...textboxMetadata} />\n            <ThreadComponent.Status activity={activity}>{t('activity.message')}</ThreadComponent.Status>\n          </>\n        )}\n      </ThreadComponent.Root>\n    );\n  },\n);\n\n/** Channel layout — composer pinned to the bottom, messages scroll above it. */\nconst ChannelLayout = React.forwardRef<HTMLDivElement, LayoutProps>(({ id, state, ...props }, ref) => {\n  const { t } = useTranslation(meta.id);\n  const {\n    messages,\n    members,\n    activity,\n    extensions,\n    autoFocus,\n    handleSend,\n    textboxMetadata,\n    scrollRef,\n    sentinelRef,\n    readOnly,\n  } = state;\n  return (\n    <div {...props} id={id} ref={ref}>\n      <div ref={scrollRef} className='flex-1 min-h-0 overflow-y-auto'>\n        {messages.map((message) => (\n          <div key={message.id} className='grid grid-cols-[var(--dx-rail-size)_1fr] w-full'>\n            <MessagePanel message={message} members={members} />\n          </div>\n        ))}\n        <div ref={sentinelRef} />\n      </div>\n      {!readOnly && (\n        <>\n          <div className='shrink-0 grid grid-cols-[var(--dx-rail-size)_1fr]'>\n            <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleSend} {...textboxMetadata} />\n          </div>\n          <div className='shrink-0 px-2 pb-1 text-xs text-description'>{activity ? t('activity.message') : null}</div>\n        </>\n      )}\n    </div>\n  );\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Obj, Ref } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { PublicKey } from '@dxos/react-client';\nimport { type SpaceMember } from '@dxos/react-client/echo';\nimport { type Identity, useIdentity } from '@dxos/react-client/halo';\nimport { IconButton, useOnTransition, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\nimport { useTextEditor } from '@dxos/react-ui-editor';\nimport { MessageHeading, MessageRoot } from '@dxos/react-ui-thread';\nimport { type ContentBlock, type Message } from '@dxos/types';\nimport { createBasicExtensions, createThemeExtensions } from '@dxos/ui-editor';\nimport { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from '@dxos/ui-theme';\n\nimport { useOnEditAnalytics } from '#hooks';\nimport { meta } from '#meta';\n\nimport { command } from '../../extensions/command';\nimport { getMessageMetadata } from '../../util';\n\nexport const buttonGroupClassNames = 'flex flex-row items-center gap-0.5 pe-2';\nexport const buttonClassNames = 'p-1! transition-opacity';\n\nexport type MessagePanelProps = {\n  message: Obj.OfShape<Message.Message> | Ref.Ref<Obj.OfShape<Message.Message>>;\n  members: SpaceMember[];\n  editable?: boolean;\n  onDelete?: (id: string) => void;\n  onAcceptProposal?: (id: string) => void;\n};\n\nexport const MessagePanel = ({\n  message: messageOrRef,\n  members,\n  editable = false,\n  onDelete,\n  onAcceptProposal,\n}: MessagePanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const [message, updateMessage] = useObject(messageOrRef);\n  const identity = useIdentity();\n  const [editing, setEditing] = useState(false);\n\n  const textBlockIndex = message?.blocks.findIndex((block) => block._tag === 'text') ?? -1;\n\n  const handleEdit = useCallback(() => setEditing((editing) => !editing), []);\n  const handleDelete = useCallback(() => message && onDelete?.(message.id), [message, onDelete]);\n  const handleAcceptProposal = useCallback(\n    () => message && onAcceptProposal?.(message.id),\n    [message, onAcceptProposal],\n  );\n  const handleTextBlockChange = useCallback(\n    (newText: string) => {\n      updateMessage((m) => {\n        const targetBlock = m.blocks[textBlockIndex];\n        if (targetBlock && targetBlock._tag === 'text') {\n          targetBlock.text = newText;\n        }\n      });\n    },\n    [updateMessage, textBlockIndex],\n  );\n\n  const textBlock =\n    message && textBlockIndex !== -1 ? (message.blocks[textBlockIndex] as ContentBlock.Text) : undefined;\n  useOnEditAnalytics(message, textBlock, !!editing);\n\n  if (!message) {\n    return null;\n  }\n\n  const senderIdentity = members.find(\n    (member) =>\n      (message.sender.identityDid && member.identity.did === message.sender.identityDid) ||\n      (message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey)),\n  )?.identity;\n  // Pass `message.sender` as the fallback so externally-synced messages\n  // (Slack, etc.) display the source-side sender name instead of \"Anonymous\"\n  // when no DXOS identity matches.\n  const messageMetadata = getMessageMetadata(message.id, senderIdentity, message.sender);\n  const userIsAuthor = identity?.did === messageMetadata.authorId;\n  const proposalBlock = message.blocks.find((block) => block._tag === 'proposal');\n  const references = message.blocks.filter((block) => block._tag === 'reference').map((block) => block.reference);\n\n  return (\n    <MessageRoot {...messageMetadata} classNames={[hoverableControls, hoverableFocusedWithinControls]}>\n      <MessageHeading authorName={messageMetadata.authorName} timestamp={messageMetadata.timestamp}>\n        <div className={buttonGroupClassNames}>\n          {userIsAuthor && editable && (\n            <IconButton\n              data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n              variant='ghost'\n              icon={editing ? 'ph--check--regular' : 'ph--pencil-simple--regular'}\n              iconOnly\n              label={t(editing ? 'save-message.label' : 'edit-message.label')}\n              classNames={[buttonClassNames, hoverableControlItem]}\n              onClick={handleEdit}\n            />\n          )}\n          {/* TODO(wittjosiah): Proposal controls should probably be hoisted to thread level. */}\n          {proposalBlock && onAcceptProposal && (\n            <IconButton\n              data-testid='thread.message.accept'\n              variant='ghost'\n              icon='ph--check--regular'\n              iconOnly\n              label={t('accept-proposal.label')}\n              classNames={[buttonClassNames, hoverableControlItem]}\n              onClick={handleAcceptProposal}\n            />\n          )}\n          {onDelete && (\n            <IconButton\n              data-testid='thread.message.delete'\n              variant='ghost'\n              icon='ph--x--regular'\n              iconOnly\n              label={t('delete-message.label')}\n              classNames={[buttonClassNames, hoverableControlItem]}\n              onClick={handleDelete}\n            />\n          )}\n        </div>\n      </MessageHeading>\n      {textBlock && (\n        <TextboxBlock block={textBlock} isAuthor={userIsAuthor} editing={editing} onSave={handleTextBlockChange} />\n      )}\n      {proposalBlock && <ProposalBlock block={proposalBlock} />}\n      {Ref.Array.targets(references).map((reference, index) => (\n        <MessagePart key={index} part={reference as Obj.Unknown} />\n      ))}\n    </MessageRoot>\n  );\n};\n\nconst MessagePart = ({ part }: { part: Obj.Unknown }) => {\n  return <MessageBlockObjectTile subject={part} />;\n};\n\nconst TextboxBlock = ({\n  block,\n  isAuthor,\n  editing,\n  onSave,\n}: {\n  block: ContentBlock.Text;\n  editing?: boolean;\n  isAuthor?: boolean;\n  identity?: Identity;\n  onSave?: (newText: string) => void;\n}) => {\n  const { themeMode } = useThemeContext();\n  const inMemoryContentRef = useRef(block.text);\n\n  const handleDocumentChange = useCallback((newState: string) => {\n    inMemoryContentRef.current = newState;\n  }, []);\n\n  const saveDocumentChange = useCallback(() => {\n    onSave?.(inMemoryContentRef.current);\n  }, [onSave]);\n\n  useOnTransition(editing, true, false, saveDocumentChange);\n\n  const { parentRef, focusAttributes, view } = useTextEditor(\n    () => ({\n      initialValue: block.text,\n      extensions: [\n        createBasicExtensions({ readOnly: !isAuthor || !editing }),\n        createThemeExtensions({ themeMode }),\n        command,\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) {\n            handleDocumentChange(update.state.doc.toString());\n          }\n        }),\n      ],\n    }),\n    [block.text, editing, isAuthor, themeMode, handleDocumentChange],\n  );\n\n  useEffect(() => {\n    editing && view?.focus();\n  }, [editing, view]);\n\n  return <div ref={parentRef} className='me-4' {...focusAttributes} />;\n};\n\nconst ProposalBlock = ({ block }: { block: ContentBlock.Proposal }) => {\n  return <div className='me-4 italic'>{block.text}</div>;\n};\n\nconst MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: Obj.Unknown }>(({ subject }, forwardedRef) => {\n  // TODO(burdon): Use annotation to get title.\n  let title = (subject as any).name ?? (subject as any).title ?? (subject as any).type ?? 'Object';\n  if (typeof title !== 'string') {\n    title = title?.content ?? '';\n  }\n\n  return (\n    <Card.Root\n      className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}\n      ref={forwardedRef}\n    >\n      <Surface.Surface\n        type={AppSurface.Card}\n        limit={1}\n        data={{ subject } satisfies AppSurface.ObjectCardData}\n        fallback={title}\n      />\n    </Card.Root>\n  );\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect } from 'react';\n\nimport { Obj, Relation } from '@dxos/echo';\nimport { Icon, Message, Trans, useTranslation } from '@dxos/react-ui';\nimport { type AnchoredTo, type Thread } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nimport { CommentsThread, type CommentsThreadProps } from './CommentsThread';\n\nexport type CommentsPanelProps = Omit<CommentsThreadProps, 'anchor' | 'current'> & {\n  anchors: AnchoredTo.AnchoredTo[];\n  currentId?: string;\n  showResolvedThreads?: boolean;\n};\n\n/**\n * Root container for collection of comment threads.\n */\nexport const CommentsPanel = ({ anchors, currentId, showResolvedThreads, ...props }: CommentsPanelProps) => {\n  const { t } = useTranslation(meta.id);\n\n  // TODO(wittjosiah): There seems to be a race between thread and anchor being deleted.\n  const filteredAnchors = showResolvedThreads\n    ? anchors.filter((anchor) => !!Relation.getSource(anchor))\n    : anchors.filter((anchor) => {\n        const thread = Relation.getSource(anchor);\n        // TODO(dmaretskyi): Do Obj.instanceOf check instead.\n        return thread && (thread as any).status !== 'resolved';\n      });\n\n  useEffect(() => {\n    if (currentId) {\n      document.getElementById(currentId)?.scrollIntoView({ behavior: 'smooth', block: 'end' });\n    }\n  }, [currentId]);\n\n  if (filteredAnchors.length === 0) {\n    return (\n      <div className='p-form-padding'>\n        <Message.Root>\n          <Message.Content>\n            <Trans\n              {...{\n                t,\n                i18nKey: 'no-comments.message',\n                components: {\n                  commentIcon: <Icon icon='ph--chat-text--regular' size={4} classNames='dx-icon-inline' />,\n                },\n              }}\n            />\n          </Message.Content>\n        </Message.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {filteredAnchors.map((anchor) => {\n        const thread = Relation.getSource(anchor) as Thread.Thread;\n        const threadId = Obj.getDXN(thread).toString();\n        return <CommentsThread key={threadId} anchor={anchor} current={currentId === threadId} {...props} />;\n      })}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Obj, Relation } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { getSpace, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { IconButton, Tag, Tooltip, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  MessageTextbox,\n  type MessageTextboxProps,\n  Thread as ThreadComponent,\n  type ThreadRootProps,\n} from '@dxos/react-ui-thread';\nimport { type AnchoredTo, type Thread } from '@dxos/types';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/ui-editor';\nimport { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from '@dxos/ui-theme';\n\nimport { useStatus } from '#hooks';\nimport { meta } from '#meta';\n\nimport { command } from '../../extensions/command';\nimport { getMessageMetadata } from '../../util';\nimport { MessagePanel, buttonClassNames, buttonGroupClassNames } from '../MessagePanel';\n\nexport type CommentsThreadProps = {\n  anchor: AnchoredTo.AnchoredTo;\n  onAttend?: (anchor: AnchoredTo.AnchoredTo) => void;\n  onComment?: (anchor: AnchoredTo.AnchoredTo, message: string) => void;\n  onResolve?: (anchor: AnchoredTo.AnchoredTo) => void;\n  onMessageDelete?: (anchor: AnchoredTo.AnchoredTo, messageId: string) => void;\n  onThreadDelete?: (anchor: AnchoredTo.AnchoredTo) => void;\n  onAcceptProposal?: (anchor: AnchoredTo.AnchoredTo, messageId: string) => void;\n} & Pick<ThreadRootProps, 'current'>;\n\nexport const CommentsThread = ({\n  anchor,\n  current,\n  onAttend,\n  onComment,\n  onResolve,\n  onMessageDelete,\n  onThreadDelete,\n  onAcceptProposal,\n}: CommentsThreadProps) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(meta.id);\n  const identity = useIdentity()!;\n  const space = getSpace(anchor);\n  const members = useMembers(space?.id);\n  const detached = !anchor.anchor;\n  const thread = Relation.getSource(anchor) as Thread.Thread;\n  const [messages] = useObject(thread, 'messages');\n  const activity = useStatus(space, Obj.getDXN(thread).toString());\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n\n  const textboxMetadata = getMessageMetadata(Obj.getDXN(thread).toString(), identity);\n\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [state, setState] = useState({});\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    [state],\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?.(anchor), [onAttend, anchor]);\n  const handleResolve = useCallback(() => onResolve?.(anchor), [onResolve, anchor]);\n  const handleMessageDelete = useCallback((id: string) => onMessageDelete?.(anchor, id), [onMessageDelete, anchor]);\n  const handleThreadDelete = useCallback(() => onThreadDelete?.(anchor), [onThreadDelete, anchor]);\n  const handleAcceptProposal = useCallback((id: string) => onAcceptProposal?.(anchor, id), [onAcceptProposal, anchor]);\n\n  const handleComment = useCallback<NonNullable<MessageTextboxProps['onSend']>>(() => {\n    if (!messageRef.current) {\n      return false;\n    }\n\n    onComment?.(anchor, messageRef.current);\n    messageRef.current = '';\n    scrollToEnd('instant');\n    setState({});\n\n    return true;\n  }, [anchor, identity]);\n\n  return (\n    <ThreadComponent.Root\n      id={Obj.getDXN(thread).toString()}\n      classNames='pt-2 border-b border-subdued-separator last:border-none'\n      current={current}\n      onClickCapture={handleAttend}\n      onFocusCapture={handleAttend}\n    >\n      <div\n        className={mx(\n          'col-span-2 grid grid-cols-[var(--dx-rail-size)_1fr_min-content]',\n          hoverableControls,\n          hoverableFocusedWithinControls,\n        )}\n      >\n        {detached ? (\n          <Tooltip.Trigger asChild content={t('detached-thread.label')} side='top'>\n            <ThreadComponent.Header detached>{thread.name}</ThreadComponent.Header>\n          </Tooltip.Trigger>\n        ) : (\n          <ThreadComponent.Header>{thread.name}</ThreadComponent.Header>\n        )}\n        <div className={buttonGroupClassNames}>\n          {thread.status === 'staged' && <Tag palette='neutral'>{t('draft.button')}</Tag>}\n          {onResolve && !(thread?.status === 'staged') && (\n            <IconButton\n              data-testid='thread.resolve'\n              variant='ghost'\n              icon={thread?.status === 'resolved' ? 'ph--check--fill' : 'ph--check--regular'}\n              iconOnly\n              label={t('resolve-thread.label')}\n              classNames={[buttonClassNames, thread?.status !== 'resolved' && hoverableControlItem]}\n              onClick={handleResolve}\n            />\n          )}\n          {onThreadDelete && (\n            <IconButton\n              data-testid='thread.delete'\n              variant='ghost'\n              icon='ph--x--regular'\n              iconOnly\n              label={t('delete-thread.label')}\n              classNames={[buttonClassNames, hoverableControlItem]}\n              onClick={handleThreadDelete}\n            />\n          )}\n        </div>\n      </div>\n\n      {messages?.map((ref) => (\n        <MessagePanel\n          key={ref.dxn.toString()}\n          editable\n          message={ref}\n          members={members}\n          onDelete={handleMessageDelete}\n          onAcceptProposal={handleAcceptProposal}\n        />\n      ))}\n\n      {/*\n        TODO(wittjosiah): Can't autofocus this generally.\n          There can be multiple threads with inputs and they can't all be focused.\n          Also, it steals focus from documents when first rendered.\n          Need to find a way to autofocus in one scenario only: when a new thread is created.\n      */}\n      <MessageTextbox extensions={extensions} onSend={handleComment} {...textboxMetadata} />\n\n      <ThreadComponent.Status activity={activity}>{t('activity.message')}</ThreadComponent.Status>\n\n      <div className='h-px -mt-px' ref={threadScrollRef} />\n    </ThreadComponent.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["lazy", "React", "useLayoutEffect", "useMemo", "useRef", "useState", "ScrollArea", "useThemeContext", "useTranslation", "MessageTextbox", "Thread", "ThreadComponent", "threadLayout", "createBasicExtensions", "createThemeExtensions", "listener", "composable", "composableProps", "mx", "isNonNullable", "meta", "EditorView", "React", "forwardRef", "useCallback", "useEffect", "useRef", "useState", "Surface", "AppSurface", "Ref", "useObject", "PublicKey", "useIdentity", "IconButton", "useOnTransition", "useThemeContext", "useTranslation", "Card", "useTextEditor", "MessageHeading", "MessageRoot", "createBasicExtensions", "createThemeExtensions", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "useOnEditAnalytics", "meta", "buttonGroupClassNames", "buttonClassNames", "MessagePanel", "message", "messageOrRef", "members", "editable", "onDelete", "onAcceptProposal", "t", "useTranslation", "meta", "id", "updateMessage", "useObject", "identity", "useIdentity", "editing", "setEditing", "useState", "textBlockIndex", "blocks", "findIndex", "block", "_tag", "handleEdit", "useCallback", "handleDelete", "handleAcceptProposal", "handleTextBlockChange", "newText", "m", "targetBlock", "text", "textBlock", "undefined", "useOnEditAnalytics", "senderIdentity", "find", "member", "sender", "identityDid", "did", "identityKey", "PublicKey", "equals", "messageMetadata", "getMessageMetadata", "userIsAuthor", "authorId", "proposalBlock", "references", "filter", "map", "reference", "MessageRoot", "classNames", "hoverableControls", "hoverableFocusedWithinControls", "MessageHeading", "authorName", "timestamp", "div", "className", "IconButton", "data-testid", "variant", "icon", "iconOnly", "label", "hoverableControlItem", "onClick", "TextboxBlock", "isAuthor", "onSave", "ProposalBlock", "Ref", "Array", "targets", "index", "MessagePart", "key", "part", "MessageBlockObjectTile", "subject", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "handleDocumentChange", "newState", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readOnly", "createThemeExtensions", "command", "EditorView", "updateListener", "of", "update", "docChanged", "state", "doc", "toString", "useEffect", "focus", "ref", "forwardRef", "forwardedRef", "title", "name", "type", "content", "Card", "Root", "mx", "Surface", "AppSurface", "limit", "data", "fallback", "Chat", "composable", "id", "identity", "members", "messages", "activity", "onSend", "autoFocusTextbox", "current", "orientation", "readOnly", "props", "forwardedRef", "t", "useTranslation", "meta", "themeMode", "useThemeContext", "scrollRef", "useRef", "sentinelRef", "autoFocus", "setAutoFocus", "useState", "_count", "_setCount", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleSend", "length", "accepted", "count", "filteredMessages", "filter", "isNonNullable", "renderState", "React", "ChannelLayout", "composableProps", "classNames", "ref", "state", "ThreadLayout", "forwardRef", "ThreadComponent", "Root", "ScrollArea", "Viewport", "div", "className", "mx", "threadLayout", "map", "message", "MessagePanel", "key", "MessageTextbox", "Status", "React", "useEffect", "Obj", "Relation", "Icon", "Message", "Trans", "useTranslation", "meta", "React", "useCallback", "useMemo", "useRef", "useState", "Obj", "Relation", "useObject", "getSpace", "useMembers", "useIdentity", "IconButton", "Tag", "Tooltip", "useThemeContext", "useTranslation", "MessageTextbox", "Thread", "ThreadComponent", "createBasicExtensions", "createThemeExtensions", "listener", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "useStatus", "meta", "CommentsThread", "anchor", "current", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "onAcceptProposal", "themeMode", "useThemeContext", "t", "useTranslation", "meta", "id", "identity", "useIdentity", "space", "getSpace", "members", "useMembers", "detached", "thread", "Relation", "getSource", "messages", "useObject", "activity", "useStatus", "Obj", "getDXN", "toString", "threadScrollRef", "useRef", "textboxMetadata", "getMessageMetadata", "state", "setState", "useState", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "handleAttend", "useCallback", "handleResolve", "handleMessageDelete", "handleThreadDelete", "handleAcceptProposal", "handleComment", "React", "ThreadComponent", "Root", "classNames", "onClickCapture", "onFocusCapture", "div", "className", "mx", "hoverableControls", "hoverableFocusedWithinControls", "Tooltip", "Trigger", "asChild", "content", "side", "Header", "name", "buttonGroupClassNames", "status", "Tag", "palette", "IconButton", "data-testid", "variant", "icon", "iconOnly", "label", "buttonClassNames", "hoverableControlItem", "onClick", "map", "ref", "MessagePanel", "key", "dxn", "editable", "message", "onDelete", "MessageTextbox", "onSend", "Status", "CommentsPanel", "anchors", "currentId", "showResolvedThreads", "props", "t", "useTranslation", "meta", "id", "filteredAnchors", "filter", "anchor", "Relation", "getSource", "thread", "status", "useEffect", "document", "getElementById", "scrollIntoView", "behavior", "block", "length", "React", "div", "className", "Message", "Root", "Content", "Trans", "i18nKey", "components", "commentIcon", "Icon", "icon", "size", "classNames", "map", "threadId", "Obj", "getDXN", "toString", "CommentsThread", "key", "current", "ThreadSettings", "lazy"]
+}