@dxos/plugin-thread 0.8.3 → 0.8.4-main.03d5cd7b56

package/dist/lib/neutral/CallDebugPanel-CXWTCS7A.mjs

@@ -0,0 +1,172 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CallDebugPanel/CallDebugPanel.tsx
+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";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/containers/CallDebugPanel/CallDebugPanel.tsx";
+var CallDebugPanel = ({ state }) => {
+  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"
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 53, S: void 0 });
+      }
+    };
+  }, [
+    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"),
+    info: /* @__PURE__ */ React.createElement("div", {
+      className: "flex items-center gap-2"
+    }, " ", state?.call.joined ? "Active" : "Inactive"),
+    maxHeight: 0
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col w-full text-xs"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-2 items-center"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: showDetailedWebRTCStats,
+    onCheckedChange: handleShowDetailedWebRTCStats
+  }), /* @__PURE__ */ React.createElement(Input.Label, null, t("show-webrtc-stats.title")))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-2 items-center"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: showServiceHistory,
+    onCheckedChange: handleToggleServiceHistory
+  }), /* @__PURE__ */ React.createElement(Input.Label, null, t("show-calls-history.title")))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-2 items-center"
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    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()
+    }
+  })));
+};
+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 }) => {
+  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))));
+};
+var Unit;
+export {
+  CallDebugPanel as default
+};
+//# sourceMappingURL=CallDebugPanel-CXWTCS7A.mjs.map

