@dxos/plugin-thread 0.8.4-main.70d3990 → 0.8.4-main.7996785055

package/dist/lib/browser/CallDebugPanel-RY6FXDN7.mjs

@@ -0,0 +1,181 @@
+import {
+  meta
+} from "./chunk-SDMEBXOE.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";
+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"
+        }, {
+          F: __dxlog_file,
+          L: 60,
+          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"),
+    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;
+
+// src/containers/CallDebugPanel/index.ts
+var CallDebugPanel_default = CallDebugPanel;
+export {
+  CallDebugPanel_default as default
+};
+//# sourceMappingURL=CallDebugPanel-RY6FXDN7.mjs.map

package/dist/lib/browser/CallDebugPanel-RY6FXDN7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CallDebugPanel/CallDebugPanel.tsx", "../../../src/containers/CallDebugPanel/index.ts"],
+  "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 { type EncodedTrackName, type GlobalState } from '../../calls';\nimport { meta } from '../../meta';\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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CallDebugPanel } from './CallDebugPanel';\n\nexport default CallDebugPanel;\n"],
+  "mappings": "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",
+  "names": ["WebRTCStats", "React", "useEffect", "useMemo", "useState", "truncateKey", "JsonView", "Panel", "log", "IconButton", "Input", "useTranslation", "CallDebugPanel", "state", "t", "useTranslation", "meta", "id", "open", "setOpen", "useState", "handleToggle", "showServiceHistory", "setShowServiceHistory", "handleToggleServiceHistory", "handleCopyRaw", "navigator", "clipboard", "writeText", "JSON", "stringify", "users", "call", "stats", "showDetailedWebRTCStats", "setShowDetailedWebRTCStats", "handleShowDetailedWebRTCStats", "webrtcStats", "useMemo", "WebRTCStats", "getStatsInterval", "setStats", "useEffect", "pc", "media", "peer", "session", "peerConnection", "handleStats", "data", "added", "addConnection", "peerId", "connectionId", "on", "removeConnection", "removeListener", "error", "log", "rows", "getCallStatusTable", "pulledAudioTracks", "Panel", "icon", "onToggle", "title", "info", "div", "className", "joined", "maxHeight", "Input", "Root", "Switch", "checked", "onCheckedChange", "Label", "IconButton", "label", "onClick", "Table", "JsonView", "history", "get", "self", "filter", "user", "map", "isOk", "audio", "tracks", "ctx", "disposed", "video", "pulledVideoStreams", "screenshare", "length", "name", "truncateKey", "pushedAudioTrack", "pushedVideoTrack", "screenshareEnabled", "pushedScreenshareTrack", "undefined", "iceConnectionState", "Unit", "KB", "n", "toFixed", "prefix", "value", "unit", "i", "key", "CallDebugPanel"]
+}

package/dist/lib/browser/CallSidebar-U3YOKNG6.mjs

@@ -0,0 +1,37 @@
+import {
+  ChannelContainer_default
+} from "./chunk-GB4CYKEA.mjs";
+import "./chunk-NU7YGDHW.mjs";
+import "./chunk-MC6IA6YE.mjs";
+import "./chunk-WR6V7S4Q.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-2M2HV5K4.mjs";
+import "./chunk-GYRGZNEC.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-4PJ6SUNH.mjs";
+import "./chunk-T6FNJOLU.mjs";
+import {
+  ThreadCapabilities
+} from "./chunk-TAEJJ3CF.mjs";
+import "./chunk-SDMEBXOE.mjs";
+
+// src/containers/CallSidebar/CallSidebar.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import React from "react";
+import { useCapability } from "@dxos/app-framework/ui";
+var CallSidebar = () => {
+  const call = useCapability(ThreadCapabilities.CallManager);
+  const roomId = useAtomValue(call.roomIdAtom);
+  return /* @__PURE__ */ React.createElement(ChannelContainer_default, {
+    subject: void 0,
+    attendableId: roomId ?? "",
+    roomId
+  });
+};
+
+// src/containers/CallSidebar/index.ts
+var CallSidebar_default = CallSidebar;
+export {
+  CallSidebar_default as default
+};
+//# sourceMappingURL=CallSidebar-U3YOKNG6.mjs.map

