@dxos/plugin-thread 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/dist/lib/node-esm/react-surface-DLD2UJRM.mjs

@@ -1,437 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import "./chunk-5XUQJWUG.mjs";
-import {
-  ThreadCapabilities
-} from "./chunk-WLY2HMDB.mjs";
-import {
-  MessageContainer,
-  command,
-  getMessageMetadata
-} from "./chunk-V7HLWNAO.mjs";
-import {
-  useStatus
-} from "./chunk-IZWN4KAY.mjs";
-import {
-  ThreadAction
-} from "./chunk-A7RLBTTZ.mjs";
-import {
-  THREAD_PLUGIN
-} from "./chunk-42F2DTMM.mjs";
-
-// packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
-import React5 from "react";
-import { Capabilities, contributes, createSurface, useLayout } from "@dxos/app-framework";
-import { DXN } from "@dxos/keys";
-import { SettingsStore } from "@dxos/local-storage";
-import { ChannelType } from "@dxos/plugin-space/types";
-import { getSpace as getSpace2, isSpace } from "@dxos/react-client/echo";
-
-// packages/plugins/plugin-thread/src/components/index.ts
-import { lazy } from "react";
-
-// packages/plugins/plugin-thread/src/components/CommentContainer.tsx
-import { CheckCircle, X } from "@phosphor-icons/react";
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { RefArray } from "@dxos/live-object";
-import { fullyQualifiedId, getSpace, useMembers } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Button, Tag, Tooltip, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { createBasicExtensions, createThemeExtensions, listener } from "@dxos/react-ui-editor";
-import { getSize, hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from "@dxos/react-ui-theme";
-import { MessageTextbox, Thread, ThreadFooter, ThreadHeading } from "@dxos/react-ui-thread";
-import { isNonNullable } from "@dxos/util";
-var sizeClass = getSize(4);
-var commentControlClassNames = "!p-1 !min-bs-0 transition-opacity";
-var ToggleResolvedButton = ({ isResolved, onResolve }) => {
-  const { t } = useTranslation(THREAD_PLUGIN);
-  const label = t(isResolved ? "mark as unresolved label" : "mark as resolved label");
-  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: label
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    "data-testid": "thread.toggle-resolved",
-    onClick: onResolve,
-    classNames: [
-      commentControlClassNames,
-      !isResolved && hoverableControlItem
-    ]
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, label), isResolved ? /* @__PURE__ */ React.createElement(CheckCircle, {
-    className: sizeClass,
-    weight: "fill"
-  }) : /* @__PURE__ */ React.createElement(CheckCircle, {
-    className: sizeClass
-  })));
-};
-var DeleteThreadButton = ({ onDelete }) => {
-  const { t } = useTranslation(THREAD_PLUGIN);
-  const label = t("delete thread label");
-  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: label
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    "data-testid": "thread.delete",
-    onClick: onDelete,
-    classNames: [
-      commentControlClassNames,
-      hoverableControlItem
-    ]
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, label), /* @__PURE__ */ React.createElement(X, {
-    className: sizeClass
-  })));
-};
-var CommentContainer = ({ thread, detached, current, onAttend, onComment, onResolve, onMessageDelete, onThreadDelete }) => {
-  const identity = useIdentity();
-  const space = getSpace(thread);
-  const members = useMembers(space?.key);
-  const activity = useStatus(space, fullyQualifiedId(thread));
-  const { t } = useTranslation(THREAD_PLUGIN);
-  const threadScrollRef = useRef(null);
-  const { themeMode } = useThemeContext();
-  const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);
-  const [_count, _setCount] = useState(0);
-  const rerenderEditor = () => _setCount((count) => count + 1);
-  const messageRef = useRef("");
-  const extensions = useMemo(() => [
-    createBasicExtensions({
-      placeholder: t("message placeholder")
-    }),
-    createThemeExtensions({
-      themeMode
-    }),
-    listener({
-      onChange: (text) => messageRef.current = text
-    }),
-    command
-  ], [
-    _count
-  ]);
-  const scrollToEnd = (behavior) => setTimeout(() => threadScrollRef.current?.scrollIntoView({
-    behavior,
-    block: "end"
-  }), 10);
-  const handleAttend = useCallback(() => onAttend?.(thread), [
-    onAttend,
-    thread
-  ]);
-  const handleResolve = useCallback(() => onResolve?.(thread), [
-    onResolve,
-    thread
-  ]);
-  const handleMessageDelete = useCallback((id) => onMessageDelete?.(thread, id), [
-    onMessageDelete,
-    thread
-  ]);
-  const handleThreadDelete = useCallback(() => onThreadDelete?.(thread), [
-    onThreadDelete,
-    thread
-  ]);
-  const handleComment = useCallback(() => {
-    if (!messageRef.current) {
-      return false;
-    }
-    onComment?.(thread, messageRef.current);
-    messageRef.current = "";
-    scrollToEnd("instant");
-    rerenderEditor();
-    return true;
-  }, [
-    thread,
-    identity
-  ]);
-  return /* @__PURE__ */ React.createElement(Thread, {
-    onClickCapture: handleAttend,
-    onFocusCapture: handleAttend,
-    current,
-    id: fullyQualifiedId(thread)
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]", hoverableControls, hoverableFocusedWithinControls)
-  }, detached ? /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: t("detached thread label"),
-    side: "top"
-  }, /* @__PURE__ */ React.createElement(ThreadHeading, {
-    detached: true
-  }, thread.name)) : /* @__PURE__ */ React.createElement(ThreadHeading, null, thread.name), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-row items-center pli-1"
-  }, thread.status === "staged" && /* @__PURE__ */ React.createElement(Tag, {
-    palette: "neutral"
-  }, t("draft button")), onResolve && !(thread?.status === "staged") && /* @__PURE__ */ React.createElement(ToggleResolvedButton, {
-    isResolved: thread?.status === "resolved",
-    onResolve: handleResolve
-  }), onThreadDelete && /* @__PURE__ */ React.createElement(DeleteThreadButton, {
-    onDelete: handleThreadDelete
-  }))), RefArray.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => /* @__PURE__ */ React.createElement(MessageContainer, {
-    key: message.id,
-    editable: true,
-    message,
-    members,
-    onDelete: handleMessageDelete
-  })), /* @__PURE__ */ React.createElement(MessageTextbox, {
-    extensions,
-    onSend: handleComment,
-    ...textboxMetadata
-  }), /* @__PURE__ */ React.createElement(ThreadFooter, {
-    activity
-  }, t("activity message")), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "bs-px -mbs-px",
-    ref: threadScrollRef
-  }));
-};
-
-// packages/plugins/plugin-thread/src/components/CommentsContainer.tsx
-import { ChatText } from "@phosphor-icons/react";
-import React2, { useEffect } from "react";
-import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
-import { useTranslation as useTranslation2, Trans } from "@dxos/react-ui";
-import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
-var CommentsContainer = ({ threads, detached = [], currentId, showResolvedThreads, ...props }) => {
-  const { t } = useTranslation2(THREAD_PLUGIN);
-  const filteredThreads = showResolvedThreads ? threads : threads.filter((thread) => !(thread?.status === "resolved"));
-  useEffect(() => {
-    if (currentId) {
-      document.getElementById(currentId)?.scrollIntoView({
-        behavior: "smooth",
-        block: "end"
-      });
-    }
-  }, [
-    currentId
-  ]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, filteredThreads.length > 0 ? filteredThreads.map((thread) => {
-    const threadId = fullyQualifiedId2(thread);
-    return /* @__PURE__ */ React2.createElement(CommentContainer, {
-      key: threadId,
-      thread,
-      current: currentId === threadId,
-      detached: detached.includes(threadId),
-      ...props
-    });
-  }) : /* @__PURE__ */ React2.createElement("div", {
-    role: "alert",
-    className: mx2(descriptionMessage, "place-self-center rounded-lg text-center m-4")
-  }, /* @__PURE__ */ React2.createElement("h2", {
-    className: "mbe-2 font-medium text-baseText"
-  }, t("no comments title")), /* @__PURE__ */ React2.createElement("p", null, /* @__PURE__ */ React2.createElement(Trans, {
-    t,
-    i18nKey: "no comments message",
-    components: {
-      commentIcon: /* @__PURE__ */ React2.createElement(ChatText, {
-        className: "inline-block"
-      })
-    }
-  }))));
-};
-
-// packages/plugins/plugin-thread/src/components/ThreadComplementary.tsx
-import React3, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2 } from "react";
-import { createIntent, LayoutAction, useCapability, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { ThreadCapabilities as ThreadCapabilities2 } from "@dxos/plugin-space";
-import { fullyQualifiedId as fullyQualifiedId3, RefArray as RefArray2 } from "@dxos/react-client/echo";
-import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
-import { useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { useAttended } from "@dxos/react-ui-attention";
-import { StackItem } from "@dxos/react-ui-stack";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
-var ThreadComplementary = ({ subject }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const identity = useIdentity2();
-  const { t } = useTranslation3(THREAD_PLUGIN);
-  const { state, getViewState } = useCapability(ThreadCapabilities.MutableState);
-  const viewState = getViewState(fullyQualifiedId3(subject));
-  const { showResolvedThreads } = viewState;
-  const onChangeViewState = useCallback2((nextValue) => {
-    viewState.showResolvedThreads = nextValue === "all";
-  }, [
-    viewState
-  ]);
-  const drafts = state.drafts[fullyQualifiedId3(subject)];
-  const threadsIntegrators = useCapabilities(ThreadCapabilities2.Thread);
-  const createSort = useMemo2(() => threadsIntegrators.find((p) => p.predicate(subject))?.createSort, [
-    threadsIntegrators,
-    subject
-  ]);
-  const sort = useMemo2(() => createSort?.(subject), [
-    createSort,
-    subject
-  ]);
-  const threadObjects = RefArray2.targets(subject.threads ?? []);
-  const threads = useMemo2(() => {
-    return threadObjects.concat(drafts ?? []).filter(isNonNullable2);
-  }, [
-    JSON.stringify(threadObjects),
-    JSON.stringify(drafts)
-  ]);
-  const detachedIds = useMemo2(() => {
-    return threads.filter(({ anchor }) => !anchor).map((thread) => fullyQualifiedId3(thread));
-  }, [
-    threads
-  ]);
-  useEffect2(() => {
-    if (!sort) {
-      return;
-    }
-    threads.sort((a, b) => sort(a?.anchor, b?.anchor));
-  }, [
-    sort,
-    threads
-  ]);
-  const attended = useAttended();
-  const qualifiedSubjectId = fullyQualifiedId3(subject);
-  const handleAttend = useCallback2((thread) => {
-    const threadId = fullyQualifiedId3(thread);
-    if (state.current !== threadId) {
-      state.current = threadId;
-      void dispatch(createIntent(LayoutAction.ScrollIntoView, {
-        part: "current",
-        subject: fullyQualifiedId3(subject),
-        options: {
-          cursor: thread.anchor,
-          ref: threadId
-        }
-      }));
-    }
-  }, [
-    state.current,
-    dispatch,
-    subject
-  ]);
-  const handleComment = useCallback2(async (thread, text) => {
-    await dispatch(createIntent(ThreadAction.AddMessage, {
-      thread,
-      subject,
-      sender: {
-        identityDid: identity?.did
-      },
-      text
-    }));
-    state.current = fullyQualifiedId3(thread);
-  }, [
-    dispatch,
-    identity,
-    subject
-  ]);
-  const handleResolve = useCallback2((thread) => dispatch(createIntent(ThreadAction.ToggleResolved, {
-    thread
-  })), [
-    dispatch
-  ]);
-  const handleThreadDelete = useCallback2((thread) => dispatch(createIntent(ThreadAction.Delete, {
-    thread,
-    subject
-  })), [
-    dispatch,
-    subject
-  ]);
-  const handleMessageDelete = useCallback2((thread, messageId) => dispatch(createIntent(ThreadAction.DeleteMessage, {
-    thread,
-    subject,
-    messageId
-  })), [
-    dispatch,
-    subject
-  ]);
-  const comments = /* @__PURE__ */ React3.createElement(CommentsContainer, {
-    threads,
-    detached: detachedIds,
-    currentId: attended.includes(qualifiedSubjectId) ? state.current : void 0,
-    showResolvedThreads,
-    onAttend: handleAttend,
-    onComment: handleComment,
-    onResolve: handleResolve,
-    onMessageDelete: handleMessageDelete,
-    onThreadDelete: handleThreadDelete
-  });
-  return /* @__PURE__ */ React3.createElement(StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ React3.createElement(Tabs.Root, {
-    value: showResolvedThreads ? "all" : "unresolved",
-    onValueChange: onChangeViewState,
-    orientation: "horizontal",
-    classNames: 'contents [&_[role="tabpanel"]]:min-bs-0 [&_[role="tabpanel"]]:overflow-y-auto [&_[role="tabpanel"]]:scrollbar-thin'
-  }, /* @__PURE__ */ React3.createElement(Tabs.Tablist, {
-    classNames: "p-1 gap-1 bs-[--rail-action] border-be border-separator"
-  }, /* @__PURE__ */ React3.createElement(Tabs.Tab, {
-    value: "unresolved",
-    classNames: "text-sm"
-  }, t("show unresolved label")), /* @__PURE__ */ React3.createElement(Tabs.Tab, {
-    value: "all",
-    classNames: "text-sm"
-  }, t("show all label"))), /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
-    value: "all"
-  }, showResolvedThreads && comments), /* @__PURE__ */ React3.createElement(Tabs.Tabpanel, {
-    value: "unresolved"
-  }, !showResolvedThreads && comments)));
-};
-
-// packages/plugins/plugin-thread/src/components/ThreadSettings.tsx
-import React4 from "react";
-import { DeprecatedFormContainer } from "@dxos/react-ui-form";
-var ThreadSettings = ({ settings }) => {
-  return /* @__PURE__ */ React4.createElement(DeprecatedFormContainer, null);
-};
-
-// packages/plugins/plugin-thread/src/components/index.ts
-var ChatContainer = lazy(() => import("./ChatContainer-G7VTTRDN.mjs"));
-
-// packages/plugins/plugin-thread/src/capabilities/react-surface.tsx
-var react_surface_default = () => contributes(Capabilities.ReactSurface, [
-  createSurface({
-    id: `${THREAD_PLUGIN}/channel`,
-    role: "article",
-    filter: (data) => data.subject instanceof ChannelType,
-    component: ({ data: { subject: channel }, role }) => {
-      const layout = useLayout();
-      const currentPosition = layout.active.findIndex((id) => id === channel.id);
-      const objectToTheLeft = layout.active[currentPosition - 1];
-      const context = currentPosition > 0 ? getSpace2(channel)?.db.getObjectById(objectToTheLeft) : void 0;
-      const space = getSpace2(channel);
-      if (!space) {
-        return null;
-      }
-      return /* @__PURE__ */ React5.createElement(ChatContainer, {
-        space,
-        dxn: channel.queue.dxn,
-        context
-      });
-    }
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/comments`,
-    role: "article",
-    filter: (data) => data.subject === "comments" && !!data.companionTo && typeof data.companionTo === "object" && "threads" in data.companionTo && Array.isArray(data.companionTo.threads),
-    // TODO(wittjosiah): This isn't scrolling properly in a plank.
-    component: ({ data }) => /* @__PURE__ */ React5.createElement(ThreadComplementary, {
-      subject: data.companionTo
-    })
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/tabpanel`,
-    role: "tabpanel",
-    filter: (data) => data.subject instanceof DXN && data.type === "chat" && isSpace(data.space),
-    component: ({ data: { subject: dxn, space } }) => /* @__PURE__ */ React5.createElement(ChatContainer, {
-      dxn,
-      space
-    })
-  }),
-  createSurface({
-    id: `${THREAD_PLUGIN}/plugin-settings`,
-    role: "article",
-    filter: (data) => data.subject instanceof SettingsStore && data.subject.prefix === THREAD_PLUGIN,
-    component: ({ data: { subject } }) => /* @__PURE__ */ React5.createElement(ThreadSettings, {
-      settings: subject.value
-    })
-  })
-]);
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-DLD2UJRM.mjs.map