package/dist/lib/neutral/CallDebugPanel-CXWTCS7A.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CallDebugPanel/CallDebugPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { WebRTCStats, type WebRTCStatsEvent } from '@peermetrics/webrtc-stats';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { truncateKey } from '@dxos/debug';\nimport { JsonView, Panel } from '@dxos/devtools';\nimport { log } from '@dxos/log';\nimport { IconButton, Input, type ThemedClassName, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nimport { type EncodedTrackName, type GlobalState } from '../../calls';\n\nexport type CallDebugPanelProps = ThemedClassName<{ state?: GlobalState }>;\n\nexport const CallDebugPanel = ({ state }: CallDebugPanelProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const [open, setOpen] = useState(false);\n  const handleToggle = () => setOpen(!open);\n  const [showServiceHistory, setShowServiceHistory] = useState(false);\n  const handleToggleServiceHistory = () => setShowServiceHistory(!showServiceHistory);\n\n  const handleCopyRaw = async () => {\n    await navigator.clipboard.writeText(JSON.stringify({ users: state?.call?.users, stats }, null, 2));\n  };\n\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  const [stats, setStats] = useState<WebRTCStatsEvent['data']>();\n\n  useEffect(() => {\n    const pc = state?.media.peer?.session?.peerConnection;\n    const handleStats = (stats: WebRTCStatsEvent) => {\n      setStats(stats.data);\n    };\n    let added = false;\n    if (pc && showDetailedWebRTCStats) {\n      webrtcStats.addConnection({ pc, peerId: 1, connectionId: '1' });\n      webrtcStats.on('stats', handleStats as never);\n      added = true;\n    }\n    return () => {\n      try {\n        if (pc && added) {\n          webrtcStats.removeConnection({ pc });\n          webrtcStats.removeListener('stats', handleStats as never);\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  const rows = useMemo(() => getCallStatusTable(state), [state?.call.users, state?.media.pulledAudioTracks]);\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      info={<div className='flex items-center gap-2'> {state?.call.joined ? 'Active' : 'Inactive'}</div>}\n      maxHeight={0}\n    >\n      <div className='flex flex-col w-full text-xs'>\n        <div className='flex items-center gap-2 items-center'>\n          <Input.Root>\n            <Input.Switch checked={showDetailedWebRTCStats} onCheckedChange={handleShowDetailedWebRTCStats} />\n            <Input.Label>{t('show-webrtc-stats.title')}</Input.Label>\n          </Input.Root>\n        </div>\n        <div className='flex items-center gap-2 items-center'>\n          <Input.Root>\n            <Input.Switch checked={showServiceHistory} onCheckedChange={handleToggleServiceHistory} />\n            <Input.Label>{t('show-calls-history.title')}</Input.Label>\n          </Input.Root>\n        </div>\n        <div className='flex items-center gap-2 items-center'>\n          <IconButton icon='ph--copy--regular' label={'copy raw'} onClick={handleCopyRaw} />\n        </div>\n        <Table rows={rows} />\n        {showDetailedWebRTCStats && <JsonView data={{ stats }} />}\n        {showServiceHistory && <JsonView data={{ history: state?.media.peer?.history.get() }} />}\n      </div>\n    </Panel>\n  );\n};\n\nconst getCallStatusTable = (state?: GlobalState): TableProps['rows'] => {\n  if (!state || !state.call?.users) {\n    return [];\n  }\n\n  const self = state.call.self;\n  const users = state.call.users\n    .filter((user) => user.id !== self!.id)\n    .map((user) => {\n      const isOk = {\n        audio:\n          user.tracks?.audio &&\n          state.media.pulledAudioTracks[user.tracks?.audio as EncodedTrackName]?.ctx.disposed === false,\n        video:\n          user.tracks?.video &&\n          state.media.pulledVideoStreams[user.tracks?.video as EncodedTrackName]?.ctx.disposed === false,\n        screenshare:\n          user.tracks?.screenshare &&\n          state.media.pulledVideoStreams[user.tracks?.screenshare as EncodedTrackName]?.ctx.disposed === false,\n      };\n\n      return {\n        ...user,\n        isOk,\n      };\n    });\n\n  return [\n    ['users', state.call.users.length ?? 0],\n    [\n      '*self* ' + (self?.name ?? truncateKey(self!.id, 8)),\n      self?.tracks?.audio && state.media.pushedAudioTrack ? 'AUD ✅' : 'AUD ❌',\n      self?.tracks?.video && state.media.pushedVideoTrack ? 'VID ✅' : 'VID ❌',\n      self?.tracks?.screenshareEnabled\n        ? self.tracks.screenshareEnabled && state.media.pushedScreenshareTrack\n          ? 'SCR ✅'\n          : 'SCR ❌'\n        : undefined,\n    ],\n\n    ...users.map((user) => [\n      user.name ?? truncateKey(user.id, 8),\n      user.isOk.audio ? 'AUD ✅' : 'AUD ❌',\n      user.isOk.video ? 'VID ✅' : 'VID ❌',\n      user.tracks?.screenshareEnabled ? (user.isOk.screenshare ? 'SCR ✅' : 'SCR ❌') : undefined,\n    ]),\n    ['ICE', state.media.peer?.session?.peerConnection.iceConnectionState ?? 'no connection'],\n  ];\n};\n\nexport namespace Unit {\n  export const KB = (n?: number) => ((n ?? 0) / 1_000).toFixed(2);\n}\n\nexport type TableProps = {\n  rows: (string | number | undefined)[][];\n};\n\nexport const Table = ({ rows }: TableProps) => {\n  return (\n    <div className='w-full text-xs font-mono'>\n      {rows.map(([prefix, label, value, unit], i) => (\n        <div key={i} className='grid grid-cols-[3fr_1fr_1fr_1fr]'>\n          <div className='p-1'>{prefix}</div>\n          <div className='p-1'>{label}</div>\n          <div className='p-1'>{value}</div>\n          <div className='p-1'>{unit}</div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,SAASA,mBAA0C;AACnD,OAAOC,SAASC,WAAWC,SAASC,gBAAgB;AAEpD,SAASC,mBAAmB;AAC5B,SAASC,UAAUC,aAAa;AAChC,SAASC,WAAW;AACpB,SAASC,YAAYC,OAA6BC,sBAAsB;AAExE,SAASC,YAAY;AAMrB,IAAA,eAAaC;AAGX,IAAOC,iBAAiBV,CAAAA,EAAAA,MAAS,MAAA;AACjC,QAAMW,EAAAA,EAAAA,IAAAA,eAAqBC,KAASF,EAAAA;AACpC,QAAM,CAACG,MAAAA,OAAAA,IAAAA,SAAoBC,KAAAA;AAC3B,QAAMC,eAAAA,MAAAA,QAAAA,CAAAA,IAA6B;AAEnC,QAAMC,CAAAA,oBAAgB,qBAAA,IAAA,SAAA,KAAA;QACpB,6BAA0BC,MAAS,sBAAgB,CAAA,kBAAA;wBAAgBC,YAAMC;UAAOC,UAAAA,UAAAA,UAAAA,KAAAA,UAAAA;MAAS,OAAM,OAAA,MAAA;MACjG;IAEA,GAAOC,MAAAA,CAAAA,CAAAA;EACP;AAEA,QAAMC,CAAAA,yBAEF,0BAAgB,IAAA,SAAA,KAAA;wCACI,MAAA,2BAAA,CAAA,uBAAA;QACpB,cACA,QAAA,MAAA,IAAA,YAAA;IAEGF,kBAAmBpB;EAE1BF,CAAAA,GAAAA,CAAAA,CAAU;QACR,CAAA,OAAMyB,QAAYC,IAAAA,SAAYC;YACxBC,MAAAA;UACJC,KAAAA,OAASP,MAAU,MAAA,SAAA;AACrB,UAAA,cAAA,CAAAA,WAAA;AACIQ,eAAQR,OAAA,IAAA;IACZ;QACEE,QAAAA;cAA4BC,yBAAAA;kBAAY,cAAA;QAAGM;QAAkB,QAAA;QAC7DP,cAAe;MACfM,CAAAA;AACF,kBAAA,GAAA,SAAA,WAAA;AACA,cAAO;;iBAEH;;kBACiCL,OAAAA;AAAG,sBAAA,iBAAA;YAClCD;UACF,CAAA;AACA,sBAAc,eAAA,SAAA,WAAA;QACdlB;eAA2C0B,OAAAA;YAAOP,MAAAA,+BAAAA;UAAIQ;UAAWF;UAAkB,QAAA;UACrF,cAAA;QACF,GAAA,EAAA,YAAA,YAAA,GAAA,cAAA,GAAA,IAAA,GAAA,OAAA,CAAA;MACC;IAACG;;IAAoE,OAAA,MAAA,MAAA,SAAA;IAExE;;QAA0EA,OAAOR,QAAMS,MAAAA,mBAAAA,KAAAA,GAAAA;IAAkB,OAAA,KAAA;IAEzG,OAAA,MAAA;;SAGS,sBAAA,cAAA,OAAA;IACLvB,IAAAA;IACAwB,MAAAA;IACAC;IACAC,UAAAA;WAAWC,EAAAA,sBAAU;UAAwCC,sBAAAA,cAAoB,OAAA;MACjFC,WAAW;mBAEX,KAAA,SAAA,WAACC,UAAAA;IAAIH,WAAU;KACb,sBAAA,cAACG,OAAAA;IAAIH,WAAU;KACb,sBAAA,cAAC/B,OAAMmC;IACSC,WAASrB;KAAyBsB,sBAAiBC,cAAAA,MAAAA,MAAAA,MAAAA,sBAAAA,cAAAA,MAAAA,QAAAA;;IAIhEP,iBAAU;MACb,sBAAA,cAAC/B,MAAMmC,OAAI,MAAA,EAAA,yBACT,CAAA,CAAA,CAAA,GAAa,sBAAA,cAAA,OAAA;IAACC,WAAS7B;KAAoB8B,sBAAiB5B,cAAAA,MAAAA,MAAAA,MAAAA,sBAAAA,cAAAA,MAAAA,QAAAA;;IAI3DsB,iBAAU;MACb,sBAAA,cAAChC,MAAAA,OAAAA,MAAAA,EAAAA,0BAAAA,CAAAA,CAAAA,CAAAA,GAAAA,sBAAAA,cAAAA,OAAAA;IAAWwC,WAAK;KAA2B,sBAAA,cAAA,YAAA;IAAYC,MAAAA;;IAEnDC,SAAMA;OACZ1B,sBAAAA,cAAAA,OAA2B;IAAU2B;iCAAQ5B,sBAAAA,cAAAA,UAAAA;IAAM,MAAA;MACnDP;IAAgCmC;4BAAoCC,sBAAQC,cAAAA,UAAAA;IAAM,MAAA;;IAIzF;EAEF,CAAA,CAAMC,CAAAA;;yBAEO,CAAA,UAAA;AACX,MAAA,CAAA,SAAA,CAAA,MAAA,MAAA,OAAA;AAEA,WAAMC,CAAAA;EACN;QAGI,OAAMC,MAAO,KAAA;gBACXC,MACOC,KAAAA,MAAQD,OACbtB,CAAAA,SAAMR,KAAMS,OAAAA,KAAAA,EAAAA,EAAkBuB,IAAAA,CAAKD,SAAM;UAC3CE,OACED;MAEFE,OAAAA,KAAAA,QACOH,SAAQG,MAAAA,MACb1B,kBAAY2B,KAAAA,QAAmBH,KAAKD,GAAAA,IAAM,aAAkC;MAChF,OAAA,KAAA,QAAA,SAAA,MAAA,MAAA,mBAAA,KAAA,QAAA,KAAA,GAAA,IAAA,aAAA;MAEA,aAAO,KAAA,QAAA,eAAA,MAAA,MAAA,mBAAA,KAAA,QAAA,WAAA,GAAA,IAAA,aAAA;;WAELF;MACF,GAAA;MACF;IAEF;;;;MACyC;MACvC,MAAA,KAAA,MAAA,UAAA;;;MAGED,aAAMG,MAAQE,QAASzB,YAAY4B,KAAAA,IAAAA,CAAAA;MACnCR,MAAMG,QAAQM,SAAAA,MAAAA,MACVT,mBAAYS,eAAAA;MAIjB,MAAA,QAAA,SAAA,MAAA,MAAA,mBAAA,eAAA;MAEE1C,MAAM2C,QAAKN,qBAAS,KAAA,OAAA,sBAAA,MAAA,MAAA,yBAAA,eAAA,eAAA;;aAErBA,IAAKH,CAAAA,SAAKC;MACVE,KAAKH,QAAKI,YAAQ,KAAU,IAAA,CAAA;MAC5BD,KAAKD,KAAAA,QAAQM,eAAAA;MACd,KAAA,KAAA,QAAA,eAAA;MACD,KAAA,QAAA,qBAAA,KAAA,KAAA,cAAA,eAAA,eAAA;IAAC,CAAA;;MAAuF;MACzF,MAAA,MAAA,MAAA,SAAA,eAAA,sBAAA;IACH;;;CAIA,SAFiBE,OAAAA;AAQjB,EAAAA,MAAO,KAAMC,CAAAA,QAAQ,KAAGjB,KAAkB,KAAA,QAAA,CAAA;YACxC,OAAA,CAAA,EAAA;IACOV,QAAU,CAAA,EAAA,KAAA,MAAA;SACD4B,sBAAQC,cAAmB,OAAEC;eAC7BA;UAAG9B,IAAAA,CAAAA,CAAAA,QAAU,OAAA,OAAA,IAAA,GAAA,MAAA,sBAAA,cAAA,OAAA;;IAChBA,WAAU;KAAO4B,sBAAAA,cACtB,OAAA;IAAK5B,WAAU;KAAO6B,MAAAA,GACtB,sBAAA,cAAC1B,OAAAA;IAAIH,WAAU;KAAO+B,KAAAA,GACtB,sBAAA,cAAC5B,OAAAA;IAAIH,WAAU;KAAOgC,KAAAA,GAAAA,sBAAAA,cAAAA,OAAAA;IAK9B,WAAA;;;;",
+  "names": ["WebRTCStats", "React", "useEffect", "useMemo", "useState", "truncateKey", "JsonView", "Panel", "log", "IconButton", "Input", "useTranslation", "meta", "CallDebugPanel", "open", "handleToggle", "setOpen", "showServiceHistory", "setShowServiceHistory", "handleToggleServiceHistory", "handleCopyRaw", "writeText", "call", "users", "stats", "showDetailedWebRTCStats", "webrtcStats", "pc", "media", "session", "handleStats", "setStats", "added", "connectionId", "error", "peerId", "state", "pulledAudioTracks", "onToggle", "title", "info", "className", "joined", "maxHeight", "div", "Root", "checked", "onCheckedChange", "handleShowDetailedWebRTCStats", "icon", "onClick", "rows", "data", "history", "get", "getCallStatusTable", "self", "isOk", "audio", "tracks", "user", "video", "screenshare", "pulledVideoStreams", "pushedVideoTrack", "screenshareEnabled", "map", "Unit", "Table", "prefix", "label", "i", "value", "unit"]
+}

package/dist/lib/neutral/CallSidebar-YVXU6BOQ.mjs

@@ -0,0 +1,25 @@
+import {
+  ChannelContainer
+} from "./chunk-UQFTL6TV.mjs";
+import "./chunk-EACFR36K.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/CallSidebar/CallSidebar.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import React from "react";
+import { useCapability } from "@dxos/app-framework/ui";
+import { ThreadCapabilities } from "#types";
+var CallSidebar = () => {
+  const call = useCapability(ThreadCapabilities.CallManager);
+  const roomId = useAtomValue(call.roomIdAtom);
+  return /* @__PURE__ */ React.createElement(ChannelContainer, {
+    subject: void 0,
+    attendableId: roomId ?? "",
+    roomId,
+    role: "article"
+  });
+};
+export {
+  CallSidebar as default
+};
+//# sourceMappingURL=CallSidebar-YVXU6BOQ.mjs.map

package/dist/lib/neutral/CallSidebar-YVXU6BOQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CallSidebar/CallSidebar.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\n\nimport { ThreadCapabilities } from '#types';\n\nimport ChannelContainer from '../ChannelContainer';\n\nexport const CallSidebar = () => {\n  const call = useCapability(ThreadCapabilities.CallManager);\n  const roomId = useAtomValue(call.roomIdAtom);\n  return <ChannelContainer subject={undefined} attendableId={roomId ?? ''} roomId={roomId} role='article' />;\n};\n"],
+  "mappings": ";;;;;;;AAIA,SAASA,oBAAoB;AAC7B,OAAOC,WAAW;AAElB,SAASC,qBAAqB;AAE9B,SAASC,0BAA0B;AAI5B,IAAMC,cAAc,MAAA;AACzB,QAAMC,OAAOC,cAAcC,mBAAmBC,WAAW;AACzD,QAAMC,SAASC,aAAaL,KAAKM,UAAU;AAC3C,SAAO,sBAAA,cAACC,kBAAAA;IAAiBC,SAASC;IAAWC,cAAcN,UAAU;IAAIA;IAAgBO,MAAK;;AAChG;",
+  "names": ["useAtomValue", "React", "useCapability", "ThreadCapabilities", "CallSidebar", "call", "useCapability", "ThreadCapabilities", "CallManager", "roomId", "useAtomValue", "roomIdAtom", "ChannelContainer", "subject", "undefined", "attendableId", "role"]
+}

package/dist/lib/neutral/ChannelChat-EKQYQQXZ.mjs

@@ -0,0 +1,10 @@
+import {
+  ChannelChat,
+  ChannelChat_default
+} from "./chunk-EACFR36K.mjs";
+import "./chunk-J5LGTIGS.mjs";
+export {
+  ChannelChat,
+  ChannelChat_default as default
+};
+//# sourceMappingURL=ChannelChat-EKQYQQXZ.mjs.map

package/dist/lib/neutral/ChannelContainer-XXMX5X43.mjs

@@ -0,0 +1,9 @@
+import {
+  ChannelContainer
+} from "./chunk-UQFTL6TV.mjs";
+import "./chunk-EACFR36K.mjs";
+import "./chunk-J5LGTIGS.mjs";
+export {
+  ChannelContainer as default
+};
+//# sourceMappingURL=ChannelContainer-XXMX5X43.mjs.map

package/dist/lib/neutral/ThreadCompanion-YGA2ORTJ.mjs

@@ -0,0 +1,208 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ThreadCompanion/ThreadCompanion.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import React, { useCallback, useMemo } from "react";
+import { Capabilities } from "@dxos/app-framework";
+import { useCapabilities, useCapability, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppCapabilities, CollaborationOperation, LayoutOperation } from "@dxos/app-toolkit";
+import { Filter, Obj, Query, Relation } from "@dxos/echo";
+import { Ref, useQuery } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { getParentId, useAttention } from "@dxos/react-ui-attention";
+import { Tabs } from "@dxos/react-ui-tabs";
+import { AnchoredTo, Thread } from "@dxos/types";
+import { CommentsPanel } from "#components";
+import { meta } from "#meta";
+import { ThreadOperation } from "#types";
+import { ThreadCapabilities } from "#types";
+var initialViewState = {
+  showResolvedThreads: false
+};
+var ThreadCompanion = ({ attendableId, subject }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const identity = useIdentity();
+  const subjectId = Obj.getDXN(subject).toString();
+  const parentId = attendableId ? getParentId(attendableId) : void 0;
+  const registry = useCapability(Capabilities.AtomRegistry);
+  const stateAtom = useCapability(ThreadCapabilities.State);
+  const viewStoreAtom = useCapability(ThreadCapabilities.ViewState);
+  const state = useAtomValue(stateAtom);
+  const viewStore = useAtomValue(viewStoreAtom);
+  const drafts = state.drafts[subjectId];
+  const viewState = useMemo(() => {
+    if (!viewStore[subjectId]) {
+      registry.set(viewStoreAtom, {
+        ...viewStore,
+        [subjectId]: {
+          ...initialViewState
+        }
+      });
+      return initialViewState;
+    }
+    return viewStore[subjectId];
+  }, [
+    viewStore,
+    subjectId,
+    registry,
+    viewStoreAtom
+  ]);
+  const { showResolvedThreads } = viewState;
+  const onChangeViewState = useCallback((nextValue) => {
+    registry.set(viewStoreAtom, {
+      ...registry.get(viewStoreAtom),
+      [subjectId]: {
+        ...registry.get(viewStoreAtom)[subjectId],
+        showResolvedThreads: nextValue === "all"
+      }
+    });
+  }, [
+    registry,
+    viewStoreAtom,
+    subjectId
+  ]);
+  const commentConfigs = useCapabilities(AppCapabilities.CommentConfig);
+  const anchorSorts = useCapabilities(AppCapabilities.AnchorSort);
+  const sort = useMemo(() => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort, [
+    anchorSorts,
+    subject
+  ]);
+  const db = Obj.getDatabase(subject);
+  const objectsAnchoredTo = useQuery(db, Query.select(Filter.id(subject.id)).targetOf(AnchoredTo.AnchoredTo));
+  const anchors = objectsAnchoredTo.toSorted((a, b) => sort?.(a, b) ?? 0).filter((anchor) => Obj.instanceOf(Thread.Thread, Relation.getSource(anchor))).concat(drafts ?? []);
+  const { hasAttention, isAncestor, isRelated } = useAttention(parentId);
+  const isAttended = hasAttention || isAncestor || isRelated;
+  const handleAttend = useCallback((anchor) => {
+    const thread = Relation.getSource(anchor);
+    const threadId = Obj.getDXN(thread).toString();
+    if (state.current !== threadId) {
+      registry.set(stateAtom, {
+        ...registry.get(stateAtom),
+        current: threadId
+      });
+      void invokePromise(LayoutOperation.ScrollIntoView, {
+        subject: parentId
+      });
+      if (anchor.anchor && parentId) {
+        const typename = Obj.getTypename(subject);
+        const commentConfig = commentConfigs.find(({ id }) => id === typename);
+        if (commentConfig?.scrollToAnchor) {
+          void invokePromise(commentConfig.scrollToAnchor, {
+            subject: parentId,
+            cursor: anchor.anchor,
+            ref: threadId
+          });
+        }
+      }
+    }
+  }, [
+    state.current,
+    invokePromise,
+    registry,
+    stateAtom,
+    parentId,
+    subject,
+    commentConfigs
+  ]);
+  const handleComment = useCallback(async (anchor, text) => {
+    await invokePromise(ThreadOperation.AddMessage, {
+      anchor,
+      subject,
+      sender: {
+        identityDid: identity?.did
+      },
+      text
+    });
+    const thread = Relation.getSource(anchor);
+    registry.set(stateAtom, {
+      ...registry.get(stateAtom),
+      current: Obj.getDXN(thread).toString()
+    });
+  }, [
+    invokePromise,
+    identity,
+    subject,
+    registry,
+    stateAtom
+  ]);
+  const handleResolve = useCallback((anchor) => invokePromise(ThreadOperation.ToggleResolved, {
+    thread: Relation.getSource(anchor)
+  }), [
+    invokePromise
+  ]);
+  const handleThreadDelete = useCallback((anchor) => invokePromise(ThreadOperation.Delete, {
+    anchor,
+    subject
+  }), [
+    invokePromise,
+    subject
+  ]);
+  const handleMessageDelete = useCallback((anchor, messageId) => invokePromise(ThreadOperation.DeleteMessage, {
+    anchor,
+    subject,
+    messageId
+  }), [
+    invokePromise,
+    subject
+  ]);
+  const handleAcceptProposal = useCallback(async (anchor, messageId) => {
+    const thread = Relation.getSource(anchor);
+    const messageIndex = thread.messages.findIndex(Ref.hasObjectId(messageId));
+    const message = thread.messages[messageIndex]?.target;
+    const proposal = message?.blocks.find((block) => block._tag === "proposal");
+    if (!proposal || !anchor.anchor) {
+      return;
+    }
+    await invokePromise(CollaborationOperation.AcceptProposal, {
+      subject,
+      anchor: anchor.anchor,
+      proposal
+    });
+    await invokePromise(ThreadOperation.ToggleResolved, {
+      thread
+    });
+  }, [
+    invokePromise,
+    subject
+  ]);
+  const comments = /* @__PURE__ */ React.createElement(CommentsPanel, {
+    anchors,
+    currentId: isAttended ? state.current : void 0,
+    showResolvedThreads,
+    onAttend: handleAttend,
+    onComment: handleComment,
+    onResolve: handleResolve,
+    onMessageDelete: handleMessageDelete,
+    onThreadDelete: handleThreadDelete,
+    onAcceptProposal: handleAcceptProposal
+  });
+  return /* @__PURE__ */ React.createElement(Tabs.Root, {
+    orientation: "horizontal",
+    value: showResolvedThreads ? "all" : "unresolved",
+    onValueChange: onChangeViewState
+  }, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Tabs.Tablist, {
+    classNames: "p-0"
+  }, /* @__PURE__ */ React.createElement(Tabs.Tab, {
+    classNames: "text-sm",
+    value: "unresolved"
+  }, t("show-unresolved.label")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
+    classNames: "text-sm",
+    value: "all"
+  }, t("show-all.label"))))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    thin: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(Tabs.Panel, {
+    value: "all"
+  }, showResolvedThreads && comments), /* @__PURE__ */ React.createElement(Tabs.Panel, {
+    value: "unresolved"
+  }, !showResolvedThreads && comments))))));
+};
+export {
+  ThreadCompanion as default
+};
+//# sourceMappingURL=ThreadCompanion-YGA2ORTJ.mjs.map

package/dist/lib/neutral/ThreadCompanion-YGA2ORTJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ThreadCompanion/ThreadCompanion.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { useCapabilities, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, CollaborationOperation, LayoutOperation } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Query, Relation } from '@dxos/echo';\nimport { Ref, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { getParentId, useAttention } from '@dxos/react-ui-attention';\nimport { Tabs } from '@dxos/react-ui-tabs';\nimport { AnchoredTo, Thread } from '@dxos/types';\n\nimport { CommentsPanel, type CommentsPanelProps } from '#components';\nimport { meta } from '#meta';\nimport { ThreadOperation } from '#types';\nimport { ThreadCapabilities, type ViewState } from '#types';\n\nconst initialViewState: ViewState = { showResolvedThreads: false };\n\nexport type ThreadCompanionProps = AppSurface.ObjectArticleProps<\n  Thread.Thread,\n  {\n    attendableId?: string;\n  }\n>;\n\nexport const ThreadCompanion = ({ attendableId, subject }: ThreadCompanionProps) => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n  const identity = useIdentity();\n  const subjectId = Obj.getDXN(subject).toString();\n  const parentId = attendableId ? getParentId(attendableId) : undefined;\n  const registry = useCapability(Capabilities.AtomRegistry);\n\n  const stateAtom = useCapability(ThreadCapabilities.State);\n  const viewStoreAtom = useCapability(ThreadCapabilities.ViewState);\n  const state = useAtomValue(stateAtom);\n  const viewStore = useAtomValue(viewStoreAtom);\n  const drafts = state.drafts[subjectId];\n\n  // Get or initialize view state for this subject.\n  const viewState = useMemo(() => {\n    if (!viewStore[subjectId]) {\n      registry.set(viewStoreAtom, { ...viewStore, [subjectId]: { ...initialViewState } });\n      return initialViewState;\n    }\n    return viewStore[subjectId];\n  }, [viewStore, subjectId, registry, viewStoreAtom]);\n  const { showResolvedThreads } = viewState;\n\n  const onChangeViewState = useCallback(\n    (nextValue: string) => {\n      registry.set(viewStoreAtom, {\n        ...registry.get(viewStoreAtom),\n        [subjectId]: { ...registry.get(viewStoreAtom)[subjectId], showResolvedThreads: nextValue === 'all' },\n      });\n    },\n    [registry, viewStoreAtom, subjectId],\n  );\n\n  const commentConfigs = useCapabilities(AppCapabilities.CommentConfig);\n  const anchorSorts = useCapabilities(AppCapabilities.AnchorSort);\n  const sort = useMemo(\n    () => anchorSorts.find(({ key }) => key === Obj.getTypename(subject))?.sort,\n    [anchorSorts, subject],\n  );\n\n  const db = Obj.getDatabase(subject);\n  const objectsAnchoredTo = useQuery(db, Query.select(Filter.id(subject.id)).targetOf(AnchoredTo.AnchoredTo));\n  const anchors = objectsAnchoredTo\n    .toSorted((a, b) => sort?.(a, b) ?? 0)\n    .filter((anchor) => Obj.instanceOf(Thread.Thread, Relation.getSource(anchor)))\n    .concat(drafts ?? []);\n\n  const { hasAttention, isAncestor, isRelated } = useAttention(parentId);\n  const isAttended = hasAttention || isAncestor || isRelated;\n\n  const handleAttend = useCallback(\n    (anchor: AnchoredTo.AnchoredTo) => {\n      const thread = Relation.getSource(anchor) as Thread.Thread;\n      const threadId = Obj.getDXN(thread).toString();\n\n      if (state.current !== threadId) {\n        registry.set(stateAtom, { ...registry.get(stateAtom), current: threadId });\n\n        // Scroll plank into view (deck handler).\n        void invokePromise(LayoutOperation.ScrollIntoView, { subject: parentId });\n\n        // Scroll within content to anchor (comment config per typename).\n        if (anchor.anchor && parentId) {\n          const typename = Obj.getTypename(subject);\n          const commentConfig = commentConfigs.find(({ id }) => id === typename);\n          if (commentConfig?.scrollToAnchor) {\n            void invokePromise(commentConfig.scrollToAnchor, {\n              subject: parentId,\n              cursor: anchor.anchor,\n              ref: threadId,\n            });\n          }\n        }\n      }\n    },\n    [state.current, invokePromise, registry, stateAtom, parentId, subject, commentConfigs],\n  );\n\n  const handleComment = useCallback(\n    async (anchor: AnchoredTo.AnchoredTo, text: string) => {\n      await invokePromise(ThreadOperation.AddMessage, {\n        anchor,\n        subject,\n        sender: { identityDid: identity?.did },\n        text,\n      });\n\n      const thread = Relation.getSource(anchor) as Thread.Thread;\n      registry.set(stateAtom, { ...registry.get(stateAtom), current: Obj.getDXN(thread).toString() });\n    },\n    [invokePromise, identity, subject, registry, stateAtom],\n  );\n\n  const handleResolve = useCallback(\n    (anchor: AnchoredTo.AnchoredTo) =>\n      invokePromise(ThreadOperation.ToggleResolved, {\n        thread: Relation.getSource(anchor) as Thread.Thread,\n      }),\n    [invokePromise],\n  );\n\n  const handleThreadDelete = useCallback(\n    (anchor: AnchoredTo.AnchoredTo) => invokePromise(ThreadOperation.Delete, { anchor, subject }),\n    [invokePromise, subject],\n  );\n\n  const handleMessageDelete = useCallback(\n    (anchor: AnchoredTo.AnchoredTo, messageId: string) =>\n      invokePromise(ThreadOperation.DeleteMessage, {\n        anchor,\n        subject,\n        messageId,\n      }),\n    [invokePromise, subject],\n  );\n\n  const handleAcceptProposal = useCallback<NonNullable<CommentsPanelProps['onAcceptProposal']>>(\n    async (anchor, messageId) => {\n      const thread = Relation.getSource(anchor) as Thread.Thread;\n      const messageIndex = thread.messages.findIndex(Ref.hasObjectId(messageId));\n      const message = thread.messages[messageIndex]?.target;\n      const proposal = message?.blocks.find((block) => block._tag === 'proposal');\n      if (!proposal || !anchor.anchor) {\n        return;\n      }\n\n      await invokePromise(CollaborationOperation.AcceptProposal, {\n        subject,\n        anchor: anchor.anchor,\n        proposal,\n      });\n      await invokePromise(ThreadOperation.ToggleResolved, { thread });\n    },\n    [invokePromise, subject],\n  );\n\n  const comments = (\n    <CommentsPanel\n      anchors={anchors}\n      currentId={isAttended ? state.current : undefined}\n      showResolvedThreads={showResolvedThreads}\n      onAttend={handleAttend}\n      onComment={handleComment}\n      onResolve={handleResolve}\n      onMessageDelete={handleMessageDelete}\n      onThreadDelete={handleThreadDelete}\n      onAcceptProposal={handleAcceptProposal}\n    />\n  );\n\n  return (\n    <Tabs.Root\n      orientation='horizontal'\n      value={showResolvedThreads ? 'all' : 'unresolved'}\n      onValueChange={onChangeViewState}\n    >\n      <Panel.Root>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Tabs.Tablist classNames='p-0'>\n              <Tabs.Tab classNames='text-sm' value='unresolved'>\n                {t('show-unresolved.label')}\n              </Tabs.Tab>\n              <Tabs.Tab classNames='text-sm' value='all'>\n                {t('show-all.label')}\n              </Tabs.Tab>\n            </Tabs.Tablist>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <ScrollArea.Root thin>\n            <ScrollArea.Viewport>\n              <Tabs.Panel value='all'>{showResolvedThreads && comments}</Tabs.Panel>\n              <Tabs.Panel value='unresolved'>{!showResolvedThreads && comments}</Tabs.Panel>\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Panel.Content>\n      </Panel.Root>\n    </Tabs.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useAtomValue", "React", "useCallback", "useMemo", "Capabilities", "useCapabilities", "useCapability", "useOperationInvoker", "AppCapabilities", "CollaborationOperation", "LayoutOperation", "Filter", "Obj", "Query", "Relation", "Ref", "useQuery", "useIdentity", "Panel", "ScrollArea", "Toolbar", "useTranslation", "getParentId", "useAttention", "Tabs", "AnchoredTo", "Thread", "CommentsPanel", "meta", "ThreadOperation", "ThreadCapabilities", "initialViewState", "showResolvedThreads", "ThreadCompanion", "attendableId", "subject", "t", "id", "invokePromise", "identity", "subjectId", "getDXN", "toString", "parentId", "undefined", "registry", "AtomRegistry", "stateAtom", "State", "viewStoreAtom", "ViewState", "state", "viewStore", "drafts", "viewState", "set", "onChangeViewState", "nextValue", "get", "commentConfigs", "CommentConfig", "anchorSorts", "AnchorSort", "sort", "find", "key", "getTypename", "db", "getDatabase", "objectsAnchoredTo", "select", "targetOf", "anchors", "toSorted", "a", "b", "filter", "anchor", "instanceOf", "getSource", "concat", "hasAttention", "isAncestor", "isRelated", "isAttended", "handleAttend", "thread", "threadId", "current", "ScrollIntoView", "typename", "commentConfig", "scrollToAnchor", "cursor", "ref", "handleComment", "text", "AddMessage", "sender", "identityDid", "did", "handleResolve", "ToggleResolved", "handleThreadDelete", "Delete", "handleMessageDelete", "messageId", "DeleteMessage", "handleAcceptProposal", "messageIndex", "messages", "findIndex", "hasObjectId", "message", "target", "proposal", "blocks", "block", "_tag", "AcceptProposal", "comments", "currentId", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "onAcceptProposal", "Root", "orientation", "value", "onValueChange", "asChild", "Tablist", "classNames", "Tab", "Content", "thin", "Viewport"]
+}

