@dxos/plugin-thread 0.7.5-main.499c70c → 0.7.5-main.6a330ac

package/dist/lib/node/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,435 +15,45 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  ThreadAction: () => import_chunk_VW2P26MZ.ThreadAction,
+  THREAD_ITEM: () => import_chunk_F735VMTN.THREAD_ITEM,
+  THREAD_PLUGIN: () => import_chunk_F735VMTN.THREAD_PLUGIN,
   ThreadPlugin: () => ThreadPlugin,
-  default: () => src_default,
-  useAnalyticsCallback: () => import_chunk_2CB5AVBL.useAnalyticsCallback,
-  useOnEditAnalytics: () => import_chunk_2CB5AVBL.useOnEditAnalytics,
-  useStatus: () => import_chunk_2CB5AVBL.useStatus
+  meta: () => import_chunk_F735VMTN.meta,
+  useAnalyticsCallback: () => import_chunk_AWSTZ2KN.useAnalyticsCallback,
+  useOnEditAnalytics: () => import_chunk_AWSTZ2KN.useOnEditAnalytics,
+  useStatus: () => import_chunk_AWSTZ2KN.useStatus
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_VW2P26MZ = require("./chunk-VW2P26MZ.cjs");
-var import_chunk_2CB5AVBL = require("./chunk-2CB5AVBL.cjs");
-var import_chunk_IC2NICNC = require("./chunk-IC2NICNC.cjs");
-var import_react = __toESM(require("react"));
+var import_chunk_BHFHFTHO = require("./chunk-BHFHFTHO.cjs");
+var import_chunk_AWSTZ2KN = require("./chunk-AWSTZ2KN.cjs");
+var import_chunk_CMEMMYDL = require("./chunk-CMEMMYDL.cjs");
+var import_chunk_FPWNZ6TB = require("./chunk-FPWNZ6TB.cjs");
+var import_chunk_F735VMTN = require("./chunk-F735VMTN.cjs");
 var import_app_framework = require("@dxos/app-framework");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_local_storage = require("@dxos/local-storage");
-var import_log = require("@dxos/log");
-var import_types = require("@dxos/plugin-client/types");
-var import_plugin_graph = require("@dxos/plugin-graph");
-var import_types2 = require("@dxos/plugin-observability/types");
+var import_plugin_client = require("@dxos/plugin-client");
+var import_plugin_deck = require("@dxos/plugin-deck");
+var import_plugin_markdown = require("@dxos/plugin-markdown");
 var import_plugin_space = require("@dxos/plugin-space");
