@dxos/plugin-thread 0.8.4-main.ae835ea → 0.8.4-main.bc674ce

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

@@ -1,619 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  ThreadAction,
-  Thread_exports
-} from "./chunk-TYLLHI46.mjs";
-import {
-  ChannelContainer
-} from "./chunk-QCQAAU6J.mjs";
-import {
-  ThreadCapabilities
-} from "./chunk-ZQAGII7M.mjs";
-import {
-  MessageContainer,
-  buttonClassNames,
-  buttonGroupClassNames,
-  command
-} from "./chunk-NWUUMKVQ.mjs";
-import {
-  useStatus
-} from "./chunk-2MMJF7DW.mjs";
-import {
-  getMessageMetadata
-} from "./chunk-ABUFOZVX.mjs";
-import {
-  meta
-} from "./chunk-XI45H4IV.mjs";
-
-// src/components/CallDebugPanel.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { WebRTCStats } from "@peermetrics/webrtc-stats";
-import React, { useEffect, useMemo, useState } from "react";
-import { truncateKey } from "@dxos/debug";
-import { JsonView, Panel } from "@dxos/devtools";
-import { log } from "@dxos/log";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/components/CallDebugPanel.tsx";
-var CallDebugPanel = ({ state }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const [open, setOpen] = useState(false);
-    const handleToggle = () => setOpen(!open);
-    const [showServiceHistory, setShowServiceHistory] = useState(false);
-    const handleToggleServiceHistory = () => setShowServiceHistory(!showServiceHistory);
-    const handleCopyRaw = async () => {
-      await navigator.clipboard.writeText(JSON.stringify({
-        users: state?.call?.users,
-        stats
-      }, null, 2));
-    };
-    const [showDetailedWebRTCStats, setShowDetailedWebRTCStats] = useState(false);
-    const handleShowDetailedWebRTCStats = () => setShowDetailedWebRTCStats(!showDetailedWebRTCStats);
-    const webrtcStats = useMemo(() => new WebRTCStats({
-      getStatsInterval: 1e3
-    }), []);
-    const [stats, setStats] = useState();
-    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) {
-          log.error("error removing webrtc stats", {
-            error,
-            pc,
-            peerId: 1,
-            connectionId: "1"
-          }, {
-            F: __dxlog_file,
-            L: 62,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
-      };
-    }, [
-      state?.media.peer?.session?.peerConnection,
-      showDetailedWebRTCStats
-    ]);
-    const rows = useMemo(() => getCallStatusTable(state), [
-      state?.call.users,
-      state?.media.pulledAudioTracks
-    ]);
-    return /* @__PURE__ */ React.createElement(Panel, {
-      id: "meeting-status",
-      icon: "ph--video-conference--regular",
-      open,
-      onToggle: handleToggle,
-      title: t("meeting status title"),
-      maxHeight: false,
-      info: /* @__PURE__ */ React.createElement("div", {
-        className: "flex items-center gap-2"
-      }, " ", state?.call.joined ? "Active" : "Inactive")
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-col w-full gap-2 text-xs"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "flex items-center gap-2"
-    }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
-      classNames: "text-sm"
-    }, t("show webrtc stats title")), /* @__PURE__ */ React.createElement(Input.Checkbox, {
-      checked: showDetailedWebRTCStats,
-      onCheckedChange: handleShowDetailedWebRTCStats
-    }))), /* @__PURE__ */ React.createElement("div", {
-      className: "flex items-center gap-2"
-    }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
-      classNames: "text-sm"
-    }, t("show calls history title")), /* @__PURE__ */ React.createElement(Input.Checkbox, {
-      checked: showServiceHistory,
-      onCheckedChange: handleToggleServiceHistory
-    }))), /* @__PURE__ */ React.createElement("div", {
-      className: "flex items-center gap-2"
-    }, /* @__PURE__ */ React.createElement(IconButton, {
-      classNames: "text-sm",
-      icon: "ph--copy--regular",
-      label: "copy raw",
-      onClick: handleCopyRaw
-    })), /* @__PURE__ */ React.createElement(Table, {
-      rows
-    }), showDetailedWebRTCStats && /* @__PURE__ */ React.createElement(JsonView, {
-      data: {
-        stats
-      }
-    }), showServiceHistory && /* @__PURE__ */ React.createElement(JsonView, {
-      data: {
-        history: state?.media.peer?.history.get()
-      }
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var getCallStatusTable = (state) => {
-  if (!state || !state.call?.users) {
-    return [];
-  }
-  const self = state.call.self;
-  const users = state.call.users.filter((user) => user.id !== self.id).map((user) => {
-    const isOk = {
-      audio: user.tracks?.audio && state.media.pulledAudioTracks[user.tracks?.audio]?.ctx.disposed === false,
-      video: user.tracks?.video && state.media.pulledVideoStreams[user.tracks?.video]?.ctx.disposed === false,
-      screenshare: user.tracks?.screenshare && state.media.pulledVideoStreams[user.tracks?.screenshare]?.ctx.disposed === false
-    };
-    return {
-      ...user,
-      isOk
-    };
-  });
-  return [
-    [
-      "users",
-      state.call.users.length ?? 0
-    ],
-    [
-      "*self* " + (self?.name ?? truncateKey(self.id, 8)),
-      self?.tracks?.audio && state.media.pushedAudioTrack ? "AUD \u2705" : "AUD \u274C",
-      self?.tracks?.video && state.media.pushedVideoTrack ? "VID \u2705" : "VID \u274C",
-      self?.tracks?.screenshareEnabled ? self.tracks.screenshareEnabled && state.media.pushedScreenshareTrack ? "SCR \u2705" : "SCR \u274C" : void 0
-    ],
-    ...users.map((user) => [
-      user.name ?? truncateKey(user.id, 8),
-      user.isOk.audio ? "AUD \u2705" : "AUD \u274C",
-      user.isOk.video ? "VID \u2705" : "VID \u274C",
-      user.tracks?.screenshareEnabled ? user.isOk.screenshare ? "SCR \u2705" : "SCR \u274C" : void 0
-    ]),
-    [
-      "ICE",
-      state.media.peer?.session?.peerConnection.iceConnectionState ?? "no connection"
-    ]
-  ];
-};
-(function(Unit2) {
-  Unit2.KB = (n) => ((n ?? 0) / 1e3).toFixed(2);
-})(Unit || (Unit = {}));
-var Table = ({ rows }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "w-full text-xs font-mono"
-    }, rows.map(([prefix, label, value, unit], i) => /* @__PURE__ */ React.createElement("div", {
-      key: i,
-      className: "grid grid-cols-[3fr_1fr_1fr_1fr]"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "p-1"
-    }, prefix), /* @__PURE__ */ React.createElement("div", {
-      className: "p-1"
-    }, label), /* @__PURE__ */ React.createElement("div", {
-      className: "p-1"
-    }, value), /* @__PURE__ */ React.createElement("div", {
-      className: "p-1"
-    }, unit))));
-  } finally {
-    _effect.f();
-  }
-};
-var Unit;
-
-// src/components/CallSidebar.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { useCapability } from "@dxos/app-framework";
-var CallSidebar = () => {
-  var _effect = _useSignals2();
-  try {
-    const call = useCapability(ThreadCapabilities.CallManager);
-    return /* @__PURE__ */ React2.createElement(ChannelContainer, {
-      roomId: call.roomId
-    });
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ThreadComplementary.tsx
-import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
-import React6, { useCallback as useCallback2, useMemo as useMemo3 } from "react";
-import { Capabilities, CollaborationActions, LayoutAction, createIntent, useCapabilities, useCapability as useCapability2, useIntentDispatcher } from "@dxos/app-framework";
-import { Filter, Obj, Query, Relation as Relation3 } from "@dxos/echo";
-import { Ref as Ref2, fullyQualifiedId as fullyQualifiedId3, getSpace as getSpace2, useQuery } from "@dxos/react-client/echo";
-import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
-import { useThemeContext as useThemeContext2, useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { useAttended } from "@dxos/react-ui-attention";
-import { StackItem } from "@dxos/react-ui-stack";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-import { AnchoredTo } from "@dxos/schema";
-
-// src/components/index.ts
-import { lazy } from "react";
-
-// src/components/CommentsContainer.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4, { useEffect as useEffect2 } from "react";
-import { Relation as Relation2 } from "@dxos/echo";
-import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
-import { Callout, Icon, Trans, useTranslation as useTranslation3 } from "@dxos/react-ui";
-
-// src/components/CommentsThreadContainer.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { useCallback, useMemo as useMemo2, useRef, useState as useState2 } 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 as IconButton2, Tag, Tooltip, useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/react-ui-editor";
-import { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from "@dxos/react-ui-theme";
-import { MessageTextbox, Thread as ThreadComponent } from "@dxos/react-ui-thread";
-import { isNonNullable } from "@dxos/util";
-var CommentsThreadContainer = ({ anchor, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete, onAcceptProposal }) => {
-  var _effect = _useSignals3();
-  try {
-    const { themeMode } = useThemeContext();
-    const { t } = useTranslation2(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 textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);
-    const [state, setState] = useState2({});
-    const messageRef = useRef("");
-    const extensions = useMemo2(() => [
-      createBasicExtensions({
-        placeholder: t("message placeholder")
-      }),
-      createThemeExtensions({
-        themeMode
-      }),
-      listener({
-        onChange: ({ text }) => messageRef.current = text
-      }),
-      command
-    ], [
-      state
-    ]);
-    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 handleAcceptProposal = useCallback((id) => onAcceptProposal?.(anchor, id), [
-      onAcceptProposal,
-      anchor
-    ]);
-    const handleComment = useCallback(() => {
-      if (!messageRef.current) {
-        return false;
-      }
-      onComment?.(anchor, messageRef.current);
-      messageRef.current = "";
-      scrollToEnd("instant");
-      setState({});
-      return true;
-    }, [
-      anchor,
-      identity
-    ]);
-    return /* @__PURE__ */ React3.createElement(ThreadComponent.Root, {
-      id: fullyQualifiedId(thread),
-      classNames: "pbs-2 border-be border-subduedSeparator last:border-none",
-      current,
-      onClickCapture: handleAttend,
-      onFocusCapture: handleAttend
-    }, /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: mx("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", hoverableControls, hoverableFocusedWithinControls)
-    }, detached ? /* @__PURE__ */ React3.createElement(Tooltip.Trigger, {
-      asChild: true,
-      content: t("detached thread label"),
-      side: "top"
-    }, /* @__PURE__ */ React3.createElement(ThreadComponent.Header, {
-      detached: true
-    }, thread.name)) : /* @__PURE__ */ React3.createElement(ThreadComponent.Header, null, thread.name), /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: buttonGroupClassNames
-    }, thread.status === "staged" && /* @__PURE__ */ React3.createElement(Tag, {
-      palette: "neutral"
-    }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React3.createElement(IconButton2, {
-      "data-testid": "thread.resolve",
-      variant: "ghost",
-      icon: thread?.status === "resolved" ? "ph--check--fill" : "ph--check--regular",
-      iconOnly: true,
-      label: t("resolve thread label"),
-      classNames: [
-        buttonClassNames,
-        thread?.status !== "resolved" && hoverableControlItem
-      ],
-      onClick: handleResolve
-    }), onThreadDelete && /* @__PURE__ */ React3.createElement(IconButton2, {
-      "data-testid": "thread.delete",
-      variant: "ghost",
-      icon: "ph--x--regular",
-      iconOnly: true,
-      label: t("delete thread label"),
-      classNames: [
-        buttonClassNames,
-        hoverableControlItem
-      ],
-      onClick: handleThreadDelete
-    }))), Ref.Array.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => /* @__PURE__ */ React3.createElement(MessageContainer, {
-      key: message.id,
-      editable: true,
-      message,
-      members,
-      onDelete: handleMessageDelete,
-      onAcceptProposal: handleAcceptProposal
-    })), /* @__PURE__ */ React3.createElement(MessageTextbox, {
-      extensions,
-      onSend: handleComment,
-      ...textboxMetadata
-    }), /* @__PURE__ */ React3.createElement(ThreadComponent.Status, {
-      activity
-    }, t("activity message")), /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: "bs-px -mbs-px",
-      ref: threadScrollRef
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/CommentsContainer.tsx
-var CommentsContainer = ({ anchors, currentId, showResolvedThreads, ...props }) => {
-  var _effect = _useSignals4();
-  try {
-    const { t } = useTranslation3(meta.id);
-    const filteredAnchors = showResolvedThreads ? anchors.filter((anchor) => !!Relation2.getSource(anchor)) : anchors.filter((anchor) => {
-      const thread = Relation2.getSource(anchor);
-      return thread && thread.status !== "resolved";
-    });
-    useEffect2(() => {
-      if (currentId) {
-        document.getElementById(currentId)?.scrollIntoView({
-          behavior: "smooth",
-          block: "end"
-        });
-      }
-    }, [
-      currentId
-    ]);
-    if (filteredAnchors.length === 0) {
-      return /* @__PURE__ */ React4.createElement("div", {
-        role: "none",
-        className: "plb-cardSpacingBlock pli-cardSpacingInline"
-      }, /* @__PURE__ */ React4.createElement(Callout.Root, null, /* @__PURE__ */ React4.createElement(Callout.Title, null, /* @__PURE__ */ React4.createElement(Trans, {
-        t,
-        i18nKey: "no comments message",
-        components: {
-          commentIcon: /* @__PURE__ */ React4.createElement(Icon, {
-            icon: "ph--chat-text--regular",
-            size: 4,
-            classNames: "inline-block"
-          })
-        }
-      }))));
-    }
-    return /* @__PURE__ */ React4.createElement("div", null, filteredAnchors.map((anchor) => {
-      const thread = Relation2.getSource(anchor);
-      const threadId = fullyQualifiedId2(thread);
-      return /* @__PURE__ */ React4.createElement(CommentsThreadContainer, {
-        key: threadId,
-        anchor,
-        current: currentId === threadId,
-        ...props
-      });
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ThreadSettings.tsx
-import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import React5 from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { ControlPage } from "@dxos/react-ui-form";
-var ThreadSettings = ({ settings: _settings }) => {
-  var _effect = _useSignals5();
-  try {
-    const { t: _t } = useTranslation4(meta.id);
-    return /* @__PURE__ */ React5.createElement(ControlPage, null);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/index.ts
-var ChannelContainer2 = lazy(() => import("./ChannelContainer-63GMQ753.mjs"));
-var ChatContainer = lazy(() => import("./ChatContainer-MFKPXMIK.mjs"));
-
-// src/components/ThreadComplementary.tsx
-var ThreadComplementary = ({ subject }) => {
-  var _effect = _useSignals6();
-  try {
-    const { t } = useTranslation5(meta.id);
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const identity = useIdentity2();
-    const { tx } = useThemeContext2();
-    const subjectId = fullyQualifiedId3(subject);
-    const { state, getViewState } = useCapability2(ThreadCapabilities.MutableState);
-    const drafts = state.drafts[subjectId];
-    const viewState = useMemo3(() => getViewState(subjectId), [
-      getViewState,
-      subjectId
-    ]);
-    const { showResolvedThreads } = viewState;
-    const onChangeViewState = useCallback2((nextValue) => {
-      viewState.showResolvedThreads = nextValue === "all";
-    }, [
-      viewState
-    ]);
-    const anchorSorts = useCapabilities(Capabilities.AnchorSort);
-    const sort = useMemo3(() => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort, [
-      anchorSorts,
-      subject
-    ]);
-    const space = getSpace2(subject);
-    const objectsAnchoredTo = useQuery(space, Query.select(Filter.ids(subject.id)).targetOf(AnchoredTo));
-    const anchors = objectsAnchoredTo.toSorted((a, b) => sort?.(a, b) ?? 0).filter((anchor) => Obj.instanceOf(Thread_exports.Thread, Relation3.getSource(anchor))).concat(drafts ?? []);
-    const attended = useAttended();
-    const handleAttend = useCallback2((anchor) => {
-      const thread = Relation3.getSource(anchor);
-      const threadId = fullyQualifiedId3(thread);
-      if (state.current !== threadId) {
-        state.current = threadId;
-        void dispatch(createIntent(LayoutAction.ScrollIntoView, {
-          part: "current",
-          subject: fullyQualifiedId3(subject),
-          options: {
-            cursor: anchor.anchor,
-            ref: threadId
-          }
-        }));
-      }
-    }, [
-      state.current,
-      dispatch,
-      subject
-    ]);
-    const handleComment = useCallback2(async (anchor, text) => {
-      await dispatch(createIntent(ThreadAction.AddMessage, {
-        anchor,
-        subject,
-        sender: {
-          identityDid: identity?.did
-        },
-        text
-      }));
-      const thread = Relation3.getSource(anchor);
-      state.current = fullyQualifiedId3(thread);
-    }, [
-      dispatch,
-      identity,
-      subject
-    ]);
-    const handleResolve = useCallback2((anchor) => dispatch(createIntent(ThreadAction.ToggleResolved, {
-      thread: Relation3.getSource(anchor)
-    })), [
-      dispatch
-    ]);
-    const handleThreadDelete = useCallback2((anchor) => dispatch(createIntent(ThreadAction.Delete, {
-      anchor,
-      subject
-    })), [
-      dispatch,
-      subject
-    ]);
-    const handleMessageDelete = useCallback2((anchor, messageId) => dispatch(createIntent(ThreadAction.DeleteMessage, {
-      anchor,
-      subject,
-      messageId
-    })), [
-      dispatch,
-      subject
-    ]);
-    const handleAcceptProposal = useCallback2(async (anchor, messageId) => {
-      const thread = Relation3.getSource(anchor);
-      const messageIndex = thread.messages.findIndex(Ref2.hasObjectId(messageId));
-      const message = thread.messages[messageIndex]?.target;
-      const proposal = message?.blocks.find((block) => block._tag === "proposal");
-      if (!proposal || !anchor.anchor) {
-        return;
-      }
-      await dispatch(createIntent(CollaborationActions.AcceptProposal, {
-        subject,
-        anchor: anchor.anchor,
-        proposal
-      }));
-      await dispatch(createIntent(ThreadAction.ToggleResolved, {
-        thread
-      }));
-    }, [
-      dispatch,
-      subject
-    ]);
-    const comments = /* @__PURE__ */ React6.createElement(CommentsContainer, {
-      anchors,
-      currentId: attended.includes(subjectId) ? state.current : void 0,
-      showResolvedThreads,
-      onAttend: handleAttend,
-      onComment: handleComment,
-      onResolve: handleResolve,
-      onMessageDelete: handleMessageDelete,
-      onThreadDelete: handleThreadDelete,
-      onAcceptProposal: handleAcceptProposal
-    });
-    return /* @__PURE__ */ React6.createElement(StackItem.Content, {
-      toolbar: true
-    }, /* @__PURE__ */ React6.createElement(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__ */ React6.createElement(Tabs.Tablist, {
-      classNames: mx2("bg-toolbarSurface border-b border-subduedSeparator")
-    }, /* @__PURE__ */ React6.createElement(Tabs.Tab, {
-      value: "unresolved",
-      classNames: "text-sm"
-    }, t("show unresolved label")), /* @__PURE__ */ React6.createElement(Tabs.Tab, {
-      value: "all",
-      classNames: "text-sm"
-    }, t("show all label"))), /* @__PURE__ */ React6.createElement("div", {
-      className: "overflow-y-auto"
-    }, /* @__PURE__ */ React6.createElement(Tabs.Tabpanel, {
-      value: "all"
-    }, showResolvedThreads && comments), /* @__PURE__ */ React6.createElement(Tabs.Tabpanel, {
-      value: "unresolved"
-    }, !showResolvedThreads && comments))));
-  } finally {
-    _effect.f();
-  }
-};
-
-export {
-  CallDebugPanel,
-  CallSidebar,
-  ThreadComplementary,
-  ThreadSettings,
-  ChannelContainer2 as ChannelContainer,
-  ChatContainer
-};
-//# sourceMappingURL=chunk-Q7AKKZNY.mjs.map