package/dist/lib/neutral/ThreadContainer-XYEPEOSD.mjs

@@ -0,0 +1,61 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ThreadContainer/ThreadContainer.tsx
+import React, { useMemo } from "react";
+import { Obj, Ref } from "@dxos/echo";
+import { useMembers } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { Message } from "@dxos/types";
+import { composable, composableProps } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+import { Chat } from "#components";
+import { useStatus } from "#hooks";
+var ThreadContainer = composable(({ space, thread, context, autoFocusTextbox, current, ...props }, forwardedRef) => {
+  const id = Obj.getDXN(thread).toString();
+  const identity = useIdentity();
+  const members = useMembers(space?.id);
+  const activity = useStatus(space, id);
+  const messages = useMemo(() => thread.messages.map((message) => message.target).filter(isNonNullable), [
+    thread.messages
+  ]);
+  const handleSend = (text) => {
+    Obj.update(thread, (thread2) => {
+      thread2.messages.push(Ref.make(Obj.make(Message.Message, {
+        created: (/* @__PURE__ */ new Date()).toISOString(),
+        sender: {
+          identityDid: identity.did
+        },
+        blocks: [
+          {
+            _tag: "text",
+            text
+          }
+        ],
+        properties: context ? {
+          context: Ref.make(context)
+        } : void 0
+      })));
+    });
+    return true;
+  };
+  return /* @__PURE__ */ React.createElement(Chat, {
+    ...composableProps(props),
+    id,
+    identity,
+    members,
+    messages,
+    activity,
+    onSend: handleSend,
+    autoFocusTextbox,
+    current,
+    ref: forwardedRef
+  });
+});
+
+// src/containers/ThreadContainer/index.ts
+var ThreadContainer_default = ThreadContainer;
+export {
+  ThreadContainer,
+  ThreadContainer_default as default
+};
+//# sourceMappingURL=ThreadContainer-XYEPEOSD.mjs.map