-var import_types3 = require("@dxos/plugin-space/types");
+var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_thread = require("@dxos/react-ui-thread");
-var import_react2 = require("react");
-var import_react3 = require("@phosphor-icons/react");
-var import_react4 = __toESM(require("react"));
-var import_live_object = require("@dxos/live-object");
-var import_types4 = require("@dxos/plugin-space/types");
-var import_echo2 = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react_ui_thread2 = require("@dxos/react-ui-thread");
-var import_util = require("@dxos/util");
-var import_react5 = require("@phosphor-icons/react");
-var import_react6 = __toESM(require("react"));
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react7 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_echo4 = require("@dxos/react-client/echo");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_util2 = require("@dxos/util");
-var import_react8 = __toESM(require("react"));
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_view = require("@codemirror/view");
-var import_signals_core = require("@preact/signals-core");
-var import_app_framework3 = require("@dxos/app-framework");
-var import_echo_schema2 = require("@dxos/echo-schema");
-var import_live_object2 = require("@dxos/live-object");
-var import_types5 = require("@dxos/plugin-space/types");
-var import_echo5 = require("@dxos/react-client/echo");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_types6 = require("@dxos/plugin-space/types");
-var sizeClass = (0, import_react_ui_theme.getSize)(4);
-var commentControlClassNames = "!p-1 !min-bs-0 transition-opacity";
-var ToggleResolvedButton = ({ isResolved, onResolve }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  const label = t(isResolved ? "mark as unresolved label" : "mark as resolved label");
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Button, {
-    variant: "ghost",
-    "data-testid": "thread.toggle-resolved",
-    onClick: onResolve,
-    classNames: [
-      commentControlClassNames,
-      !isResolved && import_react_ui_theme.hoverableControlItem
-    ]
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "sr-only"
-  }, label), isResolved ? /* @__PURE__ */ import_react4.default.createElement(import_react3.CheckCircle, {
-    className: sizeClass,
-    weight: "fill"
-  }) : /* @__PURE__ */ import_react4.default.createElement(import_react3.CheckCircle, {
-    className: sizeClass
-  }))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Content, null, label, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Arrow, null))));
-};
-var DeleteThreadButton = ({ onDelete }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  const label = t("delete thread label");
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Button, {
-    variant: "ghost",
-    "data-testid": "thread.delete",
-    onClick: onDelete,
-    classNames: [
-      commentControlClassNames,
-      import_react_ui_theme.hoverableControlItem
-    ]
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ import_react4.default.createElement(import_react3.X, {
-    className: sizeClass
-  }))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Content, {
-    classNames: "z-30"
-  }, label, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Arrow, null))));
-};
-var CommentContainer = ({ thread, detached, context, current, onAttend, onThreadDelete, onMessageDelete, onResolve, onComment }) => {
-  const identity = (0, import_halo.useIdentity)();
-  const space = (0, import_echo2.getSpace)(thread);
-  const members = (0, import_echo2.useMembers)(space?.key);
-  const activity = (0, import_chunk_2CB5AVBL.useStatus)(space, (0, import_echo2.fullyQualifiedId)(thread));
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  const threadScrollRef = (0, import_react4.useRef)(null);
-  const { themeMode } = (0, import_react_ui.useThemeContext)();
-  const textboxMetadata = (0, import_chunk_2CB5AVBL.getMessageMetadata)((0, import_echo2.fullyQualifiedId)(thread), identity);
-  const [_count, _setCount] = (0, import_react4.useState)(0);
-  const rerenderEditor = () => _setCount((count) => count + 1);
-  const messageRef = (0, import_react4.useRef)("");
-  const extensions = (0, import_react4.useMemo)(() => [
-    (0, import_react_ui_editor.createBasicExtensions)({
-      placeholder: t("message placeholder")
-    }),
-    (0, import_react_ui_editor.createThemeExtensions)({
-      themeMode
-    }),
-    (0, import_react_ui_editor.listener)({
-      onChange: (text) => messageRef.current = text
-    }),
-    import_chunk_2CB5AVBL.command
-  ], [
-    _count
-  ]);
-  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
-    behavior,
-    block: "end"
-  }), 10);
-  const handleCreate = (0, import_react4.useCallback)(() => {
-    if (!messageRef.current) {
-      return false;
-    }
-    thread.messages.push((0, import_live_object.makeRef)((0, import_live_object.create)(import_types4.MessageType, {
-      sender: {
-        identityKey: identity.identityKey.toHex()
-      },
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      text: messageRef.current,
-      context: context ? (0, import_live_object.makeRef)(context) : void 0
-    })));
-    onComment?.(thread);
-    messageRef.current = "";
-    scrollToEnd("instant");
-    rerenderEditor();
-    return true;
-  }, [
-    thread,
-    identity
-  ]);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_thread2.Thread, {
-    onClickCapture: onAttend,
-    onFocusCapture: onAttend,
-    current,
-    id: (0, import_echo2.fullyQualifiedId)(thread)
-  }, /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", import_react_ui_theme.hoverableControls, import_react_ui_theme.hoverableFocusedWithinControls)
-  }, detached ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_thread2.ThreadHeading, {
-    detached: true
-  }, thread.name)), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Content, {
-    classNames: "z-30",
-    side: "top"
-  }, t("detached thread label"), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tooltip.Arrow, null)))) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui_thread2.ThreadHeading, null, thread.name), /* @__PURE__ */ import_react4.default.createElement("div", {
-    className: "flex flex-row items-center pli-1"
-  }, thread.status === "staged" && /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Tag, {
-    palette: "neutral"
-  }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ import_react4.default.createElement(ToggleResolvedButton, {
-    isResolved: thread?.status === "resolved",
-    onResolve
-  }), onThreadDelete && /* @__PURE__ */ import_react4.default.createElement(DeleteThreadButton, {
-    onDelete: onThreadDelete
-  }))), import_live_object.RefArray.allResolvedTargets(thread.messages?.filter(import_util.nonNullable) ?? []).map((message) => /* @__PURE__ */ import_react4.default.createElement(import_chunk_2CB5AVBL.MessageContainer, {
-    key: message.id,
-    message,
-    members,
-    onDelete: (id) => onMessageDelete?.(id)
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_thread2.MessageTextbox, {
-    extensions,
-    onSend: handleCreate,
-    ...textboxMetadata
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_thread2.ThreadFooter, {
-    activity
-  }, t("activity message")), /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: "bs-px -mbs-px",
-    ref: threadScrollRef
-  }));
-};
-var CommentsContainer = ({ threads: threads2, detached = [], currentId, showResolvedThreads, onThreadAttend, onThreadDelete, onMessageDelete, onThreadToggleResolved, ...props }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  const filteredThreads = showResolvedThreads ? threads2 : threads2.filter((thread) => !(thread?.status === "resolved"));
-  (0, import_react6.useEffect)(() => {
-    if (currentId) {
-      document.getElementById(currentId)?.scrollIntoView({
-        behavior: "smooth",
-        block: "end"
-      });
-    }
-  }, [
-    currentId
-  ]);
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, filteredThreads.length > 0 ? filteredThreads.map((thread) => {
-    const threadId = (0, import_echo3.fullyQualifiedId)(thread);
-    return /* @__PURE__ */ import_react6.default.createElement(CommentContainer, {
-      key: threadId,
-      thread,
-      current: currentId === threadId,
-      detached: detached.includes(threadId),
-      ...onThreadAttend && {
-        onAttend: () => onThreadAttend(thread)
-      },
-      ...onThreadDelete && {
-        onThreadDelete: () => onThreadDelete(thread)
-      },
-      ...onMessageDelete && {
-        onMessageDelete: (messageId) => onMessageDelete(thread, messageId)
-      },
-      ...onThreadToggleResolved && {
-        onResolve: () => onThreadToggleResolved(thread)
-      },
-      ...props
-    });
-  }) : /* @__PURE__ */ import_react6.default.createElement("div", {
-    role: "alert",
-    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionText, "place-self-center border border-dashed border-unAccent rounded-lg text-center p-4 m-4")
-  }, /* @__PURE__ */ import_react6.default.createElement("h2", {
-    className: "mbe-2 font-medium text-baseText"
-  }, t("no comments title")), /* @__PURE__ */ import_react6.default.createElement("p", null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui2.Trans, {
-    t,
-    i18nKey: "no comments message",
-    components: {
-      commentIcon: /* @__PURE__ */ import_react6.default.createElement(import_react5.ChatText, {
-        className: "inline-block"
-      })
-    }
-  }))));
-};
-var providesThreadsConfig = (plugin) => "thread" in plugin.provides ? plugin : void 0;
-var ThreadComplementary = ({ subject, drafts, current, showResolvedThreads }) => {
-  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-  const threadsIntegrators = (0, import_app_framework2.useResolvePlugins)(providesThreadsConfig);
-  const threadProvides = (0, import_react7.useMemo)(() => threadsIntegrators.map((p) => p.provides.thread), [
-    threadsIntegrators
-  ]);
-  const createSort = (0, import_react7.useMemo)(() => threadProvides.find((p) => p.predicate(subject))?.createSort, [
-    threadProvides,
-    subject
-  ]);
-  const sort = (0, import_react7.useMemo)(() => createSort?.(subject), [
-    createSort,
-    subject
-  ]);
-  const threadObjects = import_echo4.RefArray.allResolvedTargets(subject.threads ?? []);
-  const threads2 = (0, import_react7.useMemo)(() => {
-    return threadObjects.concat(drafts ?? []).filter(import_util2.nonNullable);
-  }, [
-    JSON.stringify(threadObjects),
-    JSON.stringify(drafts)
-  ]);
-  const detachedIds = (0, import_react7.useMemo)(() => {
-    return threads2.filter(({ anchor }) => !anchor).map((thread) => (0, import_echo4.fullyQualifiedId)(thread));
-  }, [
-    threads2
-  ]);
-  (0, import_react7.useEffect)(() => {
-    if (!sort) {
-      return;
-    }
-    threads2.sort((a, b) => sort(a?.anchor, b?.anchor));
-  }, [
-    sort,
-    threads2
-  ]);
-  const attended = (0, import_react_ui_attention.useAttended)();
-  const qualifiedSubjectId = (0, import_echo4.fullyQualifiedId)(subject);
-  return /* @__PURE__ */ import_react7.default.createElement(CommentsContainer, {
-    threads: threads2,
-    detached: detachedIds,
-    currentId: attended.includes(qualifiedSubjectId) ? current : void 0,
-    showResolvedThreads,
-    onThreadAttend: (thread) => {
-      const threadId = (0, import_echo4.fullyQualifiedId)(thread);
-      if (current !== threadId) {
-        current = threadId;
-        void dispatch?.((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.ScrollIntoView, {
-          id: (0, import_echo4.fullyQualifiedId)(subject),
-          cursor: thread.anchor,
-          ref: threadId
-        }));
-      }
-    },
-    onThreadDelete: (thread) => dispatch((0, import_app_framework2.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Delete, {
-      thread,
-      subject
-    })),
-    onMessageDelete: (thread, messageId) => dispatch((0, import_app_framework2.createIntent)(import_chunk_VW2P26MZ.ThreadAction.DeleteMessage, {
-      thread,
-      subject,
-      messageId
-    })),
-    onThreadToggleResolved: (thread) => dispatch((0, import_app_framework2.createIntent)(import_chunk_VW2P26MZ.ThreadAction.ToggleResolved, {
-      thread
-    })),
-    onComment: (thread) => dispatch((0, import_app_framework2.createIntent)(import_chunk_VW2P26MZ.ThreadAction.OnMessageAdd, {
-      thread,
-      subject
-    }))
-  });
-};
-var ThreadSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_form.DeprecatedFormInput, {
-    label: t("settings standalone label")
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui3.Input.Switch, {
-    checked: settings.standalone,
-    onCheckedChange: (checked) => settings.standalone = !!checked
-  })));
-};
-var ThreadMain = (0, import_react2.lazy)(() => import("./ThreadMain-5AYGCXXP.cjs"));
-var ThreadArticle = (0, import_react2.lazy)(() => import("./ThreadArticle-ZCNMFBAO.cjs"));
-var getName = (doc, anchor) => {
-  if (doc.content) {
-    const [start, end] = anchor.split(":");
-    return (0, import_echo5.getTextInRange)((0, import_echo5.createDocAccessor)(doc.content.target, [
-      "content"
-    ]), start, end);
-  }
-};
-var threads = (state, doc, dispatch) => {
-  const space = doc && (0, import_echo5.getSpace)(doc);
-  if (!doc || !space || !dispatch) {
-    return [
-      (0, import_react_ui_editor2.comments)()
-    ];
-  }
-  const threads2 = (0, import_signals_core.computed)(() => [
-    ...import_live_object2.RefArray.allResolvedTargets(doc.threads),
-    ...state.drafts[(0, import_echo5.fullyQualifiedId)(doc)] ?? []
-  ].filter((thread) => !(thread?.status === "resolved")));
-  return [
-    import_view.EditorView.updateListener.of((update) => {
-      if (update.docChanged) {
-        import_live_object2.RefArray.allResolvedTargets(doc.threads).forEach((thread) => {
-          if (thread.anchor) {
-            const name = getName(doc, thread.anchor);
-            if (name && name !== thread.name) {
-              thread.name = name;
-            }
-          }
-        });
-      }
-    }),
-    (0, import_react_ui_editor2.createExternalCommentSync)((0, import_echo5.fullyQualifiedId)(doc), (sink) => (0, import_signals_core.effect)(() => sink()), () => threads2.value.filter((thread) => thread?.anchor).map((thread) => ({
-      id: (0, import_echo5.fullyQualifiedId)(thread),
-      cursor: thread.anchor
-    }))),
-    (0, import_react_ui_editor2.comments)({
-      id: (0, import_echo5.fullyQualifiedId)(doc),
-      onCreate: ({ cursor }) => {
-        const name = getName(doc, cursor);
-        void dispatch((0, import_app_framework3.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Create, {
-          cursor,
-          name,
-          subject: doc
-        }));
-      },
-      onDelete: ({ id }) => {
-        const draft = state.drafts[(0, import_echo5.fullyQualifiedId)(doc)];
-        if (draft) {
-          const index = draft.findIndex((thread2) => (0, import_echo5.fullyQualifiedId)(thread2) === id);
-          if (index !== -1) {
-            draft.splice(index, 1);
-          }
-        }
-        const thread = doc.threads.find(import_echo_schema2.Ref.hasObjectId(id))?.target;
-        if (thread) {
-          thread.anchor = void 0;
-        }
-      },
-      onUpdate: ({ id, cursor }) => {
-        const thread = state.drafts[(0, import_echo5.fullyQualifiedId)(doc)]?.find((thread2) => (0, import_echo5.fullyQualifiedId)(thread2) === id) ?? doc.threads.find(import_echo_schema2.Ref.hasObjectId(id))?.target;
-        if (thread instanceof import_types5.ThreadType && thread.anchor) {
-          thread.name = getName(doc, thread.anchor);
-          thread.anchor = cursor;
-        }
-      },
-      onSelect: ({ selection }) => {
-        const current = selection.current ?? selection.closest;
-        if (current) {
-          void dispatch((0, import_app_framework3.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Select, {
-            current,
-            skipOpen: true
-          }));
-        }
-      }
-    })
-  ];
-};
+var import_types2 = require("@dxos/plugin-space/types");
 var translations_default = [
   {
     "en-US": {
-      [import_types6.ChannelType.typename]: {
+      [import_types2.ChannelType.typename]: {
         "typename label": "Channel"
       },
-      [import_chunk_IC2NICNC.THREAD_PLUGIN]: {
+      [import_chunk_F735VMTN.THREAD_PLUGIN]: {
         "plugin name": "Threads",
         "channel name placeholder": "New channel",
         "channel title label": "Title",
         "delete channel label": "Delete channel",
         "create channel label": "Create channel",
         "message placeholder": "Reply\u2026",
-        "settings standalone label": "Enable channel creation (experimental)",
         "activity message": "Processing\u2026",
         "anonymous label": "Anonymous",
         "delete message block label": "Delete message block",
@@ -465,547 +73,153 @@ var translations_default = [
         "save message label": "Save",
         "edit message label": "Edit",
         "delete message label": "Delete message",
-        "open comments panel label": "Show Comments"
+        "open comments panel label": "Show Comments",
+        "comments panel label": "Comments",
+        "show all label": "All comments",
+        "show unresolved label": "Unresolved only"
       }
     }
   }
 ];
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-thread/src/ThreadPlugin.tsx";
-var initialViewState = {
-  showResolvedThreads: false
-};
-var ThreadPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_IC2NICNC.THREAD_PLUGIN);
-  const state = (0, import_echo.create)({
-    drafts: {}
-  });
-  const viewStore = (0, import_echo.create)({});
-  const getViewState = (subjectId) => {
-    if (!viewStore[subjectId]) {
-      viewStore[subjectId] = {
-        ...initialViewState
-      };
-    }
-    return viewStore[subjectId];
-  };
-  let intentPlugin;
-  const unsubscribeCallbacks = [];
-  return {
-    meta: import_chunk_IC2NICNC.meta_default,
-    initialize: async () => {
-      settings.prop({
-        key: "standalone",
-        type: import_local_storage.LocalStorageStore.bool({
-          allowUndefined: true
-        })
-      });
-      return {
-        echo: {
-          system: [
-            import_types3.ThreadType,
-            import_types3.MessageType
+var ThreadPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_F735VMTN.meta, [
+  // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.
+  // defineModule({
+  //   id: `${meta.id}/module/settings`,
+  //   activatesOn: Events.SetupSettings,
+  //   activate: ThreadSettings,
+  // }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/state`,
+    // TODO(wittjosiah): Does not integrate with settings store.
+    //   Should this be a different event?
+    //   Should settings store be renamed to be more generic?
+    activatesOn: import_app_framework.Events.SetupSettings,
+    activate: import_chunk_BHFHFTHO.ThreadState
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/translations`,
+    activatesOn: import_app_framework.Events.SetupTranslations,
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, [
+      ...translations_default,
+      ...import_react_ui_thread.translations
+    ])
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/metadata`,
+    activatesOn: import_app_framework.Events.SetupMetadata,
+    activate: () => [
+      (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
+        id: import_types.ChannelType.typename,
+        metadata: {
+          placeholder: [
+            "channel name placeholder",
+            {
+              ns: import_chunk_F735VMTN.THREAD_PLUGIN
+            }
           ],
-          // TODO(wittjosiah): Requires reload.
-          ...settings.values.standalone ? {
-            schema: [
-              import_types3.ChannelType
-            ]
-          } : {}
+          icon: "ph--chat--regular",
+          // TODO(wittjosiah): Move out of metadata.
+          loadReferences: async (channel) => await import_echo.RefArray.loadAll(channel.threads ?? [])
         }
-      };
-    },
-    ready: async ({ plugins }) => {
-      intentPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin);
-    },
-    unload: async () => {
-      unsubscribeCallbacks.forEach((unsubscribe) => unsubscribe());
-    },
-    provides: {
-      settings: settings.values,
-      metadata: {
-        records: {
-          [import_types3.ChannelType.typename]: {
-            createObject: (props) => (0, import_app_framework.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Create, props),
-            placeholder: [
-              "channel name placeholder",
-              {
-                ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-              }
-            ],
-            icon: "ph--chat--regular",
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (channel) => await import_echo.RefArray.loadAll(channel.threads ?? [])
-          },
-          [import_types3.ThreadType.typename]: {
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (thread) => await import_echo.RefArray.loadAll(thread.messages ?? [])
-          },
-          [import_types3.MessageType.typename]: {
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (message) => []
-          },
-          [import_chunk_IC2NICNC.THREAD_ITEM]: {
-            parse: (item, type) => {
-              switch (type) {
-                case "node":
-                  return {
-                    id: item.id,
-                    label: item.title,
-                    data: item
-                  };
-                case "object":
-                  return item;
-                case "view-object":
-                  return {
-                    id: `${item.id}-view`,
-                    object: item
-                  };
-              }
-            }
-          }
+      }),
+      (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
+        id: import_types.ThreadType.typename,
+        metadata: {
+          // TODO(wittjosiah): Move out of metadata.
+          loadReferences: async (thread) => await import_echo.RefArray.loadAll(thread.messages ?? [])
         }
-      },
-      translations: [
-        ...translations_default,
-        ...import_react_ui_thread.translations
-      ],
-      complementary: {
-        panels: [
-          {
-            id: "comments",
-            label: [
-              "open comments panel label",
-              {
-                ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-              }
-            ],
-            icon: "ph--chat-text--regular"
-          }
-        ]
-      },
-      graph: {
-        builder: (plugins) => {
-          const client = (0, import_app_framework.resolvePlugin)(plugins, import_types.parseClientPlugin)?.provides.client;
-          const dispatch = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin)?.provides.intent.dispatchPromise;
-          const metadataResolver = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseMetadataResolverPlugin)?.provides.metadata.resolver;
-          if (!client || !dispatch || !metadataResolver) {
-            return [];
-          }
-          const type = "orphan-comments-for-subject";
-          const icon = "ph--chat-text--regular";
-          return [
-            (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_IC2NICNC.THREAD_PLUGIN}/comments-for-subject`,
-              resolver: ({ id }) => {
-                if (!id.endsWith("~comments")) {
-                  return;
-                }
-                const [subjectId] = id.split("~");
-                const { spaceId, objectId } = (0, import_echo.parseId)(subjectId);
-                const spaces = (0, import_plugin_graph.toSignal)((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
-                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === import_echo.SpaceState.SPACE_READY);
-                if (!objectId) {
-                  return {
-                    id,
-                    type,
-                    data: null,
-                    properties: {
-                      icon,
-                      label: [
-                        "unnamed object threads label",
-                        {
-                          ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-                        }
-                      ],
-                      showResolvedThreads: false,
-                      object: null,
-                      space
-                    }
-                  };
-                }
-                const [object] = (0, import_plugin_space.memoizeQuery)(space, {
-                  id: objectId
-                });
-                if (!object || !subjectId) {
-                  return;
-                }
-                const meta = metadataResolver((0, import_echo.getTypename)(object) ?? "");
-                const label = meta.label?.(object) || object.name || meta.placeholder || [
-                  "unnamed object threads label",
-                  {
-                    ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-                  }
-                ];
-                const viewState = getViewState(subjectId);
+      }),
+      (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
+        id: import_types.MessageType.typename,
+        metadata: {
+          // TODO(wittjosiah): Move out of metadata.
+          loadReferences: (message) => []
+        }
+      }),
+      (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
+        id: import_chunk_F735VMTN.THREAD_ITEM,
+        metadata: {
+          parse: (item, type) => {
+            switch (type) {
+              case "node":
                 return {
-                  id,
-                  type,
-                  data: null,
-                  properties: {
-                    icon,
-                    label,
-                    showResolvedThreads: viewState.showResolvedThreads,
-                    object
-                  }
-                };
-              },
-              actions: ({ node }) => {
-                const dataId = node.id.split("~").at(0);
-                if (!node.id.endsWith("~comments") || !dataId) {
-                  return;
-                }
-                const [spaceId, objectId] = dataId.split(":");
-                const viewState = getViewState(dataId);
-                const toggle = async () => {
-                  const newToggleState = !viewState.showResolvedThreads;
-                  viewState.showResolvedThreads = newToggleState;
-                  await dispatch((0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                    name: "threads.toggle-show-resolved",
-                    properties: {
-                      spaceId,
-                      threadId: objectId,
-                      showResolved: newToggleState
-                    }
-                  }));
+                  id: item.id,
+                  label: item.title,
+                  data: item
                 };
-                return [
-                  {
-                    id: `${import_chunk_IC2NICNC.THREAD_PLUGIN}/toggle-show-resolved/${node.id}`,
-                    data: toggle,
-                    properties: {
-                      label: [
-                        "toggle show resolved",
-                        {
-                          ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-                        }
-                      ],
-                      menuItemType: "toggle",
-                      isChecked: viewState.showResolvedThreads,
-                      testId: "threadPlugin.toggleShowResolved",
-                      icon: viewState.showResolvedThreads ? "ph--eye-slash--regular" : "ph--eye--regular"
-                    }
-                  }
-                ];
-              }
-            })
-          ];
-        }
-      },
-      surface: {
-        definitions: ({ plugins }) => {
-          const location = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseNavigationPlugin)?.provides.location;
-          return [
-            (0, import_app_framework.createSurface)({
-              id: `${import_chunk_IC2NICNC.THREAD_PLUGIN}/channel`,
-              role: "article",
-              filter: (data) => data.subject instanceof import_types3.ChannelType && !!data.subject.threads[0],
-              component: ({ data }) => {
-                const channel = data.subject;
-                const thread = channel.threads[0].target;
-                if ((0, import_app_framework.isLayoutParts)(location?.active) && location.active.main) {
-                  const layoutEntries = location.active.main;
-                  const currentPosition = layoutEntries.findIndex((entry) => channel.id === entry.id);
-                  if (currentPosition > 0) {
-                    const objectToTheLeft = layoutEntries[currentPosition - 1];
-                    const context = (0, import_echo.getSpace)(channel)?.db.getObjectById(objectToTheLeft.id);
-                    return /* @__PURE__ */ import_react.default.createElement(ThreadArticle, {
-                      thread,
-                      context
-                    });
-                  }
-                }
-                return /* @__PURE__ */ import_react.default.createElement(ThreadArticle, {
-                  thread
-                });
-              }
-            }),
-            (0, import_app_framework.createSurface)({
-              id: `${import_chunk_IC2NICNC.THREAD_PLUGIN}/thread`,
-              role: "complementary--comments",
-              filter: (data) => !!data.subject && typeof data.subject === "object" && "threads" in data.subject && Array.isArray(data.subject.threads) && !(data.subject instanceof import_types3.ChannelType),
-              component: ({ data }) => {
-                const { showResolvedThreads } = getViewState((0, import_echo.fullyQualifiedId)(data.subject));
-                return /* @__PURE__ */ import_react.default.createElement(ThreadComplementary, {
-                  subject: data.subject,
-                  drafts: state.drafts[(0, import_echo.fullyQualifiedId)(data.subject)],
-                  current: state.current,
-                  showResolvedThreads
-                });
-              }
-            }),
-            (0, import_app_framework.createSurface)({
-              id: `${import_chunk_IC2NICNC.THREAD_PLUGIN}/settings`,
-              role: "settings",
-              filter: (data) => data.plugin === import_chunk_IC2NICNC.THREAD_PLUGIN,
-              component: () => /* @__PURE__ */ import_react.default.createElement(ThreadSettings, {
-                settings: settings.values
-              })
-            })
-          ];
-        }
-      },
-      intent: {
-        resolvers: () => [
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.Create, ({ name, cursor, subject }) => {
-            if (cursor && subject) {
-              if (subject?.threads === void 0) {
-                try {
-                  subject.threads = [];
-                } catch (err) {
-                  import_log.log.error("Subject does not support threads array", subject?.typename, {
-                    F: __dxlog_file,
-                    L: 314,
-                    S: void 0,
-                    C: (f, a) => f(...a)
-                  });
-                  return;
-                }
-              }
-              const subjectId = (0, import_echo.fullyQualifiedId)(subject);
-              const thread = (0, import_echo.create)(import_types3.ThreadType, {
-                name,
-                anchor: cursor,
-                messages: [],
-                status: "staged"
-              });
-              const draft = state.drafts[subjectId];
-              if (draft) {
-                draft.push(thread);
-              } else {
-                state.drafts[subjectId] = [
-                  thread
-                ];
-              }
-              return {
-                data: {
-                  object: thread
-                },
-                intents: [
-                  (0, import_app_framework.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Select, {
-                    current: (0, import_echo.fullyQualifiedId)(thread)
-                  }),
-                  (0, import_app_framework.createIntent)(import_app_framework.NavigationAction.Open, {
-                    activeParts: {
-                      complementary: "comments"
-                    }
-                  }),
-                  (0, import_app_framework.createIntent)(import_app_framework.LayoutAction.SetLayout, {
-                    element: "complementary",
-                    state: true
-                  })
-                ]
-              };
-            } else {
-              return {
-                data: {
-                  object: (0, import_echo.create)(import_types3.ChannelType, {
-                    threads: [
-                      (0, import_echo.makeRef)((0, import_echo.create)(import_types3.ThreadType, {
-                        messages: []
-                      }))
-                    ]
-                  })
-                }
-              };
-            }
-          }),
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.Select, ({ current, skipOpen }) => {
-            state.current = current;
-            return {
-              intents: !skipOpen ? [
-                (0, import_app_framework.createIntent)(import_app_framework.NavigationAction.Open, {
-                  activeParts: {
-                    complementary: "comments"
-                  }
-                })
-              ] : void 0
-            };
-          }),
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.ToggleResolved, ({ thread }) => {
-            if (thread.status === "active" || thread.status === void 0) {
-              thread.status = "resolved";
-            } else if (thread.status === "resolved") {
-              thread.status = "active";
-            }
-            const space = (0, import_echo.getSpace)(thread);
-            const spaceId = space?.id;
-            return {
-              intents: [
-                (0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                  name: "threads.toggle-resolved",
-                  properties: {
-                    threadId: thread.id,
-                    spaceId
-                  }
-                })
-              ]
-            };
-          }),
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.Delete, ({ subject, thread }, undo) => {
-            const subjectId = (0, import_echo.fullyQualifiedId)(subject);
-            const draft = state.drafts[subjectId];
-            if (draft) {
-              const index = draft.findIndex((t) => t.id === thread.id);
-              if (index !== -1) {
-                draft.splice(index, 1);
-                return;
-              }
-            }
-            const space = (0, import_echo.getSpace)(thread);
-            if (!space || !subject.threads) {
-              return;
-            }
-            if (!undo) {
-              const index = subject.threads.findIndex((t) => t?.id === thread.id);
-              const cursor = subject.threads[index]?.anchor;
-              if (index !== -1) {
-                subject.threads?.splice(index, 1);
-              }
-              space.db.remove(thread);
-              return {
-                undoable: {
-                  message: [
-                    "thread deleted label",
-                    {
-                      ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-                    }
-                  ],
-                  data: {
-                    cursor
-                  }
-                },
-                intents: [
-                  (0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                    name: "threads.delete",
-                    properties: {
-                      threadId: thread.id,
-                      spaceId: space.id
-                    }
-                  })
-                ]
-              };
-            } else {
-              const savedThread = space.db.add(thread);
-              subject.threads.push(savedThread);
-              return {
-                intents: [
-                  (0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                    name: "threads.undo-delete",
-                    properties: {
-                      threadId: thread.id,
-                      spaceId: space.id
-                    }
-                  })
-                ]
-              };
-            }
-          }),
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.OnMessageAdd, ({ thread, subject }) => {
-            const subjectId = (0, import_echo.fullyQualifiedId)(subject);
-            const space = (0, import_echo.getSpace)(subject);
-            const intents = [];
-            const analyticsProperties = {
-              threadId: thread.id,
-              spaceId: space?.id
-            };
-            if (state.drafts[subjectId]?.find((t) => t === thread)) {
-              thread.status = "active";
-              subject.threads ? subject.threads.push((0, import_echo.makeRef)(thread)) : subject.threads = [
-                (0, import_echo.makeRef)(thread)
-              ];
-              state.drafts[subjectId] = state.drafts[subjectId]?.filter(({ id }) => id !== thread.id);
-              intents.push((0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                name: "threads.thread-created",
-                properties: analyticsProperties
-              }));
-            }
-            intents.push((0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-              name: "threads.message-added",
-              properties: {
-                ...analyticsProperties,
-                threadLength: thread.messages.length
-              }
-            }));
-            return {
-              intents
-            };
-          }),
-          (0, import_app_framework.createResolver)(import_chunk_VW2P26MZ.ThreadAction.DeleteMessage, ({ subject, thread, messageId, message, messageIndex }, undo) => {
-            const space = (0, import_echo.getSpace)(subject);
-            if (!undo) {
-              const messageIndex2 = thread.messages.findIndex(import_echo_schema.Ref.hasObjectId(messageId));
-              const message2 = thread.messages[messageIndex2]?.target;
-              if (!message2) {
-                return;
-              }
-              if (messageIndex2 === 0 && thread.messages.length === 1) {
+              case "object":
+                return item;
+              case "view-object":
                 return {
-                  intents: [
-                    (0, import_app_framework.createIntent)(import_chunk_VW2P26MZ.ThreadAction.Delete, {
-                      subject,
-                      thread
-                    })
-                  ]
+                  id: `${item.id}-view`,
+                  object: item
                 };
-              } else {
-                thread.messages.splice(messageIndex2, 1);
-              }
-              return {
-                undoable: {
-                  message: [
-                    "message deleted label",
-                    {
-                      ns: import_chunk_IC2NICNC.THREAD_PLUGIN
-                    }
-                  ],
-                  data: {
-                    message: message2,
-                    messageIndex: messageIndex2
-                  }
-                },
-                intents: [
-                  (0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                    name: "threads.message.delete",
-                    properties: {
-                      threadId: thread.id,
-                      spaceId: space?.id
-                    }
-                  })
-                ]
-              };
-            } else {
-              if (!messageIndex || !message) {
-                return;
-              }
-              thread.messages.splice(messageIndex, 0, (0, import_echo.makeRef)(message));
-              return {
-                intents: [
-                  (0, import_app_framework.createIntent)(import_types2.ObservabilityAction.SendEvent, {
-                    name: "threads.message.undo-delete",
-                    properties: {
-                      threadId: thread.id,
-                      spaceId: space?.id
-                    }
-                  })
-                ]
-              };
             }
-          })
-        ]
-      },
-      markdown: {
-        extensions: ({ document: doc }) => {
-          return threads(state, doc, intentPlugin?.provides.intent.dispatchPromise);
+          }
         }
-      }
-    }
-  };
-};
-var src_default = ThreadPlugin;
+      })
+    ]
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/object-form`,
+    activatesOn: import_plugin_client.ClientEvents.SetupSchema,
+    activate: () => (0, import_app_framework.contributes)(import_plugin_space.SpaceCapabilities.ObjectForm, (0, import_types.defineObjectForm)({
+      objectSchema: import_types.ChannelType,
+      getIntent: () => (0, import_app_framework.createIntent)(import_chunk_CMEMMYDL.ThreadAction.Create)
+    }))
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/schema`,
+    activatesOn: import_plugin_client.ClientEvents.SetupSchema,
+    activate: () => (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
+      import_types.ThreadType,
+      import_types.MessageType
+    ])
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/complementary-panel`,
+    activatesOn: import_plugin_deck.DeckEvents.SetupComplementaryPanels,
+    activate: () => (0, import_app_framework.contributes)(import_plugin_deck.DeckCapabilities.ComplementaryPanel, {
+      id: "comments",
+      label: [
+        "comments panel label",
+        {
+          ns: import_chunk_F735VMTN.THREAD_PLUGIN
+        }
+      ],
+      icon: "ph--chat-text--regular",
+      position: "hoist",
+      // TODO(wittjosiah): Support comments on any object.
+      // filter: (node) => isEchoObject(node.data) && !!getSpace(node.data),
+      filter: (node) => !!node.data && typeof node.data === "object" && "threads" in node.data && Array.isArray(node.data.threads) && !(node.data instanceof import_types.ChannelType)
+    })
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/markdown`,
+    activatesOn: import_plugin_markdown.MarkdownEvents.SetupExtensions,
+    activate: import_chunk_BHFHFTHO.Markdown
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/react-surface`,
+    activatesOn: import_app_framework.Events.SetupReactSurface,
+    // TODO(wittjosiah): Should occur before the comments thread is loaded when surfaces activation is more granular.
+    activatesBefore: [
+      import_plugin_space.ThreadEvents.SetupThread
+    ],
+    activate: import_chunk_BHFHFTHO.ReactSurface
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_F735VMTN.meta.id}/module/intent-resolver`,
+    activatesOn: import_app_framework.Events.SetupIntentResolver,
+    activate: import_chunk_BHFHFTHO.IntentResolver
+  })
+]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ThreadAction,
+  THREAD_ITEM,
+  THREAD_PLUGIN,
   ThreadPlugin,
+  meta,
   useAnalyticsCallback,
   useOnEditAnalytics,
   useStatus