package/dist/lib/node-esm/react-surface-DLD2UJRM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/CommentContainer.tsx", "../../../src/components/CommentsContainer.tsx", "../../../src/components/ThreadComplementary.tsx", "../../../src/components/ThreadSettings.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, useLayout } from '@dxos/app-framework';\nimport { type Ref } from '@dxos/echo-schema';\nimport { DXN } from '@dxos/keys';\nimport { SettingsStore } from '@dxos/local-storage';\nimport { ChannelType, type ThreadType } from '@dxos/plugin-space/types';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\n\nimport { ChatContainer, ThreadComplementary, ThreadSettings } from '../components';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadSettingsProps } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${THREAD_PLUGIN}/channel`,\n      role: 'article',\n      filter: (data): data is { subject: ChannelType } => data.subject instanceof ChannelType,\n      component: ({ data: { subject: channel }, role }) => {\n        const layout = useLayout();\n        const currentPosition = layout.active.findIndex((id) => id === channel.id);\n        const objectToTheLeft = layout.active[currentPosition - 1];\n        const context = currentPosition > 0 ? getSpace(channel)?.db.getObjectById(objectToTheLeft) : undefined;\n        const space = getSpace(channel);\n        if (!space) {\n          return null;\n        }\n\n        return <ChatContainer space={space} dxn={channel.queue.dxn} context={context} />;\n      },\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/comments`,\n      role: 'article',\n      filter: (data): data is { companionTo: { threads: Ref<ThreadType>[] } } =>\n        data.subject === 'comments' &&\n        !!data.companionTo &&\n        typeof data.companionTo === 'object' &&\n        'threads' in data.companionTo &&\n        Array.isArray(data.companionTo.threads),\n      // TODO(wittjosiah): This isn't scrolling properly in a plank.\n      component: ({ data }) => <ThreadComplementary subject={data.companionTo} />,\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/tabpanel`,\n      role: 'tabpanel',\n      filter: (data): data is { subject: DXN; space: Space } =>\n        data.subject instanceof DXN && data.type === 'chat' && isSpace(data.space),\n      component: ({ data: { subject: dxn, space } }) => <ChatContainer dxn={dxn} space={space} />,\n    }),\n    createSurface({\n      id: `${THREAD_PLUGIN}/plugin-settings`,\n      role: 'article',\n      filter: (data): data is { subject: SettingsStore<ThreadSettingsProps> } =>\n        data.subject instanceof SettingsStore && data.subject.prefix === THREAD_PLUGIN,\n      component: ({ data: { subject } }) => <ThreadSettings settings={subject.value} />,\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\n\n// TODO(wittjosiah): Suspense boundary for sidebar?\nexport * from './CommentContainer';\nexport * from './CommentsContainer';\nexport * from './MessageContainer';\nexport * from './ThreadComplementary';\nexport * from './ThreadSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CheckCircle, X } from '@phosphor-icons/react';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { RefArray } from '@dxos/live-object';\nimport { fullyQualifiedId, getSpace, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Button, Tag, Tooltip, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport { MessageTextbox, type MessageTextboxProps, Thread, ThreadFooter, ThreadHeading } from '@dxos/react-ui-thread';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { type ThreadContainerProps } from './types';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\nconst sizeClass = getSize(4);\n\n// TODO(thure): #8149\nconst commentControlClassNames = '!p-1 !min-bs-0 transition-opacity';\n\nconst ToggleResolvedButton = ({\n  isResolved,\n  onResolve,\n}: {\n  isResolved: boolean | undefined;\n  onResolve: () => void;\n}) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t(isResolved ? 'mark as unresolved label' : 'mark as resolved label');\n  return (\n    <Tooltip.Trigger asChild content={label}>\n      <Button\n        variant='ghost'\n        data-testid='thread.toggle-resolved'\n        onClick={onResolve}\n        classNames={[commentControlClassNames, !isResolved && hoverableControlItem]}\n      >\n        <span className='sr-only'>{label}</span>\n        {isResolved ? <CheckCircle className={sizeClass} weight='fill' /> : <CheckCircle className={sizeClass} />}\n      </Button>\n    </Tooltip.Trigger>\n  );\n};\n\nconst DeleteThreadButton = ({ onDelete }: { onDelete: () => void }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const label = t('delete thread label');\n  return (\n    <Tooltip.Trigger asChild content={label}>\n      <Button\n        variant='ghost'\n        data-testid='thread.delete'\n        onClick={onDelete}\n        classNames={[commentControlClassNames, hoverableControlItem]}\n      >\n        <span className='sr-only'>{label}</span>\n        <X className={sizeClass} />\n      </Button>\n    </Tooltip.Trigger>\n  );\n};\n\nexport const CommentContainer = ({\n  thread,\n  detached,\n  current,\n  onAttend,\n  onComment,\n  onResolve,\n  onMessageDelete,\n  onThreadDelete,\n}: ThreadContainerProps) => {\n  const identity = useIdentity()!;\n  const space = getSpace(thread);\n  const members = useMembers(space?.key);\n  const activity = useStatus(space, fullyQualifiedId(thread));\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(fullyQualifiedId(thread), identity);\n  // TODO(wittjosiah): This is a hack to reset the editor after a message is sent.\n  const [_count, _setCount] = useState(0);\n  const rerenderEditor = () => _setCount((count) => count + 1);\n  const messageRef = useRef('');\n  const extensions = useMemo(\n    () => [\n      createBasicExtensions({ placeholder: t('message placeholder') }),\n      createThemeExtensions({ themeMode }),\n      listener({ onChange: (text) => (messageRef.current = text) }),\n      command,\n    ],\n    [_count],\n  );\n\n  // TODO(thure): Factor out.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  const handleAttend = useCallback(() => onAttend?.(thread), [onAttend, thread]);\n  const handleResolve = useCallback(() => onResolve?.(thread), [onResolve, thread]);\n  const handleMessageDelete = useCallback((id: string) => onMessageDelete?.(thread, id), [onMessageDelete, thread]);\n  const handleThreadDelete = useCallback(() => onThreadDelete?.(thread), [onThreadDelete, thread]);\n\n  const handleComment: MessageTextboxProps['onSend'] = useCallback(() => {\n    if (!messageRef.current) {\n      return false;\n    }\n\n    onComment?.(thread, messageRef.current);\n    messageRef.current = '';\n    scrollToEnd('instant');\n    rerenderEditor();\n\n    return true;\n  }, [thread, identity]);\n\n  return (\n    <Thread onClickCapture={handleAttend} onFocusCapture={handleAttend} current={current} id={fullyQualifiedId(thread)}>\n      <div\n        role='none'\n        className={mx(\n          'col-span-2 grid grid-cols-[var(--rail-size)_1fr_min-content]',\n          hoverableControls,\n          hoverableFocusedWithinControls,\n        )}\n      >\n        {detached ? (\n          <Tooltip.Trigger asChild content={t('detached thread label')} side='top'>\n            <ThreadHeading detached>{thread.name}</ThreadHeading>\n          </Tooltip.Trigger>\n        ) : (\n          <ThreadHeading>{thread.name}</ThreadHeading>\n        )}\n        <div className='flex flex-row items-center pli-1'>\n          {thread.status === 'staged' && <Tag palette='neutral'>{t('draft button')}</Tag>}\n          {onResolve && !(thread?.status === 'staged') && (\n            <ToggleResolvedButton isResolved={thread?.status === 'resolved'} onResolve={handleResolve} />\n          )}\n          {onThreadDelete && <DeleteThreadButton onDelete={handleThreadDelete} />}\n        </div>\n      </div>\n      {/** TODO(dmaretskyi): How's `thread.messages` undefined? */}\n      {RefArray.targets(thread.messages?.filter(isNonNullable) ?? []).map((message) => (\n        <MessageContainer\n          key={message.id}\n          editable\n          message={message}\n          members={members}\n          onDelete={handleMessageDelete}\n        />\n      ))}\n      {/*\n        TODO(wittjosiah): Can't autofocus this generally.\n          There can be multiple threads with inputs and they can't all be focused.\n          Also, it steals focus from documents when first rendered.\n          Need to find a way to autofocus in one scenario only: when a new thread is created.\n      */}\n      <MessageTextbox extensions={extensions} onSend={handleComment} {...textboxMetadata} />\n      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n      {/* NOTE(thure): This can’t also be the `overflow-anchor` because `ScrollArea` injects an interceding node that contains this necessary ref’d element. */}\n      <div role='none' className='bs-px -mbs-px' ref={threadScrollRef} />\n    </Thread>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ChatText } from '@phosphor-icons/react';\nimport React, { useEffect } from 'react';\n\nimport { type ThreadType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useTranslation, Trans } from '@dxos/react-ui';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\n\nimport { CommentContainer } from './CommentContainer';\nimport { type ThreadContainerProps } from './types';\nimport { THREAD_PLUGIN } from '../meta';\n\nexport type ThreadsContainerProps = Omit<ThreadContainerProps, 'thread' | 'detached' | 'current' | 'autoFocus'> & {\n  threads: ThreadType[];\n  /**\n   * Threads that are no longer anchored to a position in the object.\n   */\n  detached?: string[];\n  currentId?: string;\n  showResolvedThreads?: boolean;\n};\n\n/**\n * Comment threads.\n */\nexport const CommentsContainer = ({\n  threads,\n  detached = [],\n  currentId,\n  showResolvedThreads,\n  ...props\n}: ThreadsContainerProps) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const filteredThreads = showResolvedThreads ? threads : threads.filter((thread) => !(thread?.status === 'resolved'));\n\n  useEffect(() => {\n    if (currentId) {\n      document.getElementById(currentId)?.scrollIntoView({ behavior: 'smooth', block: 'end' });\n    }\n  }, [currentId]);\n\n  return (\n    <>\n      {filteredThreads.length > 0 ? (\n        filteredThreads.map((thread) => {\n          const threadId = fullyQualifiedId(thread);\n          return (\n            <CommentContainer\n              key={threadId}\n              thread={thread}\n              current={currentId === threadId}\n              detached={detached.includes(threadId)}\n              {...props}\n            />\n          );\n        })\n      ) : (\n        <div role='alert' className={mx(descriptionMessage, 'place-self-center rounded-lg text-center m-4')}>\n          <h2 className='mbe-2 font-medium text-baseText'>{t('no comments title')}</h2>\n          <p>\n            <Trans\n              {...{\n                t,\n                i18nKey: 'no comments message',\n                components: {\n                  commentIcon: <ChatText className='inline-block' />,\n                },\n              }}\n            />\n          </p>\n        </div>\n      )}\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useCapability, useCapabilities, useIntentDispatcher } from '@dxos/app-framework';\nimport { ThreadCapabilities } from '@dxos/plugin-space';\nimport { type ThreadType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId, RefArray } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { useAttended } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { Tabs } from '@dxos/react-ui-tabs';\nimport { isNonNullable } from '@dxos/util';\n\nimport { ThreadCapabilities as LocalThreadCapabilities } from '../capabilities';\nimport { CommentsContainer } from '../components';\nimport { THREAD_PLUGIN } from '../meta';\nimport { ThreadAction } from '../types';\n\nexport const ThreadComplementary = ({ subject }: { subject: any }) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const identity = useIdentity();\n  const { t } = useTranslation(THREAD_PLUGIN);\n\n  const { state, getViewState } = useCapability(LocalThreadCapabilities.MutableState);\n  const viewState = getViewState(fullyQualifiedId(subject));\n  const { showResolvedThreads } = viewState;\n  const onChangeViewState = useCallback(\n    (nextValue: string) => {\n      viewState.showResolvedThreads = nextValue === 'all';\n    },\n    [viewState],\n  );\n  const drafts = state.drafts[fullyQualifiedId(subject)];\n\n  const threadsIntegrators = useCapabilities(ThreadCapabilities.Thread);\n  const createSort = useMemo(\n    () => threadsIntegrators.find((p) => p.predicate(subject))?.createSort,\n    [threadsIntegrators, subject],\n  );\n  const sort = useMemo(() => createSort?.(subject), [createSort, subject]);\n\n  const threadObjects = RefArray.targets(subject.threads ?? []);\n\n  const threads = useMemo(() => {\n    return threadObjects.concat(drafts ?? []).filter(isNonNullable) as ThreadType[];\n  }, [JSON.stringify(threadObjects), JSON.stringify(drafts)]);\n\n  const detachedIds = useMemo(() => {\n    return threads.filter(({ anchor }) => !anchor).map((thread) => fullyQualifiedId(thread));\n  }, [threads]);\n\n  useEffect(() => {\n    if (!sort) {\n      return;\n    }\n    threads.sort((a, b) => sort(a?.anchor, b?.anchor));\n  }, [sort, threads]);\n\n  const attended = useAttended();\n  const qualifiedSubjectId = fullyQualifiedId(subject);\n\n  const handleAttend = useCallback(\n    (thread: ThreadType) => {\n      const threadId = fullyQualifiedId(thread);\n      if (state.current !== threadId) {\n        state.current = threadId;\n\n        // TODO(wittjosiah): Should this be a thread-specific intent?\n        //  The layout doesn't know about threads and this working depends on other plugins conditionally handling it.\n        //  This may be overloading this intent or highjacking its intended purpose.\n        void dispatch(\n          createIntent(LayoutAction.ScrollIntoView, {\n            part: 'current',\n            subject: fullyQualifiedId(subject),\n            options: {\n              cursor: thread.anchor,\n              ref: threadId,\n            },\n          }),\n        );\n      }\n    },\n    [state.current, dispatch, subject],\n  );\n\n  const handleComment = useCallback(\n    async (thread: ThreadType, text: string) => {\n      await dispatch(\n        createIntent(ThreadAction.AddMessage, { thread, subject, sender: { identityDid: identity?.did }, text }),\n      );\n\n      state.current = fullyQualifiedId(thread);\n    },\n    [dispatch, identity, subject],\n  );\n\n  const handleResolve = useCallback(\n    (thread: ThreadType) => dispatch(createIntent(ThreadAction.ToggleResolved, { thread })),\n    [dispatch],\n  );\n\n  const handleThreadDelete = useCallback(\n    (thread: ThreadType) => dispatch(createIntent(ThreadAction.Delete, { thread, subject })),\n    [dispatch, subject],\n  );\n\n  const handleMessageDelete = useCallback(\n    (thread: ThreadType, messageId: string) =>\n      dispatch(createIntent(ThreadAction.DeleteMessage, { thread, subject, messageId })),\n    [dispatch, subject],\n  );\n\n  const comments = (\n    <CommentsContainer\n      threads={threads}\n      detached={detachedIds}\n      currentId={attended.includes(qualifiedSubjectId) ? state.current : undefined}\n      showResolvedThreads={showResolvedThreads}\n      onAttend={handleAttend}\n      onComment={handleComment}\n      onResolve={handleResolve}\n      onMessageDelete={handleMessageDelete}\n      onThreadDelete={handleThreadDelete}\n    />\n  );\n\n  return (\n    <StackItem.Content toolbar>\n      <Tabs.Root\n        value={showResolvedThreads ? 'all' : 'unresolved'}\n        onValueChange={onChangeViewState}\n        orientation='horizontal'\n        classNames='contents [&_[role=\"tabpanel\"]]:min-bs-0 [&_[role=\"tabpanel\"]]:overflow-y-auto [&_[role=\"tabpanel\"]]:scrollbar-thin'\n      >\n        <Tabs.Tablist classNames='p-1 gap-1 bs-[--rail-action] border-be border-separator'>\n          <Tabs.Tab value='unresolved' classNames='text-sm'>\n            {t('show unresolved label')}\n          </Tabs.Tab>\n          <Tabs.Tab value='all' classNames='text-sm'>\n            {t('show all label')}\n          </Tabs.Tab>\n        </Tabs.Tablist>\n        <Tabs.Tabpanel value='all'>{showResolvedThreads && comments}</Tabs.Tabpanel>\n        <Tabs.Tabpanel value='unresolved'>{!showResolvedThreads && comments}</Tabs.Tabpanel>\n      </Tabs.Root>\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\n// import { useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer } from '@dxos/react-ui-form';\n\n// import { THREAD_PLUGIN } from '../meta';\nimport type { ThreadSettingsProps } from '../types';\n\nexport const ThreadSettings = ({ settings }: { settings: ThreadSettingsProps }) => {\n  // const { t } = useTranslation(THREAD_PLUGIN);\n\n  return <DeprecatedFormContainer></DeprecatedFormContainer>;\n};\n"],
-  "mappings": "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",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "useLayout", "DXN", "SettingsStore", "ChannelType", "getSpace", "isSpace", "lazy", "CheckCircle", "X", "React", "useCallback", "useMemo", "useRef", "useState", "RefArray", "fullyQualifiedId", "getSpace", "useMembers", "useIdentity", "Button", "Tag", "Tooltip", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "listener", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "MessageTextbox", "Thread", "ThreadFooter", "ThreadHeading", "isNonNullable", "sizeClass", "getSize", "commentControlClassNames", "ToggleResolvedButton", "isResolved", "onResolve", "t", "useTranslation", "THREAD_PLUGIN", "label", "Tooltip", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "classNames", "hoverableControlItem", "span", "className", "CheckCircle", "weight", "DeleteThreadButton", "onDelete", "X", "CommentContainer", "thread", "detached", "current", "onAttend", "onComment", "onMessageDelete", "onThreadDelete", "identity", "useIdentity", "space", "getSpace", "members", "useMembers", "key", "activity", "useStatus", "fullyQualifiedId", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "_count", "_setCount", "useState", "rerenderEditor", "count", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "handleAttend", "useCallback", "handleResolve", "handleMessageDelete", "id", "handleThreadDelete", "handleComment", "Thread", "onClickCapture", "onFocusCapture", "div", "role", "mx", "hoverableControls", "hoverableFocusedWithinControls", "side", "ThreadHeading", "name", "status", "Tag", "palette", "RefArray", "targets", "messages", "filter", "isNonNullable", "map", "message", "MessageContainer", "editable", "MessageTextbox", "onSend", "ThreadFooter", "ref", "ChatText", "React", "useEffect", "fullyQualifiedId", "useTranslation", "Trans", "descriptionMessage", "mx", "CommentsContainer", "threads", "detached", "currentId", "showResolvedThreads", "props", "t", "useTranslation", "THREAD_PLUGIN", "filteredThreads", "filter", "thread", "status", "useEffect", "document", "getElementById", "scrollIntoView", "behavior", "block", "React", "length", "map", "threadId", "fullyQualifiedId", "CommentContainer", "key", "current", "includes", "div", "role", "className", "mx", "descriptionMessage", "h2", "p", "Trans", "i18nKey", "components", "commentIcon", "ChatText", "React", "useCallback", "useEffect", "useMemo", "createIntent", "LayoutAction", "useCapability", "useCapabilities", "useIntentDispatcher", "ThreadCapabilities", "fullyQualifiedId", "RefArray", "useIdentity", "useTranslation", "useAttended", "StackItem", "Tabs", "isNonNullable", "ThreadComplementary", "subject", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "t", "useTranslation", "THREAD_PLUGIN", "state", "getViewState", "useCapability", "LocalThreadCapabilities", "MutableState", "viewState", "fullyQualifiedId", "showResolvedThreads", "onChangeViewState", "useCallback", "nextValue", "drafts", "threadsIntegrators", "useCapabilities", "ThreadCapabilities", "Thread", "createSort", "useMemo", "find", "p", "predicate", "sort", "threadObjects", "RefArray", "targets", "threads", "concat", "filter", "isNonNullable", "JSON", "stringify", "detachedIds", "anchor", "map", "thread", "useEffect", "a", "b", "attended", "useAttended", "qualifiedSubjectId", "handleAttend", "threadId", "current", "createIntent", "LayoutAction", "ScrollIntoView", "part", "options", "cursor", "ref", "handleComment", "text", "ThreadAction", "AddMessage", "sender", "identityDid", "did", "handleResolve", "ToggleResolved", "handleThreadDelete", "Delete", "handleMessageDelete", "messageId", "DeleteMessage", "comments", "React", "CommentsContainer", "detached", "currentId", "includes", "undefined", "onAttend", "onComment", "onResolve", "onMessageDelete", "onThreadDelete", "StackItem", "Content", "toolbar", "Tabs", "Root", "value", "onValueChange", "orientation", "classNames", "Tablist", "Tab", "Tabpanel", "React", "DeprecatedFormContainer", "ThreadSettings", "settings", "React", "DeprecatedFormContainer", "ChatContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "THREAD_PLUGIN", "role", "filter", "data", "subject", "ChannelType", "component", "channel", "layout", "useLayout", "currentPosition", "active", "findIndex", "objectToTheLeft", "context", "getSpace", "db", "getObjectById", "undefined", "space", "React", "ChatContainer", "dxn", "queue", "companionTo", "Array", "isArray", "threads", "ThreadComplementary", "DXN", "type", "isSpace", "SettingsStore", "prefix", "ThreadSettings", "settings", "value"]
-}