package/dist/lib/browser/CallSidebar-U3YOKNG6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CallSidebar/CallSidebar.tsx", "../../../src/containers/CallSidebar/index.ts"],
+  "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';\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} />;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CallSidebar } from './CallSidebar';\n\nexport default CallSidebar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAIA,SAASA,oBAAoB;AAC7B,OAAOC,WAAW;AAElB,SAASC,qBAAqB;AAKvB,IAAMC,cAAc,MAAA;AACzB,QAAMC,OAAOC,cAAcC,mBAAmBC,WAAW;AACzD,QAAMC,SAASC,aAAaL,KAAKM,UAAU;AAC3C,SAAO,sBAAA,cAACC,0BAAAA;IAAiBC,SAASC;IAAWC,cAAcN,UAAU;IAAIA;;AAC3E;;;ACVA,IAAA,sBAAeO;",
+  "names": ["useAtomValue", "React", "useCapability", "CallSidebar", "call", "useCapability", "ThreadCapabilities", "CallManager", "roomId", "useAtomValue", "roomIdAtom", "ChannelContainer", "subject", "undefined", "attendableId", "CallSidebar"]
+}

package/dist/lib/browser/ChannelContainer-C25SJD67.mjs

@@ -0,0 +1,18 @@
+import {
+  ChannelContainer_default
+} from "./chunk-GB4CYKEA.mjs";
+import "./chunk-NU7YGDHW.mjs";
+import "./chunk-MC6IA6YE.mjs";
+import "./chunk-WR6V7S4Q.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-2M2HV5K4.mjs";
+import "./chunk-GYRGZNEC.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-4PJ6SUNH.mjs";
+import "./chunk-T6FNJOLU.mjs";
+import "./chunk-TAEJJ3CF.mjs";
+import "./chunk-SDMEBXOE.mjs";
+export {
+  ChannelContainer_default as default
+};
+//# sourceMappingURL=ChannelContainer-C25SJD67.mjs.map

package/dist/lib/browser/ChatContainer-VG6JXVMR.mjs

@@ -0,0 +1,19 @@
+import {
+  ChatContainer,
+  ChatContainer_default
+} from "./chunk-NU7YGDHW.mjs";
+import "./chunk-MC6IA6YE.mjs";
+import "./chunk-WR6V7S4Q.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-2M2HV5K4.mjs";
+import "./chunk-GYRGZNEC.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-4PJ6SUNH.mjs";
+import "./chunk-T6FNJOLU.mjs";
+import "./chunk-TAEJJ3CF.mjs";
+import "./chunk-SDMEBXOE.mjs";
+export {
+  ChatContainer,
+  ChatContainer_default as default
+};
+//# sourceMappingURL=ChatContainer-VG6JXVMR.mjs.map

package/dist/lib/browser/ThreadCompanion-LHPNPABS.mjs

