@dxos/plugin-thread 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/node/{chunk-JLHENFGK.cjs → chunk-IP533AMV.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_JLHENFGK_exports = {};
-__export(chunk_JLHENFGK_exports, {
+var chunk_IP533AMV_exports = {};
+__export(chunk_IP533AMV_exports, {
   CallDebugPanel: () => CallDebugPanel,
   CallSidebar: () => CallSidebar,
   ChannelContainer: () => ChannelContainer2,
@@ -35,11 +35,11 @@ __export(chunk_JLHENFGK_exports, {
   ThreadComplementary: () => ThreadComplementary,
   ThreadSettings: () => ThreadSettings
 });
-module.exports = __toCommonJS(chunk_JLHENFGK_exports);
-var import_chunk_TKHJVC2C = require("./chunk-TKHJVC2C.cjs");
-var import_chunk_6B3M6XRE = require("./chunk-6B3M6XRE.cjs");
+module.exports = __toCommonJS(chunk_IP533AMV_exports);
+var import_chunk_ZGDN3XBR = require("./chunk-ZGDN3XBR.cjs");
+var import_chunk_UM36TPCT = require("./chunk-UM36TPCT.cjs");
 var import_chunk_4YSNVPWU = require("./chunk-4YSNVPWU.cjs");
-var import_chunk_4B3PPXA6 = require("./chunk-4B3PPXA6.cjs");
+var import_chunk_E3WBZTTI = require("./chunk-E3WBZTTI.cjs");
 var import_chunk_FUXJAVFZ = require("./chunk-FUXJAVFZ.cjs");
 var import_chunk_LR5NENBE = require("./chunk-LR5NENBE.cjs");
 var import_chunk_HLMCEE5K = require("./chunk-HLMCEE5K.cjs");
@@ -56,8 +56,8 @@ var import_app_framework = require("@dxos/app-framework");
 var import_tracking3 = require("@preact-signals/safe-react/tracking");
 var import_react3 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_echo = require("@dxos/react-client/echo");
+var import_echo = require("@dxos/echo");
+var import_echo2 = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
@@ -68,9 +68,9 @@ var import_react4 = require("react");
 var import_tracking4 = require("@preact-signals/safe-react/tracking");
 var import_react5 = require("@phosphor-icons/react");
 var import_react6 = __toESM(require("react"));
-var import_echo_schema2 = require("@dxos/echo-schema");
+var import_echo3 = require("@dxos/echo");
 var import_live_object = require("@dxos/live-object");
-var import_echo2 = require("@dxos/react-client/echo");
+var import_echo4 = require("@dxos/react-client/echo");
 var import_halo2 = require("@dxos/react-client/halo");
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
@@ -78,14 +78,12 @@ var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react_ui_thread = require("@dxos/react-ui-thread");
 var import_util = require("@dxos/util");
 var import_tracking5 = require("@preact-signals/safe-react/tracking");
-var import_react7 = require("@phosphor-icons/react");
-var import_react8 = __toESM(require("react"));
-var import_echo_schema3 = require("@dxos/echo-schema");
-var import_echo3 = require("@dxos/react-client/echo");
+var import_react7 = __toESM(require("react"));
+var import_echo5 = require("@dxos/echo");
+var import_echo6 = require("@dxos/react-client/echo");
 var import_react_ui4 = require("@dxos/react-ui");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_tracking6 = require("@preact-signals/safe-react/tracking");
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_ui_form = require("@dxos/react-ui-form");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-thread/src/components/CallDebugPanel.tsx";
 var CallDebugPanel = ({ state }) => {
@@ -199,7 +197,7 @@ var CallSidebar = () => {
   var _effect = (0, import_tracking2.useSignals)();
   try {
     const call = (0, import_app_framework.useCapability)(import_chunk_4YSNVPWU.ThreadCapabilities.CallManager);
-    return /* @__PURE__ */ import_react2.default.createElement(import_chunk_6B3M6XRE.ChannelContainer, {
+    return /* @__PURE__ */ import_react2.default.createElement(import_chunk_UM36TPCT.ChannelContainer, {
       roomId: call.roomId
     });
   } finally {
@@ -265,15 +263,15 @@ var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMes
   var _effect = (0, import_tracking4.useSignals)();
   try {
     const identity = (0, import_halo2.useIdentity)();
-    const space = (0, import_echo2.getSpace)(anchor);
-    const members = (0, import_echo2.useMembers)(space?.key);
+    const space = (0, import_echo4.getSpace)(anchor);
+    const members = (0, import_echo4.useMembers)(space?.key);
     const detached = !anchor.anchor;
-    const thread = anchor[import_echo_schema2.RelationSourceId];
-    const activity = (0, import_chunk_FUXJAVFZ.useStatus)(space, (0, import_echo2.fullyQualifiedId)(thread));
+    const thread = import_echo3.Relation.getSource(anchor);
+    const activity = (0, import_chunk_FUXJAVFZ.useStatus)(space, (0, import_echo4.fullyQualifiedId)(thread));
     const { t } = (0, import_react_ui3.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
     const threadScrollRef = (0, import_react6.useRef)(null);
     const { themeMode } = (0, import_react_ui3.useThemeContext)();
-    const textboxMetadata = (0, import_chunk_LR5NENBE.getMessageMetadata)((0, import_echo2.fullyQualifiedId)(thread), identity);
+    const textboxMetadata = (0, import_chunk_LR5NENBE.getMessageMetadata)((0, import_echo4.fullyQualifiedId)(thread), identity);
     const [_count, _setCount] = (0, import_react6.useState)(0);
     const rerenderEditor = () => _setCount((count) => count + 1);
     const messageRef = (0, import_react6.useRef)("");
@@ -287,7 +285,7 @@ var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMes
       (0, import_react_ui_editor.listener)({
         onChange: (text) => messageRef.current = text
       }),
-      import_chunk_4B3PPXA6.command
+      import_chunk_E3WBZTTI.command
     ], [
       _count
     ]);
@@ -328,7 +326,7 @@ var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMes
       onClickCapture: handleAttend,
       onFocusCapture: handleAttend,
       current,
-      id: (0, import_echo2.fullyQualifiedId)(thread)
+      id: (0, import_echo4.fullyQualifiedId)(thread)
     }, /* @__PURE__ */ import_react6.default.createElement("div", {
       role: "none",
       className: (0, import_react_ui_theme.mx)("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", import_react_ui_theme.hoverableControls, import_react_ui_theme.hoverableFocusedWithinControls)
@@ -347,7 +345,7 @@ var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMes
       onResolve: handleResolve
     }), onThreadDelete && /* @__PURE__ */ import_react6.default.createElement(DeleteThreadButton, {
       onDelete: handleThreadDelete
-    }))), import_live_object.RefArray.targets(thread.messages?.filter(import_util.isNonNullable) ?? []).map((message) => /* @__PURE__ */ import_react6.default.createElement(import_chunk_4B3PPXA6.MessageContainer, {
+    }))), import_live_object.RefArray.targets(thread.messages?.filter(import_util.isNonNullable) ?? []).map((message) => /* @__PURE__ */ import_react6.default.createElement(import_chunk_E3WBZTTI.MessageContainer, {
       key: message.id,
       editable: true,
       message,
@@ -372,11 +370,11 @@ var CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props })
   var _effect = (0, import_tracking5.useSignals)();
   try {
     const { t } = (0, import_react_ui4.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
-    const filteredAnchors = showResolvedThreads ? anchors.filter((anchor) => !!anchor[import_echo_schema3.RelationSourceId]) : anchors.filter((anchor) => {
-      const thread = anchor[import_echo_schema3.RelationSourceId];
+    const filteredAnchors = showResolvedThreads ? anchors.filter((anchor) => !!import_echo5.Relation.getSource(anchor)) : anchors.filter((anchor) => {
+      const thread = import_echo5.Relation.getSource(anchor);
       return thread && thread.status !== "resolved";
     });
-    (0, import_react8.useEffect)(() => {
+    (0, import_react7.useEffect)(() => {
       if (currentId) {
         document.getElementById(currentId)?.scrollIntoView({
           behavior: "smooth",
@@ -386,29 +384,32 @@ var CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props })
     }, [
       currentId
     ]);
-    return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, filteredAnchors.length > 0 ? filteredAnchors.map((anchor) => {
-      const thread = anchor[import_echo_schema3.RelationSourceId];
-      const threadId = (0, import_echo3.fullyQualifiedId)(thread);
-      return /* @__PURE__ */ import_react8.default.createElement(CommentContainer, {
+    if (filteredAnchors.length === 0) {
+      return /* @__PURE__ */ import_react7.default.createElement("div", {
+        role: "none",
+        className: "plb-cardSpacingBlock pli-cardSpacingInline"
+      }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Callout.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Callout.Title, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Trans, {
+        t,
+        i18nKey: "no comments message",
+        components: {
+          commentIcon: /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Icon, {
+            icon: "ph--chat-text--regular",
+            size: 4,
+            classNames: "inline-block"
+          })
+        }
+      }))));
+    }
+    return filteredAnchors.map((anchor) => {
+      const thread = import_echo5.Relation.getSource(anchor);
+      const threadId = (0, import_echo6.fullyQualifiedId)(thread);
+      return /* @__PURE__ */ import_react7.default.createElement(CommentContainer, {
         key: threadId,
         anchor,
         current: currentId === threadId,
         ...props
       });
-    }) : /* @__PURE__ */ import_react8.default.createElement("div", {
-      role: "alert",
-      className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionMessage, "place-self-center rounded-lg text-center m-4")
-    }, /* @__PURE__ */ import_react8.default.createElement("h2", {
-      className: "mbe-2 font-medium text-baseText"
-    }, t("no comments title")), /* @__PURE__ */ import_react8.default.createElement("p", null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Trans, {
-      t,
-      i18nKey: "no comments message",
-      components: {
-        commentIcon: /* @__PURE__ */ import_react8.default.createElement(import_react7.ChatText, {
-          className: "inline-block"
-        })
-      }
-    }))));
+    });
   } finally {
     _effect.f();
   }
@@ -416,46 +417,50 @@ var CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props })
 var ThreadSettings = ({ settings }) => {
   var _effect = (0, import_tracking6.useSignals)();
   try {
-    return /* @__PURE__ */ import_react9.default.createElement(import_react_ui_form.DeprecatedFormContainer, null);
+    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui_form.DeprecatedFormContainer, null);
   } finally {
     _effect.f();
   }
 };
-var ChannelContainer2 = (0, import_react4.lazy)(() => import("./ChannelContainer-5EKNEH56.cjs"));
-var ChatContainer = (0, import_react4.lazy)(() => import("./ChatContainer-EE3FPSYO.cjs"));
+var ChannelContainer2 = (0, import_react4.lazy)(() => import("./ChannelContainer-YS5YT2ML.cjs"));
+var ChatContainer = (0, import_react4.lazy)(() => import("./ChatContainer-GCOM3M56.cjs"));
 var ThreadComplementary = ({ subject }) => {
   var _effect = (0, import_tracking3.useSignals)();
   try {
     const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
     const identity = (0, import_halo.useIdentity)();
     const { t } = (0, import_react_ui2.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
+    const { tx } = (0, import_react_ui2.useThemeContext)();
+    const subjectId = (0, import_echo2.fullyQualifiedId)(subject);
     const { state, getViewState } = (0, import_app_framework2.useCapability)(import_chunk_4YSNVPWU.ThreadCapabilities.MutableState);
-    const viewState = getViewState((0, import_echo.fullyQualifiedId)(subject));
+    const drafts = state.drafts[subjectId];
+    const viewState = (0, import_react3.useMemo)(() => getViewState(subjectId), [
+      getViewState,
+      subjectId
+    ]);
     const { showResolvedThreads } = viewState;
     const onChangeViewState = (0, import_react3.useCallback)((nextValue) => {
       viewState.showResolvedThreads = nextValue === "all";
     }, [
       viewState
     ]);
-    const drafts = state.drafts[(0, import_echo.fullyQualifiedId)(subject)];
     const anchorSorts = (0, import_app_framework2.useCapabilities)(import_app_framework2.Capabilities.AnchorSort);
-    const sort = (0, import_react3.useMemo)(() => anchorSorts.find(({ key }) => key === (0, import_echo_schema.getTypename)(subject))?.sort, [
+    const sort = (0, import_react3.useMemo)(() => anchorSorts.find(({ key }) => key === import_echo.Obj.getTypename(subject))?.sort, [
       anchorSorts,
       subject
     ]);
-    const space = (0, import_echo.getSpace)(subject);
-    const objectsAnchoredTo = (0, import_echo.useQuery)(space, import_echo_schema.Query.select(import_echo_schema.Filter.ids(subject.id)).targetOf(import_schema.AnchoredTo));
-    const anchors = objectsAnchoredTo.toSorted((a, b) => sort?.(a, b) ?? 0).filter((anchor) => (0, import_echo_schema.isInstanceOf)(import_chunk_TKHJVC2C.ThreadType, anchor[import_echo_schema.RelationSourceId])).concat(drafts ?? []);
+    const space = (0, import_echo2.getSpace)(subject);
+    const objectsAnchoredTo = (0, import_echo2.useQuery)(space, import_echo.Query.select(import_echo.Filter.ids(subject.id)).targetOf(import_schema.AnchoredTo));
+    const anchors = objectsAnchoredTo.toSorted((a, b) => sort?.(a, b) ?? 0).filter((anchor) => import_echo.Obj.instanceOf(import_chunk_ZGDN3XBR.ThreadType, import_echo.Relation.getSource(anchor))).concat(drafts ?? []);
     const attended = (0, import_react_ui_attention.useAttended)();
-    const qualifiedSubjectId = (0, import_echo.fullyQualifiedId)(subject);
     const handleAttend = (0, import_react3.useCallback)((anchor) => {
-      const thread = anchor[import_echo_schema.RelationSourceId];
-      const threadId = (0, import_echo.fullyQualifiedId)(thread);
+      const thread = import_echo.Relation.getSource(anchor);
+      const threadId = (0, import_echo2.fullyQualifiedId)(thread);
       if (state.current !== threadId) {
         state.current = threadId;
         void dispatch((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.ScrollIntoView, {
           part: "current",
-          subject: (0, import_echo.fullyQualifiedId)(subject),
+          subject: (0, import_echo2.fullyQualifiedId)(subject),
           options: {
             cursor: anchor.anchor,
             ref: threadId
@@ -468,7 +473,7 @@ var ThreadComplementary = ({ subject }) => {
       subject
     ]);
     const handleComment = (0, import_react3.useCallback)(async (anchor, text) => {
-      await dispatch((0, import_app_framework2.createIntent)(import_chunk_TKHJVC2C.ThreadAction.AddMessage, {
+      await dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.AddMessage, {
         anchor,
         subject,
         sender: {
@@ -476,26 +481,26 @@ var ThreadComplementary = ({ subject }) => {
         },
         text
       }));
-      const thread = anchor[import_echo_schema.RelationSourceId];
-      state.current = (0, import_echo.fullyQualifiedId)(thread);
+      const thread = import_echo.Relation.getSource(anchor);
+      state.current = (0, import_echo2.fullyQualifiedId)(thread);
     }, [
       dispatch,
       identity,
       subject
     ]);
-    const handleResolve = (0, import_react3.useCallback)((anchor) => dispatch((0, import_app_framework2.createIntent)(import_chunk_TKHJVC2C.ThreadAction.ToggleResolved, {
-      thread: anchor[import_echo_schema.RelationSourceId]
+    const handleResolve = (0, import_react3.useCallback)((anchor) => dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.ToggleResolved, {
+      thread: import_echo.Relation.getSource(anchor)
     })), [
       dispatch
     ]);
-    const handleThreadDelete = (0, import_react3.useCallback)((anchor) => dispatch((0, import_app_framework2.createIntent)(import_chunk_TKHJVC2C.ThreadAction.Delete, {
+    const handleThreadDelete = (0, import_react3.useCallback)((anchor) => dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.Delete, {
       anchor,
       subject
     })), [
       dispatch,
       subject
     ]);
-    const handleMessageDelete = (0, import_react3.useCallback)((anchor, messageId) => dispatch((0, import_app_framework2.createIntent)(import_chunk_TKHJVC2C.ThreadAction.DeleteMessage, {
+    const handleMessageDelete = (0, import_react3.useCallback)((anchor, messageId) => dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.DeleteMessage, {
       anchor,
       subject,
       messageId
@@ -505,7 +510,7 @@ var ThreadComplementary = ({ subject }) => {
     ]);
     const comments = /* @__PURE__ */ import_react3.default.createElement(CommentsContainer, {
       anchors,
-      currentId: attended.includes(qualifiedSubjectId) ? state.current : void 0,
+      currentId: attended.includes(subjectId) ? state.current : void 0,
       showResolvedThreads,
       onAttend: handleAttend,
       onComment: handleComment,
@@ -517,11 +522,11 @@ var ThreadComplementary = ({ subject }) => {
       toolbar: true
     }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Root, {
       value: showResolvedThreads ? "all" : "unresolved",
-      onValueChange: onChangeViewState,
       orientation: "horizontal",
-      classNames: 'contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin'
+      classNames: 'contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin',
+      onValueChange: onChangeViewState
     }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
-      classNames: "p-1 gap-1 bs-[--rail-action] border-be border-separator"
+      classNames: tx("toolbar.root", "toolbar", {})
     }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tab, {
       value: "unresolved",
       classNames: "text-sm"
@@ -546,4 +551,4 @@ var ThreadComplementary = ({ subject }) => {
   ThreadComplementary,
   ThreadSettings
 });
-//# sourceMappingURL=chunk-JLHENFGK.cjs.map
+//# sourceMappingURL=chunk-IP533AMV.cjs.map

package/dist/lib/node/chunk-IP533AMV.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CallDebugPanel.tsx", "../../../src/components/CallSidebar.tsx", "../../../src/components/ThreadComplementary.tsx", "../../../src/components/index.ts", "../../../src/components/CommentContainer.tsx", "../../../src/components/CommentsContainer.tsx", "../../../src/components/ThreadSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { WebRTCStats } from '@peermetrics/webrtc-stats';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Panel } from '@dxos/devtools';\nimport { log } from '@dxos/log';\nimport { Input, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { Json } from '@dxos/react-ui-syntax-highlighter';\n\nimport { type GlobalState } from '../calls';\nimport { THREAD_PLUGIN } from '../meta';\n\nexport type CallDebugPanelProps = ThemedClassName<{\n  state?: GlobalState;\n}>;\n\nexport const CallDebugPanel = ({ state }: CallDebugPanelProps) => {\n  const users = state?.call?.users;\n  const self = state?.call?.self;\n  const { t } = useTranslation(THREAD_PLUGIN);\n\n  const [open, setOpen] = useState(false);\n  const handleToggle = () => setOpen(!open);\n  const [showDetailedWebRTCStats, setShowDetailedWebRTCStats] = useState(false);\n  const handleShowDetailedWebRTCStats = () => setShowDetailedWebRTCStats(!showDetailedWebRTCStats);\n\n  const webrtcStats = useMemo(\n    () =>\n      new WebRTCStats({\n        getStatsInterval: 1000,\n      }),\n    [],\n  );\n\n  const [stats, setStats] = useState<Record<string, any>>({});\n  useEffect(() => {\n    const pc = state?.media.peer?.session?.peerConnection;\n    const handleStats = (stats: Record<string, any>) => setStats(stats.data);\n    let added = false;\n    if (pc && showDetailedWebRTCStats) {\n      webrtcStats.addConnection({ pc, peerId: 1, connectionId: '1' });\n      webrtcStats.on('stats', handleStats);\n      added = true;\n    }\n    return () => {\n      try {\n        if (pc && added) {\n          webrtcStats.removeConnection({ pc });\n          webrtcStats.removeListener('stats', handleStats);\n        }\n      } catch (error) {\n        log.error('error removing webrtc stats', { error, pc, peerId: 1, connectionId: '1' });\n      }\n    };\n  }, [state?.media.peer?.session?.peerConnection, showDetailedWebRTCStats]);\n\n  return (\n    <Panel\n      id='meeting-status'\n      icon='ph--video-conference--regular'\n      open={open}\n      onToggle={handleToggle}\n      title={t('meeting status title')}\n      maxHeight={false}\n      info={\n        <div className='flex items-center gap-2'>\n          <span title='Joined'>{self?.joined ? 'Active' : 'Inactive'}</span>\n          {users?.length !== undefined && <span title='Users'>{users?.length ?? 0} User(s)</span>}\n        </div>\n      }\n    >\n      <div className='flex flex-col gap-2 overflow-y-auto'>\n        <div className='flex items-row gap-2'>\n          <Input.Root>\n            <Input.Label classNames={'text-sm'}>{t('show webrtc stats title')}</Input.Label>\n            <Input.Checkbox checked={showDetailedWebRTCStats} onCheckedChange={handleShowDetailedWebRTCStats} />\n          </Input.Root>\n        </div>\n        <Json\n          classNames='text-sm'\n          data={{\n            users,\n            activities: state?.call?.activities,\n            ...(showDetailedWebRTCStats\n              ? {\n                  webrtc: {\n                    connectionState: state?.media.peer?.session?.peerConnection.connectionState,\n                    iceConnectionState: state?.media.peer?.session?.peerConnection.iceConnectionState,\n                    stats,\n                  },\n                }\n              : {}),\n            tracks: state?.media.peer?.session?.peerConnection.getTransceivers().map((transceiver) => {\n              const track =\n                transceiver.direction === 'recvonly' ? transceiver.receiver.track : transceiver.sender.track;\n              return {\n                id: track?.id,\n                kind: track?.kind,\n                direction: transceiver.direction,\n                enabled: track?.enabled,\n                muted: track?.muted,\n                readyState: track?.readyState,\n                settings: track?.getSettings(),\n              };\n            }),\n            callsServiceHistory: state?.media.peer?.history.get(),\n          }}\n        />\n      </div>\n    </Panel>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useCapability } from '@dxos/app-framework';\n\nimport { ChannelContainer } from './ChannelContainer';\nimport { ThreadCapabilities } from '../capabilities';\n\nexport const CallSidebar = () => {\n  const call = useCapability(ThreadCapabilities.CallManager);\n  return <ChannelContainer roomId={call.roomId} />;\n};\n\nexport default CallSidebar;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport {\n  Capabilities,\n  LayoutAction,\n  createIntent,\n  useCapability,\n  useCapabilities,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { Filter, Obj, Query, Relation } from '@dxos/echo';\nimport { fullyQualifiedId, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useAttended } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { Tabs } from '@dxos/react-ui-tabs';\nimport { AnchoredTo } from '@dxos/schema';\n\nimport { ThreadCapabilities } from '../capabilities';\nimport { CommentsContainer } from '../components';\nimport { THREAD_PLUGIN } from '../meta';\nimport { ThreadAction, ThreadType } from '../types';\n\nexport const ThreadComplementary = ({ subject }: { subject: any }) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const identity = useIdentity();\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const { tx } = useThemeContext();\n  const subjectId = fullyQualifiedId(subject);\n\n  const { state, getViewState } = useCapability(ThreadCapabilities.MutableState);\n  const drafts = state.drafts[subjectId];\n  const viewState = useMemo(() => getViewState(subjectId), [getViewState, subjectId]);\n  const { showResolvedThreads } = viewState;\n  const onChangeViewState = useCallback(\n    (nextValue: string) => {\n      viewState.showResolvedThreads = nextValue === 'all';\n    },\n    [viewState],\n  );\n\n  const anchorSorts = useCapabilities(Capabilities.AnchorSort);\n  const sort = useMemo(\n    () => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort,\n    [anchorSorts, subject],\n  );\n\n  const space = getSpace(subject);\n  const objectsAnchoredTo = useQuery(space, Query.select(Filter.ids(subject.id)).targetOf(AnchoredTo));\n  const anchors = objectsAnchoredTo\n    .toSorted((a, b) => sort?.(a, b) ?? 0)\n    .filter((anchor) => Obj.instanceOf(ThreadType, Relation.getSource(anchor)))\n    .concat(drafts ?? []);\n\n  const attended = useAttended();\n\n  const handleAttend = useCallback(\n    (anchor: AnchoredTo) => {\n      const thread = Relation.getSource(anchor) as ThreadType;\n      const threadId = fullyQualifiedId(thread);\n\n      if (state.current !== threadId) {\n        state.current = threadId;\n\n        // TODO(wittjosiah): Should this be a thread-specific intent?\n        //  The layout doesn't know about threads and this working depends on other plugins conditionally handling it.\n        //  This may be overloading this intent or highjacking its intended purpose.\n        void dispatch(\n          createIntent(LayoutAction.ScrollIntoView, {\n            part: 'current',\n            subject: fullyQualifiedId(subject),\n            options: {\n              cursor: anchor.anchor,\n              ref: threadId,\n            },\n          }),\n        );\n      }\n    },\n    [state.current, dispatch, subject],\n  );\n\n  const handleComment = useCallback(\n    async (anchor: AnchoredTo, text: string) => {\n      await dispatch(\n        createIntent(ThreadAction.AddMessage, { anchor, subject, sender: { identityDid: identity?.did }, text }),\n      );\n\n      const thread = Relation.getSource(anchor) as ThreadType;\n      state.current = fullyQualifiedId(thread);\n    },\n    [dispatch, identity, subject],\n  );\n\n  const handleResolve = useCallback(\n    (anchor: AnchoredTo) =>\n      dispatch(createIntent(ThreadAction.ToggleResolved, { thread: Relation.getSource(anchor) as ThreadType })),\n    [dispatch],\n  );\n\n  const handleThreadDelete = useCallback(\n    (anchor: AnchoredTo) => dispatch(createIntent(ThreadAction.Delete, { anchor, subject })),\n    [dispatch, subject],\n  );\n\n  const handleMessageDelete = useCallback(\n    (anchor: AnchoredTo, messageId: string) =>\n      dispatch(createIntent(ThreadAction.DeleteMessage, { anchor, subject, messageId })),\n    [dispatch, subject],\n  );\n\n  const comments = (\n    <CommentsContainer\n      anchors={anchors}\n      currentId={attended.includes(subjectId) ? state.current : undefined}\n      showResolvedThreads={showResolvedThreads}\n      onAttend={handleAttend}\n      onComment={handleComment}\n      onResolve={handleResolve}\n      onMessageDelete={handleMessageDelete}\n      onThreadDelete={handleThreadDelete}\n    />\n  );\n\n  return (\n    <StackItem.Content toolbar>\n      <Tabs.Root\n        value={showResolvedThreads ? 'all' : 'unresolved'}\n        orientation='horizontal'\n        classNames='contents [&_[role=\"tabpanel\"]]:min-bs-0 [&_[role=\"tabpanel\"]]:overflow-y-auto [&_[role=\"tabpanel\"]]:scrollbar-thin'\n        onValueChange={onChangeViewState}\n      >\n        <Tabs.Tablist classNames={tx('toolbar.root', 'toolbar', {})}>\n          <Tabs.Tab value='unresolved' classNames='text-sm'>\n            {t('show unresolved label')}\n          </Tabs.Tab>\n          <Tabs.Tab value='all' classNames='text-sm'>\n            {t('show all label')}\n          </Tabs.Tab>\n        </Tabs.Tablist>\n        <Tabs.Tabpanel value='all'>{showResolvedThreads && comments}</Tabs.Tabpanel>\n        <Tabs.Tabpanel value='unresolved'>{!showResolvedThreads && comments}</Tabs.Tabpanel>\n      </Tabs.Root>\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const ChannelContainer = lazy(() => import('./ChannelContainer'));\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\n\n// TODO(wittjosiah): Suspense boundary for sidebar?\nexport * from './Call';\nexport * from './CallDebugPanel';\nexport * from './CallSidebar';\nexport * from './CommentContainer';\nexport * from './CommentsContainer';\nexport * from './MessageContainer';\nexport * from './ThreadComplementary';\nexport * from './ThreadSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CheckCircle, X } from '@phosphor-icons/react';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Relation } from '@dxos/echo';\nimport { RefArray } from '@dxos/live-object';\nimport { fullyQualifiedId, getSpace, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Button, Tag, Tooltip, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport {\n  MessageTextbox,\n  type MessageTextboxProps,\n  Thread,\n  ThreadFooter,\n  ThreadHeading,\n  type ThreadProps,\n} from '@dxos/react-ui-thread';\nimport { type AnchoredTo } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadType } from '../types';\nimport { getMessageMetadata } from '../util';\n\nconst sizeClass = getSize(4);\n\n// TODO(thure): #8149\nconst commentControlClassNames = '!p-1 !min-bs-0 transition-opacity';\n\nconst ToggleResolvedButton = ({\n  isResolved,\n  onResolve,\n}: {\n  isResolved: boolean | undefined;\n  onResolve: () => void;\n}) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t(isResolved ? 'mark as unresolved label' : 'mark as resolved label');\n  return (\n    <Tooltip.Trigger asChild content={label}>\n      <Button\n        variant='ghost'\n        data-testid='thread.toggle-resolved'\n        onClick={onResolve}\n        classNames={[commentControlClassNames, !isResolved && hoverableControlItem]}\n      >\n        <span className='sr-only'>{label}</span>\n        {isResolved ? <CheckCircle className={sizeClass} weight='fill' /> : <CheckCircle className={sizeClass} />}\n      </Button>\n    </Tooltip.Trigger>\n  );\n};\n\nconst DeleteThreadButton = ({ onDelete }: { onDelete: () => void }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t('delete thread label');\n  return (\n    <Tooltip.Trigger asChild content={label}>\n      <Button\n        variant='ghost'\n        data-testid='thread.delete'\n        onClick={onDelete}\n        classNames={[commentControlClassNames, hoverableControlItem]}\n      >\n        <span className='sr-only'>{label}</span>\n        <X className={sizeClass} />\n      </Button>\n    </Tooltip.Trigger>\n  );\n};\n\nexport type CommentContainerProps = {\n  anchor: AnchoredTo;\n  onAttend?: (anchor: AnchoredTo) => void;\n  onComment?: (anchor: AnchoredTo, message: string) => void;\n  onResolve?: (anchor: AnchoredTo) => void;\n  onMessageDelete?: (anchor: AnchoredTo, messageId: string) => void;\n  onThreadDelete?: (anchor: AnchoredTo) => void;\n} & Pick<ThreadProps, 'current'>;\n\nexport const CommentContainer = ({\n  anchor,\n  current,\n  onAttend,\n  onComment,\n  onResolve,\n  onMessageDelete,\n  onThreadDelete,\n}: CommentContainerProps) => {\n  const identity = useIdentity()!;\n  const space = getSpace(anchor);\n  const members = useMembers(space?.key);\n  const detached = !anchor.anchor;\n  const thread = Relation.getSource(anchor) as ThreadType;\n  const activity = useStatus(space, fullyQualifiedId(thread));\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: (text) => (messageRef.current = text) }),\n      command,\n    ],\n    [_count],\n  );\n\n  // TODO(thure): Factor out.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  const handleAttend = useCallback(() => onAttend?.(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\n  const handleComment: MessageTextboxProps['onSend'] = useCallback(() => {\n    if (!messageRef.current) {\n      return false;\n    }\n\n    onComment?.(anchor, messageRef.current);\n    messageRef.current = '';\n    scrollToEnd('instant');\n    rerenderEditor();\n\n    return true;\n  }, [anchor, identity]);\n\n  return (\n    <Thread onClickCapture={handleAttend} onFocusCapture={handleAttend} current={current} id={fullyQualifiedId(thread)}>\n      <div\n        role='none'\n        className={mx(\n          'col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]',\n          hoverableControls,\n          hoverableFocusedWithinControls,\n        )}\n      >\n        {detached ? (\n          <Tooltip.Trigger asChild content={t('detached thread label')} side='top'>\n            <ThreadHeading detached>{thread.name}</ThreadHeading>\n          </Tooltip.Trigger>\n        ) : (\n          <ThreadHeading>{thread.name}</ThreadHeading>\n        )}\n        <div className='flex flex-row items-center pli-1'>\n          {thread.status === 'staged' && <Tag palette='neutral'>{t('draft button')}</Tag>}\n          {onResolve && !(thread?.status === 'staged') && (\n            <ToggleResolvedButton isResolved={thread?.status === 'resolved'} onResolve={handleResolve} />\n          )}\n          {onThreadDelete && <DeleteThreadButton onDelete={handleThreadDelete} />}\n        </div>\n      </div>\n      {/** TODO(dmaretskyi): How's `thread.messages` undefined? */}\n      {RefArray.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => (\n        <MessageContainer\n          key={message.id}\n          editable\n          message={message}\n          members={members}\n          onDelete={handleMessageDelete}\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      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n      {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n      <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n    </Thread>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect } from 'react';\n\nimport { Relation } from '@dxos/echo';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { Callout, Icon, Trans, useTranslation } from '@dxos/react-ui';\nimport { type AnchoredTo } from '@dxos/schema';\n\nimport { CommentContainer, type CommentContainerProps } from './CommentContainer';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadType } from '../types';\n\nexport type ThreadsContainerProps = Omit<CommentContainerProps, 'anchor' | 'current'> & {\n  anchors: AnchoredTo[];\n  currentId?: string;\n  showResolvedThreads?: boolean;\n};\n\n/**\n * Comment threads.\n */\nexport const CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props }: ThreadsContainerProps) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\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        return thread && thread.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 role='none' className='plb-cardSpacingBlock pli-cardSpacingInline'>\n        <Callout.Root>\n          <Callout.Title>\n            <Trans\n              {...{\n                t,\n                i18nKey: 'no comments message',\n                components: {\n                  commentIcon: <Icon icon='ph--chat-text--regular' size={4} classNames='inline-block' />,\n                },\n              }}\n            />\n          </Callout.Title>\n        </Callout.Root>\n      </div>\n    );\n  }\n\n  return filteredAnchors.map((anchor) => {\n    const thread = Relation.getSource(anchor) as ThreadType;\n    const threadId = fullyQualifiedId(thread);\n    return <CommentContainer key={threadId} anchor={anchor} current={currentId === threadId} {...props} />;\n  });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\n// import { useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer } from '@dxos/react-ui-form';\n\n// import { THREAD_PLUGIN } from '../meta';\nimport type { ThreadSettingsProps } from '../types';\n\nexport const ThreadSettings = ({ settings }: { settings: ThreadSettingsProps }) => {\n  // const { t } = useTranslation(THREAD_PLUGIN);\n\n  return <DeprecatedFormContainer></DeprecatedFormContainer>;\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_echo", "import_react_ui", "import_halo", "CallDebugPanel", "state", "users", "call", "self", "t", "useTranslation", "THREAD_PLUGIN", "open", "setOpen", "useState", "handleToggle", "showDetailedWebRTCStats", "setShowDetailedWebRTCStats", "handleShowDetailedWebRTCStats", "webrtcStats", "useMemo", "WebRTCStats", "getStatsInterval", "stats", "setStats", "useEffect", "pc", "media", "peer", "session", "peerConnection", "handleStats", "data", "added", "addConnection", "peerId", "connectionId", "on", "removeConnection", "removeListener", "error", "log", "React", "Panel", "id", "icon", "onToggle", "title", "maxHeight", "info", "div", "className", "span", "joined", "length", "undefined", "Input", "Root", "Label", "classNames", "Checkbox", "checked", "onCheckedChange", "Json", "activities", "webrtc", "connectionState", "iceConnectionState", "tracks", "getTransceivers", "map", "transceiver", "track", "direction", "receiver", "sender", "kind", "enabled", "muted", "readyState", "settings", "getSettings", "callsServiceHistory", "history", "get", "CallSidebar", "useCapability", "ThreadCapabilities", "CallManager", "ChannelContainer", "roomId", "sizeClass", "getSize", "commentControlClassNames", "ToggleResolvedButton", "isResolved", "onResolve", "label", "Tooltip", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "hoverableControlItem", "CheckCircle", "weight", "DeleteThreadButton", "onDelete", "X", "CommentContainer", "anchor", "current", "onAttend", "onComment", "onMessageDelete", "onThreadDelete", "identity", "useIdentity", "space", "getSpace", "members", "useMembers", "key", "detached", "thread", "Relation", "getSource", "activity", "useStatus", "fullyQualifiedId", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "_count", "_setCount", "rerenderEditor", "count", "messageRef", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "handleAttend", "useCallback", "handleResolve", "handleMessageDelete", "handleThreadDelete", "handleComment", "Thread", "onClickCapture", "onFocusCapture", "role", "mx", "hoverableControls", "hoverableFocusedWithinControls", "side", "ThreadHeading", "name", "status", "Tag", "palette", "RefArray", "targets", "messages", "filter", "isNonNullable", "message", "MessageContainer", "editable", "MessageTextbox", "onSend", "ThreadFooter", "ref", "CommentsContainer", "anchors", "currentId", "showResolvedThreads", "props", "filteredAnchors", "document", "getElementById", "Callout", "Title", "Trans", "i18nKey", "components", "commentIcon", "Icon", "size", "threadId", "ThreadSettings", "DeprecatedFormContainer", "lazy", "ChatContainer", "ThreadComplementary", "subject", "dispatchPromise", "dispatch", "useIntentDispatcher", "tx", "subjectId", "getViewState", "MutableState", "drafts", "viewState", "onChangeViewState", "nextValue", "anchorSorts", "useCapabilities", "Capabilities", "AnchorSort", "sort", "find", "Obj", "getTypename", "objectsAnchoredTo", "useQuery", "Query", "select", "Filter", "ids", "targetOf", "AnchoredTo", "toSorted", "a", "b", "instanceOf", "ThreadType", "concat", "attended", "useAttended", "createIntent", "LayoutAction", "ScrollIntoView", "part", "options", "cursor", "ThreadAction", "AddMessage", "identityDid", "did", "ToggleResolved", "Delete", "messageId", "DeleteMessage", "comments", "includes", "StackItem", "Content", "toolbar", "Tabs", "value", "orientation", "onValueChange", "Tablist", "Tab", "Tabpanel"]
+}

package/dist/lib/node/{chunk-6B3M6XRE.cjs → chunk-UM36TPCT.cjs}

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_6B3M6XRE_exports = {};
-__export(chunk_6B3M6XRE_exports, {
+var chunk_UM36TPCT_exports = {};
+__export(chunk_UM36TPCT_exports, {
   Call: () => Call,
   ChannelContainer: () => ChannelContainer,
   ChannelContainer_default: () => ChannelContainer_default
 });
-module.exports = __toCommonJS(chunk_6B3M6XRE_exports);
+module.exports = __toCommonJS(chunk_UM36TPCT_exports);
 var import_chunk_4YSNVPWU = require("./chunk-4YSNVPWU.cjs");
-var import_chunk_4B3PPXA6 = require("./chunk-4B3PPXA6.cjs");
+var import_chunk_E3WBZTTI = require("./chunk-E3WBZTTI.cjs");
 var import_chunk_FUXJAVFZ = require("./chunk-FUXJAVFZ.cjs");
 var import_chunk_HLMCEE5K = require("./chunk-HLMCEE5K.cjs");
 var import_tracking = require("@preact-signals/safe-react/tracking");
@@ -95,10 +95,10 @@ var Toolbar = ({ classNames, channel, participants, autoHideControls = true, onJ
     const isScreensharing = call.media.screenshareTrack !== void 0;
     const canSharescreen = typeof navigator.mediaDevices !== "undefined" && navigator.mediaDevices.getDisplayMedia !== void 0;
     return /* @__PURE__ */ import_react3.default.createElement("div", {
-      className: (0, import_react_ui_theme.mx)("z-20 flex justify-center m-8", autoHideControls && import_react_ui_theme.hoverableHidden)
+      className: (0, import_react_ui_theme.mx)("z-20 flex justify-center m-8", autoHideControls && import_react_ui_theme.groupHoverControlItemWithTransition)
     }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Toolbar.Root, {
       classNames: [
-        "p-2 bg-modalSurface rounded-lg shadow-lg",
+        "p-2 bg-modalSurface rounded-md shadow-md",
         classNames
       ]
     }, /* @__PURE__ */ import_react3.default.createElement(ToggleButton, {
@@ -581,7 +581,7 @@ var ResponsiveGridItem = ({ children, classNames, item, style, name, self, pinne
     }, children, onClick && /* @__PURE__ */ import_react9.default.createElement("div", {
       className: "z-10 absolute top-1 right-1 flex"
     }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.IconButton, {
-      classNames: (0, import_react_ui_theme5.mx)("p-1 min-bs-1 rounded", import_react_ui_theme5.hoverableHidden),
+      classNames: (0, import_react_ui_theme5.mx)("p-1 min-bs-1 rounded", import_react_ui_theme5.groupHoverControlItemWithTransition),
       iconOnly: true,
       icon: pinned ? "ph--x--regular" : "ph--arrows-out--regular",
       size: pinned ? 5 : 4,
@@ -886,7 +886,7 @@ var ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }) => {
       attendableId: (0, import_echo.fullyQualifiedId)(channel),
       role,
       onJoinCall: handleJoin
-    }), /* @__PURE__ */ import_react.default.createElement(import_chunk_4B3PPXA6.ChatContainer_default, {
+    }), /* @__PURE__ */ import_react.default.createElement(import_chunk_E3WBZTTI.ChatContainer_default, {
       space,
       thread: channel.defaultThread.target
     })));
@@ -928,40 +928,38 @@ var DisplayNameMissing = () => {
 };
 var useChannelToolbarActions = (onJoinCall) => {
   const creator = (0, import_react.useMemo)(() => import_rx_react.Rx.make(() => {
-    const nodes = [];
-    const edges = [];
-    const rootGroup = (0, import_react_ui_menu.createMenuItemGroup)("root", {
-      label: [
-        "channel toolbar title",
+    return {
+      nodes: [
+        (0, import_react_ui_menu.createMenuItemGroup)("root", {
+          label: [
+            "channel toolbar title",
+            {
+              ns: import_chunk_HLMCEE5K.THREAD_PLUGIN
+            }
+          ]
+        }),
+        (0, import_react_ui_menu.createMenuAction)("video-call", () => onJoinCall?.(), {
+          label: [
+            "start video call label",
+            {
+              ns: import_chunk_HLMCEE5K.THREAD_PLUGIN
+            }
+          ],
+          icon: "ph--video-camera--regular",
+          type: "video-call"
+        })
+      ],
+      edges: [
         {
-          ns: import_chunk_HLMCEE5K.THREAD_PLUGIN
+          source: "root",
+          target: "video-call"
         }
       ]
-    });
-    nodes.push(rootGroup);
-    const sortAction = (0, import_react_ui_menu.createMenuAction)("video-call", () => onJoinCall?.(), {
-      label: [
-        "start video call label",
-        {
-          ns: import_chunk_HLMCEE5K.THREAD_PLUGIN
-        }
-      ],
-      icon: "ph--video-camera--regular",
-      type: "video-call"
-    });
-    nodes.push(sortAction);
-    edges.push({
-      source: "root",
-      target: sortAction.id
-    });
-    return {
-      nodes,
-      edges
     };
   }), []);
   return (0, import_react_ui_menu.useMenuActions)(creator);
 };
-var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
+var ChannelToolbar = ({ attendableId, role, onJoinCall, classNames }) => {
   var _effect = (0, import_tracking.useSignals)();
   try {
     const menuProps = useChannelToolbarActions(onJoinCall);
@@ -970,7 +968,9 @@ var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
     }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_menu.MenuProvider, {
       ...menuProps,
       attendableId
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_menu.ToolbarMenu, null)));
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_menu.ToolbarMenu, {
+      classNames
+    })));
   } finally {
     _effect.f();
   }
@@ -981,4 +981,4 @@ var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
   ChannelContainer,
   ChannelContainer_default
 });
-//# sourceMappingURL=chunk-6B3M6XRE.cjs.map
+//# sourceMappingURL=chunk-UM36TPCT.cjs.map