@dxos/plugin-thread 0.8.3 → 0.8.4-main.2e9d522

package/dist/lib/node/chunk-HLMCEE5K.cjs

@@ -1,41 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_HLMCEE5K_exports = {};
-__export(chunk_HLMCEE5K_exports, {
-  THREAD_ITEM: () => THREAD_ITEM,
-  THREAD_PLUGIN: () => THREAD_PLUGIN,
-  meta: () => meta
-});
-module.exports = __toCommonJS(chunk_HLMCEE5K_exports);
-var THREAD_PLUGIN = "dxos.org/plugin/thread";
-var THREAD_ITEM = `${THREAD_PLUGIN}/item`;
-var meta = {
-  id: THREAD_PLUGIN,
-  name: "Chat",
-  description: "Chat via text, voice, and video in channels or create comment threads on objects.",
-  icon: "ph--video-conference--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-thread"
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  THREAD_ITEM,
-  THREAD_PLUGIN,
-  meta
-});
-//# sourceMappingURL=chunk-HLMCEE5K.cjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const THREAD_PLUGIN = 'dxos.org/plugin/thread';\nexport const THREAD_ITEM = `${THREAD_PLUGIN}/item`;\n\n// TODO(wittjosiah): Needs screenshots.\nexport const meta: PluginMeta = {\n  id: THREAD_PLUGIN,\n  name: 'Chat',\n  description: 'Chat via text, voice, and video in channels or create comment threads on objects.',\n  icon: 'ph--video-conference--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-thread',\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,gBAAgB;AACtB,IAAMC,cAAc,GAAGD,aAAAA;AAGvB,IAAME,OAAmB;EAC9BC,IAAIH;EACJI,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
-  "names": ["THREAD_PLUGIN", "THREAD_ITEM", "meta", "id", "name", "description", "icon", "source"]
-}

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