@@ -0,0 +1,223 @@
+import {
+  CommentsPanel
+} from "./chunk-WR6V7S4Q.mjs";
+import "./chunk-CP7E2HRE.mjs";
+import "./chunk-2M2HV5K4.mjs";
+import "./chunk-GYRGZNEC.mjs";
+import "./chunk-ISCHODBV.mjs";
+import "./chunk-4PJ6SUNH.mjs";
+import {
+  definitions_exports
+} from "./chunk-T6FNJOLU.mjs";
+import {
+  ThreadCapabilities
+} from "./chunk-TAEJJ3CF.mjs";
+import {
+  meta
+} from "./chunk-SDMEBXOE.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, usePluginManager } 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";
+var initialViewState = {
+  showResolvedThreads: false
+};
+var ThreadCompanion = ({ attendableId, subject }) => {
+  const { t } = useTranslation(meta.id);
+  const manager = usePluginManager();
+  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 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 metadata = manager.capabilities.getAll(AppCapabilities.Metadata).find(({ id }) => id === typename)?.metadata;
+        if (metadata?.scrollToAnchor) {
+          void invokePromise(metadata.scrollToAnchor, {
+            subject: parentId,
+            cursor: anchor.anchor,
+            ref: threadId
+          });
+        }
+      }
+    }
+  }, [
+    state.current,
+    invokePromise,
+    registry,
+    stateAtom,
+    parentId,
+    subject,
+    manager
+  ]);
+  const handleComment = useCallback(async (anchor, text) => {
+    await invokePromise(definitions_exports.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(definitions_exports.ToggleResolved, {
+    thread: Relation.getSource(anchor)
+  }), [
+    invokePromise
+  ]);
+  const handleThreadDelete = useCallback((anchor) => invokePromise(definitions_exports.Delete, {
+    anchor,
+    subject
+  }), [
+    invokePromise,
+    subject
+  ]);
+  const handleMessageDelete = useCallback((anchor, messageId) => invokePromise(definitions_exports.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(definitions_exports.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))))));
+};
+
+// src/containers/ThreadCompanion/index.ts
+var ThreadCompanion_default = ThreadCompanion;
+export {
+  ThreadCompanion_default as default
+};
+//# sourceMappingURL=ThreadCompanion-LHPNPABS.mjs.map

package/dist/lib/browser/ThreadCompanion-LHPNPABS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ThreadCompanion/ThreadCompanion.tsx", "../../../src/containers/ThreadCompanion/index.ts"],
+  "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, usePluginManager } from '@dxos/app-framework/ui';\nimport { AppCapabilities, CollaborationOperation, LayoutOperation } from '@dxos/app-toolkit';\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 { ThreadCapabilities, type ViewState } from '../../types';\nimport { ThreadOperation } from '../../operations';\nimport { SurfaceComponentProps } from '@dxos/app-toolkit/ui';\n\nconst initialViewState: ViewState = { showResolvedThreads: false };\n\nexport type ThreadCompanionProps = SurfaceComponentProps<\n  Thread.Thread,\n  {\n    attendableId?: string;\n  }\n>;\n\nexport const ThreadCompanion = ({ attendableId, subject }: ThreadCompanionProps) => {\n  const { t } = useTranslation(meta.id);\n  const manager = usePluginManager();\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 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 (metadata-driven, per typename).\n        if (anchor.anchor && parentId) {\n          const typename = Obj.getTypename(subject);\n          const metadata = manager.capabilities\n            .getAll(AppCapabilities.Metadata)\n            .find(({ id }) => id === typename)?.metadata;\n          if (metadata?.scrollToAnchor) {\n            void invokePromise(metadata.scrollToAnchor, {\n              subject: parentId,\n              cursor: anchor.anchor,\n              ref: threadId,\n            });\n          }\n        }\n      }\n    },\n    [state.current, invokePromise, registry, stateAtom, parentId, subject, manager],\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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ThreadCompanion } from './ThreadCompanion';\n\nexport default ThreadCompanion;\n"],
+  "mappings": "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",
+  "names": ["useAtomValue", "React", "useCallback", "useMemo", "Capabilities", "useCapabilities", "useCapability", "useOperationInvoker", "usePluginManager", "AppCapabilities", "CollaborationOperation", "LayoutOperation", "Filter", "Obj", "Query", "Relation", "Ref", "useQuery", "useIdentity", "Panel", "ScrollArea", "Toolbar", "useTranslation", "getParentId", "useAttention", "Tabs", "AnchoredTo", "Thread", "initialViewState", "showResolvedThreads", "ThreadCompanion", "attendableId", "subject", "t", "useTranslation", "meta", "id", "manager", "usePluginManager", "invokePromise", "useOperationInvoker", "identity", "useIdentity", "subjectId", "Obj", "getDXN", "toString", "parentId", "getParentId", "undefined", "registry", "useCapability", "Capabilities", "AtomRegistry", "stateAtom", "ThreadCapabilities", "State", "viewStoreAtom", "ViewState", "state", "useAtomValue", "viewStore", "drafts", "viewState", "useMemo", "set", "onChangeViewState", "useCallback", "nextValue", "get", "anchorSorts", "useCapabilities", "AppCapabilities", "AnchorSort", "sort", "find", "key", "getTypename", "db", "getDatabase", "objectsAnchoredTo", "useQuery", "Query", "select", "Filter", "targetOf", "AnchoredTo", "anchors", "toSorted", "a", "b", "filter", "anchor", "instanceOf", "Thread", "Relation", "getSource", "concat", "hasAttention", "isAncestor", "isRelated", "useAttention", "isAttended", "handleAttend", "thread", "threadId", "current", "LayoutOperation", "ScrollIntoView", "typename", "metadata", "capabilities", "getAll", "Metadata", "scrollToAnchor", "cursor", "ref", "handleComment", "text", "ThreadOperation", "AddMessage", "sender", "identityDid", "did", "handleResolve", "ToggleResolved", "handleThreadDelete", "Delete", "handleMessageDelete", "messageId", "DeleteMessage", "handleAcceptProposal", "messageIndex", "messages", "findIndex", "Ref", "hasObjectId", "message", "target", "proposal", "blocks", "block", "_tag", "CollaborationOperation", "AcceptProposal", "comments", "CommentsPanel", "currentId", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "onAcceptProposal", "Tabs", "Root", "orientation", "value", "onValueChange", "Panel", "Toolbar", "asChild", "Tablist", "classNames", "Tab", "Content", "ScrollArea", "thin", "Viewport", "ThreadCompanion"]
+}

