@dxos/plugin-thread 0.8.4-main.fd6878d → 0.8.4-staging.60fe92afc8

package/dist/lib/node-esm/chunk-SED3O2XO.mjs

@@ -1,150 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  createInaudibleAudioStreamTrack
-} from "./chunk-QBHKLWGR.mjs";
-
-// src/hooks/analytics.ts
-import { useCallback } from "react";
-import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
-import { getSpace } from "@dxos/react-client/echo";
-import { useOnTransition } from "@dxos/react-ui";
-var useOnEditAnalytics = (message, textBlock, editing) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const onEdit = useCallback(() => {
-    const space = getSpace(message);
-    if (!space || !textBlock) {
-      return;
-    }
-    void dispatch(createIntent(ObservabilityAction.SendEvent, {
-      name: "threads.message.update",
-      properties: {
-        spaceId: space.id,
-        messageId: message.id,
-        messageLength: textBlock?.text.length
-      }
-    }));
-  }, [
-    dispatch,
-    message,
-    textBlock
-  ]);
-  useOnTransition(editing, true, false, onEdit);
-};
-
-// src/hooks/useDebugMode.ts
-import { useEffect, useState } from "react";
-var useDebugMode = () => {
-  const [enabled, setEnabled] = useState(false);
-  useEffect(() => {
-    const handler = (ev) => {
-      if (ev.key.toLowerCase() === "d" && ev.ctrlKey) {
-        ev.preventDefault();
-        setEnabled(!enabled);
-      }
-    };
-    document.addEventListener("keypress", handler);
-    return () => {
-      document.removeEventListener("keypress", handler);
-    };
-  }, [
-    enabled
-  ]);
-  return enabled;
-};
-
-// src/hooks/useStatus.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-var useStatus = (space, channel) => {
-  const [processing, setProcessing] = useState2(false);
-  useEffect2(() => {
-    if (!space || !channel) {
-      return;
-    }
-    const unsubscribe = space.listen(`status/${channel}`, (status) => {
-      const { event } = status.payload ?? {};
-      setProcessing(event === "processing");
-    });
-    const t = setInterval(() => {
-      setProcessing((prev) => {
-        if (typeof prev?.ts === "number" && Date.now() - prev.ts > 3e4) {
-          return void 0;
-        } else {
-          return prev;
-        }
-      });
-    }, 1e3);
-    return () => {
-      unsubscribe();
-      clearInterval(t);
-    };
-  }, [
-    space,
-    channel
-  ]);
-  return processing;
-};
-
-// src/hooks/useVideoStreamTrack.tsx
-import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
-var useVideoStreamTrack = (videoElement, videoSrc) => {
-  const [videoStreamTrack, setVideoStreamTrack] = useState3(void 0);
-  const hadRun = useRef(false);
-  useEffect3(() => {
-    if (!videoElement.current || hadRun.current || !videoSrc) {
-      return;
-    }
-    hadRun.current = true;
-    videoElement.current.addEventListener("playing", () => {
-      const stream = videoElement.current.captureStream();
-      const track = stream.getTracks()[0];
-      if (track) {
-        setVideoStreamTrack(track);
-      }
-      stream.onaddtrack = (event) => {
-        if (event.track.kind === "video") {
-          setVideoStreamTrack(event.track);
-        }
-      };
-    });
-    videoElement.current.src = videoSrc;
-  }, [
-    videoElement.current,
-    videoSrc
-  ]);
-  return videoStreamTrack;
-};
-
-// src/hooks/useInaudibleAudioStreamTrack.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
-import { scheduleTask } from "@dxos/async";
-import { Context } from "@dxos/context";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/hooks/useInaudibleAudioStreamTrack.tsx";
-var useInaudibleAudioStreamTrack = () => {
-  const [audioStreamTrack, setAudioStreamTrack] = useState4(void 0);
-  useEffect4(() => {
-    const ctx = new Context(void 0, {
-      F: __dxlog_file,
-      L: 15
-    });
-    scheduleTask(ctx, async () => {
-      const audioStreamTrack2 = await createInaudibleAudioStreamTrack({
-        ctx
-      });
-      setAudioStreamTrack(audioStreamTrack2);
-    });
-    return () => {
-      void ctx.dispose();
-    };
-  }, []);
-  return audioStreamTrack;
-};
-
-export {
-  useOnEditAnalytics,
-  useDebugMode,
-  useStatus,
-  useVideoStreamTrack,
-  useInaudibleAudioStreamTrack
-};
-//# sourceMappingURL=chunk-SED3O2XO.mjs.map

