@dxos/plugin-thread 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/browser/chunk-TAFSCSUR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChatContainer.tsx", "../../../src/components/MessageContainer.tsx", "../../../src/components/command-extension.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport { fullyQualifiedId, type Space, useMembers } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ScrollArea, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, listener } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport {\n  MessageTextbox,\n  type MessageTextboxProps,\n  Thread,\n  ThreadFooter,\n  threadLayout,\n  type ThreadProps,\n} from '@dxos/react-ui-thread';\nimport { DataType } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { MessageContainer } from './MessageContainer';\nimport { command } from './command-extension';\nimport { useStatus } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ThreadType } from '../types';\nimport { getMessageMetadata } from '../util';\n\nexport const ChatHeading = ({ attendableId }: { attendableId?: string }) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  return (\n    <div role='none' className='flex items-center'>\n      <StackItem.SigilButton attendableId={attendableId}>\n        <Icon icon='ph--chat--regular' size={5} />\n      </StackItem.SigilButton>\n      <StackItem.HeadingLabel attendableId={attendableId}>{t('chat heading')}</StackItem.HeadingLabel>\n    </div>\n  );\n};\n\nexport type ChatContainerProps = {\n  space: Space;\n  thread: ThreadType;\n  context?: Obj.Any;\n  autoFocusTextbox?: boolean;\n} & Pick<ThreadProps, 'current'>;\n\nexport const ChatContainer = ({ space, thread, context, current, autoFocusTextbox }: ChatContainerProps) => {\n  const id = fullyQualifiedId(thread);\n  const identity = useIdentity()!;\n  const members = useMembers(space?.key);\n  const activity = useStatus(space, id);\n  const { t } = useTranslation(THREAD_PLUGIN);\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 [autoFocus, setAutoFocus] = useState(autoFocusTextbox);\n  const threadScrollRef = useRef<HTMLDivElement | null>(null);\n  const { themeMode } = useThemeContext();\n\n  const textboxMetadata = getMessageMetadata(id, identity);\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    [themeMode, _count],\n  );\n\n  // TODO(thure): Factor out.\n  // TODO(thure): `flex-col-reverse` does not work to start the container scrolled to the end while also using\n  //  `ScrollArea`. This is the least-bad way I found to scroll to the end on mount. Note that 0ms was insufficient\n  //  for the desired effect; this is likely hardware-dependent and should be reevaluated.\n  const scrollToEnd = (behavior: ScrollBehavior) =>\n    setTimeout(() => threadScrollRef.current?.scrollIntoView({ behavior, block: 'end' }), 10);\n\n  useLayoutEffect(() => {\n    scrollToEnd('instant');\n  }, []);\n\n  // TODO(burdon): Change to model.\n  const handleCreate: MessageTextboxProps['onSend'] = () => {\n    if (!messageRef.current?.length) {\n      return false;\n    }\n\n    thread.messages.push(\n      Ref.make(\n        Obj.make(DataType.Message, {\n          sender: { identityDid: identity.did },\n          created: new Date().toISOString(),\n          blocks: [{ type: 'text', text: messageRef.current }],\n          properties: context ? { context: Ref.make(context) } : undefined,\n        }),\n      ),\n    );\n\n    messageRef.current = '';\n    setAutoFocus(true);\n    scrollToEnd('smooth');\n    rerenderEditor();\n    return true;\n  };\n\n  return (\n    <Thread\n      current={current}\n      id={id}\n      classNames='bs-full grid-rows-[1fr_min-content_min-content] overflow-hidden transition-[padding-block-end] [[data-sidebar-inline-start-state=open]_&]:lg:pbe-0'\n    >\n      <ScrollArea.Root classNames='col-span-2'>\n        <ScrollArea.Viewport classNames='overflow-anchored after:overflow-anchor after:block after:bs-px after:-mbs-px [&>div]:min-bs-full [&>div]:!grid [&>div]:grid-rows-[1fr_0]'>\n          <div role='none' className={mx(threadLayout, 'place-self-end')}>\n            {thread.messages\n              .map((message) => message.target)\n              .filter(isNonNullable)\n              .map((message) => (\n                <MessageContainer key={message.id} message={message} members={members} />\n              ))}\n          </div>\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          <ScrollArea.Scrollbar>\n            <ScrollArea.Thumb />\n          </ScrollArea.Scrollbar>\n        </ScrollArea.Viewport>\n      </ScrollArea.Root>\n      <MessageTextbox extensions={extensions} autoFocus={autoFocus} onSend={handleCreate} {...textboxMetadata} />\n      <ThreadFooter activity={activity}>{t('activity message')}</ThreadFooter>\n    </Thread>\n  );\n};\n\nexport default ChatContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { Check, PencilSimple, X } from '@phosphor-icons/react';\nimport React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { type Obj, type Type } from '@dxos/echo';\nimport { RefArray } from '@dxos/live-object';\nimport { PublicKey } from '@dxos/react-client';\nimport { type SpaceMember } from '@dxos/react-client/echo';\nimport { useIdentity, type Identity } from '@dxos/react-client/halo';\nimport { Button, ButtonGroup, Tooltip, useOnTransition, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { createBasicExtensions, createThemeExtensions, useTextEditor } from '@dxos/react-ui-editor';\nimport {\n  getSize,\n  hoverableControlItem,\n  hoverableControls,\n  hoverableFocusedWithinControls,\n  mx,\n} from '@dxos/react-ui-theme';\nimport { MessageHeading, MessageRoot } from '@dxos/react-ui-thread';\nimport { type DataType } from '@dxos/schema';\n\nimport { command } from './command-extension';\nimport { useOnEditAnalytics } from '../hooks';\nimport { THREAD_PLUGIN } from '../meta';\nimport { getMessageMetadata } from '../util';\n\n// TODO(thure): #8149\nconst messageControlClassNames = ['!p-1 !min-bs-0 transition-opacity', hoverableControlItem];\n\nexport type MessageContainerProps = {\n  message: DataType.Message;\n  members: SpaceMember[];\n  editable?: boolean;\n  onDelete?: (id: string) => void;\n};\n\nexport const MessageContainer = ({ message, members, editable = false, onDelete }: MessageContainerProps) => {\n  const senderIdentity = members.find(\n    (member) =>\n      (message.sender.identityDid && member.identity.did === message.sender.identityDid) ||\n      (message.sender.identityKey && PublicKey.equals(member.identity.identityKey, message.sender.identityKey)),\n  )?.identity;\n  const messageMetadata = getMessageMetadata(message.id, senderIdentity);\n  const userIsAuthor = useIdentity()?.did === messageMetadata.authorId;\n  const [editing, setEditing] = useState(false);\n  const handleDelete = useCallback(() => onDelete?.(message.id), [message, onDelete]);\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const editLabel = t(editing ? 'save message label' : 'edit message label');\n  const deleteLabel = t('delete message label');\n  const textBlock = message.blocks.find((block) => block.type === 'text');\n  const references = message.blocks.filter((block) => block.type === 'reference').map((block) => block.reference);\n\n  useOnEditAnalytics(message, textBlock, !!editing);\n\n  return (\n    <MessageRoot {...messageMetadata} classNames={[hoverableControls, hoverableFocusedWithinControls]}>\n      <MessageHeading authorName={messageMetadata.authorName} timestamp={messageMetadata.timestamp}>\n        <ButtonGroup classNames='mie-1'>\n          {userIsAuthor && editable && (\n            <Tooltip.Trigger asChild content={editLabel}>\n              <Button\n                variant='ghost'\n                data-testid={editing ? 'thread.message.save' : 'thread.message.edit'}\n                classNames={messageControlClassNames}\n                onClick={() => setEditing((editing) => !editing)}\n              >\n                <span className='sr-only'>{editLabel}</span>\n                {editing ? <Check className={getSize(4)} /> : <PencilSimple className={getSize(4)} />}\n              </Button>\n            </Tooltip.Trigger>\n          )}\n          {onDelete && (\n            <Tooltip.Trigger asChild content={deleteLabel}>\n              <Button\n                variant='ghost'\n                data-testid='thread.message.delete'\n                classNames={messageControlClassNames}\n                onClick={() => handleDelete()}\n              >\n                <span className='sr-only'>{deleteLabel}</span>\n                <X className={getSize(4)} />\n              </Button>\n            </Tooltip.Trigger>\n          )}\n        </ButtonGroup>\n      </MessageHeading>\n      {textBlock && <TextboxBlock block={textBlock} isAuthor={userIsAuthor} editing={editing} />}\n      {RefArray.targets(references).map((reference, index) => (\n        <MessagePart key={index} part={reference} />\n      ))}\n    </MessageRoot>\n  );\n};\n\nconst MessagePart = ({ part }: { part: Type.Expando }) => {\n  return <MessageBlockObjectTile subject={part} />;\n};\n\nconst TextboxBlock = ({\n  block,\n  isAuthor,\n  editing,\n}: {\n  block: DataType.MessageBlock.Text;\n  editing?: boolean;\n  isAuthor?: boolean;\n  identity?: Identity;\n}) => {\n  const { themeMode } = useThemeContext();\n  const inMemoryContentRef = useRef(block.text);\n\n  const handleDocumentChange = useCallback((newState: string) => {\n    inMemoryContentRef.current = newState;\n  }, []);\n\n  const saveDocumentChange = useCallback(() => {\n    block.text = inMemoryContentRef.current;\n  }, [block]);\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    editing && view?.focus();\n  }, [editing, view]);\n\n  return <div role='none' ref={parentRef} className='mie-4' {...focusAttributes} />;\n};\n\nconst MessageBlockObjectTile = forwardRef<HTMLDivElement, { subject: Obj.Any }>(({ subject }, forwardedRef) => {\n  // TODO(burdon): Use annotation to get title.\n  let title = (subject as any).name ?? (subject as any).title ?? (subject as any).type ?? 'Object';\n  if (typeof title !== 'string') {\n    title = title?.content ?? '';\n  }\n\n  return (\n    <div\n      role='group'\n      className={mx('grid col-span-3 py-1 pr-4', hoverableControls, hoverableFocusedWithinControls)}\n      ref={forwardedRef}\n    >\n      <Surface role='card' limit={1} data={{ subject }} fallback={title} />\n    </div>\n  );\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\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    if (state.count === 1 && stream.match(/^(\\/\\w+)/)) {\n      return 'tagName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\nconst styles = HighlightStyle.define([\n  { tag: tags.tagName, class: mx('dx-tag dx-tag--indigo text-baseText font-medium') },\n]);\n\nexport const command: Extension = [parser, syntaxHighlighting(styles)];\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,OAAOA,UAASC,iBAAiBC,SAASC,UAAAA,SAAQC,YAAAA,iBAAgB;AAElE,SAASC,KAAKC,WAAW;AACzB,SAASC,kBAA8BC,kBAAkB;AACzD,SAASC,eAAAA,oBAAmB;AAC5B,SAASC,MAAMC,YAAYC,mBAAAA,kBAAiBC,kBAAAA,uBAAsB;AAClE,SAASC,yBAAAA,wBAAuBC,yBAAAA,wBAAuBC,gBAAgB;AACvE,SAASC,iBAAiB;AAC1B,SAASC,MAAAA,WAAU;AACnB,SACEC,gBAEAC,QACAC,cACAC,oBAEK;AACP,SAASC,gBAAgB;AACzB,SAASC,qBAAqB;;;;AClB9B,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,cAAcC,SAAS;AACvC,OAAOC,SAASC,YAAYC,aAAaC,WAAWC,QAAQC,gBAAgB;AAE5E,SAASC,eAAe;AAExB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAE1B,SAASC,mBAAkC;AAC3C,SAASC,QAAQC,aAAaC,SAASC,iBAAiBC,iBAAiBC,sBAAsB;AAC/F,SAASC,uBAAuBC,uBAAuBC,qBAAqB;AAC5E,SACEC,SACAC,sBACAC,mBACAC,gCACAC,MAAAA,WACK;AACP,SAASC,gBAAgBC,mBAAmB;;;ACnB5C,SAASC,gBAAgBC,gBAAgBC,0BAA0B;AAGnE,SAASC,YAAY;AACrB,SAASC,UAAU;AAKnB,IAAMC,SAASC,eAAeC,OAA0B;EACtDC,YAAY,OAAO;IAAEC,OAAO;EAAE;EAC9BC,OAAO,CAACC,QAAQC,UAAAA;AACdA,UAAMH;AACN,QAAIE,OAAOE,SAAQ,GAAI;AACrB,aAAO;IACT;AACA,QAAID,MAAMH,UAAU,KAAKE,OAAOG,MAAM,UAAA,GAAa;AACjD,aAAO;IACT;AACAH,WAAOI,KAAI;AACX,WAAO;EACT;AACF,CAAA;AAEA,IAAMC,SAASC,eAAeV,OAAO;EACnC;IAAEW,KAAKC,KAAKC;IAASC,OAAOC,GAAG,iDAAA;EAAmD;CACnF;AAEM,IAAMC,UAAqB;EAAClB;EAAQmB,mBAAmBR,MAAAA;;;;ADA9D,IAAMS,2BAA2B;EAAC;EAAqCC;;AAShE,IAAMC,mBAAmB,CAAC,EAAEC,SAASC,SAASC,WAAW,OAAOC,SAAQ,MAAyB;;;AACtG,UAAMC,iBAAiBH,QAAQI,KAC7B,CAACC,WACEN,QAAQO,OAAOC,eAAeF,OAAOG,SAASC,QAAQV,QAAQO,OAAOC,eACrER,QAAQO,OAAOI,eAAeC,UAAUC,OAAOP,OAAOG,SAASE,aAAaX,QAAQO,OAAOI,WAAW,CAAA,GACxGF;AACH,UAAMK,kBAAkBC,mBAAmBf,QAAQgB,IAAIZ,cAAAA;AACvD,UAAMa,eAAeC,YAAAA,GAAeR,QAAQI,gBAAgBK;AAC5D,UAAM,CAACC,SAASC,UAAAA,IAAcC,SAAS,KAAA;AACvC,UAAMC,eAAeC,YAAY,MAAMrB,WAAWH,QAAQgB,EAAE,GAAG;MAAChB;MAASG;KAAS;AAClF,UAAM,EAAEsB,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,UAAMC,YAAYH,EAAEL,UAAU,uBAAuB,oBAAA;AACrD,UAAMS,cAAcJ,EAAE,sBAAA;AACtB,UAAMK,YAAY9B,QAAQ+B,OAAO1B,KAAK,CAAC2B,UAAUA,MAAMC,SAAS,MAAA;AAChE,UAAMC,aAAalC,QAAQ+B,OAAOI,OAAO,CAACH,UAAUA,MAAMC,SAAS,WAAA,EAAaG,IAAI,CAACJ,UAAUA,MAAMK,SAAS;AAE9GC,uBAAmBtC,SAAS8B,WAAW,CAAC,CAACV,OAAAA;AAEzC,WACE,sBAAA,cAACmB,aAAAA;MAAa,GAAGzB;MAAiB0B,YAAY;QAACC;QAAmBC;;OAChE,sBAAA,cAACC,gBAAAA;MAAeC,YAAY9B,gBAAgB8B;MAAYC,WAAW/B,gBAAgB+B;OACjF,sBAAA,cAACC,aAAAA;MAAYN,YAAW;OACrBvB,gBAAgBf,YACf,sBAAA,cAAC6C,QAAQC,SAAO;MAACC,SAAAA;MAAQC,SAAStB;OAChC,sBAAA,cAACuB,QAAAA;MACCC,SAAQ;MACRC,eAAajC,UAAU,wBAAwB;MAC/CoB,YAAY3C;MACZyD,SAAS,MAAMjC,WAAW,CAACD,aAAY,CAACA,QAAAA;OAExC,sBAAA,cAACmC,QAAAA;MAAKC,WAAU;OAAW5B,SAAAA,GAC1BR,UAAU,sBAAA,cAACqC,OAAAA;MAAMD,WAAWE,QAAQ,CAAA;SAAS,sBAAA,cAACC,cAAAA;MAAaH,WAAWE,QAAQ,CAAA;UAIpFvD,YACC,sBAAA,cAAC4C,QAAQC,SAAO;MAACC,SAAAA;MAAQC,SAASrB;OAChC,sBAAA,cAACsB,QAAAA;MACCC,SAAQ;MACRC,eAAY;MACZb,YAAY3C;MACZyD,SAAS,MAAM/B,aAAAA;OAEf,sBAAA,cAACgC,QAAAA;MAAKC,WAAU;OAAW3B,WAAAA,GAC3B,sBAAA,cAAC+B,GAAAA;MAAEJ,WAAWE,QAAQ,CAAA;YAM/B5B,aAAa,sBAAA,cAAC+B,cAAAA;MAAa7B,OAAOF;MAAWgC,UAAU7C;MAAcG;QACrE2C,SAASC,QAAQ9B,UAAAA,EAAYE,IAAI,CAACC,WAAW4B,UAC5C,sBAAA,cAACC,aAAAA;MAAYC,KAAKF;MAAOG,MAAM/B;;;;;AAIvC;AAEA,IAAM6B,cAAc,CAAC,EAAEE,KAAI,MAA0B;;;AACnD,WAAO,sBAAA,cAACC,wBAAAA;MAAuBC,SAASF;;;;;AAC1C;AAEA,IAAMP,eAAe,CAAC,EACpB7B,OACA8B,UACA1C,QAAO,MAMR;;;AACC,UAAM,EAAEmD,UAAS,IAAKC,gBAAAA;AACtB,UAAMC,qBAAqBC,OAAO1C,MAAM2C,IAAI;AAE5C,UAAMC,uBAAuBpD,YAAY,CAACqD,aAAAA;AACxCJ,yBAAmBK,UAAUD;IAC/B,GAAG,CAAA,CAAE;AAEL,UAAME,qBAAqBvD,YAAY,MAAA;AACrCQ,YAAM2C,OAAOF,mBAAmBK;IAClC,GAAG;MAAC9C;KAAM;AAEVgD,oBAAgB5D,SAAS,MAAM,OAAO2D,kBAAAA;AAEtC,UAAM,EAAEE,WAAWC,iBAAiBC,KAAI,IAAKC,cAC3C,OAAO;MACLC,cAAcrD,MAAM2C;MACpBW,YAAY;QACVC,sBAAsB;UAAEC,UAAU,CAAC1B,YAAY,CAAC1C;QAAQ,CAAA;QACxDqE,sBAAsB;UAAElB;QAAU,CAAA;QAClCmB;QACAC,WAAWC,eAAeC,GAAG,CAACC,WAAAA;AAC5B,cAAIA,OAAOC,YAAY;AACrBnB,iCAAqBkB,OAAOE,MAAMC,IAAIC,SAAQ,CAAA;UAChD;QACF,CAAA;;IAEJ,IACA;MAAClE,MAAM2C;MAAMvD;MAAS0C;MAAUS;MAAWK;KAAqB;AAGlEuB,cAAU,MAAA;AACR/E,iBAAW+D,MAAMiB,MAAAA;IACnB,GAAG;MAAChF;MAAS+D;KAAK;AAElB,WAAO,sBAAA,cAACkB,OAAAA;MAAIC,MAAK;MAAOC,KAAKtB;MAAWzB,WAAU;MAAS,GAAG0B;;;;;AAChE;AAEA,IAAMb,yBAAyBmC,2BAAiD,CAAC,EAAElC,QAAO,GAAImC,iBAAAA;;;AAE5F,QAAIC,QAASpC,QAAgBqC,QAASrC,QAAgBoC,SAAUpC,QAAgBrC,QAAQ;AACxF,QAAI,OAAOyE,UAAU,UAAU;AAC7BA,cAAQA,OAAOxD,WAAW;IAC5B;AAEA,WACE,sBAAA,cAACmD,OAAAA;MACCC,MAAK;MACL9C,WAAWoD,IAAG,6BAA6BnE,mBAAmBC,8BAAAA;MAC9D6D,KAAKE;OAEL,sBAAA,cAACI,SAAAA;MAAQP,MAAK;MAAOQ,OAAO;MAAGC,MAAM;QAAEzC;MAAQ;MAAG0C,UAAUN;;;;;AAGlE,CAAA;;;ADvIO,IAAMO,cAAc,CAAC,EAAEC,aAAY,MAA6B;;;AACrE,UAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAC7B,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,gBAAAH,OAAA,cAACI,UAAUC,aAAW;MAACT;OACrB,gBAAAI,OAAA,cAACM,MAAAA;MAAKC,MAAK;MAAoBC,MAAM;SAEvC,gBAAAR,OAAA,cAACI,UAAUK,cAAY;MAACb;OAA6BC,EAAE,cAAA,CAAA,CAAA;;;;AAG7D;AASO,IAAMa,gBAAgB,CAAC,EAAEC,OAAOC,QAAQC,SAASC,SAASC,iBAAgB,MAAsB;;;AACrG,UAAMC,KAAKC,iBAAiBL,MAAAA;AAC5B,UAAMM,WAAWC,aAAAA;AACjB,UAAMC,UAAUC,WAAWV,OAAOW,GAAAA;AAClC,UAAMC,WAAWC,UAAUb,OAAOK,EAAAA;AAClC,UAAM,EAAEnB,EAAC,IAAKC,gBAAeC,aAAAA;AAE7B,UAAM,CAAC0B,QAAQC,SAAAA,IAAaC,UAAS,CAAA;AACrC,UAAMC,iBAAiB,MAAMF,UAAU,CAACG,UAAUA,QAAQ,CAAA;AAC1D,UAAM,CAACC,WAAWC,YAAAA,IAAgBJ,UAASZ,gBAAAA;AAC3C,UAAMiB,kBAAkBC,QAA8B,IAAA;AACtD,UAAM,EAAEC,UAAS,IAAKC,iBAAAA;AAEtB,UAAMC,kBAAkBC,mBAAmBrB,IAAIE,QAAAA;AAC/C,UAAMoB,aAAaL,QAAO,EAAA;AAC1B,UAAMM,aAAaC,QACjB,MAAM;MACJC,uBAAsB;QAAEC,aAAa7C,EAAE,qBAAA;MAAuB,CAAA;MAC9D8C,uBAAsB;QAAET;MAAU,CAAA;MAClCU,SAAS;QAAEC,UAAU,CAACC,SAAUR,WAAWxB,UAAUgC;MAAM,CAAA;MAC3DC;OAEF;MAACb;MAAWT;KAAO;AAOrB,UAAMuB,cAAc,CAACC,aACnBC,WAAW,MAAMlB,gBAAgBlB,SAASqC,eAAe;MAAEF;MAAUG,OAAO;IAAM,CAAA,GAAI,EAAA;AAExFC,oBAAgB,MAAA;AACdL,kBAAY,SAAA;IACd,GAAG,CAAA,CAAE;AAGL,UAAMM,eAA8C,MAAA;AAClD,UAAI,CAAChB,WAAWxB,SAASyC,QAAQ;AAC/B,eAAO;MACT;AAEA3C,aAAO4C,SAASC,KACdC,IAAIC,KACFC,IAAID,KAAKE,SAASC,SAAS;QACzBC,QAAQ;UAAEC,aAAa9C,SAAS+C;QAAI;QACpCC,UAAS,oBAAIC,KAAAA,GAAOC,YAAW;QAC/BC,QAAQ;UAAC;YAAEC,MAAM;YAAQxB,MAAMR,WAAWxB;UAAQ;;QAClDyD,YAAY1D,UAAU;UAAEA,SAAS6C,IAAIC,KAAK9C,OAAAA;QAAS,IAAI2D;MACzD,CAAA,CAAA,CAAA;AAIJlC,iBAAWxB,UAAU;AACrBiB,mBAAa,IAAA;AACbiB,kBAAY,QAAA;AACZpB,qBAAAA;AACA,aAAO;IACT;AAEA,WACE,gBAAA5B,OAAA,cAACyE,QAAAA;MACC3D;MACAE;MACA0D,YAAW;OAEX,gBAAA1E,OAAA,cAAC2E,WAAWC,MAAI;MAACF,YAAW;OAC1B,gBAAA1E,OAAA,cAAC2E,WAAWE,UAAQ;MAACH,YAAW;OAC9B,gBAAA1E,OAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAW2E,IAAGC,cAAc,gBAAA;OAC1CnE,OAAO4C,SACLwB,IAAI,CAACC,YAAYA,QAAQC,MAAM,EAC/BC,OAAOC,aAAAA,EACPJ,IAAI,CAACC,YACJ,gBAAAjF,OAAA,cAACqF,kBAAAA;MAAiB/D,KAAK2D,QAAQjE;MAAIiE;MAAkB7D;UAI3D,gBAAApB,OAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;MAAgBmF,KAAKtD;QAChD,gBAAAhC,OAAA,cAAC2E,WAAWY,WAAS,MACnB,gBAAAvF,OAAA,cAAC2E,WAAWa,OAAK,IAAA,CAAA,CAAA,CAAA,GAIvB,gBAAAxF,OAAA,cAACyF,gBAAAA;MAAelD;MAAwBT;MAAsB4D,QAAQpC;MAAe,GAAGlB;QACxF,gBAAApC,OAAA,cAAC2F,cAAAA;MAAapE;OAAqB1B,EAAE,kBAAA,CAAA,CAAA;;;;AAG3C;AAEA,IAAA,wBAAea;",
+  "names": ["React", "useLayoutEffect", "useMemo", "useRef", "useState", "Obj", "Ref", "fullyQualifiedId", "useMembers", "useIdentity", "Icon", "ScrollArea", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "listener", "StackItem", "mx", "MessageTextbox", "Thread", "ThreadFooter", "threadLayout", "DataType", "isNonNullable", "EditorView", "Check", "PencilSimple", "X", "React", "forwardRef", "useCallback", "useEffect", "useRef", "useState", "Surface", "RefArray", "PublicKey", "useIdentity", "Button", "ButtonGroup", "Tooltip", "useOnTransition", "useThemeContext", "useTranslation", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "getSize", "hoverableControlItem", "hoverableControls", "hoverableFocusedWithinControls", "mx", "MessageHeading", "MessageRoot", "StreamLanguage", "HighlightStyle", "syntaxHighlighting", "tags", "mx", "parser", "StreamLanguage", "define", "startState", "count", "token", "stream", "state", "eatSpace", "match", "next", "styles", "HighlightStyle", "tag", "tags", "tagName", "class", "mx", "command", "syntaxHighlighting", "messageControlClassNames", "hoverableControlItem", "MessageContainer", "message", "members", "editable", "onDelete", "senderIdentity", "find", "member", "sender", "identityDid", "identity", "did", "identityKey", "PublicKey", "equals", "messageMetadata", "getMessageMetadata", "id", "userIsAuthor", "useIdentity", "authorId", "editing", "setEditing", "useState", "handleDelete", "useCallback", "t", "useTranslation", "THREAD_PLUGIN", "editLabel", "deleteLabel", "textBlock", "blocks", "block", "type", "references", "filter", "map", "reference", "useOnEditAnalytics", "MessageRoot", "classNames", "hoverableControls", "hoverableFocusedWithinControls", "MessageHeading", "authorName", "timestamp", "ButtonGroup", "Tooltip", "Trigger", "asChild", "content", "Button", "variant", "data-testid", "onClick", "span", "className", "Check", "getSize", "PencilSimple", "X", "TextboxBlock", "isAuthor", "RefArray", "targets", "index", "MessagePart", "key", "part", "MessageBlockObjectTile", "subject", "themeMode", "useThemeContext", "inMemoryContentRef", "useRef", "text", "handleDocumentChange", "newState", "current", "saveDocumentChange", "useOnTransition", "parentRef", "focusAttributes", "view", "useTextEditor", "initialValue", "extensions", "createBasicExtensions", "readOnly", "createThemeExtensions", "command", "EditorView", "updateListener", "of", "update", "docChanged", "state", "doc", "toString", "useEffect", "focus", "div", "role", "ref", "forwardRef", "forwardedRef", "title", "name", "mx", "Surface", "limit", "data", "fallback", "ChatHeading", "attendableId", "t", "useTranslation", "THREAD_PLUGIN", "React", "div", "role", "className", "StackItem", "SigilButton", "Icon", "icon", "size", "HeadingLabel", "ChatContainer", "space", "thread", "context", "current", "autoFocusTextbox", "id", "fullyQualifiedId", "identity", "useIdentity", "members", "useMembers", "key", "activity", "useStatus", "_count", "_setCount", "useState", "rerenderEditor", "count", "autoFocus", "setAutoFocus", "threadScrollRef", "useRef", "themeMode", "useThemeContext", "textboxMetadata", "getMessageMetadata", "messageRef", "extensions", "useMemo", "createBasicExtensions", "placeholder", "createThemeExtensions", "listener", "onChange", "text", "command", "scrollToEnd", "behavior", "setTimeout", "scrollIntoView", "block", "useLayoutEffect", "handleCreate", "length", "messages", "push", "Ref", "make", "Obj", "DataType", "Message", "sender", "identityDid", "did", "created", "Date", "toISOString", "blocks", "type", "properties", "undefined", "Thread", "classNames", "ScrollArea", "Root", "Viewport", "mx", "threadLayout", "map", "message", "target", "filter", "isNonNullable", "MessageContainer", "ref", "Scrollbar", "Thumb", "MessageTextbox", "onSend", "ThreadFooter"]
+}