package/dist/lib/browser/ThreadSettings-7WRTSUPH.mjs

@@ -0,0 +1,19 @@
+import {
+  meta
+} from "./chunk-SDMEBXOE.mjs";
+
+// src/containers/ThreadSettings/ThreadSettings.tsx
+import React from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+var ThreadSettings = ({ settings: _settings }) => {
+  const { t: _t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null);
+};
+
+// src/containers/ThreadSettings/index.ts
+var ThreadSettings_default = ThreadSettings;
+export {
+  ThreadSettings_default as default
+};
+//# sourceMappingURL=ThreadSettings-7WRTSUPH.mjs.map

package/dist/lib/browser/ThreadSettings-7WRTSUPH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ThreadSettings/ThreadSettings.tsx", "../../../src/containers/ThreadSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport type { ThreadSettingsProps } from '../../types';\n\nexport type ThreadSettingsComponentProps = {\n  settings: ThreadSettingsProps;\n  onSettingsChange: (fn: (current: ThreadSettingsProps) => ThreadSettingsProps) => void;\n};\n\n// TODO(burdon): Settings.\nexport const ThreadSettings = ({ settings: _settings }: ThreadSettingsComponentProps) => {\n  const { t: _t } = useTranslation(meta.id);\n  return <Settings.Root></Settings.Root>;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ThreadSettings } from './ThreadSettings';\n\nexport default ThreadSettings;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AAWlB,IAAMC,iBAAiB,CAAC,EAAEC,UAAUC,UAAS,MAAgC;AAClF,QAAM,EAAEC,GAAGC,GAAE,IAAKC,eAAeC,KAAKC,EAAE;AACxC,SAAO,sBAAA,cAACC,SAASC,MAAI,IAAA;AACvB;;;ACfA,IAAA,yBAAeC;",
+  "names": ["React", "useTranslation", "Settings", "ThreadSettings", "settings", "_settings", "t", "_t", "useTranslation", "meta", "id", "Settings", "Root", "ThreadSettings"]
+}