package/dist/lib/node-esm/chunk-SED3O2XO.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/analytics.ts", "../../../src/hooks/useDebugMode.ts", "../../../src/hooks/useStatus.ts", "../../../src/hooks/useVideoStreamTrack.tsx", "../../../src/hooks/useInaudibleAudioStreamTrack.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { type Live } from '@dxos/live-object';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { useOnTransition } from '@dxos/react-ui';\nimport { type DataType } from '@dxos/schema';\n\nexport const useOnEditAnalytics = (\n  message: Live<any>,\n  textBlock: DataType.MessageBlock.Text | undefined,\n  editing: boolean,\n) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const onEdit = useCallback(() => {\n    const space = getSpace(message);\n    if (!space || !textBlock) {\n      return;\n    }\n\n    void dispatch(\n      createIntent(ObservabilityAction.SendEvent, {\n        name: 'threads.message.update',\n        properties: {\n          spaceId: space.id,\n          messageId: message.id,\n          messageLength: textBlock?.text.length,\n        },\n      }),\n    );\n  }, [dispatch, message, textBlock]);\n\n  useOnTransition(editing, true, false, onEdit);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\n// TODO(burdon): Standardize across plugins/composer.\nexport const useDebugMode = () => {\n  const [enabled, setEnabled] = useState(false);\n  useEffect(() => {\n    const handler = (ev: KeyboardEvent) => {\n      if (ev.key.toLowerCase() === 'd' && ev.ctrlKey) {\n        ev.preventDefault();\n        setEnabled(!enabled);\n      }\n    };\n\n    document.addEventListener('keypress', handler);\n    return () => {\n      document.removeEventListener('keypress', handler);\n    };\n  }, [enabled]);\n\n  return enabled;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\n\n// TODO(burdon): Generalize and factor out.\nexport const useStatus = (space?: Space, channel?: string) => {\n  const [processing, setProcessing] = useState(false);\n  useEffect(() => {\n    if (!space || !channel) {\n      return;\n    }\n\n    const unsubscribe = space.listen(`status/${channel}`, (status) => {\n      const { event } = status.payload ?? {};\n      setProcessing(event === 'processing');\n    });\n\n    const t = setInterval(() => {\n      setProcessing((prev: any) => {\n        if (typeof prev?.ts === 'number' && Date.now() - prev.ts > 30_000) {\n          return undefined;\n        } else {\n          return prev;\n        }\n      });\n    }, 1_000);\n\n    return () => {\n      unsubscribe();\n      clearInterval(t);\n    };\n  }, [space, channel]);\n\n  return processing;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type RefObject, useEffect, useRef, useState } from 'react';\n\nexport const useVideoStreamTrack = (videoElement: RefObject<HTMLVideoElement>, videoSrc: string) => {\n  // Get video stream track.\n  const [videoStreamTrack, setVideoStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);\n  const hadRun = useRef(false);\n  useEffect(() => {\n    // This is done to capture only one video stream.\n    if (!videoElement.current || hadRun.current || !videoSrc) {\n      return;\n    }\n    hadRun.current = true;\n    videoElement.current.addEventListener('playing', () => {\n      const stream = (videoElement.current as any).captureStream();\n      const track = stream.getTracks()[0];\n      if (track) {\n        setVideoStreamTrack(track);\n      }\n      stream.onaddtrack = (event: MediaStreamTrackEvent) => {\n        if (event.track.kind === 'video') {\n          setVideoStreamTrack(event.track);\n        }\n      };\n    });\n    videoElement.current.src = videoSrc;\n  }, [videoElement.current, videoSrc]);\n\n  return videoStreamTrack;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { scheduleTask } from '@dxos/async';\nimport { Context } from '@dxos/context';\n\nimport { createInaudibleAudioStreamTrack } from '../calls/util/stub-media-streams';\n\nexport const useInaudibleAudioStreamTrack = () => {\n  const [audioStreamTrack, setAudioStreamTrack] = useState<MediaStreamTrack | undefined>(undefined);\n  useEffect(() => {\n    const ctx = new Context();\n    scheduleTask(ctx, async () => {\n      const audioStreamTrack = await createInaudibleAudioStreamTrack({ ctx });\n      setAudioStreamTrack(audioStreamTrack);\n    });\n\n    return () => {\n      void ctx.dispose();\n    };\n  }, []);\n\n  return audioStreamTrack;\n};\n"],
-  "mappings": "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",
-  "names": ["useCallback", "createIntent", "useIntentDispatcher", "ObservabilityAction", "getSpace", "useOnTransition", "useOnEditAnalytics", "message", "textBlock", "editing", "dispatchPromise", "dispatch", "useIntentDispatcher", "onEdit", "useCallback", "space", "getSpace", "createIntent", "ObservabilityAction", "SendEvent", "name", "properties", "spaceId", "id", "messageId", "messageLength", "text", "length", "useOnTransition", "useEffect", "useState", "useDebugMode", "enabled", "setEnabled", "useState", "useEffect", "handler", "ev", "key", "toLowerCase", "ctrlKey", "preventDefault", "document", "addEventListener", "removeEventListener", "useEffect", "useState", "useStatus", "space", "channel", "processing", "setProcessing", "useState", "useEffect", "unsubscribe", "listen", "status", "event", "payload", "t", "setInterval", "prev", "ts", "Date", "now", "undefined", "clearInterval", "useEffect", "useRef", "useState", "useVideoStreamTrack", "videoElement", "videoSrc", "videoStreamTrack", "setVideoStreamTrack", "useState", "undefined", "hadRun", "useRef", "useEffect", "current", "addEventListener", "stream", "captureStream", "track", "getTracks", "onaddtrack", "event", "kind", "src", "useEffect", "useState", "scheduleTask", "Context", "useInaudibleAudioStreamTrack", "audioStreamTrack", "setAudioStreamTrack", "useState", "undefined", "useEffect", "ctx", "Context", "scheduleTask", "createInaudibleAudioStreamTrack", "dispose"]
-}