package/dist/lib/node-esm/types.mjs

@@ -1,11 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  ThreadAction,
-  ThreadSettingsSchema
-} from "./chunk-A7RLBTTZ.mjs";
-import "./chunk-42F2DTMM.mjs";
-export {
-  ThreadAction,
-  ThreadSettingsSchema
-};
-//# sourceMappingURL=types.mjs.map

package/dist/types/src/components/types.d.ts

@@ -1,28 +0,0 @@
-import { type AnyLiveObject } from '@dxos/client/echo';
-import { type ThreadType } from '@dxos/plugin-space/types';
-import { type ThreadProps } from '@dxos/react-ui-thread';
-/**
- * Props for components which connect an ECHO Thread object to the UI component Thread.
- * @param space - the containing Space entity
- * @param thread - the Thread entity
- * @param context - current application context
- * @param current - whether this thread is current (wrt ARIA) in the app
- * @param autoFocusTextbox - whether to set `autoFocus` on the thread’s textbox
- * @param onTextboxFocus - a callback for when the textbox is focused
- * @param detached - whether this thread is detached from the object
- * @param onAttend - combined callback for `onClickCapture` and `onFocusCapture` within the thread
- * @param onDelete - callback for deleting the thread
- */
-export type ThreadContainerProps = {
-    thread: ThreadType;
-    context?: AnyLiveObject<any>;
-    autoFocusTextbox?: boolean;
-    onTextboxFocus?: () => void;
-    detached?: boolean;
-    onAttend?: (thread: ThreadType) => void;
-    onComment?: (thread: ThreadType, message: string) => void;
-    onResolve?: (thread: ThreadType) => void;
-    onMessageDelete?: (thread: ThreadType, messageId: string) => void;
-    onThreadDelete?: (thread: ThreadType) => void;
-} & Pick<ThreadProps, 'current'>;
-//# sourceMappingURL=types.d.ts.map

package/dist/types/src/components/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC"}

package/dist/types/src/events.d.ts

@@ -1,4 +0,0 @@
-export declare namespace ThreadEvents {
-    const SetupActivity: import("@dxos/app-framework").ActivationEvent;
-}
-//# sourceMappingURL=events.d.ts.map

package/dist/types/src/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/events.ts"],"names":[],"mappings":"AAQA,yBAAiB,YAAY,CAAC;IACrB,MAAM,aAAa,+CAA6D,CAAC;CACzF"}