package/dist/lib/browser/{chunk-5PGLGDIP.mjs → chunk-XZKBN3NS.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-R5MDLUPC.mjs";
 import {
   ChatContainer_default
-} from "./chunk-G3TS64FP.mjs";
+} from "./chunk-TAFSCSUR.mjs";
 import {
   useDebugMode
 } from "./chunk-5P5BH5GE.mjs";
@@ -39,7 +39,7 @@ import { useAppGraph, useCapability } from "@dxos/app-framework";
 import { useNode, useActions } from "@dxos/plugin-graph";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { Icon, IconButton, Toolbar as NativeToolbar, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { hoverableHidden, mx } from "@dxos/react-ui-theme";
+import { groupHoverControlItemWithTransition, mx } from "@dxos/react-ui-theme";
 var Toolbar = ({ classNames, channel, participants, autoHideControls = true, onJoin, onLeave }) => {
   var _effect = _useSignals();
   try {
@@ -51,10 +51,10 @@ var Toolbar = ({ classNames, channel, participants, autoHideControls = true, onJ
     const isScreensharing = call.media.screenshareTrack !== void 0;
     const canSharescreen = typeof navigator.mediaDevices !== "undefined" && navigator.mediaDevices.getDisplayMedia !== void 0;
     return /* @__PURE__ */ React.createElement("div", {
-      className: mx("z-20 flex justify-center m-8", autoHideControls && hoverableHidden)
+      className: mx("z-20 flex justify-center m-8", autoHideControls && groupHoverControlItemWithTransition)
     }, /* @__PURE__ */ React.createElement(NativeToolbar.Root, {
       classNames: [
-        "p-2 bg-modalSurface rounded-lg shadow-lg",
+        "p-2 bg-modalSurface rounded-md shadow-md",
         classNames
       ]
     }, /* @__PURE__ */ React.createElement(ToggleButton, {
@@ -534,7 +534,7 @@ import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking"
 import React6, { useEffect as useEffect4, useState as useState2 } from "react";
 import { Icon as Icon2, IconButton as IconButton2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { Waveform } from "@dxos/react-ui-sfx";
-import { hoverableHidden as hoverableHidden2, mx as mx5 } from "@dxos/react-ui-theme";
+import { groupHoverControlItemWithTransition as groupHoverControlItemWithTransition2, mx as mx5 } from "@dxos/react-ui-theme";
 var ResponsiveGridItem = ({ children, classNames, item, style, name, self, pinned, screenshare, video, mute, wave, speaking, onClick }) => {
   var _effect = _useSignals6();
   try {
@@ -570,7 +570,7 @@ var ResponsiveGridItem = ({ children, classNames, item, style, name, self, pinne
     }, children, onClick && /* @__PURE__ */ React6.createElement("div", {
       className: "z-10 absolute top-1 right-1 flex"
     }, /* @__PURE__ */ React6.createElement(IconButton2, {
-      classNames: mx5("p-1 min-bs-1 rounded", hoverableHidden2),
+      classNames: mx5("p-1 min-bs-1 rounded", groupHoverControlItemWithTransition2),
       iconOnly: true,
       icon: pinned ? "ph--x--regular" : "ph--arrows-out--regular",
       size: pinned ? 5 : 4,
@@ -927,40 +927,38 @@ var DisplayNameMissing = () => {
 };
 var useChannelToolbarActions = (onJoinCall) => {
   const creator = useMemo4(() => Rx.make(() => {
-    const nodes = [];
-    const edges = [];
-    const rootGroup = createMenuItemGroup("root", {
-      label: [
-        "channel toolbar title",
+    return {
+      nodes: [
+        createMenuItemGroup("root", {
+          label: [
+            "channel toolbar title",
+            {
+              ns: THREAD_PLUGIN
+            }
+          ]
+        }),
+        createMenuAction("video-call", () => onJoinCall?.(), {
+          label: [
+            "start video call label",
+            {
+              ns: THREAD_PLUGIN
+            }
+          ],
+          icon: "ph--video-camera--regular",
+          type: "video-call"
+        })
+      ],
+      edges: [
         {
-          ns: THREAD_PLUGIN
+          source: "root",
+          target: "video-call"
         }
       ]
-    });
-    nodes.push(rootGroup);
-    const sortAction = createMenuAction("video-call", () => onJoinCall?.(), {
-      label: [
-        "start video call label",
-        {
-          ns: THREAD_PLUGIN
-        }
-      ],
-      icon: "ph--video-camera--regular",
-      type: "video-call"
-    });
-    nodes.push(sortAction);
-    edges.push({
-      source: "root",
-      target: sortAction.id
-    });
-    return {
-      nodes,
-      edges
     };
   }), []);
   return useMenuActions(creator);
 };
-var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
+var ChannelToolbar = ({ attendableId, role, onJoinCall, classNames }) => {
   var _effect = _useSignals10();
   try {
     const menuProps = useChannelToolbarActions(onJoinCall);
@@ -969,7 +967,9 @@ var ChannelToolbar = ({ attendableId, role, onJoinCall }) => {
     }, /* @__PURE__ */ React10.createElement(MenuProvider, {
       ...menuProps,
       attendableId
-    }, /* @__PURE__ */ React10.createElement(ToolbarMenu, null)));
+    }, /* @__PURE__ */ React10.createElement(ToolbarMenu, {
+      classNames
+    })));
   } finally {
     _effect.f();
   }
@@ -980,4 +980,4 @@ export {
   ChannelContainer,
   ChannelContainer_default
 };
-//# sourceMappingURL=chunk-5PGLGDIP.mjs.map
+//# sourceMappingURL=chunk-XZKBN3NS.mjs.map

package/dist/lib/browser/chunk-XZKBN3NS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChannelContainer.tsx", "../../../src/components/Call/Call.tsx", "../../../src/components/Call/Toolbar.tsx", "../../../src/components/Media/AudioStream.tsx", "../../../src/components/Media/VideoObject.tsx", "../../../src/components/Participant/Participant.tsx", "../../../src/components/ResponsiveGrid/ResponsiveContainer.tsx", "../../../src/components/ResponsiveGrid/ResponsiveGrid.tsx", "../../../src/components/ResponsiveGrid/ResponsiveGridItem.tsx", "../../../src/components/Participant/ParticipantGrid.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React, { useCallback, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport { useCapabilities, useCapability } from '@dxos/app-framework';\nimport { Context } from '@dxos/context';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation, Input, ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { ControlGroup, ControlItemInput, ControlGroupButton } from '@dxos/react-ui-form';\nimport { ToolbarMenu, MenuProvider, createMenuAction, useMenuActions, createMenuItemGroup } from '@dxos/react-ui-menu';\nimport { useSoundEffect } from '@dxos/react-ui-sfx';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Call } from './Call';\nimport ChatContainer from './ChatContainer';\nimport { ThreadCapabilities } from '../capabilities';\nimport { THREAD_PLUGIN } from '../meta';\nimport { type ChannelType } from '../types';\n\nexport type ChannelContainerProps = {\n  channel?: ChannelType;\n  roomId?: string;\n  role?: string;\n  fullscreen?: boolean;\n};\n\n/**\n * Renders a call when active, otherwise renders the channel chat.\n */\nexport const ChannelContainer = ({ channel, roomId: _roomId, role, fullscreen }: ChannelContainerProps) => {\n  const space = getSpace(channel);\n  const callManager = useCapability(ThreadCapabilities.CallManager);\n  const roomId = channel ? fullyQualifiedId(channel) : _roomId;\n  const identity = useIdentity();\n  const isNamed = !!identity?.profile?.displayName;\n  const joinSound = useSoundEffect('JoinCall');\n  const leaveSound = useSoundEffect('LeaveCall');\n\n  const extensions = useCapabilities(ThreadCapabilities.CallExtension);\n  useEffect(() => {\n    const ctx = new Context();\n    callManager.left.on(ctx, (roomId) => {\n      extensions.forEach((extension) => {\n        void extension.onLeave?.(roomId);\n      });\n    });\n\n    callManager.callStateUpdated.on(ctx, (state) => {\n      extensions.forEach((extension) => {\n        void extension.onCallStateUpdated?.(state);\n      });\n    });\n\n    callManager.mediaStateUpdated.on(ctx, (state) => {\n      extensions.forEach((extension) => {\n        void extension.onMediaStateUpdated?.(state);\n      });\n    });\n\n    return () => {\n      void ctx.dispose();\n    };\n  }, [callManager, extensions]);\n\n  /**\n   * Join the call.\n   */\n  // TODO(wittjosiah): Show preview before joining?\n  const handleJoin = useCallback(async () => {\n    if (!roomId || !channel) {\n      return;\n    }\n\n    if (callManager.joined) {\n      await callManager.leave();\n    }\n\n    try {\n      void joinSound.play();\n      callManager.setRoomId(roomId);\n      await callManager.join();\n      await Promise.all(extensions.map((extension) => extension.onJoin?.({ channel, roomId })));\n    } catch (err) {\n      // TODO(burdon): Error sound.\n      log.catch(err);\n    }\n  }, [extensions, channel, roomId]);\n\n  /**\n   * Leave the call.\n   */\n  const handleLeave = useCallback(async () => {\n    try {\n      void leaveSound.play();\n    } catch (err) {\n      // TODO(burdon): Error sound.\n      log.catch(err);\n    } finally {\n      void callManager.turnAudioOff();\n      void callManager.turnVideoOff();\n      void callManager.turnScreenshareOff();\n      void callManager.leave();\n    }\n  }, [extensions, roomId]);\n\n  const isJoined = callManager.joined && callManager.roomId === roomId;\n\n  return (\n    <StackItem.Content toolbar={!isJoined} classNames={isJoined && 'h-full'}>\n      {isJoined && !isNamed && <DisplayNameMissing />}\n      {isJoined && isNamed && (\n        <Call.Root>\n          <Call.Grid fullscreen={fullscreen} />\n          <Call.Toolbar channel={channel} onLeave={handleLeave} />\n        </Call.Root>\n      )}\n      {!isJoined && channel && channel.defaultThread.target && space && (\n        <>\n          <ChannelToolbar attendableId={fullyQualifiedId(channel)} role={role} onJoinCall={handleJoin} />\n          <ChatContainer space={space} thread={channel.defaultThread.target} />\n        </>\n      )}\n    </StackItem.Content>\n  );\n};\n\nexport default ChannelContainer;\n\nconst DisplayNameMissing = () => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const client = useClient();\n  const [displayName, setDisplayName] = useState('');\n  const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => setDisplayName(event.target.value), []);\n  const handleSave = useCallback(() => client.halo.updateProfile({ displayName }), [client, displayName]);\n\n  return (\n    <ControlGroup classNames='p-4 place-content-center'>\n      <ControlItemInput title={t('display name label')} description={t('display name description')}>\n        <Input.TextInput\n          value={displayName}\n          onChange={handleChange}\n          placeholder={t('display name input placeholder')}\n          classNames='md:min-is-64'\n        />\n      </ControlItemInput>\n      <ControlGroupButton disabled={!displayName} onClick={handleSave}>\n        {t('set display name label')}\n      </ControlGroupButton>\n    </ControlGroup>\n  );\n};\n\nconst useChannelToolbarActions = (onJoinCall?: () => void) => {\n  const creator = useMemo(\n    () =>\n      Rx.make(() => {\n        return {\n          nodes: [\n            createMenuItemGroup('root', {\n              label: ['channel toolbar title', { ns: THREAD_PLUGIN }],\n            }),\n            createMenuAction('video-call', () => onJoinCall?.(), {\n              label: ['start video call label', { ns: THREAD_PLUGIN }],\n              icon: 'ph--video-camera--regular',\n              type: 'video-call',\n            }),\n          ],\n          edges: [{ source: 'root', target: 'video-call' }],\n        };\n      }),\n    [],\n  );\n\n  return useMenuActions(creator);\n};\n\ntype ChannelToolbarProps = ThemedClassName<{\n  attendableId?: string;\n  role?: string;\n  onJoinCall?: () => void;\n}>;\n\nconst ChannelToolbar = ({ attendableId, role, onJoinCall, classNames }: ChannelToolbarProps) => {\n  const menuProps = useChannelToolbarActions(onJoinCall);\n\n  return (\n    <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n      <MenuProvider {...menuProps} attendableId={attendableId}>\n        <ToolbarMenu classNames={classNames} />\n      </MenuProvider>\n    </ElevationProvider>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type FC } from 'react';\n\nimport { useCapability } from '@dxos/app-framework';\nimport { type ThemedClassName } from '@dxos/react-ui';\n\nimport { Toolbar, type ToolbarProps } from './Toolbar';\nimport { ThreadCapabilities } from '../../capabilities';\nimport { useDebugMode } from '../../hooks';\nimport { AudioStream } from '../Media';\nimport { ParticipantGrid } from '../Participant';\n\n//\n// Root\n//\n\ntype CallRootProps = PropsWithChildren<ThemedClassName>;\n\nconst CallRoot: FC<CallRootProps> = ({ children }) => {\n  return <div className='relative flex flex-col grow overflow-hidden'>{children}</div>;\n};\n\nCallRoot.displayName = 'CallRoot';\n\n//\n// Audio\n//\n\ntype CallAudioProps = {};\n\nconst CallAudio: FC<CallAudioProps> = () => {\n  const call = useCapability(ThreadCapabilities.CallManager);\n\n  return <AudioStream tracks={call.pulledAudioTracks} />;\n};\n\nCallAudio.displayName = 'CallAudio';\n\n//\n// Room\n//\n\ntype CallGridProps = {\n  fullscreen?: boolean;\n};\n\nconst CallGrid: FC<CallGridProps> = ({ fullscreen }) => {\n  const debug = useDebugMode();\n  const call = useCapability(ThreadCapabilities.CallManager);\n\n  return (\n    <div className='grid grow p-4 dark:bg-neutral-900'>\n      <ParticipantGrid self={call.self} users={call.users} debug={debug} fullscreen={fullscreen} />\n    </div>\n  );\n};\n\nCallGrid.displayName = 'CallGrid';\n\n//\n// Toolbar\n//\n\ntype CallToolbarProps = Pick<ToolbarProps, 'channel' | 'onLeave'>;\n\nconst CallToolbar: FC<CallToolbarProps> = (props) => {\n  return (\n    <div className='absolute bottom-0 left-0 right-0 flex justify-center'>\n      <Toolbar isInRoom {...props} />\n    </div>\n  );\n};\n\nCallToolbar.displayName = 'CallToolbar';\n\n//\n// Export\n//\n\nexport const Call = {\n  Root: CallRoot,\n  Grid: CallGrid,\n  Audio: CallAudio,\n  Toolbar: CallToolbar,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useAppGraph, useCapability } from '@dxos/app-framework';\nimport { useNode, useActions } from '@dxos/plugin-graph';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport {\n  Icon,\n  IconButton,\n  type IconButtonProps,\n  type ThemedClassName,\n  Toolbar as NativeToolbar,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { groupHoverControlItemWithTransition, mx } from '@dxos/react-ui-theme';\n\nimport { ThreadCapabilities } from '../../capabilities';\nimport { THREAD_PLUGIN } from '../../meta';\nimport { type ChannelType } from '../../types';\n\nexport type ToolbarProps = ThemedClassName<{\n  channel?: ChannelType;\n  participants?: number;\n  autoHideControls?: boolean;\n  isInRoom?: boolean;\n  onJoin?: () => void;\n  onLeave?: () => void;\n}>;\n\n// TODO(wittjosiah): Use ToolbarMenu.\nexport const Toolbar = ({\n  classNames,\n  channel,\n  participants,\n  autoHideControls = true,\n  onJoin,\n  onLeave,\n}: ToolbarProps) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const { graph } = useAppGraph();\n  const call = useCapability(ThreadCapabilities.CallManager);\n\n  // Channel app graph node.\n  const node = useNode(graph, channel && fullyQualifiedId(channel));\n  const actions = useActions(graph, node?.id).filter((action) => action.properties.disposition === 'toolbar');\n\n  // Screen sharing.\n  const isScreensharing = call.media.screenshareTrack !== undefined;\n  const canSharescreen =\n    typeof navigator.mediaDevices !== 'undefined' && navigator.mediaDevices.getDisplayMedia !== undefined;\n\n  // TODO(wittjosiah): In order to use toolbar, need to update to actually use the graph action callbacks directly.\n  return (\n    <div className={mx('z-20 flex justify-center m-8', autoHideControls && groupHoverControlItemWithTransition)}>\n      <NativeToolbar.Root classNames={['p-2 bg-modalSurface rounded-md shadow-md', classNames]}>\n        <ToggleButton\n          active={call.media.audioEnabled}\n          state={{\n            on: {\n              icon: 'ph--microphone--regular',\n              label: t('mic off'),\n              onClick: () => call.turnAudioOff(),\n              classNames: 'bg-callActive',\n            },\n            off: {\n              icon: 'ph--microphone-slash--duotone',\n              label: t('mic on'),\n              onClick: () => call.turnAudioOn(),\n              classNames: [call.joined && 'bg-callAlert'],\n            },\n          }}\n        />\n        <ToggleButton\n          active={call.media.videoEnabled}\n          state={{\n            on: {\n              icon: 'ph--video-camera--regular',\n              label: t('camera off'),\n              onClick: () => call.turnVideoOff(),\n            },\n            off: {\n              icon: 'ph--video-camera-slash--duotone',\n              label: t('camera on'),\n              onClick: () => call.turnVideoOn(),\n            },\n          }}\n        />\n\n        {(participants !== undefined && (\n          <div className='flex justify-center items-center gap-2 is-[5rem] text-xs text-subdued'>\n            <Icon icon='ph--users--regular' size={4} />\n            <div>{participants}</div>\n          </div>\n        )) || <NativeToolbar.Separator variant='gap' />}\n\n        {call.joined && (\n          <>\n            <ToggleButton\n              disabled={!canSharescreen}\n              active={isScreensharing}\n              state={{\n                on: {\n                  icon: 'ph--monitor--regular',\n                  label: t('screenshare off'),\n                  onClick: () => call.turnScreenshareOff(),\n                },\n                off: {\n                  icon: 'ph--monitor-arrow-up--duotone',\n                  label: t('screenshare on'),\n                  onClick: () => call.turnScreenshareOn(),\n                },\n              }}\n            />\n\n            {/* Companion actions. */}\n            {actions.map((action) => (\n              <IconButton\n                key={action.id}\n                {...defaultButtonProps}\n                icon={action.properties.icon}\n                label={toLocalizedString(action.properties.label, t)}\n                classNames={action.properties.classNames}\n                onClick={() => action.data({ node })}\n              />\n            ))}\n\n            <ToggleButton\n              active={call.raisedHand}\n              state={{\n                on: {\n                  icon: 'ph--hand-waving--regular',\n                  label: t('lower hand'),\n                  onClick: () => call.setRaisedHand(false),\n                  classNames: [call.joined && 'bg-callAlert'],\n                },\n                off: {\n                  icon: 'ph--hand-palm--duotone',\n                  label: t('raise hand'),\n                  onClick: () => call.setRaisedHand(true),\n                },\n              }}\n            />\n          </>\n        )}\n        {call.joined ? (\n          <IconButton variant='destructive' icon='ph--phone-x--regular' label={t('leave call')} onClick={onLeave} />\n        ) : (\n          <IconButton variant='primary' icon='ph--phone-incoming--regular' label={t('join call')} onClick={onJoin} />\n        )}\n      </NativeToolbar.Root>\n    </div>\n  );\n};\n\nToolbar.displayName = 'MeetingToolbar';\n\ntype ToolbarButtonProps = Pick<IconButtonProps, 'disabled'> & {\n  active?: boolean;\n  state: {\n    on: Pick<IconButtonProps, 'icon' | 'label' | 'onClick' | 'classNames'>;\n    off: Pick<IconButtonProps, 'icon' | 'label' | 'onClick' | 'classNames'>;\n  };\n};\n\nconst defaultButtonProps: Partial<IconButtonProps> = {\n  size: 5,\n  iconOnly: true,\n};\n\nconst ToggleButton = ({ active, state }: ToolbarButtonProps) => (\n  <IconButton\n    {...defaultButtonProps}\n    classNames={[active ? state.on.classNames ?? 'bg-callActive' : state.off.classNames]}\n    icon={active ? state.on.icon : state.off.icon}\n    label={active ? state.on.label : state.off.label}\n    onClick={active ? state.on.onClick : state.off.onClick}\n  />\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type FC, useEffect, useRef } from 'react';\n\nexport type AudioStreamProps = {\n  tracks: MediaStreamTrack[];\n};\n\nexport const AudioStream: FC<AudioStreamProps> = ({ tracks }) => {\n  const mediaStreamRef = useRef(new MediaStream());\n  const ref = useRef<HTMLAudioElement>(null);\n\n  useEffect(() => {\n    const audio = ref.current;\n    if (!audio) {\n      return;\n    }\n\n    const mediaStream = mediaStreamRef.current;\n    audio.srcObject = mediaStream;\n  }, []);\n\n  const resetSrcObject = () => {\n    const audio = ref.current;\n    const mediaStream = mediaStreamRef.current;\n    if (!audio || !mediaStream) {\n      return;\n    }\n\n    // Need to set srcObject again in Chrome and call play() again for Safari\n    // https://www.youtube.com/live/Tkx3OGrwVk8?si=K--P_AzNnAGrjraV&t=2533\n    // Calling play() this way to make Chrome happy otherwise it throws an error.\n    audio.addEventListener('canplay', () => audio.play(), { once: true });\n    audio.srcObject = mediaStream;\n  };\n\n  return (\n    <>\n      <audio ref={ref} autoPlay />\n      {tracks.map((track) => (\n        <AudioTrack key={track.id} track={track} mediaStream={mediaStreamRef.current} resetSrcObject={resetSrcObject} />\n      ))}\n    </>\n  );\n};\n\ntype AudioTrackProps = {\n  track: MediaStreamTrack;\n  mediaStream: MediaStream;\n  resetSrcObject: () => void;\n};\n\nconst AudioTrack = ({ track, mediaStream, resetSrcObject }: AudioTrackProps) => {\n  useEffect(() => {\n    const currentTrack = track;\n    mediaStream.addTrack(currentTrack);\n    resetSrcObject();\n    return () => {\n      mediaStream.removeTrack(currentTrack);\n      resetSrcObject();\n    };\n  }, [track, mediaStream]);\n\n  return null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type JSX, forwardRef, memo, useEffect, useRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type VideoObjectProps = Omit<JSX.IntrinsicElements['video'], 'className' | 'ref'> &\n  ThemedClassName<{\n    videoStream?: MediaStream;\n    flip?: boolean;\n    // TODO(burdon): If screenshare then contain.\n    contain?: boolean;\n  }>;\n\nexport const VideoObject = memo(\n  forwardRef<HTMLVideoElement, VideoObjectProps>(({ videoStream, classNames, flip, contain, ...rest }, ref) => {\n    const internalRef = useRef<HTMLVideoElement | null>(null);\n\n    useEffect(() => {\n      const video = internalRef.current;\n      if (video && videoStream) {\n        video.srcObject = videoStream;\n        video.setAttribute('autoplay', 'true');\n        video.setAttribute('playsinline', 'true');\n      }\n    }, [videoStream, internalRef.current]);\n\n    // NOTE: The video element typically has a max size of 1280x720.\n    return (\n      <video\n        className={mx(\n          'w-full aspect-video',\n          flip && 'scale-x-[-1]',\n          contain ? 'object-contain' : 'object-cover',\n          classNames,\n        )}\n        ref={(v) => {\n          internalRef.current = v;\n          if (ref === null) {\n            return;\n          }\n\n          if (typeof ref === 'function') {\n            ref(v);\n          } else {\n            ref.current = v;\n          }\n        }}\n        {...rest}\n      />\n    );\n  }),\n);\n\nVideoObject.displayName = 'VideoObject';\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { memo, useMemo } from 'react';\n\nimport { useCapability } from '@dxos/app-framework';\n\nimport { type EncodedTrackName, type UserState } from '../../calls';\nimport { ThreadCapabilities } from '../../capabilities';\nimport { VideoObject } from '../Media';\nimport { ResponsiveGridItem, type ResponsiveGridItemProps } from '../ResponsiveGrid';\n\nexport const SCREENSHARE_SUFFIX = '_screenshare';\n\nexport const Participant = memo(({ item: user, debug, ...props }: ResponsiveGridItemProps<UserState>) => {\n  const call = useCapability(ThreadCapabilities.CallManager);\n  const isSelf: boolean = call.self.id !== undefined && user.id !== undefined && user.id.startsWith(call.self.id);\n  const isScreenshare = user.id?.endsWith(SCREENSHARE_SUFFIX);\n  const pulledVideoStream = call.getVideoStream(\n    isScreenshare || !isSelf ? (user.tracks?.video as EncodedTrackName) : undefined,\n  );\n\n  const videoStream = useMemo<MediaStream | undefined>(() => {\n    if (isSelf && !isScreenshare) {\n      return call.media.videoStream;\n    } else if (isSelf && isScreenshare) {\n      return call.media.screenshareVideoStream;\n    } else if (!isSelf) {\n      return pulledVideoStream;\n    }\n  }, [isSelf, isScreenshare, call.media.videoStream, call.media.screenshareVideoStream, pulledVideoStream]);\n\n  return (\n    <ResponsiveGridItem\n      {...props}\n      item={user}\n      name={user.name}\n      self={isSelf}\n      screenshare={!!call.media.screenshareVideoStream}\n      video={call.media.videoEnabled}\n      mute={user ? !user.tracks?.audioEnabled : false}\n      wave={user.raisedHand}\n      speaking={user.speaking}\n      debug={debug}\n    >\n      <VideoObject\n        videoStream={videoStream}\n        flip={isSelf && !isScreenshare}\n        contain={!!isScreenshare}\n        classNames='rounded-md'\n      />\n    </ResponsiveGridItem>\n  );\n});\n\nParticipant.displayName = 'Participant';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * A container component that maintains the child's aspect ratio while centering its content.\n * The container will scale to fit within its parent's bounds while preserving the aspect ratio.\n *\n * @example\n * <ResponsiveContainer>\n *   <VideoObject />\n * </ResponsiveContainer>\n */\nexport const ResponsiveContainer = ({ children }: PropsWithChildren) => {\n  return (\n    // Outer container that takes full size of parent.\n    <div role='none' className='relative flex w-full h-full'>\n      {/* Absolute positioning layer for centering content. */}\n      <div role='none' className='absolute inset-0 flex justify-center items-center'>\n        {/* Content container that maintains given aspect ratio and proper scaling. */}\n        <div role='none' className={mx('max-h-full max-w-full w-auto h-auto aspect-video')}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type ComponentType, type FC, useLayoutEffect, useState, useEffect, useMemo, useCallback } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { invariant } from '@dxos/invariant';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { type Size } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ResponsiveContainer } from './ResponsiveContainer';\nimport { type ResponsiveGridItemProps } from './ResponsiveGridItem';\n\nconst ASPECT_RATIO = 16 / 9;\nconst MIN_GALLERY_HEIGHT = 250;\n\nconst DEFAULT_GAP = 8;\n\nconst maxImageSize = 'w-[2560px] h-[1440px]';\n\n/**\n * Props for the ResponsiveGrid component.\n */\nexport type ResponsiveGridProps<T extends object = any> = ThemedClassName<{\n  /** Cell component. */\n  Cell: ComponentType<ResponsiveGridItemProps<T>>;\n\n  /** Space between grid items in pixels. */\n  gap?: number;\n\n  /** Function to get the ID of an item. */\n  getId?: (item: T) => string;\n\n  /** Array of items to display in the grid. */\n  items: T[];\n\n  /** ID of the pinned item. */\n  pinned?: string;\n\n  /** Whether to hide the gallery (unpinned items) when an item is pinned. */\n  autoHideGallery?: boolean;\n\n  /** Whether the divider is resizable. */\n  resizable?: boolean;\n\n  /** Debug mode. */\n  debug?: boolean;\n\n  /** Callback when the pinned item changes. */\n  onPinnedChange?: (pinned: string | undefined) => void;\n}>;\n\nconst defaultGetId: ResponsiveGridProps<any>['getId'] = (item: any) => item.id;\n\n/**\n * A responsive grid component that automatically adjusts its layout to optimize space usage.\n * Maintains aspect ratio of items while ensuring uniform gaps between them.\n */\nexport const ResponsiveGrid = <T extends object = any>({\n  classNames,\n  Cell,\n  gap = DEFAULT_GAP,\n  getId = defaultGetId,\n  items,\n  pinned,\n  autoHideGallery = false,\n  debug,\n  onPinnedChange,\n}: ResponsiveGridProps<T>) => {\n  const {\n    width: containerWidth = 0,\n    height: containerHeight = 0,\n    ref: containerRef,\n  } = useResizeDetector<HTMLDivElement>({ refreshRate: 100 });\n  const [dividerHeight, setDividerHeight] = useState<Size>(0);\n  useEffect(() => {\n    if (containerWidth && containerHeight) {\n      const { height } = fitAspectRatio(containerWidth, containerHeight, ASPECT_RATIO);\n      setDividerHeight(Math.min(height, containerHeight - MIN_GALLERY_HEIGHT));\n    }\n  }, [containerWidth, containerHeight]);\n\n  const pinnedItem = useMemo(() => items.find((item) => getId(item) === pinned), [items, pinned]);\n  const mainItems = useMemo(() => items.filter((item) => getId(item) !== pinned), [items, pinned]);\n  const hideGallery = autoHideGallery && pinnedItem !== undefined;\n\n  //\n  // Recalculate optimal layout when container size or items change.\n  //\n  const [{ time, columns, cellWidth }, setLayout] = useState<Layout>({ time: 0, columns: 0, cellWidth: 0 });\n  const { width = 0, height = 0, ref: gridContainerRef } = useResizeDetector<HTMLDivElement>({ refreshRate: 200 });\n  useEffect(() => {\n    if (containerHeight && width && height) {\n      const layout = calculateLayout(width, height, mainItems.length, gap);\n      setLayout({ time: Date.now(), ...layout });\n    }\n  }, [containerHeight, width, height, mainItems.length, gap, pinned]);\n\n  //\n  // We use the browser to layout invisible divs and then calculate the absolute position of these items,\n  // which are animated into position.\n  //\n  const [bounds, setBounds] = useState<[T, DOMRectBounds][]>([]);\n  useLayoutEffect(() => {\n    if ((!hideGallery && !gridContainerRef.current) || !containerHeight) {\n      return;\n    }\n\n    // TODO(burdon): Consider directly setting bounds on DOM elementsinstead of state update?\n    const t = setTimeout(() => {\n      setBounds(\n        items\n          .filter((item) => !hideGallery || item === pinnedItem)\n          .map((item) => {\n            invariant(containerRef.current);\n            const el = containerRef.current.querySelector(`[data-grid-item=\"${getId(item)}\"]`);\n            if (!el) {\n              return null;\n            }\n\n            const bounds = getRelativeBounds(containerRef.current, el as HTMLElement);\n            return [item, bounds];\n          })\n          .filter((item): item is [T, DOMRectBounds] => item !== null),\n      );\n    });\n\n    return () => clearTimeout(t);\n  }, [containerHeight, items, pinnedItem, hideGallery, time]);\n\n  const handleClick = useCallback(\n    (item: T) => onPinnedChange?.(getId(item) === pinned ? undefined : getId(item)),\n    [pinned, onPinnedChange],\n  );\n\n  return (\n    <div ref={containerRef} className={mx('relative w-full h-full', classNames)}>\n      {/* Placeholder elements to calculate layout. */}\n      <div className='absolute inset-0 flex flex-col grow gap-2'>\n        {/* Pinned item. */}\n        {pinnedItem && (\n          <div\n            className={mx('flex grow-[2] shrink overflow-hidden justify-center items-center', hideGallery && 'h-full')}\n            style={hideGallery ? {} : { height: dividerHeight }}\n          >\n            <SoloItem id={getId(pinnedItem)} debug={debug} />\n          </div>\n        )}\n\n        {/* Gallery. */}\n        {!hideGallery && (\n          <div\n            ref={gridContainerRef}\n            className='flex grow-[1] overflow-hidden justify-center items-center'\n            style={hideGallery ? {} : { minHeight: MIN_GALLERY_HEIGHT }}\n          >\n            {mainItems.length === 1 && (\n              <div style={{ width: cellWidth }} className='flex h-full'>\n                <SoloItem id={getId(mainItems[0])} debug={debug} />\n              </div>\n            )}\n\n            {mainItems.length > 1 && columns > 0 && (\n              <div\n                role='grid'\n                style={{\n                  display: 'grid',\n                  gridTemplateColumns: `repeat(${columns}, ${cellWidth}px)`,\n                  gap: `${gap}px`,\n                }}\n              >\n                {mainItems.map((item) => (\n                  <div\n                    key={getId(item)}\n                    {...{ 'data-grid-item': getId(item) }}\n                    className={mx(\n                      'aspect-video max-h-full max-w-full w-auto h-auto',\n                      debug && 'border border-primary-500',\n                    )}\n                  />\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Absolutely positioned items. */}\n      <div className={mx(debug && 'opacity-10')}>\n        {bounds.map(([item, bounds]) => (\n          <Cell\n            key={getId(item)}\n            classNames='absolute transition-all duration-500'\n            item={item}\n            style={bounds}\n            pinned={getId(item) === pinned}\n            onClick={items.length > 1 ? handleClick : undefined}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nconst SoloItem: FC<Pick<ResponsiveGridProps, 'debug'> & { id: string }> = ({ debug, id }) => {\n  return (\n    <ResponsiveContainer>\n      <div\n        {...{ 'data-grid-item': id }}\n        className={mx('aspect-video overflow-hidden', debug && 'z-20 border-2 border-primary-500')}\n      >\n        {/* Maximum size placeholder image forces aspect ratio. */}\n        <img alt='placeholder video' className={mx('opacity-0', maxImageSize)} />\n      </div>\n    </ResponsiveContainer>\n  );\n};\n\ntype DOMRectBounds = Pick<DOMRect, 'top' | 'left' | 'width' | 'height'>;\n\n// TODO(burdon): Reconcile with react-ui-gameboard.\nconst getRelativeBounds = (container: HTMLElement, el: HTMLElement): DOMRectBounds => {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = el.getBoundingClientRect();\n  return {\n    top: elementRect.top - containerRect.top,\n    left: elementRect.left - containerRect.left,\n    width: elementRect.width,\n    height: elementRect.height,\n  };\n};\n\ntype Layout = {\n  time?: number;\n  columns: number;\n  cellWidth: number;\n};\n\n/**\n * Calculates the optimal number of columns for a grid layout that minimizes wasted space.\n * @param containerWidth - Width of the container in pixels.\n * @param containerHeight - Height of the container in pixels.\n * @param count - Total number of items to display.\n * @param gap - Space between items in pixels.\n * @param aspectRatio - Desired aspect ratio of items (width/height).\n * @returns The optimal number of columns.\n */\nconst calculateLayout = (\n  containerWidth: number,\n  containerHeight: number,\n  count: number,\n  gap: number,\n  aspectRatio = ASPECT_RATIO,\n): Layout => {\n  if (count === 0) {\n    return { columns: 1, cellWidth: 1 };\n  }\n\n  let minWastedSpace = Infinity;\n  let bestColumns = 1;\n  let cellWidth = 0;\n\n  // Try different rows counts to find the optimal layout that minimizes wasted space.\n  for (let rows = 1; rows <= count; rows++) {\n    const cols = Math.ceil(count / rows);\n\n    // Calculate available space accounting for gaps.\n    const { width: itemWidth, height: itemHeight } = fitItemsToGrid(\n      containerWidth,\n      containerHeight,\n      cols,\n      rows,\n      aspectRatio,\n      gap,\n    );\n\n    // Calculate total wasted space for this configuration.\n    const usedWidth = itemWidth * cols + gap * cols - 1;\n    const usedHeight = itemHeight * rows + gap * rows - 1;\n\n    // Determine if optimal.\n    const wastedSpace = containerWidth * containerHeight - usedWidth * usedHeight;\n    if (wastedSpace < minWastedSpace) {\n      minWastedSpace = wastedSpace;\n      bestColumns = cols;\n      cellWidth = itemWidth;\n    }\n  }\n\n  return { columns: bestColumns, cellWidth };\n};\n\n/**\n * Returns the size of the largest rectangle with the given aspect ration that fits within the grid.\n */\nconst fitItemsToGrid = (\n  outerWidth: number,\n  outerHeight: number,\n  numCols: number,\n  numRows: number,\n  aspectRatio: number,\n  gap: number,\n): { width: number; height: number } => {\n  // Calculate available space accounting for gaps.\n  const availableWidth = outerWidth - gap * (numCols - 1);\n  const availableHeight = outerHeight - gap * (numRows - 1);\n\n  // Calculate max dimensions.\n  const maxCellWidth = availableWidth / numCols;\n  const maxCellHeight = availableHeight / numRows;\n\n  // Use fitAspectRatio to get dimensions that fit within max cell size while maintaining the desired aspect ratio\n  return fitAspectRatio(maxCellWidth, maxCellHeight, aspectRatio);\n};\n\n/**\n * Returns the size of the largest rectangle the given aspect ratio that fits within the outer rectangle.\n */\nconst fitAspectRatio = (\n  outerWidth: number,\n  outerHeight: number,\n  aspectRatio: number,\n): { width: number; height: number } => {\n  if (outerWidth <= 0 || outerHeight <= 0 || aspectRatio <= 0) {\n    return { width: 0, height: 0 };\n  }\n\n  // First try fitting to width.\n  let width = outerWidth;\n  let height = width / aspectRatio;\n\n  // If too tall, fit to height instead.\n  if (height > outerHeight) {\n    height = outerHeight;\n    width = height * aspectRatio;\n  }\n\n  return { width, height };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useState, type CSSProperties, type PropsWithChildren } from 'react';\n\nimport { Icon, IconButton, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { Waveform } from '@dxos/react-ui-sfx';\nimport { groupHoverControlItemWithTransition, mx } from '@dxos/react-ui-theme';\n\nimport { THREAD_PLUGIN } from '../../meta';\n\nexport type ResponsiveGridItemProps<T extends object = any> = PropsWithChildren<\n  ThemedClassName<{\n    item: T;\n    style?: CSSProperties;\n    pinned?: boolean;\n    name?: string;\n    self?: boolean;\n    screenshare?: boolean;\n    video?: boolean;\n    mute?: boolean;\n    wave?: boolean;\n    speaking?: boolean;\n    debug?: boolean;\n    onClick?: (item: T) => void;\n  }>\n>;\n\n/**\n * Cell container.\n */\nexport const ResponsiveGridItem = <T extends object = any>({\n  children,\n  classNames,\n  item,\n  style,\n  name,\n  self,\n  pinned,\n  screenshare,\n  video,\n  mute,\n  wave,\n  speaking,\n  onClick,\n}: ResponsiveGridItemProps<T>) => {\n  const { t } = useTranslation(THREAD_PLUGIN);\n  const iconProps: Record<string, { icon: string; label: string; classNames?: string }> = {\n    wave: {\n      icon: 'ph--hand-waving--duotone',\n      label: t('icon wave'),\n      classNames: 'animate-pulse bg-orange-500',\n    },\n    mute: {\n      icon: 'ph--microphone-slash--regular',\n      label: t('icon muted'),\n    },\n  };\n\n  const props = wave && !pinned ? iconProps.wave : mute ? iconProps.mute : speaking ? iconProps.speaking : undefined;\n\n  // Debounce speaking indicator.\n  const [speakingIndicator, setSpeakingIndicator] = useState(speaking);\n  useEffect(() => {\n    if (speaking) {\n      setSpeakingIndicator(true);\n    } else {\n      const timeout = setTimeout(() => {\n        setSpeakingIndicator(false);\n      }, 1_000);\n      return () => clearTimeout(timeout);\n    }\n  }, [speaking]);\n\n  return (\n    <div\n      className={mx(\n        'relative w-full h-full group',\n        'rounded-md outline outline-2 outline-neutral-900 transition-[outline-color] duration-500',\n        speakingIndicator ? 'outline-green-500' : !video && 'outline-separator',\n        classNames,\n      )}\n      style={style}\n    >\n      {children}\n\n      {/* Action. */}\n      {onClick && (\n        <div className='z-10 absolute top-1 right-1 flex'>\n          <IconButton\n            classNames={mx('p-1 min-bs-1 rounded', groupHoverControlItemWithTransition)}\n            iconOnly\n            icon={pinned ? 'ph--x--regular' : 'ph--arrows-out--regular'}\n            size={pinned ? 5 : 4}\n            label={pinned ? t('icon unpin') : t('icon pin')}\n            onClick={() => onClick?.(item)}\n          />\n        </div>\n      )}\n\n      {/* Name. */}\n      {name && (\n        <div className='z-10 absolute bottom-1 left-8 right-1 flex justify-end gap-1 items-center'>\n          {/* TODO(burdon): Replace with avatar for everyone. */}\n          {/* {self && <Icon icon='ph--asterisk--regular' size={pinned ? 5 : 4} />} */}\n          {screenshare && <Icon icon='ph--broadcast--regular' size={pinned ? 5 : 4} />}\n          <div\n            className={mx('bg-neutral-800 text-neutral-100 py-0.5 truncate rounded', pinned ? 'px-2' : 'px-1 text-xs')}\n          >\n            {name}\n          </div>\n        </div>\n      )}\n\n      {/* Activity. */}\n      <div className='z-10 absolute bottom-1 left-1 flex'>\n        {(speaking && <Waveform active size={pinned ? 5 : 4} />) ||\n          (props && (\n            <IconButton\n              classNames={mx('p-1 min-bs-1 rounded', props?.classNames)}\n              icon={props?.icon}\n              label={props?.label}\n              size={pinned ? 5 : 4}\n              iconOnly\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\n\nimport { Participant, SCREENSHARE_SUFFIX } from './Participant';\nimport { type UserState } from '../../calls';\nimport { ResponsiveGrid } from '../ResponsiveGrid';\n\nconst getId = (user: UserState): string => user.id!;\n\nexport type ParticipantGridProps = ThemedClassName<{\n  self: UserState;\n  users: UserState[];\n  fullscreen?: boolean;\n  debug?: boolean;\n}>;\n\nexport const ParticipantGrid = ({ classNames, self, users, fullscreen, debug }: ParticipantGridProps) => {\n  const [pinned, setPinned] = useState<string | undefined>();\n\n  const allUsers = useMemo(() => {\n    const allUsers: (UserState & { isSelf?: boolean })[] = [];\n    users.forEach((user) => {\n      if (!user.joined) {\n        return;\n      }\n\n      allUsers.push({ ...user, isSelf: user.id === self.id });\n      if (user.tracks?.screenshareEnabled) {\n        const screenshare: UserState = {\n          ...user,\n          id: user.id + SCREENSHARE_SUFFIX,\n          tracks: {\n            ...user.tracks,\n            video: user.tracks.screenshare,\n            videoEnabled: user.tracks.screenshareEnabled,\n          } as any, // TODO(burdon): Remove cast.\n        };\n\n        allUsers.push(screenshare);\n      }\n    });\n\n    return allUsers;\n  }, [self, users]);\n\n  useEffect(() => {\n    if (pinned) {\n      // Check expanded user is still in call.\n      if (!allUsers.find((user) => user.id === pinned)) {\n        setPinned(undefined);\n      }\n    }\n  }, [pinned, allUsers]);\n\n  // TODO(burdon): Put self last.\n  const sortedUsers: UserState[] = allUsers.sort((a, b) => {\n    if (a.isSelf) {\n      return 1;\n    } else if (b.isSelf) {\n      return -1;\n    } else if (a.tracks?.screenshareEnabled) {\n      return -1;\n    } else if (b.tracks?.screenshareEnabled) {\n      return 1;\n    } else {\n      return 0;\n    }\n  });\n\n  // TODO(burdon): Show ghost view of user for a second before leaving.\n  return (\n    <ResponsiveGrid<UserState>\n      classNames={classNames}\n      Cell={Participant}\n      debug={debug}\n      getId={getId}\n      items={sortedUsers}\n      pinned={pinned}\n      autoHideGallery={fullscreen}\n      onPinnedChange={setPinned}\n    />\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Rx", "React", "useCallback", "useEffect", "useMemo", "useState", "useCapabilities", "useCapability", "Context", "log", "useClient", "fullyQualifiedId", "getSpace", "useIdentity", "useTranslation", "Input", "ElevationProvider", "ControlGroup", "ControlItemInput", "ControlGroupButton", "ToolbarMenu", "MenuProvider", "createMenuAction", "useMenuActions", "createMenuItemGroup", "useSoundEffect", "StackItem", "React", "useCapability", "React", "useAppGraph", "useCapability", "useNode", "useActions", "fullyQualifiedId", "Icon", "IconButton", "Toolbar", "NativeToolbar", "toLocalizedString", "useTranslation", "groupHoverControlItemWithTransition", "mx", "Toolbar", "classNames", "channel", "participants", "autoHideControls", "onJoin", "onLeave", "t", "useTranslation", "THREAD_PLUGIN", "graph", "useAppGraph", "call", "useCapability", "ThreadCapabilities", "CallManager", "node", "useNode", "fullyQualifiedId", "actions", "useActions", "id", "filter", "action", "properties", "disposition", "isScreensharing", "media", "screenshareTrack", "undefined", "canSharescreen", "navigator", "mediaDevices", "getDisplayMedia", "div", "className", "mx", "groupHoverControlItemWithTransition", "NativeToolbar", "Root", "ToggleButton", "active", "audioEnabled", "state", "on", "icon", "label", "onClick", "turnAudioOff", "off", "turnAudioOn", "joined", "videoEnabled", "turnVideoOff", "turnVideoOn", "Icon", "size", "Separator", "variant", "disabled", "turnScreenshareOff", "turnScreenshareOn", "map", "IconButton", "key", "defaultButtonProps", "toLocalizedString", "data", "raisedHand", "setRaisedHand", "displayName", "iconOnly", "React", "useEffect", "useRef", "AudioStream", "tracks", "mediaStreamRef", "useRef", "MediaStream", "ref", "useEffect", "audio", "current", "mediaStream", "srcObject", "resetSrcObject", "addEventListener", "play", "once", "React", "autoPlay", "map", "track", "AudioTrack", "key", "id", "currentTrack", "addTrack", "removeTrack", "React", "forwardRef", "memo", "useEffect", "useRef", "mx", "VideoObject", "memo", "forwardRef", "videoStream", "classNames", "flip", "contain", "rest", "ref", "internalRef", "useRef", "useEffect", "video", "current", "srcObject", "setAttribute", "React", "className", "mx", "v", "displayName", "React", "memo", "useMemo", "useCapability", "React", "mx", "ResponsiveContainer", "children", "React", "div", "role", "className", "mx", "React", "useLayoutEffect", "useState", "useEffect", "useMemo", "useCallback", "useResizeDetector", "invariant", "mx", "ASPECT_RATIO", "MIN_GALLERY_HEIGHT", "DEFAULT_GAP", "maxImageSize", "defaultGetId", "item", "id", "ResponsiveGrid", "classNames", "Cell", "gap", "getId", "items", "pinned", "autoHideGallery", "debug", "onPinnedChange", "width", "containerWidth", "height", "containerHeight", "ref", "containerRef", "useResizeDetector", "refreshRate", "dividerHeight", "setDividerHeight", "useState", "useEffect", "fitAspectRatio", "Math", "min", "pinnedItem", "useMemo", "find", "mainItems", "filter", "hideGallery", "undefined", "time", "columns", "cellWidth", "setLayout", "gridContainerRef", "layout", "calculateLayout", "length", "Date", "now", "bounds", "setBounds", "useLayoutEffect", "current", "t", "setTimeout", "map", "invariant", "el", "querySelector", "getRelativeBounds", "clearTimeout", "handleClick", "useCallback", "React", "div", "className", "mx", "style", "SoloItem", "minHeight", "role", "display", "gridTemplateColumns", "key", "onClick", "ResponsiveContainer", "img", "alt", "container", "containerRect", "getBoundingClientRect", "elementRect", "top", "left", "count", "aspectRatio", "minWastedSpace", "Infinity", "bestColumns", "rows", "cols", "ceil", "itemWidth", "itemHeight", "fitItemsToGrid", "usedWidth", "usedHeight", "wastedSpace", "outerWidth", "outerHeight", "numCols", "numRows", "availableWidth", "availableHeight", "maxCellWidth", "maxCellHeight", "React", "useEffect", "useState", "Icon", "IconButton", "useTranslation", "Waveform", "groupHoverControlItemWithTransition", "mx", "ResponsiveGridItem", "children", "classNames", "item", "style", "name", "self", "pinned", "screenshare", "video", "mute", "wave", "speaking", "onClick", "t", "useTranslation", "THREAD_PLUGIN", "iconProps", "icon", "label", "props", "undefined", "speakingIndicator", "setSpeakingIndicator", "useState", "useEffect", "timeout", "setTimeout", "clearTimeout", "React", "div", "className", "mx", "IconButton", "groupHoverControlItemWithTransition", "iconOnly", "size", "Icon", "Waveform", "active", "SCREENSHARE_SUFFIX", "Participant", "memo", "item", "user", "debug", "props", "call", "useCapability", "ThreadCapabilities", "CallManager", "isSelf", "self", "id", "undefined", "startsWith", "isScreenshare", "endsWith", "pulledVideoStream", "getVideoStream", "tracks", "video", "videoStream", "useMemo", "media", "screenshareVideoStream", "React", "ResponsiveGridItem", "name", "screenshare", "videoEnabled", "mute", "audioEnabled", "wave", "raisedHand", "speaking", "VideoObject", "flip", "contain", "classNames", "displayName", "React", "useEffect", "useMemo", "useState", "getId", "user", "id", "ParticipantGrid", "classNames", "self", "users", "fullscreen", "debug", "pinned", "setPinned", "useState", "allUsers", "useMemo", "forEach", "joined", "push", "isSelf", "tracks", "screenshareEnabled", "screenshare", "SCREENSHARE_SUFFIX", "video", "videoEnabled", "useEffect", "find", "undefined", "sortedUsers", "sort", "a", "b", "React", "ResponsiveGrid", "Cell", "Participant", "items", "autoHideGallery", "onPinnedChange", "CallRoot", "children", "React", "div", "className", "displayName", "CallAudio", "call", "useCapability", "ThreadCapabilities", "CallManager", "AudioStream", "tracks", "pulledAudioTracks", "CallGrid", "fullscreen", "debug", "useDebugMode", "ParticipantGrid", "self", "users", "CallToolbar", "props", "Toolbar", "isInRoom", "Call", "Root", "Grid", "Audio", "ChannelContainer", "channel", "roomId", "_roomId", "role", "fullscreen", "space", "getSpace", "callManager", "useCapability", "ThreadCapabilities", "CallManager", "fullyQualifiedId", "identity", "useIdentity", "isNamed", "profile", "displayName", "joinSound", "useSoundEffect", "leaveSound", "extensions", "useCapabilities", "CallExtension", "useEffect", "ctx", "Context", "left", "on", "forEach", "extension", "onLeave", "callStateUpdated", "state", "onCallStateUpdated", "mediaStateUpdated", "onMediaStateUpdated", "dispose", "handleJoin", "useCallback", "joined", "leave", "play", "setRoomId", "join", "Promise", "all", "map", "onJoin", "err", "log", "catch", "handleLeave", "turnAudioOff", "turnVideoOff", "turnScreenshareOff", "isJoined", "React", "StackItem", "Content", "toolbar", "classNames", "DisplayNameMissing", "Call", "Root", "Grid", "Toolbar", "defaultThread", "target", "ChannelToolbar", "attendableId", "onJoinCall", "ChatContainer", "thread", "t", "useTranslation", "THREAD_PLUGIN", "client", "useClient", "setDisplayName", "useState", "handleChange", "event", "value", "handleSave", "halo", "updateProfile", "ControlGroup", "ControlItemInput", "title", "description", "Input", "TextInput", "onChange", "placeholder", "ControlGroupButton", "disabled", "onClick", "useChannelToolbarActions", "creator", "useMemo", "Rx", "make", "nodes", "createMenuItemGroup", "label", "ns", "createMenuAction", "icon", "type", "edges", "source", "useMenuActions", "menuProps", "ElevationProvider", "elevation", "MenuProvider", "ToolbarMenu"]
+}

package/dist/lib/browser/index.mjs

@@ -18,7 +18,7 @@ import {
   ChannelType,
   ThreadAction,
   ThreadType
-} from "./chunk-WDOQXTI2.mjs";
+} from "./chunk-AEXWNS6Z.mjs";
 import {
   AppGraphBuilder,
   CallManager as CallManager2,
@@ -27,7 +27,7 @@ import {
   ReactRoot,
   ReactSurface,
   ThreadState
-} from "./chunk-CF2MXRCH.mjs";
+} from "./chunk-6NBVNXTM.mjs";
 import {
   ThreadCapabilities
 } from "./chunk-R5MDLUPC.mjs";
@@ -43,21 +43,26 @@ import {
 } from "./chunk-IIUTBDVB.mjs";
 
 // packages/plugins/plugin-thread/src/ThreadPlugin.tsx
+import { Effect } from "effect";
 import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
+import { Ref, Type as Type2 } from "@dxos/echo";
 import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
 import { MarkdownEvents } from "@dxos/plugin-markdown";
-import { SpaceCapabilities } from "@dxos/plugin-space";
-import { defineObjectForm } from "@dxos/plugin-space/types";
-import { RefArray } from "@dxos/react-client/echo";
+import { SpaceCapabilities, SpaceEvents } from "@dxos/plugin-space";
+import { CollectionAction, defineObjectForm } from "@dxos/plugin-space/types";
 import { translations as threadTranslations } from "@dxos/react-ui-thread";
 import { AnchoredTo, DataType } from "@dxos/schema";
 
 // packages/plugins/plugin-thread/src/translations.ts
+import { Type } from "@dxos/echo";
 var translations_default = [
   {
     "en-US": {
-      [ChannelType.typename]: {
+      [Type.getTypename(ChannelType)]: {
         "typename label": "Channel",
+        "typename label_zero": "Channels",
+        "typename label_one": "Channel",
+        "typename label_other": "Channels",
         "object name placeholder": "New channel"
       },
       [THREAD_PLUGIN]: {
@@ -86,7 +91,7 @@ var translations_default = [
         "open comments panel label": "Show Comments",
         "comments label": "Comments",
         "show all label": "All comments",
-        "show unresolved label": "Unresolved only",
+        "show unresolved label": "Unresolved comments",
         "channel companion label": "Channel",
         "call panel label": "Active Call",
         "display name label": "Display name",
@@ -168,7 +173,7 @@ var ThreadPlugin = () => definePlugin(meta, [
         id: ThreadType.typename,
         metadata: {
           // TODO(wittjosiah): Move out of metadata.
-          loadReferences: async (thread) => await RefArray.loadAll(thread.messages ?? [])
+          loadReferences: async (thread) => await Ref.Array.loadAll(thread.messages ?? [])
         }
       }),
       contributes(Capabilities.Metadata, {
@@ -186,7 +191,7 @@ var ThreadPlugin = () => definePlugin(meta, [
               case "node":
                 return {
                   id: item.id,
-                  label: item.title,
+                  label: item.name,
                   data: item
                 };
               case "object":
@@ -229,6 +234,27 @@ var ThreadPlugin = () => definePlugin(meta, [
       DataType.MessageV1ToV2
     ])
   }),
+  defineModule({
+    id: `${meta.id}/module/on-space-created`,
+    activatesOn: SpaceEvents.SpaceCreated,
+    activate: (context) => {
+      const { dispatch } = context.getCapability(Capabilities.IntentDispatcher);
+      return contributes(SpaceCapabilities.OnSpaceCreated, async ({ space, rootCollection }) => {
+        const program = Effect.gen(function* () {
+          const { object: collection } = yield* dispatch(createIntent(CollectionAction.CreateQueryCollection, {
+            typename: Type2.getTypename(ChannelType)
+          }));
+          rootCollection.objects.push(Ref.make(collection));
+          const { object: channel } = yield* dispatch(createIntent(ThreadAction.CreateChannel, {
+            name: "General",
+            spaceId: space.id
+          }));
+          space.db.add(channel);
+        });
+        await Effect.runPromise(program);
+      });
+    }
+  }),
   defineModule({
     id: `${meta.id}/module/markdown`,
     activatesOn: MarkdownEvents.SetupExtensions,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ThreadPlugin.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { MarkdownEvents } from '@dxos/plugin-markdown';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { defineObjectForm } from '@dxos/plugin-space/types';\nimport { type AnyLiveObject, RefArray } from '@dxos/react-client/echo';\nimport { translations as threadTranslations } from '@dxos/react-ui-thread';\nimport { AnchoredTo, DataType } from '@dxos/schema';\n\nimport {\n  AppGraphBuilder,\n  CallManager,\n  IntentResolver,\n  Markdown,\n  ReactRoot,\n  ReactSurface,\n  ThreadState,\n} from './capabilities';\nimport { meta, THREAD_ITEM } from './meta';\nimport translations from './translations';\nimport { ChannelType, ThreadAction, ThreadType } from './types';\n\n// TODO(Zan): Every instance of `cursor` should be replaced with `anchor`.\n//  NOTE(burdon): Review/discuss CursorConverter semantics.\n\n// TODO(wittjosiah): Rename to ChatPlugin.\n// TODO(wittjosiah): Enabling comments should likely be factored out of this plugin but depend on it's capabilities.\nexport const ThreadPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/call-manager`,\n      activatesOn: ClientEvents.ClientReady,\n      activate: CallManager,\n    }),\n    // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.\n    // defineModule({\n    //   id: `${meta.id}/module/settings`,\n    //   activatesOn: Events.SetupSettings,\n    //   activate: ThreadSettings,\n    // }),\n    defineModule({\n      id: `${meta.id}/module/state`,\n      // TODO(wittjosiah): Does not integrate with settings store.\n      //   Should this be a different event?\n      //   Should settings store be renamed to be more generic?\n      activatesOn: Events.SetupSettings,\n      activate: ThreadState,\n    }),\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, [...translations, ...threadTranslations]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/metadata`,\n      activatesOn: Events.SetupMetadata,\n      activate: () => [\n        contributes(Capabilities.Metadata, {\n          id: ChannelType.typename,\n          metadata: {\n            icon: 'ph--hash--regular',\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: ThreadType.typename,\n          metadata: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: async (thread: ThreadType) => await RefArray.loadAll(thread.messages ?? []),\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: DataType.Message.typename,\n          metadata: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (message: DataType.Message) => [], // loadObjectReferences(message, (message) => [...message.parts, message.context]),\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: THREAD_ITEM,\n          metadata: {\n            parse: (item: AnyLiveObject<any>, type: string) => {\n              switch (type) {\n                case 'node':\n                  return { id: item.id, label: item.title, data: item };\n                case 'object':\n                  return item;\n                case 'view-object':\n                  return { id: `${item.id}-view`, object: item };\n              }\n            },\n          },\n        }),\n      ],\n    }),\n    defineModule({\n      id: `${meta.id}/module/object-form`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () =>\n        contributes(\n          SpaceCapabilities.ObjectForm,\n          defineObjectForm({\n            objectSchema: ChannelType,\n            getIntent: (_, options) => createIntent(ThreadAction.CreateChannel, { spaceId: options.space.id }),\n          }),\n        ),\n    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () =>\n        contributes(ClientCapabilities.Schema, [AnchoredTo, ThreadType, DataType.Message, DataType.MessageV1]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/migration`,\n      activatesOn: ClientEvents.SetupMigration,\n      activate: () => contributes(ClientCapabilities.Migration, [DataType.MessageV1ToV2]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/markdown`,\n      activatesOn: MarkdownEvents.SetupExtensions,\n      activate: Markdown,\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-root`,\n      activatesOn: Events.Startup,\n      activate: ReactRoot,\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n    defineModule({\n      id: `${meta.id}/module/intent-resolver`,\n      activatesOn: Events.SetupIntentResolver,\n      activate: IntentResolver,\n    }),\n    defineModule({\n      id: `${meta.id}/module/app-graph-builder`,\n      activatesOn: Events.SetupAppGraph,\n      activate: AppGraphBuilder,\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { THREAD_PLUGIN } from './meta';\nimport { ChannelType } from './types';\n\nexport default [\n  {\n    'en-US': {\n      [ChannelType.typename]: {\n        'typename label': 'Channel',\n        'object name placeholder': 'New channel',\n      },\n      [THREAD_PLUGIN]: {\n        'plugin name': 'Chat',\n        'channel title label': 'Title',\n        'message placeholder': 'Reply…',\n        'activity message': 'Processing…',\n        'anonymous label': 'Anonymous',\n        'delete message block label': 'Delete message block',\n        'detached thread label': 'Referenced content was removed',\n        'delete thread label': 'Delete thread',\n        'thread deleted label': 'You deleted a thread.',\n        'message deleted label': 'You deleted a message.',\n        'comments heading': 'Comments',\n        'chat heading': 'Chat',\n        'draft button': 'DRAFT',\n        'no comments title': 'Comments',\n        'no comments message':\n          'Click on the <commentIcon></commentIcon> button in the document toolbar to create a comment thread on the selected text.',\n        'toggle show resolved': 'Show resolved',\n        'unnamed object threads label': 'Threads',\n        'mark as resolved label': 'Mark as resolved',\n        'mark as unresolved label': 'Mark as unresolved',\n        'save message label': 'Save',\n        'edit message label': 'Edit',\n        'delete message label': 'Delete message',\n        'open comments panel label': 'Show Comments',\n        'comments label': 'Comments',\n        'show all label': 'All comments',\n        'show unresolved label': 'Unresolved only',\n\n        'channel companion label': 'Channel',\n        'call panel label': 'Active Call',\n\n        'display name label': 'Display name',\n        'display name description': 'Set your display name before joining a meeting.',\n        'display name input placeholder': 'Enter your name',\n        'set display name label': 'Continue',\n\n        'call tab label': 'Call',\n        'meeting status title': 'Meeting',\n        'share meeting link label': 'Share meeting',\n        'show webrtc stats title': 'Detailed WebRTC Stats',\n\n        'meeting summary label': 'Summary',\n        'summarize label': 'Summarize',\n        'summarizing label': 'Creating summary...',\n        'create summary message': 'A summary doesn’t exist for this meeting yet. Create one now?',\n\n        'join call': 'Join',\n        'leave call': 'Leave',\n\n        'lobby participants_zero': 'No participants',\n        'lobby participants_one': '1 participant',\n        'lobby participants_other': '{{count}} participants',\n\n        'icon pin': 'Pin video',\n        'icon unpin': 'Unpin video',\n        'icon wave': 'Waving',\n        'icon muted': 'Muted',\n        'icon speaking': 'Speaking',\n\n        'mic on': 'Unmute',\n        'mic off': 'Mute',\n        'camera on': 'Turn camera on',\n        'camera off': 'Turn camera off',\n        'camera off label': 'Camera off',\n\n        'raise hand': 'Raise hand',\n        'lower hand': 'Lower hand',\n        'screenshare on': 'Share screen',\n        'screenshare off': 'Stop streaming',\n      },\n    },\n  },\n];\n"],
-  "mappings": "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",
-  "names": ["Capabilities", "contributes", "createIntent", "defineModule", "definePlugin", "Events", "ClientCapabilities", "ClientEvents", "MarkdownEvents", "SpaceCapabilities", "defineObjectForm", "RefArray", "translations", "threadTranslations", "AnchoredTo", "DataType", "ChannelType", "typename", "THREAD_PLUGIN", "ThreadPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "ClientEvents", "ClientReady", "activate", "CallManager", "Events", "SetupSettings", "ThreadState", "SetupTranslations", "contributes", "Capabilities", "Translations", "translations", "threadTranslations", "SetupMetadata", "Metadata", "ChannelType", "typename", "metadata", "icon", "ThreadType", "loadReferences", "thread", "RefArray", "loadAll", "messages", "DataType", "Message", "message", "THREAD_ITEM", "parse", "item", "type", "label", "title", "data", "object", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "getIntent", "_", "options", "createIntent", "ThreadAction", "CreateChannel", "spaceId", "space", "ClientCapabilities", "Schema", "AnchoredTo", "MessageV1", "SetupMigration", "Migration", "MessageV1ToV2", "MarkdownEvents", "SetupExtensions", "Markdown", "Startup", "ReactRoot", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver", "SetupAppGraph", "AppGraphBuilder"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Effect } from 'effect';\n\nimport { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';\nimport { Ref, Type } from '@dxos/echo';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { MarkdownEvents } from '@dxos/plugin-markdown';\nimport { SpaceCapabilities, SpaceEvents } from '@dxos/plugin-space';\nimport { CollectionAction, defineObjectForm } from '@dxos/plugin-space/types';\nimport { translations as threadTranslations } from '@dxos/react-ui-thread';\nimport { AnchoredTo, DataType } from '@dxos/schema';\n\nimport {\n  AppGraphBuilder,\n  CallManager,\n  IntentResolver,\n  Markdown,\n  ReactRoot,\n  ReactSurface,\n  ThreadState,\n} from './capabilities';\nimport { meta, THREAD_ITEM } from './meta';\nimport translations from './translations';\nimport { ChannelType, ThreadAction, ThreadType } from './types';\n\n// TODO(Zan): Every instance of `cursor` should be replaced with `anchor`.\n//  NOTE(burdon): Review/discuss CursorConverter semantics.\n\n// TODO(wittjosiah): Rename to ChatPlugin.\n// TODO(wittjosiah): Enabling comments should likely be factored out of this plugin but depend on it's capabilities.\nexport const ThreadPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/call-manager`,\n      activatesOn: ClientEvents.ClientReady,\n      activate: CallManager,\n    }),\n    // TODO(wittjosiah): Currently not used but leaving because there will likely be settings for threads again.\n    // defineModule({\n    //   id: `${meta.id}/module/settings`,\n    //   activatesOn: Events.SetupSettings,\n    //   activate: ThreadSettings,\n    // }),\n    defineModule({\n      id: `${meta.id}/module/state`,\n      // TODO(wittjosiah): Does not integrate with settings store.\n      //   Should this be a different event?\n      //   Should settings store be renamed to be more generic?\n      activatesOn: Events.SetupSettings,\n      activate: ThreadState,\n    }),\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, [...translations, ...threadTranslations]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/metadata`,\n      activatesOn: Events.SetupMetadata,\n      activate: () => [\n        contributes(Capabilities.Metadata, {\n          id: ChannelType.typename,\n          metadata: {\n            icon: 'ph--hash--regular',\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: ThreadType.typename,\n          metadata: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: async (thread: ThreadType) => await Ref.Array.loadAll(thread.messages ?? []),\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: DataType.Message.typename,\n          metadata: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (message: DataType.Message) => [], // loadObjectReferences(message, (message) => [...message.parts, message.context]),\n          },\n        }),\n        contributes(Capabilities.Metadata, {\n          id: THREAD_ITEM,\n          metadata: {\n            parse: (item: ThreadType, type: string) => {\n              switch (type) {\n                case 'node':\n                  return { id: item.id, label: item.name, data: item };\n                case 'object':\n                  return item;\n                case 'view-object':\n                  return { id: `${item.id}-view`, object: item };\n              }\n            },\n          },\n        }),\n      ],\n    }),\n    defineModule({\n      id: `${meta.id}/module/object-form`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () =>\n        contributes(\n          SpaceCapabilities.ObjectForm,\n          defineObjectForm({\n            objectSchema: ChannelType,\n            getIntent: (_, options) => createIntent(ThreadAction.CreateChannel, { spaceId: options.space.id }),\n          }),\n        ),\n    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () =>\n        contributes(ClientCapabilities.Schema, [AnchoredTo, ThreadType, DataType.Message, DataType.MessageV1]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/migration`,\n      activatesOn: ClientEvents.SetupMigration,\n      activate: () => contributes(ClientCapabilities.Migration, [DataType.MessageV1ToV2]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/on-space-created`,\n      activatesOn: SpaceEvents.SpaceCreated,\n      activate: (context) => {\n        const { dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n        return contributes(SpaceCapabilities.OnSpaceCreated, async ({ space, rootCollection }) => {\n          const program = Effect.gen(function* () {\n            const { object: collection } = yield* dispatch(\n              createIntent(CollectionAction.CreateQueryCollection, { typename: Type.getTypename(ChannelType) }),\n            );\n            rootCollection.objects.push(Ref.make(collection));\n\n            const { object: channel } = yield* dispatch(\n              createIntent(ThreadAction.CreateChannel, { name: 'General', spaceId: space.id }),\n            );\n            space.db.add(channel);\n          });\n          await Effect.runPromise(program);\n        });\n      },\n    }),\n    defineModule({\n      id: `${meta.id}/module/markdown`,\n      activatesOn: MarkdownEvents.SetupExtensions,\n      activate: Markdown,\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-root`,\n      activatesOn: Events.Startup,\n      activate: ReactRoot,\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n    defineModule({\n      id: `${meta.id}/module/intent-resolver`,\n      activatesOn: Events.SetupIntentResolver,\n      activate: IntentResolver,\n    }),\n    defineModule({\n      id: `${meta.id}/module/app-graph-builder`,\n      activatesOn: Events.SetupAppGraph,\n      activate: AppGraphBuilder,\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Type } from '@dxos/echo';\n\nimport { THREAD_PLUGIN } from './meta';\nimport { ChannelType } from './types';\n\nexport default [\n  {\n    'en-US': {\n      [Type.getTypename(ChannelType)]: {\n        'typename label': 'Channel',\n        'typename label_zero': 'Channels',\n        'typename label_one': 'Channel',\n        'typename label_other': 'Channels',\n        'object name placeholder': 'New channel',\n      },\n      [THREAD_PLUGIN]: {\n        'plugin name': 'Chat',\n        'channel title label': 'Title',\n        'message placeholder': 'Reply…',\n        'activity message': 'Processing…',\n        'anonymous label': 'Anonymous',\n        'delete message block label': 'Delete message block',\n        'detached thread label': 'Referenced content was removed',\n        'delete thread label': 'Delete thread',\n        'thread deleted label': 'You deleted a thread.',\n        'message deleted label': 'You deleted a message.',\n        'comments heading': 'Comments',\n        'chat heading': 'Chat',\n        'draft button': 'DRAFT',\n        'no comments title': 'Comments',\n        'no comments message':\n          'Click on the <commentIcon></commentIcon> button in the document toolbar to create a comment thread on the selected text.',\n        'toggle show resolved': 'Show resolved',\n        'unnamed object threads label': 'Threads',\n        'mark as resolved label': 'Mark as resolved',\n        'mark as unresolved label': 'Mark as unresolved',\n        'save message label': 'Save',\n        'edit message label': 'Edit',\n        'delete message label': 'Delete message',\n        'open comments panel label': 'Show Comments',\n        'comments label': 'Comments',\n        'show all label': 'All comments',\n        'show unresolved label': 'Unresolved comments',\n\n        'channel companion label': 'Channel',\n        'call panel label': 'Active Call',\n\n        'display name label': 'Display name',\n        'display name description': 'Set your display name before joining a meeting.',\n        'display name input placeholder': 'Enter your name',\n        'set display name label': 'Continue',\n\n        'call tab label': 'Call',\n        'meeting status title': 'Meeting',\n        'share meeting link label': 'Share meeting',\n        'show webrtc stats title': 'Detailed WebRTC Stats',\n\n        'meeting summary label': 'Summary',\n        'summarize label': 'Summarize',\n        'summarizing label': 'Creating summary...',\n        'create summary message': 'A summary doesn’t exist for this meeting yet. Create one now?',\n\n        'join call': 'Join',\n        'leave call': 'Leave',\n\n        'lobby participants_zero': 'No participants',\n        'lobby participants_one': '1 participant',\n        'lobby participants_other': '{{count}} participants',\n\n        'icon pin': 'Pin video',\n        'icon unpin': 'Unpin video',\n        'icon wave': 'Waving',\n        'icon muted': 'Muted',\n        'icon speaking': 'Speaking',\n\n        'mic on': 'Unmute',\n        'mic off': 'Mute',\n        'camera on': 'Turn camera on',\n        'camera off': 'Turn camera off',\n        'camera off label': 'Camera off',\n\n        'raise hand': 'Raise hand',\n        'lower hand': 'Lower hand',\n        'screenshare on': 'Share screen',\n        'screenshare off': 'Stop streaming',\n      },\n    },\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["Effect", "Capabilities", "contributes", "createIntent", "defineModule", "definePlugin", "Events", "Ref", "Type", "ClientCapabilities", "ClientEvents", "MarkdownEvents", "SpaceCapabilities", "SpaceEvents", "CollectionAction", "defineObjectForm", "translations", "threadTranslations", "AnchoredTo", "DataType", "Type", "Type", "getTypename", "ChannelType", "THREAD_PLUGIN", "ThreadPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "ClientEvents", "ClientReady", "activate", "CallManager", "Events", "SetupSettings", "ThreadState", "SetupTranslations", "contributes", "Capabilities", "Translations", "translations", "threadTranslations", "SetupMetadata", "Metadata", "ChannelType", "typename", "metadata", "icon", "ThreadType", "loadReferences", "thread", "Ref", "Array", "loadAll", "messages", "DataType", "Message", "message", "THREAD_ITEM", "parse", "item", "type", "label", "name", "data", "object", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "getIntent", "_", "options", "createIntent", "ThreadAction", "CreateChannel", "spaceId", "space", "ClientCapabilities", "Schema", "AnchoredTo", "MessageV1", "SetupMigration", "Migration", "MessageV1ToV2", "SpaceEvents", "SpaceCreated", "context", "dispatch", "getCapability", "IntentDispatcher", "OnSpaceCreated", "rootCollection", "program", "Effect", "gen", "collection", "CollectionAction", "CreateQueryCollection", "Type", "getTypename", "objects", "push", "make", "channel", "db", "add", "runPromise", "MarkdownEvents", "SetupExtensions", "Markdown", "Startup", "ReactRoot", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver", "SetupAppGraph", "AppGraphBuilder"]
 }