@dxos/react-ui-thread 0.8.4-main.fd6878d → 0.8.4-staging.60fe92afc8

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/translations.ts", "../../../src/Thread/Thread.tsx", "../../../src/Message/Message.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = 'react-ui-thread';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'plugin name': 'Threads',\n        'thread title placeholder': 'New thread',\n        'thread title label': 'Title',\n        'delete thread label': 'Delete',\n        'create thread label': 'Create thread',\n        'message placeholder': 'Enter message...',\n        'comment placeholder': 'Enter comment...',\n        'settings standalone label': 'Enable standalone thread creation',\n        'anonymous label': 'Anonymous',\n        'enter to send message': 'Enter to add ⏎',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { Icon, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { hoverableControlItem, hoverableFocusedWithinControls, mx } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport type { ThreadEntity } from '../types';\n\n// TODO(burdon): Why is this exported?\nexport const threadLayout = 'is-full place-self-start grid grid-cols-[var(--rail-size)_1fr]';\n\n//\n// Root\n//\n\ntype ThreadRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & ThreadEntity & { current?: boolean };\n\nconst ThreadRoot = forwardRef<HTMLDivElement, ThreadRootProps>(\n  ({ current, children, classNames, ...props }, forwardedRef) => {\n    return (\n      <div\n        role='group'\n        data-testid='thread'\n        {...(current && { 'aria-current': typeof current === 'string' ? current : 'location' })}\n        {...props}\n        className={mx(\n          threadLayout,\n          hoverableFocusedWithinControls,\n          'bg-[var(--surface-bg)] current-related attention-surface [--controls-opacity:0]',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\n//\n// Heading\n//\n\ntype ThreadHeaderProps = ThemedClassName<ComponentPropsWithRef<'div'>> & { detached?: boolean };\n\nconst ThreadHeader = forwardRef<HTMLParagraphElement, ThreadHeaderProps>(\n  ({ classNames, children, detached, ...props }, forwardedRef) => {\n    return (\n      <>\n        <div role='none' className='flex items-center justify-center text-description'>\n          <Icon icon='ph--caret-double-right--regular' />\n        </div>\n        <div role='none' className='flex items-center overflow-hidden'>\n          <p\n            role='heading'\n            data-testid='thread.heading'\n            {...props}\n            className={mx(\n              'mie-2 text-description font-medium truncate italic',\n              detached && 'line-through decoration-1',\n            )}\n            ref={forwardedRef}\n          >\n            {children}\n          </p>\n        </div>\n      </>\n    );\n  },\n);\n\n//\n// Status\n//\n\ntype ThreadStatusProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {\n  activity?: boolean;\n};\n\nconst ThreadStatus = forwardRef<HTMLDivElement, ThreadStatusProps>(\n  ({ activity, classNames, children, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    return (\n      <div\n        {...props}\n        className={mx(\n          'col-start-2 grid grid-cols-[min-content_1fr_max-content] pb-2 pie-2 text-xs text-description',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        <Icon\n          icon='ph--spinner--bold'\n          classNames='is-6 bs-4 invisible data-[visible=show]:visible animate-spin-slow'\n          data-visible={activity ? 'show' : 'hide'}\n        />\n        <span className='truncate min-is-0' aria-live='polite'>\n          {activity ? children : null}\n        </span>\n        <span className={mx('text-end', hoverableControlItem)}>{t('enter to send message')}</span>\n      </div>\n    );\n  },\n);\n\nexport const Thread = {\n  Root: ThreadRoot,\n  Header: ThreadHeader,\n  Status: ThreadStatus,\n};\n\nexport type { ThreadRootProps, ThreadHeaderProps as ThreadHeadingProps, ThreadStatusProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\nimport React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, forwardRef } from 'react';\n\n// TODO(burdon): Remove dep.\nimport { Avatar, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { type UseTextEditorProps, keymap, listener, useTextEditor } from '@dxos/react-ui-editor';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\nimport { hexToEmoji, hexToHue, isNotFalsy } from '@dxos/util';\n\nimport { translationKey } from '../translations';\nimport { type MessageMetadata } from '../types';\n\nconst avatarSize = 7;\n\nexport type MessageRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> &\n  MessageMetadata &\n  Partial<{ continues: boolean }>;\n\nexport const MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(\n  (\n    { authorImgSrc, authorId, authorName, authorAvatarProps, continues = true, children, classNames, ...rootProps },\n    forwardedRef,\n  ) => {\n    return (\n      // Must wrap the message since Avatar.Label may be used in the content.\n      <Avatar.Root>\n        <div\n          role='none'\n          data-testid='thread.message'\n          {...rootProps}\n          className={mx('grid grid-cols-subgrid col-span-2', classNames)}\n          ref={forwardedRef}\n        >\n          <div role='none' className='flex flex-col items-center gap-2 pbs-2'>\n            <Avatar.Content\n              size={avatarSize}\n              hue={authorAvatarProps?.hue || hexToHue(authorId ?? '0')}\n              fallback={authorAvatarProps?.emoji || hexToEmoji(authorId ?? '0')}\n              {...(authorImgSrc && { imgSrc: authorImgSrc })}\n            />\n            {continues && <div role='none' className='is-px grow bg-separator' />}\n          </div>\n          <div role='none' className='plb-1 min-is-0'>\n            {children}\n          </div>\n        </div>\n      </Avatar.Root>\n    );\n  },\n);\n\nexport type MessageHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> &\n  Pick<MessageMetadata, 'authorName' | 'timestamp'>;\n\nexport const MessageHeading = ({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps) => {\n  return (\n    <div role='none' {...props} className={mx('flex gap-2 items-start', classNames)}>\n      <p className='grow'>\n        <MessageAuthorName authorName={authorName} />\n        {timestamp && <MessageTime timestamp={timestamp} />}\n      </p>\n      {children}\n    </div>\n  );\n};\n\nexport type MessageAuthorNameProps = Pick<MessageMetadata, 'authorName'>;\n\nexport const MessageAuthorName = ({ authorName }: MessageAuthorNameProps) => {\n  const { t } = useTranslation(translationKey);\n  return (\n    <Avatar.Label classNames='block truncate text-sm text-subdued'>{authorName ?? t('anonymous label')}</Avatar.Label>\n  );\n};\n\nexport type MessageTimeProps = Pick<MessageMetadata, 'timestamp'>;\n\nexport const MessageTime = ({ timestamp }: MessageTimeProps) => {\n  const { dtLocale } = useTranslation(translationKey);\n  const dt = timestamp ? new Date(timestamp) : undefined;\n  return (\n    <time className='block text-subdued text-xs pbe-0.5' dateTime={dt?.toISOString()}>\n      {dt ? formatDistanceToNow(dt, { locale: dtLocale, addSuffix: true }) : ''}\n    </time>\n  );\n};\n\nexport type MessageBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const MessageBody = ({ children, ...props }: MessageBodyProps) => {\n  return <p {...props}>{children}</p>;\n};\n\nexport type MessageTextboxProps = {\n  disabled?: boolean;\n  onSend?: () => void;\n  onClear?: () => void;\n  onEditorFocus?: () => void;\n} & MessageMetadata &\n  UseTextEditorProps;\n\nconst keyBindings = ({ onSend, onClear }: Pick<MessageTextboxProps, 'onSend' | 'onClear'>) => [\n  {\n    key: 'Enter',\n    run: () => {\n      if (onSend) {\n        onSend();\n        return true;\n      } else {\n        return false;\n      }\n    },\n  },\n  {\n    // TODO(burdon): Other key bindings.\n    key: 'Meta+Backspace',\n    run: () => {\n      if (onClear) {\n        onClear();\n        return true;\n      } else {\n        return false;\n      }\n    },\n  },\n];\n\nexport const MessageTextbox = ({\n  id,\n  authorId,\n  authorName,\n  authorImgSrc,\n  authorAvatarProps,\n  disabled,\n  extensions,\n  onSend,\n  onClear,\n  onEditorFocus,\n  ...editorProps\n}: MessageTextboxProps) => {\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      extensions: [\n        keymap.of(keyBindings({ onSend, onClear })),\n        listener({\n          onFocus: (focusing) => {\n            if (focusing) {\n              onEditorFocus?.();\n            }\n          },\n        }),\n        extensions,\n      ].filter(isNotFalsy),\n      ...editorProps,\n    }),\n    [id, extensions],\n  );\n\n  return (\n    <MessageRoot {...{ id, authorId, authorName, authorImgSrc, authorAvatarProps }} continues={false}>\n      <div\n        role='none'\n        ref={parentRef}\n        className={mx('plb-0.5 mie-1 rounded-sm', focusRing, disabled && 'opacity-50')}\n        {...focusAttributes}\n      />\n    </MessageRoot>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["translationKey", "translations", "React", "forwardRef", "Icon", "useTranslation", "hoverableControlItem", "hoverableFocusedWithinControls", "mx", "threadLayout", "ThreadRoot", "forwardRef", "current", "children", "classNames", "props", "forwardedRef", "div", "role", "data-testid", "className", "mx", "hoverableFocusedWithinControls", "ref", "ThreadHeader", "detached", "Icon", "icon", "p", "ThreadStatus", "activity", "t", "useTranslation", "translationKey", "data-visible", "span", "aria-live", "hoverableControlItem", "Thread", "Root", "Header", "Status", "formatDistanceToNow", "React", "forwardRef", "Avatar", "useTranslation", "keymap", "listener", "useTextEditor", "focusRing", "mx", "hexToEmoji", "hexToHue", "isNotFalsy", "avatarSize", "MessageRoot", "forwardRef", "authorImgSrc", "authorId", "authorName", "authorAvatarProps", "continues", "children", "classNames", "rootProps", "forwardedRef", "React", "Avatar", "Root", "div", "role", "data-testid", "className", "mx", "ref", "Content", "size", "hue", "hexToHue", "fallback", "emoji", "hexToEmoji", "imgSrc", "MessageHeading", "timestamp", "props", "p", "MessageAuthorName", "MessageTime", "t", "useTranslation", "translationKey", "Label", "dtLocale", "dt", "Date", "undefined", "time", "dateTime", "toISOString", "formatDistanceToNow", "locale", "addSuffix", "MessageBody", "keyBindings", "onSend", "onClear", "key", "run", "MessageTextbox", "id", "disabled", "extensions", "onEditorFocus", "editorProps", "parentRef", "focusAttributes", "useTextEditor", "keymap", "of", "listener", "onFocus", "focusing", "filter", "isNotFalsy", "focusRing"]
+  "sources": ["../../../src/Thread/Thread.tsx", "../../../src/command.ts", "../../../src/context.ts", "../../../src/Message/Message.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, {\n  type ComponentPropsWithRef,\n  type ReactNode,\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport {\n  type ComposableProps,\n  Icon,\n  IconButton,\n  ScrollArea,\n  type ThemedClassName,\n  composable,\n  composableProps,\n  useThemeContext,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { Mosaic, type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport { type Message as MessageType } from '@dxos/types';\nimport { type Extension, createBasicExtensions, createThemeExtensions, listener } from '@dxos/ui-editor';\nimport { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from '@dxos/ui-theme';\n\nimport { command } from '../command';\nimport { ThreadContextProvider, useThreadContext } from '../context';\nimport { Message } from '../Message';\nimport { translationKey } from '../translations';\nimport { type MessageMetadata, type ThreadContextValue } from '../types';\n\nconst getMessageId = (message: MessageType.Message) => Obj.getURI(message);\n\n//\n// Root\n//\n\nexport type ThreadRootProps = PropsWithChildren<\n  Omit<ThreadContextValue, 'components'> & Partial<Pick<ThreadContextValue, 'components'>>\n>;\n\n/**\n * Headless root of a thread. Provides message-tile context (metadata resolver,\n * injected renderers, callbacks) and the Mosaic root that `Thread.Messages`\n * renders its virtual stack within. Renders no DOM of its own — wrap the visible\n * thread chrome in `Thread.Content`.\n */\nconst ThreadRoot = ({\n  children,\n  getMetadata,\n  components,\n  identityDid,\n  editable,\n  onMessageDelete,\n  onAcceptProposal,\n}: ThreadRootProps) => {\n  // Composer focus handler registered by Thread.Textbox; invoked by Thread.Header's caret.\n  const composerFocus = useRef<(() => void) | undefined>(undefined);\n\n  const registerComposerFocus = useCallback((focus: (() => void) | undefined) => {\n    composerFocus.current = focus;\n  }, []);\n\n  const focusComposer = useCallback(() => composerFocus.current?.(), []);\n\n  return (\n    <ThreadContextProvider\n      getMetadata={getMetadata}\n      components={components ?? {}}\n      identityDid={identityDid}\n      editable={editable}\n      registerComposerFocus={registerComposerFocus}\n      focusComposer={focusComposer}\n      onMessageDelete={onMessageDelete}\n      onAcceptProposal={onAcceptProposal}\n    >\n      <Mosaic.Root>{children}</Mosaic.Root>\n    </ThreadContextProvider>\n  );\n};\n\nThreadRoot.displayName = 'Thread.Root';\n\n//\n// Content\n//\n\ntype ThreadContentExtra = {\n  id?: string;\n  current?: boolean | string;\n} & Pick<ComponentPropsWithRef<'div'>, 'onClickCapture' | 'onFocusCapture'>;\n\nexport type ThreadContentProps = ComposableProps<ThreadContentExtra>;\n\n/** Visible thread container (the attention surface that hosts header / messages / composer). */\nconst ThreadContent = composable<HTMLDivElement, ThreadContentExtra>(\n  ({ children, current, id, ...props }, forwardedRef) => {\n    return (\n      <div\n        {...composableProps(props, {\n          role: 'group',\n          classNames: [\n            'flex flex-col bg-[var(--surface-bg)] current-related dx-attention-surface [--controls-opacity:0]',\n            hoverableFocusedWithinControls,\n          ],\n        })}\n        data-testid='thread'\n        id={id}\n        aria-current={current ? 'location' : undefined}\n        ref={forwardedRef}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nThreadContent.displayName = 'Thread.Content';\n\n//\n// Header\n//\n\nexport type ThreadHeaderProps = Omit<\n  ComposableProps<{\n    /** Snippet text rendered inside a `<p>` (a string, not a DOM element). */\n    title?: string;\n    detached?: boolean;\n    /** Whether this is the current/selected thread; accents the title. */\n    current?: boolean;\n    /** Trailing controls rendered in the right column (aligns with message-tile controls). */\n    controls?: ReactNode;\n    /** Invoked when the caret affordance is activated to select/focus this thread. */\n    onSelect?: () => void;\n  }>,\n  'children'\n>;\n\n/**\n * Thread header row: caret (rail) · snippet (content) · controls. Owns its own\n * `[rail · 1fr · controls]` grid so the trailing controls align with message-tile\n * controls (which use the same template) — no grid is leaked in from the caller.\n */\nconst ThreadHeader = composable<HTMLDivElement, ThreadHeaderProps>(\n  ({ title, detached, current, controls, onSelect, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { focusComposer } = useThreadContext('Thread.Header');\n    const handleSelect = useCallback(() => {\n      onSelect?.();\n      focusComposer();\n    }, [onSelect, focusComposer]);\n\n    return (\n      <div\n        {...composableProps(props, {\n          classNames: [\n            'grid grid-cols-[var(--dx-rail-size)_1fr_min-content] items-center',\n            hoverableControls,\n            hoverableFocusedWithinControls,\n          ],\n        })}\n        ref={forwardedRef}\n      >\n        <div className='flex items-center justify-center'>\n          <IconButton\n            iconOnly\n            variant='ghost'\n            density='sm'\n            icon='ph--caret-double-right--regular'\n            label={t('select-thread.label')}\n            classNames='text-description'\n            onClick={handleSelect}\n          />\n        </div>\n        <div className='flex items-center overflow-hidden'>\n          <p\n            role='heading'\n            data-testid='thread.heading'\n            className={mx(\n              'me-2 font-medium truncate italic',\n              current ? 'text-accent-text' : 'text-description',\n              detached && 'line-through decoration-1',\n            )}\n          >\n            {title}\n          </p>\n        </div>\n        {controls}\n      </div>\n    );\n  },\n);\n\nThreadHeader.displayName = 'Thread.Header';\n\n//\n// Messages\n//\n\nconst MessageTileAdapter = ({\n  id,\n  data,\n  location,\n  draggable,\n  current,\n  selected,\n}: MosaicTileProps<MessageType.Message>) => (\n  <Mosaic.Tile id={id} data={data} location={location} draggable={draggable} current={current} selected={selected}>\n    <Message.Tile message={data} />\n  </Mosaic.Tile>\n);\n\nexport type ThreadMessagesProps = ThemedClassName<{\n  messages: readonly MessageType.Message[];\n  /** Estimated tile height for the virtualizer. */\n  estimateSize?: number;\n  currentId?: string;\n}>;\n\n/** Virtualized stack of message tiles (via Mosaic), within an internal scroll area. */\nconst ThreadMessages = ({ messages, estimateSize = 80, currentId, classNames }: ThreadMessagesProps) => {\n  const [viewport, setViewport] = useState<HTMLElement | null>(null);\n  const items = useMemo(() => messages.filter(Boolean), [messages]);\n\n  return (\n    <Mosaic.Container\n      asChild\n      orientation='vertical'\n      autoScroll={viewport}\n      currentId={currentId}\n      eventHandler={{ id: 'thread', canDrop: () => false }}\n    >\n      <ScrollArea.Root classNames={mx('col-span-2', classNames)} orientation='vertical'>\n        <ScrollArea.Viewport ref={setViewport}>\n          <Mosaic.VirtualStack\n            items={items}\n            getId={getMessageId}\n            Tile={MessageTileAdapter}\n            draggable={false}\n            getScrollElement={() => viewport}\n            estimateSize={() => estimateSize}\n          />\n        </ScrollArea.Viewport>\n      </ScrollArea.Root>\n    </Mosaic.Container>\n  );\n};\n\nThreadMessages.displayName = 'Thread.Messages';\n\n//\n// Textbox\n//\n\nexport type ThreadTextboxProps = MessageMetadata & {\n  placeholder?: string;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  extensions?: Extension;\n  /**\n   * Called with the composer content on send. Return `true` to accept (the\n   * editor is cleared and remounted), `false` to reject.\n   */\n  onSend?: (text: string) => boolean;\n};\n\n/** Message composer pinned at the foot of a thread. */\nconst ThreadTextbox = ({ placeholder, autoFocus, disabled, extensions, onSend, ...metadata }: ThreadTextboxProps) => {\n  const { t } = useTranslation(translationKey);\n  const { themeMode } = useThemeContext();\n  const { registerComposerFocus } = useThreadContext('Thread.Textbox');\n  const composerRef = useRef<{ focus: () => void } | null>(null);\n  const messageRef = useRef('');\n  const [count, setCount] = useState(0);\n\n  // Expose the composer's focus to Thread.Root so the header caret can focus it.\n  useEffect(() => {\n    registerComposerFocus(() => composerRef.current?.focus());\n    return () => registerComposerFocus(undefined);\n  }, [registerComposerFocus]);\n\n  const editorExtensions = useMemo(\n    () =>\n      [\n        createBasicExtensions({ placeholder: placeholder ?? t('message.placeholder') }),\n        createThemeExtensions({ themeMode }),\n        listener({ onChange: ({ text }) => (messageRef.current = text) }),\n        command,\n        extensions,\n      ].filter(Boolean) as Extension[],\n    [themeMode, placeholder, t, extensions, count],\n  );\n\n  const handleSend = useCallback(() => {\n    const text = messageRef.current;\n    if (!text?.length || !onSend) {\n      return;\n    }\n    if (onSend(text)) {\n      messageRef.current = '';\n      setCount((value) => value + 1);\n    }\n  }, []);\n\n  return (\n    <Message.Textbox\n      ref={composerRef}\n      {...metadata}\n      autoFocus={autoFocus}\n      disabled={disabled}\n      extensions={editorExtensions}\n      onSend={handleSend}\n    />\n  );\n};\n\nThreadTextbox.displayName = 'Thread.Textbox';\n\n//\n// Status\n//\n\nexport type ThreadStatusProps = ThemedClassName<PropsWithChildren> & {\n  activity?: boolean;\n};\n\nconst ThreadStatus = forwardRef<HTMLDivElement, ThreadStatusProps>(\n  ({ activity, classNames, children, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    return (\n      <div\n        {...props}\n        className={mx(\n          'col-start-2 grid grid-cols-[min-content_1fr_max-content] pb-2 pe-2 text-xs text-description',\n          classNames,\n        )}\n        ref={forwardedRef}\n      >\n        <Icon\n          icon='ph--spinner--bold'\n          classNames='w-6 h-4 invisible data-[visible=show]:visible animate-spin-slow'\n          data-visible={activity ? 'show' : 'hide'}\n        />\n        <span className='truncate min-w-0' aria-live='polite'>\n          {activity ? children : null}\n        </span>\n        <span className={mx('text-end', hoverableControlItem)}>{t('enter-to-send.message')}</span>\n      </div>\n    );\n  },\n);\n\nThreadStatus.displayName = 'Thread.Status';\n\n//\n// Thread\n//\n\nexport const Thread = {\n  Root: ThreadRoot,\n  Content: ThreadContent,\n  Header: ThreadHeader,\n  Messages: ThreadMessages,\n  Textbox: ThreadTextbox,\n  Status: ThreadStatus,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { HighlightStyle, StreamLanguage, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\n\nimport { tags } from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\n\n/**\n * Highlights leading slash-commands (e.g. `/resolve`) and `@mention` tags\n * (e.g. `@Kai`, anywhere) in the message composer.\n * https://github.com/codemirror/stream-parser/blob/main/test/test-stream-parser.ts\n */\nconst parser = StreamLanguage.define<{ count: number }>({\n  startState: () => ({ count: 0 }),\n  token: (stream, state) => {\n    state.count++;\n    if (stream.eatSpace()) {\n      return null;\n    }\n    // Leading slash-command (first token only).\n    if (state.count === 1 && stream.match(/^\\/\\w+/)) {\n      return 'tagName';\n    }\n    // @mention (anywhere).\n    if (stream.match(/^@\\w+/)) {\n      return 'labelName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\nconst styles = HighlightStyle.define([\n  {\n    tag: tags.tagName,\n    class: mx('dx-tag dx-tag--indigo'),\n  },\n  {\n    tag: tags.labelName,\n    class: mx('dx-tag dx-tag--blue'),\n  },\n]);\n\n// Center the inline `.dx-tag` pills on the text line. `.dx-tag` is `inline-block`\n// with vertical padding, so on a CodeMirror line it baseline-aligns and rides\n// high; overriding `vertical-align` recentres it (cf. the `cm-reference-pill`\n// precedent in `@dxos/react-ui-chat`).\nconst theme = EditorView.theme({\n  '.dx-tag': {\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const command: Extension = [parser, syntaxHighlighting(styles), theme];\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\n\nimport { type ThreadContextValue } from './types';\n\n/**\n * Context provided by `Thread.Root` and consumed by its parts. Extends the\n * consumer-facing {@link ThreadContextValue} with internal coordination (e.g.\n * focusing the composer from the header's select affordance).\n */\nexport type ThreadContext = ThreadContextValue & {\n  /** Register the composer's focus handler (set by `Thread.Textbox`). */\n  registerComposerFocus: (focus: (() => void) | undefined) => void;\n  /** Focus the thread composer (used by `Thread.Header`'s select affordance). */\n  focusComposer: () => void;\n};\n\nexport const [ThreadContextProvider, useThreadContext] = createContext<ThreadContext>('Thread');\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\nimport React, {\n  type ComponentPropsWithRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport {\n  Avatar,\n  IconButton,\n  type ThemedClassName,\n  useOnTransition,\n  useThemeContext,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { type UseTextEditorProps, useTextEditor } from '@dxos/react-ui-editor';\nimport { type ContentBlock, type Message as MessageType } from '@dxos/types';\nimport { createBasicExtensions, createThemeExtensions, keymap, listener } from '@dxos/ui-editor';\nimport { hoverableControlItem, hoverableControls, hoverableFocusedWithinControls, mx } from '@dxos/ui-theme';\nimport { hexToEmoji, hexToHue, isTruthy } from '@dxos/util';\n\nimport { command } from '../command';\nimport { useThreadContext } from '../context';\nimport { translationKey } from '../translations';\nimport { type MessageMetadata } from '../types';\n\nconst avatarSize = 7;\n\nconst buttonGroupClassNames = 'flex flex-row items-center gap-0.5 pe-2';\nconst buttonClassNames = 'p-1! transition-opacity';\n\n//\n// Root\n//\n\nexport type MessageRootProps = ThemedClassName<\n  ComponentPropsWithRef<'div'> & MessageMetadata & Partial<{ continues: boolean; controls: ReactNode }>\n>;\n\n// TODO(burdon): Show authorName on tooltip.\nconst MessageRoot = forwardRef<HTMLDivElement, MessageRootProps>(\n  (\n    {\n      authorImgSrc,\n      authorId,\n      authorName,\n      authorAvatarProps,\n      continues = true,\n      controls,\n      children,\n      classNames,\n      ...rootProps\n    },\n    forwardedRef,\n  ) => {\n    // Must wrap the message since Avatar.Label may be used in the content.\n    // Columns mirror Thread.Header (avatar/rail · content · controls) so trailing\n    // controls align with the thread header's controls.\n    return (\n      <Avatar.Root>\n        <div\n          data-testid='thread.message'\n          {...rootProps}\n          className={mx('grid grid-cols-[var(--dx-rail-size)_1fr_min-content] w-full', classNames)}\n          ref={forwardedRef}\n        >\n          <div className='flex flex-col items-center gap-2 pt-1'>\n            <Avatar.Content\n              size={avatarSize}\n              hue={authorAvatarProps?.hue || hexToHue(authorId ?? '0')}\n              fallback={authorAvatarProps?.emoji || hexToEmoji(authorId ?? '0')}\n              {...(authorImgSrc && { imgSrc: authorImgSrc })}\n            />\n            {continues && <div className='w-px grow bg-separator' />}\n          </div>\n          <div className='py-1 min-w-0'>{children}</div>\n          {controls && <div className='self-start'>{controls}</div>}\n        </div>\n      </Avatar.Root>\n    );\n  },\n);\n\nMessageRoot.displayName = 'Message.Root';\n\n//\n// Heading\n//\n\nexport type MessageHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> &\n  Pick<MessageMetadata, 'authorName' | 'timestamp'>;\n\nconst MessageHeading = ({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps) => {\n  return (\n    <div {...props} className={mx('flex gap-2 items-start', classNames)}>\n      <p className='grow'>\n        <MessageAuthorName authorName={authorName} />\n        {timestamp && <MessageTime timestamp={timestamp} />}\n      </p>\n      {children}\n    </div>\n  );\n};\n\nMessageHeading.displayName = 'Message.Heading';\n\nexport type MessageAuthorNameProps = Pick<MessageMetadata, 'authorName'>;\n\nconst MessageAuthorName = ({ authorName }: MessageAuthorNameProps) => {\n  const { t } = useTranslation(translationKey);\n  return (\n    <Avatar.Label classNames='block truncate text-sm text-subdued'>{authorName ?? t('anonymous.label')}</Avatar.Label>\n  );\n};\n\nMessageAuthorName.displayName = 'Message.AuthorName';\n\nexport type MessageTimeProps = Pick<MessageMetadata, 'timestamp'>;\n\nconst MessageTime = ({ timestamp }: MessageTimeProps) => {\n  const { dtLocale } = useTranslation(translationKey);\n  const dt = timestamp ? new Date(timestamp) : undefined;\n  return (\n    <time className='block text-subdued text-xs pb-0.5' dateTime={dt?.toISOString()}>\n      {dt ? formatDistanceToNow(dt, { locale: dtLocale, addSuffix: true }) : ''}\n    </time>\n  );\n};\n\nMessageTime.displayName = 'Message.Time';\n\n//\n// Body\n//\n\nexport type MessageBodyProps = {\n  /** The message whose content blocks are rendered. */\n  message: MessageType.Message;\n  /** When true, the local user authored this message. */\n  isAuthor?: boolean;\n  /** When true, the text block is editable. */\n  editing?: boolean;\n  /** Persist an edited text block. */\n  onSave?: (text: string) => void;\n};\n\n/**\n * Renders a message's content blocks: text (via editor), proposal, and\n * object/reference tiles (delegated to the injected `Object` component).\n */\nconst MessageBody = ({ message, isAuthor, editing, onSave }: MessageBodyProps) => {\n  const { components } = useThreadContext('Message.Body');\n  const textBlockIndex = message.blocks.findIndex((block) => block._tag === 'text');\n  const textBlock = textBlockIndex !== -1 ? (message.blocks[textBlockIndex] as ContentBlock.Text) : undefined;\n  const proposalBlock = message.blocks.find((block) => block._tag === 'proposal') as ContentBlock.Proposal | undefined;\n  const references = message.blocks\n    .filter((block) => block._tag === 'reference')\n    .map((block) => (block as ContentBlock.Reference).reference);\n  const Object = components.Object;\n\n  return (\n    <>\n      {textBlock && <TextBlock block={textBlock} isAuthor={isAuthor} editing={editing} onSave={onSave} />}\n      {proposalBlock && <div className='me-4 italic'>{proposalBlock.text}</div>}\n      {Object &&\n        Ref.Array.targets(references).map((reference, index) => (\n          <Object key={index} subject={reference as Obj.Unknown} />\n        ))}\n    </>\n  );\n};\n\nMessageBody.displayName = 'Message.Body';\n\nconst TextBlock = ({\n  block,\n  isAuthor,\n  editing,\n  onSave,\n}: {\n  block: ContentBlock.Text;\n  isAuthor?: boolean;\n  editing?: boolean;\n  onSave?: (text: string) => void;\n}) => {\n  const { themeMode } = useThemeContext();\n  const inMemoryContentRef = useRef(block.text);\n\n  const handleDocumentChange = useCallback((next: string) => {\n    inMemoryContentRef.current = next;\n  }, []);\n\n  const saveDocumentChange = useCallback(() => {\n    onSave?.(inMemoryContentRef.current);\n  }, [onSave]);\n\n  useOnTransition(editing, true, false, saveDocumentChange);\n\n  const { parentRef, focusAttributes, view } = useTextEditor(\n    () => ({\n      initialValue: block.text,\n      extensions: [\n        createBasicExtensions({ readOnly: !isAuthor || !editing }),\n        createThemeExtensions({ themeMode }),\n        command,\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) {\n            handleDocumentChange(update.state.doc.toString());\n          }\n        }),\n      ],\n    }),\n    [block.text, editing, isAuthor, themeMode, handleDocumentChange],\n  );\n\n  useEffect(() => {\n    if (editing) {\n      view?.focus();\n    }\n  }, [editing, view]);\n\n  return <div ref={parentRef} className='me-4' {...focusAttributes} />;\n};\n\n//\n// Textbox\n//\n\nexport type MessageTextboxProps = {\n  disabled?: boolean;\n  onSend?: () => void;\n  onClear?: () => void;\n  onEditorFocus?: () => void;\n} & MessageMetadata &\n  UseTextEditorProps;\n\nconst keyBindings = ({ onSend, onClear }: Pick<MessageTextboxProps, 'onSend' | 'onClear'>) => [\n  {\n    key: 'Enter',\n    run: () => {\n      if (onSend) {\n        onSend();\n        return true;\n      }\n      return false;\n    },\n  },\n  {\n    key: 'Meta+Backspace',\n    run: () => {\n      if (onClear) {\n        onClear();\n        return true;\n      }\n      return false;\n    },\n  },\n];\n\nexport type MessageTextboxHandle = { focus: () => void };\n\nconst MessageTextbox = forwardRef<MessageTextboxHandle, MessageTextboxProps>(\n  (\n    {\n      id,\n      authorId,\n      authorName,\n      authorImgSrc,\n      authorAvatarProps,\n      disabled,\n      extensions,\n      onSend,\n      onClear,\n      onEditorFocus,\n      ...editorProps\n    },\n    forwardedRef,\n  ) => {\n    const { parentRef, focusAttributes, view } = useTextEditor(\n      () => ({\n        id,\n        extensions: [\n          keymap.of(keyBindings({ onSend, onClear })),\n          listener({\n            onFocus: ({ focusing }) => {\n              if (focusing) {\n                onEditorFocus?.();\n              }\n            },\n          }),\n          extensions,\n        ].filter(isTruthy),\n        ...editorProps,\n      }),\n      [id, extensions],\n    );\n\n    useImperativeHandle(forwardedRef, () => ({ focus: () => view?.focus() }), [view]);\n\n    return (\n      <MessageRoot {...{ id, authorId, authorName, authorImgSrc, authorAvatarProps }} continues={false}>\n        <div\n          ref={parentRef}\n          className={mx('py-0.5 me-1 rounded-xs dx-focus-ring', disabled && 'opacity-50')}\n          {...focusAttributes}\n        />\n      </MessageRoot>\n    );\n  },\n);\n\nMessageTextbox.displayName = 'Message.Textbox';\n\n//\n// Tile\n//\n\nexport type MessageTileProps = {\n  message: MessageType.Message;\n  classNames?: MessageRootProps['classNames'];\n};\n\n/**\n * Full message tile (frame + heading + controls + body). Reads `Thread.Root`\n * context for metadata resolution, injected renderers, and callbacks. This is\n * the unit rendered by `Thread.Messages`.\n */\nconst MessageTile = ({ message, classNames }: MessageTileProps) => {\n  const { t } = useTranslation(translationKey);\n  const { getMetadata, identityDid, editable, onMessageDelete, onAcceptProposal } = useThreadContext('Message.Tile');\n  const [editing, setEditing] = useState(false);\n\n  const metadata = getMetadata(message);\n  const isAuthor = !!identityDid && identityDid === metadata.authorId;\n  const hasProposal = message.blocks.some((block) => block._tag === 'proposal');\n\n  const handleEdit = useCallback(() => setEditing((value) => !value), []);\n  const handleDelete = useCallback(() => onMessageDelete?.(message.id), [onMessageDelete, message.id]);\n  const handleAcceptProposal = useCallback(() => onAcceptProposal?.(message.id), [onAcceptProposal, message.id]);\n  const handleSave = useCallback(\n    (text: string) => {\n      Obj.update(message, (message) => {\n        const block = message.blocks.find((block) => block._tag === 'text');\n        if (block && block._tag === 'text') {\n          block.text = text;\n        }\n      });\n    },\n    [message],\n  );\n\n  const showEdit = isAuthor && editable;\n  const showAccept = hasProposal && !!onAcceptProposal;\n  const showDelete = !!onMessageDelete;\n  const controls =\n    showEdit || showAccept || showDelete ? (\n      <div className={buttonGroupClassNames}>\n        {showEdit && (\n          <IconButton\n            data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n            variant='ghost'\n            icon={editing ? 'ph--check--regular' : 'ph--pencil-simple--regular'}\n            iconOnly\n            label={t(editing ? 'save-message.label' : 'edit-message.label')}\n            classNames={[buttonClassNames, hoverableControlItem]}\n            onClick={handleEdit}\n          />\n        )}\n        {showAccept && (\n          <IconButton\n            data-testid='thread.message.accept'\n            variant='ghost'\n            icon='ph--check--regular'\n            iconOnly\n            label={t('accept-proposal.label')}\n            classNames={[buttonClassNames, hoverableControlItem]}\n            onClick={handleAcceptProposal}\n          />\n        )}\n        {showDelete && (\n          <IconButton\n            data-testid='thread.message.delete'\n            variant='ghost'\n            icon='ph--x--regular'\n            iconOnly\n            label={t('delete-message.label')}\n            classNames={[buttonClassNames, hoverableControlItem]}\n            onClick={handleDelete}\n          />\n        )}\n      </div>\n    ) : undefined;\n\n  return (\n    <MessageRoot\n      {...metadata}\n      controls={controls}\n      classNames={[hoverableControls, hoverableFocusedWithinControls, classNames]}\n    >\n      <MessageHeading authorName={metadata.authorName} timestamp={metadata.timestamp} />\n      <MessageBody message={message} isAuthor={isAuthor} editing={editing} onSave={handleSave} />\n    </MessageRoot>\n  );\n};\n\nMessageTile.displayName = 'Message.Tile';\n\n//\n// Message\n//\n\nexport const Message = {\n  Root: MessageRoot,\n  Heading: MessageHeading,\n  AuthorName: MessageAuthorName,\n  Time: MessageTime,\n  Body: MessageBody,\n  Textbox: MessageTextbox,\n  Tile: MessageTile,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useCallback", "useEffect", "useMemo", "useRef", "useState", "Obj", "Icon", "IconButton", "ScrollArea", "composable", "composableProps", "useThemeContext", "useTranslation", "Mosaic", "createBasicExtensions", "createThemeExtensions", "listener", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "HighlightStyle", "StreamLanguage", "syntaxHighlighting", "EditorView", "tags", "mx", "parser", "define", "startState", "count", "token", "stream", "state", "eatSpace", "match", "next", "styles", "tag", "tagName", "class", "labelName", "theme", "verticalAlign", "command", "createContext", "ThreadContextProvider", "useThreadContext", "EditorView", "formatDistanceToNow", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useRef", "useState", "Obj", "Ref", "Avatar", "IconButton", "useOnTransition", "useThemeContext", "useTranslation", "useTextEditor", "createBasicExtensions", "createThemeExtensions", "keymap", "listener", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "hexToEmoji", "hexToHue", "isTruthy", "avatarSize", "buttonGroupClassNames", "buttonClassNames", "MessageRoot", "forwardRef", "authorImgSrc", "authorId", "authorName", "authorAvatarProps", "continues", "controls", "children", "classNames", "rootProps", "forwardedRef", "Avatar", "Root", "div", "data-testid", "className", "mx", "ref", "Content", "size", "hue", "hexToHue", "fallback", "emoji", "hexToEmoji", "imgSrc", "displayName", "MessageHeading", "timestamp", "props", "p", "MessageAuthorName", "MessageTime", "t", "useTranslation", "translationKey", "Label", "dtLocale", "dt", "Date", "undefined", "time", "dateTime", "toISOString", "formatDistanceToNow", "locale", "addSuffix", "MessageBody", "message", "isAuthor", "editing", "onSave", "components", "useThreadContext", "textBlockIndex", "blocks", "findIndex", "block", "_tag", "textBlock", "proposalBlock", "find", "references", "filter", "map", "reference", "Object", "TextBlock", "text", "Ref", "Array", "targets", "index", "key", "subject", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "handleDocumentChange", "useCallback", "next", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readOnly", "createThemeExtensions", "command", "EditorView", "updateListener", "of", "update", "docChanged", "state", "doc", "toString", "useEffect", "focus", "keyBindings", "onSend", "onClear", "run", "MessageTextbox", "id", "disabled", "onEditorFocus", "editorProps", "keymap", "listener", "onFocus", "focusing", "isTruthy", "useImperativeHandle", "MessageTile", "getMetadata", "identityDid", "editable", "onMessageDelete", "onAcceptProposal", "setEditing", "useState", "metadata", "hasProposal", "some", "handleEdit", "value", "handleDelete", "handleAcceptProposal", "handleSave", "Obj", "showEdit", "showAccept", "showDelete", "IconButton", "variant", "icon", "iconOnly", "label", "hoverableControlItem", "onClick", "hoverableControls", "hoverableFocusedWithinControls", "Message", "Heading", "AuthorName", "Time", "Body", "Textbox", "Tile", "getMessageId", "message", "Obj", "getURI", "ThreadRoot", "children", "getMetadata", "components", "identityDid", "editable", "onMessageDelete", "onAcceptProposal", "composerFocus", "useRef", "undefined", "registerComposerFocus", "useCallback", "focus", "current", "focusComposer", "React", "ThreadContextProvider", "Mosaic", "Root", "displayName", "ThreadContent", "composable", "id", "props", "forwardedRef", "div", "composableProps", "role", "classNames", "hoverableFocusedWithinControls", "data-testid", "aria-current", "ref", "ThreadHeader", "title", "detached", "controls", "onSelect", "t", "useTranslation", "translationKey", "useThreadContext", "handleSelect", "hoverableControls", "className", "IconButton", "iconOnly", "variant", "density", "icon", "label", "onClick", "p", "mx", "MessageTileAdapter", "data", "location", "draggable", "selected", "Tile", "Message", "ThreadMessages", "messages", "estimateSize", "currentId", "viewport", "setViewport", "useState", "items", "useMemo", "filter", "Boolean", "Container", "asChild", "orientation", "autoScroll", "eventHandler", "canDrop", "ScrollArea", "Viewport", "VirtualStack", "getId", "getScrollElement", "ThreadTextbox", "placeholder", "autoFocus", "disabled", "extensions", "onSend", "metadata", "themeMode", "useThemeContext", "composerRef", "messageRef", "count", "setCount", "useEffect", "editorExtensions", "createBasicExtensions", "createThemeExtensions", "listener", "onChange", "text", "command", "handleSend", "length", "value", "Textbox", "ThreadStatus", "forwardRef", "activity", "Icon", "data-visible", "span", "aria-live", "hoverableControlItem", "Thread", "Content", "Header", "Messages", "Status"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/translations.ts":{"bytes":2466,"imports":[],"format":"esm"},"src/Thread/Thread.tsx":{"bytes":10361,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"src/Thread/index.ts":{"bytes":459,"imports":[{"path":"src/Thread/Thread.tsx","kind":"import-statement","original":"./Thread"}],"format":"esm"},"src/Message/Message.tsx":{"bytes":17557,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"src/Message/index.ts":{"bytes":461,"imports":[{"path":"src/Message/Message.tsx","kind":"import-statement","original":"./Message"}],"format":"esm"},"src/index.ts":{"bytes":839,"imports":[{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/Thread/index.ts","kind":"import-statement","original":"./Thread"},{"path":"src/Message/index.ts","kind":"import-statement","original":"./Message"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15295},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["MessageAuthorName","MessageBody","MessageHeading","MessageRoot","MessageTextbox","MessageTime","Thread","threadLayout","translations"],"entryPoint":"src/index.ts","inputs":{"src/translations.ts":{"bytesInOutput":610},"src/Thread/Thread.tsx":{"bytesInOutput":2950},"src/Thread/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/Message/Message.tsx":{"bytesInOutput":4934},"src/Message/index.ts":{"bytesInOutput":0}},"bytes":8761}}}
+{"inputs":{"src/command.ts":{"bytes":5542,"imports":[{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/context.ts":{"bytes":1631,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":3046,"imports":[],"format":"esm"},"src/Message/Message.tsx":{"bytes":40849,"imports":[{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/command.ts","kind":"import-statement","original":"../command"},{"path":"src/context.ts","kind":"import-statement","original":"../context"},{"path":"src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"src/Message/index.ts":{"bytes":685,"imports":[{"path":"src/Message/Message.tsx","kind":"import-statement","original":"./Message"}],"format":"esm"},"src/Thread/Thread.tsx":{"bytes":31930,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/command.ts","kind":"import-statement","original":"../command"},{"path":"src/context.ts","kind":"import-statement","original":"../context"},{"path":"src/Message/index.ts","kind":"import-statement","original":"../Message"},{"path":"src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"src/Thread/index.ts":{"bytes":643,"imports":[{"path":"src/Thread/Thread.tsx","kind":"import-statement","original":"./Thread"}],"format":"esm"},"src/index.ts":{"bytes":1539,"imports":[{"path":"src/Thread/index.ts","kind":"import-statement","original":"./Thread"},{"path":"src/Message/index.ts","kind":"import-statement","original":"./Message"},{"path":"src/command.ts","kind":"import-statement","original":"./command"},{"path":"src/context.ts","kind":"import-statement","original":"./context"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":42741},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-QFRRLZVL.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["Message","Thread","command","useThreadContext"],"entryPoint":"src/index.ts","inputs":{"src/Thread/Thread.tsx":{"bytesInOutput":7266},"src/command.ts":{"bytesInOutput":922},"src/context.ts":{"bytesInOutput":130},"src/Message/Message.tsx":{"bytesInOutput":10086},"src/Message/index.ts":{"bytesInOutput":0},"src/Thread/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":18677},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/translations.mjs":{"imports":[{"path":"dist/lib/browser/chunk-QFRRLZVL.mjs","kind":"import-statement"}],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{},"bytes":160},"dist/lib/browser/chunk-QFRRLZVL.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1440},"dist/lib/browser/chunk-QFRRLZVL.mjs":{"imports":[],"exports":["translationKey","translations"],"inputs":{"src/translations.ts":{"bytesInOutput":835}},"bytes":948}}}

package/dist/lib/browser/translations.mjs

@@ -0,0 +1,9 @@
+import {
+  translationKey,
+  translations
+} from "./chunk-QFRRLZVL.mjs";
+export {
+  translationKey,
+  translations
+};
+//# sourceMappingURL=translations.mjs.map

package/dist/lib/browser/translations.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,24 +1,95 @@
-import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef } from 'react';
+import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { type UseTextEditorProps } from '@dxos/react-ui-editor';
+import { type Message as MessageType } from '@dxos/types';
 import { type MessageMetadata } from '../types';
-export type MessageRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & MessageMetadata & Partial<{
+export type MessageRootProps = ThemedClassName<ComponentPropsWithRef<'div'> & MessageMetadata & Partial<{
     continues: boolean;
-}>;
-export declare const MessageRoot: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    controls: ReactNode;
+}>>;
 export type MessageHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & Pick<MessageMetadata, 'authorName' | 'timestamp'>;
-export declare const MessageHeading: ({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps) => React.JSX.Element;
+declare function MessageHeading({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps): React.JSX.Element;
+declare namespace MessageHeading {
+    var displayName: string;
+}
 export type MessageAuthorNameProps = Pick<MessageMetadata, 'authorName'>;
-export declare const MessageAuthorName: ({ authorName }: MessageAuthorNameProps) => React.JSX.Element;
+declare function MessageAuthorName({ authorName }: MessageAuthorNameProps): React.JSX.Element;
+declare namespace MessageAuthorName {
+    var displayName: string;
+}
 export type MessageTimeProps = Pick<MessageMetadata, 'timestamp'>;
-export declare const MessageTime: ({ timestamp }: MessageTimeProps) => React.JSX.Element;
-export type MessageBodyProps = ComponentPropsWithoutRef<'p'>;
-export declare const MessageBody: ({ children, ...props }: MessageBodyProps) => React.JSX.Element;
+declare function MessageTime({ timestamp }: MessageTimeProps): React.JSX.Element;
+declare namespace MessageTime {
+    var displayName: string;
+}
+export type MessageBodyProps = {
+    /** The message whose content blocks are rendered. */
+    message: MessageType.Message;
+    /** When true, the local user authored this message. */
+    isAuthor?: boolean;
+    /** When true, the text block is editable. */
+    editing?: boolean;
+    /** Persist an edited text block. */
+    onSave?: (text: string) => void;
+};
+declare function MessageBody({ message, isAuthor, editing, onSave }: MessageBodyProps): React.JSX.Element;
+declare namespace MessageBody {
+    var displayName: string;
+}
 export type MessageTextboxProps = {
     disabled?: boolean;
     onSend?: () => void;
     onClear?: () => void;
     onEditorFocus?: () => void;
 } & MessageMetadata & UseTextEditorProps;
-export declare const MessageTextbox: ({ id, authorId, authorName, authorImgSrc, authorAvatarProps, disabled, extensions, onSend, onClear, onEditorFocus, ...editorProps }: MessageTextboxProps) => React.JSX.Element;
+export type MessageTextboxHandle = {
+    focus: () => void;
+};
+export type MessageTileProps = {
+    message: MessageType.Message;
+    classNames?: MessageRootProps['classNames'];
+};
+declare function MessageTile({ message, classNames }: MessageTileProps): React.JSX.Element;
+declare namespace MessageTile {
+    var displayName: string;
+}
+export declare const Message: {
+    Root: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Heading: {
+        ({ children, classNames, timestamp, authorName, ...props }: MessageHeadingProps): React.JSX.Element;
+        displayName: string;
+    };
+    AuthorName: {
+        ({ authorName }: MessageAuthorNameProps): React.JSX.Element;
+        displayName: string;
+    };
+    Time: {
+        ({ timestamp }: MessageTimeProps): React.JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ message, isAuthor, editing, onSave }: MessageBodyProps): React.JSX.Element;
+        displayName: string;
+    };
+    Textbox: React.ForwardRefExoticComponent<{
+        disabled?: boolean;
+        onSend?: () => void;
+        onClear?: () => void;
+        onEditorFocus?: () => void;
+    } & MessageMetadata & Pick<import("@codemirror/state").EditorStateConfig, "extensions"> & {
+        id?: string;
+        doc?: import("@codemirror/state").Text;
+        initialValue?: string;
+        autoFocus?: boolean;
+        scrollTo?: number;
+        selection?: import("@dxos/ui-editor").EditorSelection;
+        selectionEnd?: boolean;
+        debug?: boolean;
+    } & React.RefAttributes<MessageTextboxHandle>>;
+    Tile: {
+        ({ message, classNames }: MessageTileProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
 //# sourceMappingURL=Message.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAU,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,KAAK,kBAAkB,EAAmC,MAAM,uBAAuB,CAAC;AAKjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAC1E,eAAe,GACf,OAAO,CAAC;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAElC,eAAO,MAAM,WAAW,sGA+BvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAChF,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;AAEpD,eAAO,MAAM,cAAc,GAAI,2DAA2D,mBAAmB,sBAU5G,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAEzE,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,sBAAsB,sBAKvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAElE,eAAO,MAAM,WAAW,GAAI,eAAe,gBAAgB,sBAQ1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,sBAEnE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,eAAe,GACjB,kBAAkB,CAAC;AA4BrB,eAAO,MAAM,cAAc,GAAI,qIAY5B,mBAAmB,sBA8BrB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAqB,KAAK,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ7E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAWhD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAC5C,qBAAqB,CAAC,KAAK,CAAC,GAAG,eAAe,GAAG,OAAO,CAAC;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CACtG,CAAC;AAoDF,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAChF,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;gCAE5B,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB;;;;AActG,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;mCAE9C,EAAE,UAAU,EAAE,EAAE,sBAAsB;;;;AASjE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;6BAE7C,EAAE,SAAS,EAAE,EAAE,gBAAgB;;;;AAgBpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qDAAqD;IACrD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;IAC7B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;6BAMmB,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,gBAAgB;;;;AA8E7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,eAAe,GACjB,kBAAkB,CAAC;AAyBrB,MAAM,MAAM,oBAAoB,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AA0DzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC7C,CAAC;6BAOmB,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB;;;;AAoF9D,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,OAAO;oEAjU0E,mBAAmB;;;IAkUpG,UAAU;yBAlT+B,sBAAsB;;;IAmT/D,IAAI;wBAxS8B,gBAAgB;;;IAySlD,IAAI;iDA1QuD,gBAAgB;;;IA2Q3E,OAAO;mBA5LI,OAAO;iBACT,MAAM,IAAI;kBACT,MAAM,IAAI;wBACJ,MAAM,IAAI;;;;;;;;;;;IA0L1B,IAAI;kCA3FwC,gBAAgB;;;CA4F7D,CAAC"}

package/dist/types/src/Message/Message.stories.d.ts

@@ -1,29 +1,39 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+type StoryProps = {
+    editable: boolean;
+};
+declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("./Message").MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    render: () => React.JSX.Element;
+    render: ({ editable }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
+        layout: string;
         translations: [{
             readonly 'en-US': {
-                readonly "react-ui-thread": {
-                    readonly 'plugin name': "Threads";
-                    readonly 'thread title placeholder': "New thread";
-                    readonly 'thread title label': "Title";
-                    readonly 'delete thread label': "Delete";
-                    readonly 'create thread label': "Create thread";
-                    readonly 'message placeholder': "Enter message...";
-                    readonly 'comment placeholder': "Enter comment...";
-                    readonly 'settings standalone label': "Enable standalone thread creation";
-                    readonly 'anonymous label': "Anonymous";
-                    readonly 'enter to send message': "Enter to add ⏎";
+                readonly "@dxos/react-ui-thread": {
+                    readonly 'plugin.name': 'Threads';
+                    readonly 'thread-title.placeholder': 'New thread';
+                    readonly 'thread-title.label': 'Title';
+                    readonly 'delete-thread.label': 'Delete';
+                    readonly 'select-thread.label': 'Select comment';
+                    readonly 'create-thread.label': 'Create thread';
+                    readonly 'message.placeholder': 'Enter message...';
+                    readonly 'comment.placeholder': 'Enter comment...';
+                    readonly 'settings-standalone.label': 'Enable standalone thread creation';
+                    readonly 'anonymous.label': 'Anonymous';
+                    readonly 'enter-to-send.message': 'Enter to add \u23CE';
+                    readonly 'edit-message.label': 'Edit';
+                    readonly 'save-message.label': 'Save';
+                    readonly 'delete-message.label': 'Delete';
+                    readonly 'accept-proposal.label': 'Accept proposal';
                 };
             };
         }];
     };
 };
-export default _default;
-export declare const Default: {};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Editable: Story;
+export declare const NonEditable: Story;
 //# sourceMappingURL=Message.stories.d.ts.map

package/dist/types/src/Message/Message.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAgCxC,wBAME;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUvC,KAAK,UAAU,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAkBxC,QAAA,MAAM,IAAI;;2BAd0B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBT,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/types/src/Message/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Message';
+export { Message } from './Message';
+export type { MessageRootProps, MessageHeadingProps, MessageAuthorNameProps, MessageTimeProps, MessageBodyProps, MessageTextboxProps, MessageTileProps, } from './Message';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/Message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Message/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Message/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,WAAW,CAAC"}

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

@@ -1,20 +1,83 @@
-import React, { type ComponentPropsWithRef } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-import type { ThreadEntity } from '../types';
-export declare const threadLayout = "is-full place-self-start grid grid-cols-[var(--rail-size)_1fr]";
-type ThreadRootProps = ThemedClassName<ComponentPropsWithRef<'div'>> & ThreadEntity & {
-    current?: boolean;
-};
-type ThreadHeaderProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+import React, { type ComponentPropsWithRef, type ReactNode, type PropsWithChildren } from 'react';
+import { type ComposableProps, type ThemedClassName } from '@dxos/react-ui';
+import { type Message as MessageType } from '@dxos/types';
+import { type Extension } from '@dxos/ui-editor';
+import { type MessageMetadata, type ThreadContextValue } from '../types';
+export type ThreadRootProps = PropsWithChildren<Omit<ThreadContextValue, 'components'> & Partial<Pick<ThreadContextValue, 'components'>>>;
+declare function ThreadRoot({ children, getMetadata, components, identityDid, editable, onMessageDelete, onAcceptProposal }: ThreadRootProps): React.JSX.Element;
+declare namespace ThreadRoot {
+    var displayName: string;
+}
+type ThreadContentExtra = {
+    id?: string;
+    current?: boolean | string;
+} & Pick<ComponentPropsWithRef<'div'>, 'onClickCapture' | 'onFocusCapture'>;
+export type ThreadContentProps = ComposableProps<ThreadContentExtra>;
+export type ThreadHeaderProps = Omit<ComposableProps<{
+    /** Snippet text rendered inside a `<p>` (a string, not a DOM element). */
+    title?: string;
     detached?: boolean;
+    /** Whether this is the current/selected thread; accents the title. */
+    current?: boolean;
+    /** Trailing controls rendered in the right column (aligns with message-tile controls). */
+    controls?: ReactNode;
+    /** Invoked when the caret affordance is activated to select/focus this thread. */
+    onSelect?: () => void;
+}>, 'children'>;
+export type ThreadMessagesProps = ThemedClassName<{
+    messages: readonly MessageType.Message[];
+    /** Estimated tile height for the virtualizer. */
+    estimateSize?: number;
+    currentId?: string;
+}>;
+declare function ThreadMessages({ messages, estimateSize, currentId, classNames }: ThreadMessagesProps): React.JSX.Element;
+declare namespace ThreadMessages {
+    var displayName: string;
+}
+export type ThreadTextboxProps = MessageMetadata & {
+    placeholder?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    extensions?: Extension;
+    /**
+     * Called with the composer content on send. Return `true` to accept (the
+     * editor is cleared and remounted), `false` to reject.
+     */
+    onSend?: (text: string) => boolean;
 };
-type ThreadStatusProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+declare function ThreadTextbox({ placeholder, autoFocus, disabled, extensions, onSend, ...metadata }: ThreadTextboxProps): React.JSX.Element;
+declare namespace ThreadTextbox {
+    var displayName: string;
+}
+export type ThreadStatusProps = ThemedClassName<PropsWithChildren> & {
     activity?: boolean;
 };
 export declare const Thread: {
-    Root: React.ForwardRefExoticComponent<Omit<ThreadRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<ThreadHeaderProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Status: React.ForwardRefExoticComponent<Omit<ThreadStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: {
+        ({ children, getMetadata, components, identityDid, editable, onMessageDelete, onAcceptProposal, }: ThreadRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Content: React.ForwardRefExoticComponent<Omit<ThreadContentExtra, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<ThreadHeaderProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Messages: {
+        ({ messages, estimateSize, currentId, classNames }: ThreadMessagesProps): React.JSX.Element;
+        displayName: string;
+    };
+    Textbox: {
+        ({ placeholder, autoFocus, disabled, extensions, onSend, ...metadata }: ThreadTextboxProps): React.JSX.Element;
+        displayName: string;
+    };
+    Status: React.ForwardRefExoticComponent<Omit<{
+        children?: ReactNode | undefined;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        activity?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
 };
-export type { ThreadRootProps, ThreadHeaderProps as ThreadHeadingProps, ThreadStatusProps };
+export {};
 //# sourceMappingURL=Thread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAQ,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAI5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,YAAY,mEAAmE,CAAC;AAM7F,KAAK,eAAe,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG,YAAY,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA4B5G,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgChG,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4BF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,iBAAiB,IAAI,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAEd,KAAK,iBAAiB,EAMvB,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,KAAK,eAAe,EAIpB,KAAK,eAAe,EAKrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,KAAK,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,KAAK,SAAS,EAA0D,MAAM,iBAAiB,CAAC;AAOzG,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAQzE,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CACzF,CAAC;4BAQkB,EAClB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,EAAE,eAAe;;;;AAgClB,KAAK,kBAAkB,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;AA+BrE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,eAAe,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,EACF,UAAU,CACX,CAAC;AA4EF,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAChD,QAAQ,EAAE,SAAS,WAAW,CAAC,OAAO,EAAE,CAAC;IACzC,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;gCAGqB,EAAE,QAAQ,EAAE,YAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;AAkCnG,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CACpC,CAAC;+BAGqB,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,EAAE,kBAAkB;;;;AAuDhH,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkCF,eAAO,MAAM,MAAM;IACjB,IAAI;2GAhTH,eAAe;;;IAiThB,OAAO;;;IACP,MAAM;;;IACN,QAAQ;4DA9IsE,mBAAmB;;;IA+IjG,OAAO;gFAhGqF,kBAAkB;;;IAiG9G,MAAM;;;;;mBAzCK,OAAO;;CA0CnB,CAAC"}

package/dist/types/src/Thread/Thread.stories.d.ts

@@ -1,7 +1,35 @@
-import '@dxos-theme';
-import { type Meta } from '@dxos/storybook-utils';
-import { Thread } from './Thread';
-declare const meta: Meta<typeof Thread.Root>;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-thread": {
+                    readonly 'plugin.name': 'Threads';
+                    readonly 'thread-title.placeholder': 'New thread';
+                    readonly 'thread-title.label': 'Title';
+                    readonly 'delete-thread.label': 'Delete';
+                    readonly 'select-thread.label': 'Select comment';
+                    readonly 'create-thread.label': 'Create thread';
+                    readonly 'message.placeholder': 'Enter message...';
+                    readonly 'comment.placeholder': 'Enter comment...';
+                    readonly 'settings-standalone.label': 'Enable standalone thread creation';
+                    readonly 'anonymous.label': 'Anonymous';
+                    readonly 'enter-to-send.message': 'Enter to add \u23CE';
+                    readonly 'edit-message.label': 'Edit';
+                    readonly 'save-message.label': 'Save';
+                    readonly 'delete-message.label': 'Delete';
+                    readonly 'accept-proposal.label': 'Accept proposal';
+                };
+            };
+        }];
+    };
+};
 export default meta;
-export declare const Default: {};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Thread.stories.d.ts.map

package/dist/types/src/Thread/Thread.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAQrB,OAAO,EAAE,KAAK,IAAI,EAAyB,MAAM,uBAAuB,CAAC;AAMzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,IAAI,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../src/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/Thread/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Thread';
+export { Thread } from './Thread';
+export type { ThreadRootProps, ThreadContentProps, ThreadHeaderProps, ThreadMessagesProps, ThreadTextboxProps, ThreadStatusProps, } from './Thread';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/Thread/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Thread/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Thread/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,3 @@
+import { type Extension } from '@codemirror/state';
+export declare const command: Extension;
+//# sourceMappingURL=command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/command.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAoDnD,eAAO,MAAM,OAAO,EAAE,SAAuD,CAAC"}