package/dist/lib/neutral/ThreadContainer-XYEPEOSD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ThreadContainer/ThreadContainer.tsx", "../../../src/containers/ThreadContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport { type Space, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { type ThreadRootProps } from '@dxos/react-ui-thread';\nimport { Message, type Thread } from '@dxos/types';\nimport { composable, composableProps } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { Chat } from '#components';\nimport { useStatus } from '#hooks';\n\nexport type ThreadContainerProps = ThemedClassName<\n  {\n    space: Space;\n    thread: Thread.Thread;\n    context?: Obj.Unknown;\n    autoFocusTextbox?: boolean;\n  } & Pick<ThreadRootProps, 'current'>\n>;\n\n/**\n * Renders an AutoMerge {@link Thread} as a chat: appends new messages by pushing\n * onto `thread.messages`. Used for comment threads and the meeting in-call chat.\n */\nexport const ThreadContainer = composable<HTMLDivElement, ThreadContainerProps>(\n  ({ space, thread, context, autoFocusTextbox, current, ...props }, forwardedRef) => {\n    const id = Obj.getDXN(thread).toString();\n    const identity = useIdentity()!;\n    const members = useMembers(space?.id);\n    const activity = useStatus(space, id);\n\n    const messages = useMemo(\n      () => thread.messages.map((message) => message.target).filter(isNonNullable),\n      [thread.messages],\n    );\n\n    const handleSend = (text: string) => {\n      Obj.update(thread, (thread) => {\n        thread.messages.push(\n          Ref.make(\n            Obj.make(Message.Message, {\n              created: new Date().toISOString(),\n              sender: { identityDid: identity.did },\n              blocks: [{ _tag: 'text', text }],\n              properties: context ? { context: Ref.make(context) } : undefined,\n            }),\n          ),\n        );\n      });\n      return true;\n    };\n\n    return (\n      <Chat\n        {...composableProps(props)}\n        id={id}\n        identity={identity}\n        members={members}\n        messages={messages}\n        activity={activity}\n        onSend={handleSend}\n        autoFocusTextbox={autoFocusTextbox}\n        current={current}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ThreadContainer } from './ThreadContainer';\n\nexport { ThreadContainer };\nexport default ThreadContainer;\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAASC,KAAKC,WAAW;AACzB,SAAqBC,kBAAkB;AACvC,SAASC,mBAAmB;AAG5B,SAASC,eAA4B;AACrC,SAASC,YAAYC,uBAAuB;AAC5C,SAASC,qBAAqB;AAE9B,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAenB,IAAMC,kBAAkBL,WAC7B,CAAC,EAAEM,OAAOC,QAAQC,SAASC,kBAAkBC,SAAS,GAAGC,MAAAA,GAASC,iBAAAA;AAChE,QAAMC,KAAKlB,IAAImB,OAAOP,MAAAA,EAAQQ,SAAQ;AACtC,QAAMC,WAAWlB,YAAAA;AACjB,QAAMmB,UAAUpB,WAAWS,OAAOO,EAAAA;AAClC,QAAMK,WAAWd,UAAUE,OAAOO,EAAAA;AAElC,QAAMM,WAAWzB,QACf,MAAMa,OAAOY,SAASC,IAAI,CAACC,YAAYA,QAAQC,MAAM,EAAEC,OAAOrB,aAAAA,GAC9D;IAACK,OAAOY;GAAS;AAGnB,QAAMK,aAAa,CAACC,SAAAA;AAClB9B,QAAI+B,OAAOnB,QAAQ,CAACA,YAAAA;AAClBA,MAAAA,QAAOY,SAASQ,KACd/B,IAAIgC,KACFjC,IAAIiC,KAAK7B,QAAQA,SAAS;QACxB8B,UAAS,oBAAIC,KAAAA,GAAOC,YAAW;QAC/BC,QAAQ;UAAEC,aAAajB,SAASkB;QAAI;QACpCC,QAAQ;UAAC;YAAEC,MAAM;YAAQX;UAAK;;QAC9BY,YAAY7B,UAAU;UAAEA,SAASZ,IAAIgC,KAAKpB,OAAAA;QAAS,IAAI8B;MACzD,CAAA,CAAA,CAAA;IAGN,CAAA;AACA,WAAO;EACT;AAEA,SACE,sBAAA,cAACnC,MAAAA;IACE,GAAGF,gBAAgBU,KAAAA;IACpBE;IACAG;IACAC;IACAE;IACAD;IACAqB,QAAQf;IACRf;IACAC;IACA8B,KAAK5B;;AAGX,CAAA;;;AClEF,IAAA,0BAAe6B;",
+  "names": ["React", "useMemo", "Obj", "Ref", "useMembers", "useIdentity", "Message", "composable", "composableProps", "isNonNullable", "Chat", "useStatus", "ThreadContainer", "space", "thread", "context", "autoFocusTextbox", "current", "props", "forwardedRef", "id", "getDXN", "toString", "identity", "members", "activity", "messages", "map", "message", "target", "filter", "handleSend", "text", "update", "push", "make", "created", "Date", "toISOString", "sender", "identityDid", "did", "blocks", "_tag", "properties", "undefined", "onSend", "ref", "ThreadContainer"]
+}