@@ -1,554 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_IP533AMV_exports = {};
-__export(chunk_IP533AMV_exports, {
-  CallDebugPanel: () => CallDebugPanel,
-  CallSidebar: () => CallSidebar,
-  ChannelContainer: () => ChannelContainer2,
-  ChatContainer: () => ChatContainer,
-  ThreadComplementary: () => ThreadComplementary,
-  ThreadSettings: () => ThreadSettings
-});
-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_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");
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_webrtc_stats = require("@peermetrics/webrtc-stats");
-var import_react = __toESM(require("react"));
-var import_devtools = require("@dxos/devtools");
-var import_log = require("@dxos/log");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_tracking2 = require("@preact-signals/safe-react/tracking");
-var import_react2 = __toESM(require("react"));
-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 = 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");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_react_ui_tabs = require("@dxos/react-ui-tabs");
-var import_schema = require("@dxos/schema");
-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_echo3 = require("@dxos/echo");
-var import_live_object = require("@dxos/live-object");
-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");
-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 = __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_tracking6 = require("@preact-signals/safe-react/tracking");
-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 }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const users = state?.call?.users;
-    const self = state?.call?.self;
-    const { t } = (0, import_react_ui.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
-    const [open, setOpen] = (0, import_react.useState)(false);
-    const handleToggle = () => setOpen(!open);
-    const [showDetailedWebRTCStats, setShowDetailedWebRTCStats] = (0, import_react.useState)(false);
-    const handleShowDetailedWebRTCStats = () => setShowDetailedWebRTCStats(!showDetailedWebRTCStats);
-    const webrtcStats = (0, import_react.useMemo)(() => new import_webrtc_stats.WebRTCStats({
-      getStatsInterval: 1e3
-    }), []);
-    const [stats, setStats] = (0, import_react.useState)({});
-    (0, import_react.useEffect)(() => {
-      const pc = state?.media.peer?.session?.peerConnection;
-      const handleStats = (stats2) => setStats(stats2.data);
-      let added = false;
-      if (pc && showDetailedWebRTCStats) {
-        webrtcStats.addConnection({
-          pc,
-          peerId: 1,
-          connectionId: "1"
-        });
-        webrtcStats.on("stats", handleStats);
-        added = true;
-      }
-      return () => {
-        try {
-          if (pc && added) {
-            webrtcStats.removeConnection({
-              pc
-            });
-            webrtcStats.removeListener("stats", handleStats);
-          }
-        } catch (error) {
-          import_log.log.error("error removing webrtc stats", {
-            error,
-            pc,
-            peerId: 1,
-            connectionId: "1"
-          }, {
-            F: __dxlog_file,
-            L: 55,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
-      };
-    }, [
-      state?.media.peer?.session?.peerConnection,
-      showDetailedWebRTCStats
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement(import_devtools.Panel, {
-      id: "meeting-status",
-      icon: "ph--video-conference--regular",
-      open,
-      onToggle: handleToggle,
-      title: t("meeting status title"),
-      maxHeight: false,
-      info: /* @__PURE__ */ import_react.default.createElement("div", {
-        className: "flex items-center gap-2"
-      }, /* @__PURE__ */ import_react.default.createElement("span", {
-        title: "Joined"
-      }, self?.joined ? "Active" : "Inactive"), users?.length !== void 0 && /* @__PURE__ */ import_react.default.createElement("span", {
-        title: "Users"
-      }, users?.length ?? 0, " User(s)"))
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "flex flex-col gap-2 overflow-y-auto"
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "flex items-row gap-2"
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, {
-      classNames: "text-sm"
-    }, t("show webrtc stats title")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Checkbox, {
-      checked: showDetailedWebRTCStats,
-      onCheckedChange: handleShowDetailedWebRTCStats
-    }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.Json, {
-      classNames: "text-sm",
-      data: {
-        users,
-        activities: state?.call?.activities,
-        ...showDetailedWebRTCStats ? {
-          webrtc: {
-            connectionState: state?.media.peer?.session?.peerConnection.connectionState,
-            iceConnectionState: state?.media.peer?.session?.peerConnection.iceConnectionState,
-            stats
-          }
-        } : {},
-        tracks: state?.media.peer?.session?.peerConnection.getTransceivers().map((transceiver) => {
-          const track = transceiver.direction === "recvonly" ? transceiver.receiver.track : transceiver.sender.track;
-          return {
-            id: track?.id,
-            kind: track?.kind,
-            direction: transceiver.direction,
-            enabled: track?.enabled,
-            muted: track?.muted,
-            readyState: track?.readyState,
-            settings: track?.getSettings()
-          };
-        }),
-        callsServiceHistory: state?.media.peer?.history.get()
-      }
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-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_UM36TPCT.ChannelContainer, {
-      roomId: call.roomId
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var sizeClass = (0, import_react_ui_theme.getSize)(4);
-var commentControlClassNames = "!p-1 !min-bs-0 transition-opacity";
-var ToggleResolvedButton = ({ isResolved, onResolve }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
-    const label = t(isResolved ? "mark as unresolved label" : "mark as resolved label");
-    return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Trigger, {
-      asChild: true,
-      content: label
-    }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
-      variant: "ghost",
-      "data-testid": "thread.toggle-resolved",
-      onClick: onResolve,
-      classNames: [
-        commentControlClassNames,
-        !isResolved && import_react_ui_theme.hoverableControlItem
-      ]
-    }, /* @__PURE__ */ import_react6.default.createElement("span", {
-      className: "sr-only"
-    }, label), isResolved ? /* @__PURE__ */ import_react6.default.createElement(import_react5.CheckCircle, {
-      className: sizeClass,
-      weight: "fill"
-    }) : /* @__PURE__ */ import_react6.default.createElement(import_react5.CheckCircle, {
-      className: sizeClass
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var DeleteThreadButton = ({ onDelete }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_HLMCEE5K.THREAD_PLUGIN);
-    const label = t("delete thread label");
-    return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Trigger, {
-      asChild: true,
-      content: label
-    }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
-      variant: "ghost",
-      "data-testid": "thread.delete",
-      onClick: onDelete,
-      classNames: [
-        commentControlClassNames,
-        import_react_ui_theme.hoverableControlItem
-      ]
-    }, /* @__PURE__ */ import_react6.default.createElement("span", {
-      className: "sr-only"
-    }, label), /* @__PURE__ */ import_react6.default.createElement(import_react5.X, {
-      className: sizeClass
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var CommentContainer = ({ anchor, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const identity = (0, import_halo2.useIdentity)();
-    const space = (0, import_echo4.getSpace)(anchor);
-    const members = (0, import_echo4.useMembers)(space?.key);
-    const detached = !anchor.anchor;
-    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_echo4.fullyQualifiedId)(thread), identity);
-    const [_count, _setCount] = (0, import_react6.useState)(0);
-    const rerenderEditor = () => _setCount((count) => count + 1);
-    const messageRef = (0, import_react6.useRef)("");
-    const extensions = (0, import_react6.useMemo)(() => [
-      (0, import_react_ui_editor.createBasicExtensions)({
-        placeholder: t("message placeholder")
-      }),
-      (0, import_react_ui_editor.createThemeExtensions)({
-        themeMode
-      }),
-      (0, import_react_ui_editor.listener)({
-        onChange: (text) => messageRef.current = text
-      }),
-      import_chunk_E3WBZTTI.command
-    ], [
-      _count
-    ]);
-    const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
-      behavior,
-      block: "end"
-    }), 10);
-    const handleAttend = (0, import_react6.useCallback)(() => onAttend?.(anchor), [
-      onAttend,
-      anchor
-    ]);
-    const handleResolve = (0, import_react6.useCallback)(() => onResolve?.(anchor), [
-      onResolve,
-      anchor
-    ]);
-    const handleMessageDelete = (0, import_react6.useCallback)((id) => onMessageDelete?.(anchor, id), [
-      onMessageDelete,
-      anchor
-    ]);
-    const handleThreadDelete = (0, import_react6.useCallback)(() => onThreadDelete?.(anchor), [
-      onThreadDelete,
-      anchor
-    ]);
-    const handleComment = (0, import_react6.useCallback)(() => {
-      if (!messageRef.current) {
-        return false;
-      }
-      onComment?.(anchor, messageRef.current);
-      messageRef.current = "";
-      scrollToEnd("instant");
-      rerenderEditor();
-      return true;
-    }, [
-      anchor,
-      identity
-    ]);
-    return /* @__PURE__ */ import_react6.default.createElement(import_react_ui_thread.Thread, {
-      onClickCapture: handleAttend,
-      onFocusCapture: handleAttend,
-      current,
-      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)
-    }, detached ? /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Trigger, {
-      asChild: true,
-      content: t("detached thread label"),
-      side: "top"
-    }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui_thread.ThreadHeading, {
-      detached: true
-    }, thread.name)) : /* @__PURE__ */ import_react6.default.createElement(import_react_ui_thread.ThreadHeading, null, thread.name), /* @__PURE__ */ import_react6.default.createElement("div", {
-      className: "flex flex-row items-center pli-1"
-    }, thread.status === "staged" && /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tag, {
-      palette: "neutral"
-    }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ import_react6.default.createElement(ToggleResolvedButton, {
-      isResolved: thread?.status === "resolved",
-      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_E3WBZTTI.MessageContainer, {
-      key: message.id,
-      editable: true,
-      message,
-      members,
-      onDelete: handleMessageDelete
-    })), /* @__PURE__ */ import_react6.default.createElement(import_react_ui_thread.MessageTextbox, {
-      extensions,
-      onSend: handleComment,
-      ...textboxMetadata
-    }), /* @__PURE__ */ import_react6.default.createElement(import_react_ui_thread.ThreadFooter, {
-      activity
-    }, t("activity message")), /* @__PURE__ */ import_react6.default.createElement("div", {
-      role: "none",
-      className: "bs-px -mbs-px",
-      ref: threadScrollRef
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-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) => !!import_echo5.Relation.getSource(anchor)) : anchors.filter((anchor) => {
-      const thread = import_echo5.Relation.getSource(anchor);
-      return thread && thread.status !== "resolved";
-    });
-    (0, import_react7.useEffect)(() => {
-      if (currentId) {
-        document.getElementById(currentId)?.scrollIntoView({
-          behavior: "smooth",
-          block: "end"
-        });
-      }
-    }, [
-      currentId
-    ]);
-    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
-      });
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var ThreadSettings = ({ settings }) => {
-  var _effect = (0, import_tracking6.useSignals)();
-  try {
-    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui_form.DeprecatedFormContainer, null);
-  } finally {
-    _effect.f();
-  }
-};
-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 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 anchorSorts = (0, import_app_framework2.useCapabilities)(import_app_framework2.Capabilities.AnchorSort);
-    const sort = (0, import_react3.useMemo)(() => anchorSorts.find(({ key }) => key === import_echo.Obj.getTypename(subject))?.sort, [
-      anchorSorts,
-      subject
-    ]);
-    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 handleAttend = (0, import_react3.useCallback)((anchor) => {
-      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_echo2.fullyQualifiedId)(subject),
-          options: {
-            cursor: anchor.anchor,
-            ref: threadId
-          }
-        }));
-      }
-    }, [
-      state.current,
-      dispatch,
-      subject
-    ]);
-    const handleComment = (0, import_react3.useCallback)(async (anchor, text) => {
-      await dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.AddMessage, {
-        anchor,
-        subject,
-        sender: {
-          identityDid: identity?.did
-        },
-        text
-      }));
-      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_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_ZGDN3XBR.ThreadAction.Delete, {
-      anchor,
-      subject
-    })), [
-      dispatch,
-      subject
-    ]);
-    const handleMessageDelete = (0, import_react3.useCallback)((anchor, messageId) => dispatch((0, import_app_framework2.createIntent)(import_chunk_ZGDN3XBR.ThreadAction.DeleteMessage, {
-      anchor,
-      subject,
-      messageId
-    })), [
-      dispatch,
-      subject
-    ]);
-    const comments = /* @__PURE__ */ import_react3.default.createElement(CommentsContainer, {
-      anchors,
-      currentId: attended.includes(subjectId) ? state.current : void 0,
-      showResolvedThreads,
-      onAttend: handleAttend,
-      onComment: handleComment,
-      onResolve: handleResolve,
-      onMessageDelete: handleMessageDelete,
-      onThreadDelete: handleThreadDelete
-    });
-    return /* @__PURE__ */ import_react3.default.createElement(import_react_ui_stack.StackItem.Content, {
-      toolbar: true
-    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Root, {
-      value: showResolvedThreads ? "all" : "unresolved",
-      orientation: "horizontal",
-      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: tx("toolbar.root", "toolbar", {})
-    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tab, {
-      value: "unresolved",
-      classNames: "text-sm"
-    }, t("show unresolved label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tab, {
-      value: "all",
-      classNames: "text-sm"
-    }, t("show all label"))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
-      value: "all"
-    }, showResolvedThreads && comments), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
-      value: "unresolved"
-    }, !showResolvedThreads && comments)));
-  } finally {
-    _effect.f();
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CallDebugPanel,
-  CallSidebar,
-  ChannelContainer,
-  ChatContainer,
-  ThreadComplementary,
-  ThreadSettings
-});
-//# sourceMappingURL=chunk-IP533AMV.cjs.map