package/dist/lib/node-esm/chunk-VNG6M2IY.mjs

@@ -1,478 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  useOnEditAnalytics,
-  useStatus
-} from "./chunk-SED3O2XO.mjs";
-import {
-  getMessageMetadata
-} from "./chunk-57XR3LEF.mjs";
-import {
-  meta
-} from "./chunk-GRLRWTRU.mjs";
-
-// src/components/ChatContainer.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { useLayoutEffect, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
-import { Obj, Ref as Ref3 } from "@dxos/echo";
-import { fullyQualifiedId as fullyQualifiedId2, useMembers as useMembers2 } from "@dxos/react-client/echo";
-import { useIdentity as useIdentity3 } from "@dxos/react-client/halo";
-import { Icon, ScrollArea, useThemeContext as useThemeContext3, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { createBasicExtensions as createBasicExtensions3, createThemeExtensions as createThemeExtensions3, listener as listener2 } from "@dxos/react-ui-editor";
-import { StackItem } from "@dxos/react-ui-stack";
-import { mx as mx4 } from "@dxos/react-ui-theme";
-import { MessageTextbox as MessageTextbox2, Thread as Thread2, threadLayout } from "@dxos/react-ui-thread";
-import { DataType } from "@dxos/schema";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
-
-// src/components/command-extension.ts
-import { HighlightStyle, StreamLanguage, syntaxHighlighting } from "@codemirror/language";
-import { tags } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-var parser = StreamLanguage.define({
-  startState: () => ({
-    count: 0
-  }),
-  token: (stream, state) => {
-    state.count++;
-    if (stream.eatSpace()) {
-      return null;
-    }
-    if (state.count === 1 && stream.match(/^(\/\w+)/)) {
-      return "tagName";
-    }
-    stream.next();
-    return null;
-  }
-});
-var styles = HighlightStyle.define([
-  {
-    tag: tags.tagName,
-    class: mx("dx-tag dx-tag--indigo text-baseText font-medium")
-  }
-]);
-var command = [
-  parser,
-  syntaxHighlighting(styles)
-];
-
-// src/components/MessageContainer.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { EditorView } from "@codemirror/view";
-import React2, { forwardRef, useCallback as useCallback2, useEffect, useRef as useRef2, useState as useState2 } from "react";
-import { Surface } from "@dxos/app-framework";
-import { Ref as Ref2 } from "@dxos/echo";
-import { PublicKey } from "@dxos/react-client";
-import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
-import { IconButton as IconButton2, useOnTransition, useThemeContext as useThemeContext2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { createBasicExtensions as createBasicExtensions2, createThemeExtensions as createThemeExtensions2, useTextEditor } from "@dxos/react-ui-editor";
-import { hoverableControlItem as hoverableControlItem2, hoverableControls as hoverableControls2, hoverableFocusedWithinControls as hoverableFocusedWithinControls2, mx as mx3 } from "@dxos/react-ui-theme";
-import { MessageHeading, MessageRoot } from "@dxos/react-ui-thread";
-
-// src/components/CommentsThreadContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { Ref, Relation } from "@dxos/echo";
-import { fullyQualifiedId, getSpace, useMembers } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { IconButton, Tag, Tooltip, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/react-ui-editor";
-import { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx as mx2 } from "@dxos/react-ui-theme";
-import { MessageTextbox, Thread } from "@dxos/react-ui-thread";
-import { isNonNullable } from "@dxos/util";
-var commentControlClassNames = "!p-1 transition-opacity";
-var CommentsThreadContainer = ({ anchor, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const identity = useIdentity();
-    const space = getSpace(anchor);
-    const members = useMembers(space?.key);
-    const detached = !anchor.anchor;
-    const thread = Relation.getSource(anchor);
-    const activity = useStatus(space, fullyQualifiedId(thread));
-    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?.(anchor), [
-      onAttend,
-      anchor
-    ]);
-    const handleResolve = useCallback(() => onResolve?.(anchor), [
-      onResolve,
-      anchor
-    ]);
-    const handleMessageDelete = useCallback((id) => onMessageDelete?.(anchor, id), [
-      onMessageDelete,
-      anchor
-    ]);
-    const handleThreadDelete = useCallback(() => onThreadDelete?.(anchor), [
-      onThreadDelete,
-      anchor
-    ]);
-    const handleComment = useCallback(() => {
-      if (!messageRef.current) {
-        return false;
-      }
-      onComment?.(anchor, messageRef.current);
-      messageRef.current = "";
-      scrollToEnd("instant");
-      rerenderEditor();
-      return true;
-    }, [
-      anchor,
-      identity
-    ]);
-    return /* @__PURE__ */ React.createElement(Thread.Root, {
-      id: fullyQualifiedId(thread),
-      classNames: "pbs-2 border-be border-subduedSeparator last:border-none",
-      current,
-      onClickCapture: handleAttend,
-      onFocusCapture: handleAttend
-    }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: mx2("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", hoverableControls, hoverableFocusedWithinControls)
-    }, detached ? /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-      asChild: true,
-      content: t("detached thread label"),
-      side: "top"
-    }, /* @__PURE__ */ React.createElement(Thread.Header, {
-      detached: true
-    }, thread.name)) : /* @__PURE__ */ React.createElement(Thread.Header, null, thread.name), /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-row items-center gap-0.5"
-    }, thread.status === "staged" && /* @__PURE__ */ React.createElement(Tag, {
-      palette: "neutral"
-    }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React.createElement(IconButton, {
-      "data-testid": "thread.resolve",
-      variant: "ghost",
-      icon: thread?.status === "resolved" ? "ph--check--fill" : "ph--check--regular",
-      iconOnly: true,
-      label: t("resolve thread label"),
-      classNames: [
-        commentControlClassNames,
-        thread?.status !== "resolved" && hoverableControlItem
-      ],
-      onClick: handleResolve
-    }), onThreadDelete && /* @__PURE__ */ React.createElement(IconButton, {
-      "data-testid": "thread.delete",
-      variant: "ghost",
-      icon: "ph--x--regular",
-      iconOnly: true,
-      label: t("delete thread label"),
-      classNames: [
-        commentControlClassNames,
-        hoverableControlItem
-      ],
-      onClick: handleThreadDelete
-    }))), Ref.Array.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(Thread.Status, {
-      activity
-    }, t("activity message")), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "bs-px -mbs-px",
-      ref: threadScrollRef
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/MessageContainer.tsx
-var MessageContainer = ({ message, members, editable = false, onDelete }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    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);
-    const userIsAuthor = useIdentity2()?.did === messageMetadata.authorId;
-    const [editing, setEditing] = useState2(false);
-    const handleDelete = useCallback2(() => onDelete?.(message.id), [
-      message,
-      onDelete
-    ]);
-    const textBlock = message.blocks.find((block) => block._tag === "text");
-    const references = message.blocks.filter((block) => block._tag === "reference").map((block) => block.reference);
-    useOnEditAnalytics(message, textBlock, !!editing);
-    return /* @__PURE__ */ React2.createElement(MessageRoot, {
-      ...messageMetadata,
-      classNames: [
-        hoverableControls2,
-        hoverableFocusedWithinControls2
-      ]
-    }, /* @__PURE__ */ React2.createElement(MessageHeading, {
-      authorName: messageMetadata.authorName,
-      timestamp: messageMetadata.timestamp
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-row items-center gap-0.5"
-    }, userIsAuthor && editable && /* @__PURE__ */ React2.createElement(IconButton2, {
-      "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: [
-        commentControlClassNames,
-        hoverableControlItem2
-      ],
-      onClick: () => setEditing((editing2) => !editing2)
-    }), onDelete && /* @__PURE__ */ React2.createElement(IconButton2, {
-      "data-testid": "thread.message.delete",
-      variant: "ghost",
-      icon: "ph--x--regular",
-      iconOnly: true,
-      label: t("delete message label"),
-      classNames: [
-        commentControlClassNames,
-        hoverableControlItem2
-      ],
-      onClick: () => handleDelete()
-    }))), textBlock && /* @__PURE__ */ React2.createElement(TextboxBlock, {
-      block: textBlock,
-      isAuthor: userIsAuthor,
-      editing
-    }), Ref2.Array.targets(references).map((reference, index) => /* @__PURE__ */ React2.createElement(MessagePart, {
-      key: index,
-      part: reference
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var MessagePart = ({ part }) => {
-  var _effect = _useSignals2();
-  try {
-    return /* @__PURE__ */ React2.createElement(MessageBlockObjectTile, {
-      subject: part
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var TextboxBlock = ({ block, isAuthor, editing }) => {
-  var _effect = _useSignals2();
-  try {
-    const { themeMode } = useThemeContext2();
-    const inMemoryContentRef = useRef2(block.text);
-    const handleDocumentChange = useCallback2((newState) => {
-      inMemoryContentRef.current = newState;
-    }, []);
-    const saveDocumentChange = useCallback2(() => {
-      block.text = inMemoryContentRef.current;
-    }, [
-      block
-    ]);
-    useOnTransition(editing, true, false, saveDocumentChange);
-    const { parentRef, focusAttributes, view } = useTextEditor(() => ({
-      initialValue: block.text,
-      extensions: [
-        createBasicExtensions2({
-          readOnly: !isAuthor || !editing
-        }),
-        createThemeExtensions2({
-          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__ */ React2.createElement("div", {
-      role: "none",
-      ref: parentRef,
-      className: "mie-4",
-      ...focusAttributes
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var MessageBlockObjectTile = /* @__PURE__ */ forwardRef(({ subject }, forwardedRef) => {
-  var _effect = _useSignals2();
-  try {
-    let title = subject.name ?? subject.title ?? subject.type ?? "Object";
-    if (typeof title !== "string") {
-      title = title?.content ?? "";
-    }
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "group",
-      className: mx3("grid col-span-3 py-1 pr-4", hoverableControls2, hoverableFocusedWithinControls2),
-      ref: forwardedRef
-    }, /* @__PURE__ */ React2.createElement(Surface, {
-      role: "card",
-      limit: 1,
-      data: {
-        subject
-      },
-      fallback: title
-    }));
-  } finally {
-    _effect.f();
-  }
-});
-
-// src/components/ChatContainer.tsx
-var ChatHeading = ({ attendableId }) => {
-  var _effect = _useSignals3();
-  try {
-    const { t } = useTranslation3(meta.id);
-    return /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: "flex items-center"
-    }, /* @__PURE__ */ React3.createElement(StackItem.SigilButton, {
-      attendableId
-    }, /* @__PURE__ */ React3.createElement(Icon, {
-      icon: "ph--chat--regular",
-      size: 5
-    })), /* @__PURE__ */ React3.createElement(StackItem.HeadingLabel, {
-      attendableId
-    }, t("chat heading")));
-  } finally {
-    _effect.f();
-  }
-};
-var ChatContainer = ({ space, thread, context, current, autoFocusTextbox }) => {
-  var _effect = _useSignals3();
-  try {
-    const { t } = useTranslation3(meta.id);
-    const id = fullyQualifiedId2(thread);
-    const identity = useIdentity3();
-    const members = useMembers2(space?.key);
-    const activity = useStatus(space, id);
-    const [_count, _setCount] = useState3(0);
-    const rerenderEditor = () => _setCount((count) => count + 1);
-    const [autoFocus, setAutoFocus] = useState3(autoFocusTextbox);
-    const threadScrollRef = useRef3(null);
-    const { themeMode } = useThemeContext3();
-    const textboxMetadata = getMessageMetadata(id, identity);
-    const messageRef = useRef3("");
-    const extensions = useMemo2(() => [
-      createBasicExtensions3({
-        placeholder: t("message placeholder")
-      }),
-      createThemeExtensions3({
-        themeMode
-      }),
-      listener2({
-        onChange: (text) => messageRef.current = text
-      }),
-      command
-    ], [
-      themeMode,
-      _count
-    ]);
-    const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
-      behavior,
-      block: "end"
-    }), 10);
-    useLayoutEffect(() => {
-      scrollToEnd("instant");
-    }, []);
-    const handleCreate = () => {
-      if (!messageRef.current?.length) {
-        return false;
-      }
-      thread.messages.push(Ref3.make(Obj.make(DataType.Message, {
-        created: (/* @__PURE__ */ new Date()).toISOString(),
-        sender: {
-          identityDid: identity.did
-        },
-        blocks: [
-          {
-            _tag: "text",
-            text: messageRef.current
-          }
-        ],
-        properties: context ? {
-          context: Ref3.make(context)
-        } : void 0
-      })));
-      messageRef.current = "";
-      setAutoFocus(true);
-      scrollToEnd("smooth");
-      rerenderEditor();
-      return true;
-    };
-    return /* @__PURE__ */ React3.createElement(Thread2.Root, {
-      current,
-      id,
-      classNames: "bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0"
-    }, /* @__PURE__ */ React3.createElement(ScrollArea.Root, {
-      classNames: "col-span-2"
-    }, /* @__PURE__ */ React3.createElement(ScrollArea.Viewport, {
-      classNames: "overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]"
-    }, /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: mx4(threadLayout, "place-self-end")
-    }, thread.messages.map((message) => message.target).filter(isNonNullable2).map((message) => /* @__PURE__ */ React3.createElement(MessageContainer, {
-      key: message.id,
-      message,
-      members
-    }))), /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: "bs-px -mbs-px",
-      ref: threadScrollRef
-    }), /* @__PURE__ */ React3.createElement(ScrollArea.Scrollbar, null, /* @__PURE__ */ React3.createElement(ScrollArea.Thumb, null)))), /* @__PURE__ */ React3.createElement(MessageTextbox2, {
-      extensions,
-      autoFocus,
-      onSend: handleCreate,
-      ...textboxMetadata
-    }), /* @__PURE__ */ React3.createElement(Thread2.Status, {
-      activity
-    }, t("activity message")));
-  } finally {
-    _effect.f();
-  }
-};
-var ChatContainer_default = ChatContainer;
-
-export {
-  CommentsThreadContainer,
-  ChatHeading,
-  ChatContainer,
-  ChatContainer_default
-};
-//# sourceMappingURL=chunk-VNG6M2IY.mjs.map