@dxos/react-ui-chat 0.8.4-main.9be5663bfe → 0.8.4-main.abd8ff62ef

package/dist/lib/browser/index.mjs

@@ -108,15 +108,7 @@ import { Mutex } from "@dxos/async";
 import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
 var references = ({ provider, triggerCharacter = "@", debug = false }) => {
-  invariant(triggerCharacter.length === 1, void 0, {
-    F: __dxlog_file,
-    L: 56,
-    S: void 0,
-    A: [
-      "triggerCharacter.length === 1",
-      ""
-    ]
-  });
+  invariant(triggerCharacter.length === 1, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 14, S: void 0, A: ["triggerCharacter.length === 1", ""] });
   const decorationField = ViewPlugin.fromClass(class ReferenceView {
     // TODO(burdon): Why?
     _mutex = new Mutex();
@@ -229,7 +221,7 @@ var ReferenceWidget = class extends WidgetType {
 import React2, { forwardRef, useMemo } from "react";
 import { useThemeContext } from "@dxos/react-ui";
 import { Editor } from "@dxos/react-ui-editor";
-import { createBasicExtensions, createThemeExtensions, submit } from "@dxos/ui-editor";
+import { createBasicExtensions, createThemeExtensions, submit, xmlFormatting } from "@dxos/ui-editor";
 import { isTruthy } from "@dxos/util";
 var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }) => {
   const { themeMode } = useThemeContext();
@@ -242,6 +234,7 @@ var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubm
       lineWrapping,
       placeholder
     }),
+    xmlFormatting(),
     submit({
       onSubmit
     }),
@@ -252,7 +245,7 @@ var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubm
     onSubmit
   ]);
 };
-var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef2) => {
+var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef3) => {
   const extensions = useChatExtensions({
     extensions: extensionsProp,
     lineWrapping,
@@ -260,29 +253,108 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions
     onSubmit
   });
   return /* @__PURE__ */ React2.createElement(Editor.Root, {
-    ref: forwardRef2
-  }, /* @__PURE__ */ React2.createElement(Editor.Content, {
+    ref: forwardRef3
+  }, /* @__PURE__ */ React2.createElement(Editor.View, {
     classNames,
     autoFocus,
     extensions
   }));
 });
 
-// src/translations.ts
-var translationKey = "@dxos/react-ui-chat";
-var translations = [
-  {
-    "en-US": {
-      [translationKey]: {}
+// src/components/ChatStatus/ChatStatus.tsx
+import { createContext as createContext2 } from "@radix-ui/react-context";
+import React3, { forwardRef as forwardRef2, useEffect as useEffect2, useImperativeHandle, useState as useState2 } from "react";
+import { mx as mx2 } from "@dxos/ui-theme";
+
+// src/components/ChatStatus/format.ts
+var SECOND = 1e3;
+var MINUTE = 60 * SECOND;
+var HOUR = 60 * MINUTE;
+var formatElapsed = (ms) => {
+  const safe = Math.max(0, ms);
+  if (safe < MINUTE) {
+    return `${Math.floor(safe / SECOND)}s`;
+  }
+  if (safe < HOUR) {
+    const m2 = Math.floor(safe / MINUTE);
+    const s = Math.floor(safe % MINUTE / SECOND);
+    return `${m2}m ${s}s`;
+  }
+  const h = Math.floor(safe / HOUR);
+  const m = Math.floor(safe % HOUR / MINUTE);
+  return `${h}h ${m}m`;
+};
+
+// src/components/ChatStatus/ChatStatus.tsx
+var TICK_MS = 1e3;
+var [ChatStatusProvider, useChatStatusContext] = createContext2("ChatStatus");
+var Root = /* @__PURE__ */ forwardRef2(({ classNames, children, defaultRunning = true }, forwardedRef) => {
+  const [elapsed, setElapsed] = useState2(0);
+  const [running, setRunning] = useState2(defaultRunning);
+  useEffect2(() => {
+    if (!running) {
+      return;
     }
+    const startedAt = Date.now() - elapsed * TICK_MS;
+    let timeout;
+    const tick = () => {
+      setElapsed(Math.floor((Date.now() - startedAt) / TICK_MS));
+      timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
+    };
+    timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
+    return () => clearTimeout(timeout);
+  }, [
+    running
+  ]);
+  useImperativeHandle(forwardedRef, () => ({
+    start: () => setRunning(true),
+    stop: () => setRunning(false)
+  }), []);
+  return /* @__PURE__ */ React3.createElement(ChatStatusProvider, {
+    elapsed,
+    running
+  }, /* @__PURE__ */ React3.createElement("span", {
+    className: mx2("inline-flex items-center gap-2 text-description font-mono tabular-nums", classNames)
+  }, children));
+});
+Root.displayName = "ChatChatStatus.Root";
+var Icon2 = ({ classNames, children }) => {
+  if (children !== void 0) {
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
   }
-];
+  return /* @__PURE__ */ React3.createElement("span", {
+    "aria-hidden": "true",
+    className: mx2("inline-block size-2 rounded-full bg-current animate-halo-pulse", classNames)
+  });
+};
+var Stopwatch = ({ classNames, offset = 0 }) => {
+  const { elapsed } = useChatStatusContext("ChatChatStatus.Stopwatch");
+  return /* @__PURE__ */ React3.createElement("span", {
+    "aria-live": "off",
+    className: mx2(classNames)
+  }, formatElapsed((elapsed + offset) * 1e3));
+};
+var Separator = ({ classNames }) => /* @__PURE__ */ React3.createElement("span", {
+  "aria-hidden": "true",
+  className: mx2("opacity-50", classNames)
+}, "\xB7");
+var Text = ({ classNames, children }) => /* @__PURE__ */ React3.createElement("span", {
+  className: mx2(classNames)
+}, children);
+var ChatStatus = {
+  Root,
+  Icon: Icon2,
+  Stopwatch,
+  Separator,
+  Text
+};
 export {
   ChatDialog,
   ChatEditor,
+  ChatStatus,
+  formatElapsed,
   references,
-  translationKey,
-  translations,
-  useChatExtensions
+  useChatExtensions,
+  useChatStatusContext
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n  return (\n    <div className='grid w-[var(--dx-rail-action)] h-[var(--dx-rail-action)] items-center justify-center'>\n      {children}\n    </div>\n  );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  expanded: boolean;\n  setExpanded: Dispatch<SetStateAction<boolean>>;\n  size: Size;\n  setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n  open?: boolean;\n  expanded?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onExpandedChange?: (expanded: boolean) => void;\n  onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n  children,\n  open: openProp = false,\n  expanded: expandedProp = false,\n  onOpenChange,\n  onExpandedChange,\n  onEscape,\n}: ChatDialogRootProps) => {\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useControlledState<boolean>(openProp, onOpenChange);\n  const [expanded, setExpanded] = useControlledState<boolean>(expandedProp, onExpandedChange);\n\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  return (\n    <ChatDialogContextProvider\n      open={open}\n      setOpen={setOpen}\n      expanded={expanded}\n      setExpanded={setExpanded}\n      size={size}\n      setSize={setSize}\n    >\n      <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n        <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n          <Dialog.Content\n            size='md'\n            inOverlayLayout\n            classNames={[\n              'grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto',\n            ]}\n            onEscapeKeyDown={onEscape}\n            onInteractOutside={preventDefault}\n          >\n            {children}\n          </Dialog.Content>\n        </div>\n      </Dialog.Root>\n    </ChatDialogContextProvider>\n  );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\nconst CHAT_DIALOG_HEADER_NAME = 'ChatDialog.Header';\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n  title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n  const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);\n\n  return (\n    <div\n      className={mx('grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}\n    >\n      <Endcap>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </Endcap>\n      <Dialog.Title\n        classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n        onClick={() => setExpanded((expanded) => !expanded)}\n      >\n        {title}\n      </Dialog.Title>\n      <Endcap>\n        <IconButton\n          variant='ghost'\n          icon='ph--caret-up--regular'\n          iconOnly\n          classNames={mx('p-1! [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n          label={expanded ? 'Close' : 'Open'}\n          onClick={() => setExpanded((expanded) => !expanded)}\n        />\n      </Endcap>\n    </div>\n  );\n};\n\nChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;\n\n//\n// Content\n//\n\nconst CHAT_DIALOG_CONTENT_NAME = 'ChatDialog.Content';\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n  const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);\n  useEffect(() => {\n    setSize(expanded ? 'min-content' : 0);\n  }, [expanded]);\n\n  return (\n    <div\n      className={mx(\n        'border-t border-b border-subdued-separator',\n        'transition ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n        classNames,\n      )}\n      style={{\n        ...sizeStyle(size, 'vertical', true),\n        maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n      }}\n      {...resizeAttributes}\n    >\n      <ResizeHandle\n        side='block-start'\n        iconPosition='center'\n        defaultSize='min-content'\n        fallbackSize={0}\n        minSize={0}\n        onSizeChange={setSize}\n      />\n      {children}\n    </div>\n  );\n};\n\nChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;\n\n//\n// Footer\n//\n\nconst CHAT_DIALOG_FOOTER_NAME = 'ChatDialog.Footer';\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n  return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n  Root: ChatDialogRoot,\n  Header: ChatDialogHeader,\n  Content: ChatDialogContent,\n  Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n  WidgetType,\n  keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n  uri: string; // TODO(burdon): Rename dxn.\n  label: string;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport interface ReferencesProvider {\n  getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n  resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n  provider: ReferencesProvider;\n\n  /**\n   * @default '@'\n   */\n  triggerCharacter?: string;\n\n  /**\n   * Prevent the autocomplete from closing when the user blurs the editor.\n   * @default false\n   */\n  debug?: boolean;\n};\n\n/**\n * Lookup object references.\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n  invariant(triggerCharacter.length === 1);\n\n  const decorationField = ViewPlugin.fromClass(\n    class ReferenceView {\n      // TODO(burdon): Why?\n      private _mutex = new Mutex();\n\n      decorations: DecorationSet = Decoration.set([]);\n\n      constructor(view: EditorView) {\n        queueMicrotask(async () => {\n          const guard = await this._mutex.acquire();\n          try {\n            this.decorations = await this._computeDecorations(view);\n          } finally {\n            guard.release();\n          }\n        });\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          queueMicrotask(async () => {\n            const guard = await this._mutex.acquire();\n            try {\n              this.decorations = await this._computeDecorations(update.view);\n            } finally {\n              guard.release();\n            }\n          });\n        }\n      }\n\n      private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n        const text = view.state.doc.toString();\n        const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n        const decorations = [];\n        for (const match of references) {\n          const reference = match[0];\n          const uri = reference.slice(1, -1);\n          const data = await provider.resolveReference({ uri });\n          if (data) {\n            decorations.push(\n              Decoration.replace({\n                widget: new ReferenceWidget(data),\n              }).range(match.index!, match.index! + reference.length),\n            );\n          }\n        }\n\n        return Decoration.set(decorations);\n      }\n    },\n    {\n      decorations: (v) => v.decorations,\n      provide: () => [\n        EditorView.atomicRanges.of(\n          (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n        ),\n      ],\n    },\n  );\n\n  return [\n    decorationField,\n\n    EditorView.theme({\n      '.cm-reference-pill': {\n        borderRadius: '0.25rem',\n        borderWidth: '1px',\n        marginRight: '0.25rem',\n        marginLeft: '0.25rem',\n      },\n    }),\n\n    autocompletion({\n      tooltipClass: () => 'shadow rounded-sm',\n      activateOnTyping: true,\n      aboveCursor: true,\n      closeOnBlur: !debug,\n      override: [\n        async (context): Promise<CompletionResult | null> => {\n          const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n          if (!match || match?.to === match?.from) {\n            return null;\n          }\n\n          const query = match.text.slice(1);\n          const references = await provider.getReferences({ query });\n          return {\n            from: match.from,\n            filter: false,\n            options: references.map((reference) => ({\n              label: reference.label,\n              apply: `${triggerCharacter}${reference.uri} `,\n            })),\n          };\n        },\n      ],\n    }),\n\n    keymap.of(completionKeymap),\n  ];\n};\n\nclass ReferenceWidget extends WidgetType {\n  constructor(private data: ReferenceData) {\n    super();\n  }\n\n  override ignoreEvent() {\n    return true;\n  }\n\n  override eq(other: this) {\n    return this.data.uri === other.data.uri;\n  }\n\n  override toDOM() {\n    const span = document.createElement('span');\n    span.textContent = `@${this.data.label}`;\n    span.className = 'cm-reference-pill';\n    return span;\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport { Editor, type EditorController, type UseTextEditorProps } from '@dxos/react-ui-editor';\nimport {\n  type BasicExtensionsOptions,\n  type SubmitOptions,\n  createBasicExtensions,\n  createThemeExtensions,\n  submit,\n} from '@dxos/ui-editor';\nimport { isTruthy } from '@dxos/util';\n\nimport { type ReferencesOptions } from './references';\n\nexport interface ChatEditorController extends EditorController {}\n\nexport type ChatEditorProps = ThemedClassName<\n  {\n    extensions?: Extension;\n    references?: ReferencesOptions;\n  } & (SubmitOptions &\n    Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n    Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>)\n>;\n\nexport const useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }: ChatEditorProps) => {\n  const { themeMode } = useThemeContext();\n  return useMemo<Extension[]>(\n    () =>\n      [\n        createThemeExtensions({ themeMode }),\n        createBasicExtensions({ bracketMatching: false, lineWrapping, placeholder }),\n        submit({ onSubmit }),\n        extensions,\n      ].filter(isTruthy),\n    [themeMode, extensions, onSubmit],\n  );\n};\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n  ({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef) => {\n    const extensions = useChatExtensions({ extensions: extensionsProp, lineWrapping, placeholder, onSubmit });\n\n    // TODO(burdon): Popover.\n    return (\n      <Editor.Root ref={forwardRef}>\n        <Editor.Content classNames={classNames} autoFocus={autoFocus} extensions={extensions} />\n      </Editor.Root>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-chat';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": "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",
-  "names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "openProp", "expanded", "expandedProp", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "CHAT_DIALOG_HEADER_NAME", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "CHAT_DIALOG_CONTENT_NAME", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "CHAT_DIALOG_FOOTER_NAME", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "_mutex", "decorations", "set", "view", "queueMicrotask", "guard", "acquire", "_computeDecorations", "release", "update", "docChanged", "text", "state", "doc", "toString", "matchAll", "RegExp", "match", "reference", "uri", "slice", "data", "resolveReference", "push", "replace", "widget", "ReferenceWidget", "range", "index", "v", "provide", "atomicRanges", "of", "plugin", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "ignoreEvent", "eq", "other", "toDOM", "span", "document", "createElement", "textContent", "className", "React", "forwardRef", "useMemo", "useThemeContext", "Editor", "createBasicExtensions", "createThemeExtensions", "submit", "isTruthy", "useChatExtensions", "extensions", "lineWrapping", "placeholder", "onSubmit", "themeMode", "useThemeContext", "useMemo", "createThemeExtensions", "createBasicExtensions", "bracketMatching", "submit", "filter", "isTruthy", "ChatEditor", "forwardRef", "classNames", "autoFocus", "extensionsProp", "React", "Editor", "Root", "ref", "Content", "translationKey", "translations"]
+  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/components/ChatStatus/ChatStatus.tsx", "../../../src/components/ChatStatus/format.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type Dispatch, type PropsWithChildren, type SetStateAction, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\n// TODO(burdon): Factor out.\nconst Endcap = ({ children }: PropsWithChildren) => {\n  return (\n    <div className='grid w-[var(--dx-rail-action)] h-[var(--dx-rail-action)] items-center justify-center'>\n      {children}\n    </div>\n  );\n};\n\n//\n// Context\n//\n\ntype ChatDialogContextValue = {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  expanded: boolean;\n  setExpanded: Dispatch<SetStateAction<boolean>>;\n  size: Size;\n  setSize: Dispatch<SetStateAction<Size>>;\n};\n\nconst [ChatDialogContextProvider, useChatDialogContext] = createContext<ChatDialogContextValue>('ChatDialog');\n\n//\n// Root\n//\n\ntype ChatDialogRootProps = PropsWithChildren<{\n  open?: boolean;\n  expanded?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onExpandedChange?: (expanded: boolean) => void;\n  onEscape?: () => void;\n}>;\n\nconst ChatDialogRoot = ({\n  children,\n  open: openProp = false,\n  expanded: expandedProp = false,\n  onOpenChange,\n  onExpandedChange,\n  onEscape,\n}: ChatDialogRootProps) => {\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useControlledState<boolean>(openProp, onOpenChange);\n  const [expanded, setExpanded] = useControlledState<boolean>(expandedProp, onExpandedChange);\n\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  return (\n    <ChatDialogContextProvider\n      open={open}\n      setOpen={setOpen}\n      expanded={expanded}\n      setExpanded={setExpanded}\n      size={size}\n      setSize={setSize}\n    >\n      <Dialog.Root modal={false} open={open} onOpenChange={setOpen}>\n        <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n          <Dialog.Content\n            size='md'\n            inOverlayLayout\n            classNames={[\n              'grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto',\n            ]}\n            onEscapeKeyDown={onEscape}\n            onInteractOutside={preventDefault}\n          >\n            {children}\n          </Dialog.Content>\n        </div>\n      </Dialog.Root>\n    </ChatDialogContextProvider>\n  );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\nconst CHAT_DIALOG_HEADER_NAME = 'ChatDialog.Header';\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n  title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n  const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);\n\n  return (\n    <div\n      className={mx('grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}\n    >\n      <Endcap>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </Endcap>\n      <Dialog.Title\n        classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n        onClick={() => setExpanded((expanded) => !expanded)}\n      >\n        {title}\n      </Dialog.Title>\n      <Endcap>\n        <IconButton\n          variant='ghost'\n          icon='ph--caret-up--regular'\n          iconOnly\n          classNames={mx('p-1! [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n          label={expanded ? 'Close' : 'Open'}\n          onClick={() => setExpanded((expanded) => !expanded)}\n        />\n      </Endcap>\n    </div>\n  );\n};\n\nChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;\n\n//\n// Content\n//\n\nconst CHAT_DIALOG_CONTENT_NAME = 'ChatDialog.Content';\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n  const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);\n  useEffect(() => {\n    setSize(expanded ? 'min-content' : 0);\n  }, [expanded]);\n\n  return (\n    <div\n      className={mx(\n        'border-t border-b border-subdued-separator',\n        'transition ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n        classNames,\n      )}\n      style={{\n        ...sizeStyle(size, 'vertical', true),\n        maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n      }}\n      {...resizeAttributes}\n    >\n      <ResizeHandle\n        side='block-start'\n        iconPosition='center'\n        defaultSize='min-content'\n        fallbackSize={0}\n        minSize={0}\n        onSizeChange={setSize}\n      />\n      {children}\n    </div>\n  );\n};\n\nChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;\n\n//\n// Footer\n//\n\nconst CHAT_DIALOG_FOOTER_NAME = 'ChatDialog.Footer';\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n  return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n  Root: ChatDialogRoot,\n  Header: ChatDialogHeader,\n  Content: ChatDialogContent,\n  Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n  WidgetType,\n  keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n  uri: string; // TODO(burdon): Rename dxn.\n  label: string;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport interface ReferencesProvider {\n  getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n  resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n  provider: ReferencesProvider;\n\n  /**\n   * @default '@'\n   */\n  triggerCharacter?: string;\n\n  /**\n   * Prevent the autocomplete from closing when the user blurs the editor.\n   * @default false\n   */\n  debug?: boolean;\n};\n\n/**\n * Lookup object references.\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n  invariant(triggerCharacter.length === 1);\n\n  const decorationField = ViewPlugin.fromClass(\n    class ReferenceView {\n      // TODO(burdon): Why?\n      private _mutex = new Mutex();\n\n      decorations: DecorationSet = Decoration.set([]);\n\n      constructor(view: EditorView) {\n        queueMicrotask(async () => {\n          const guard = await this._mutex.acquire();\n          try {\n            this.decorations = await this._computeDecorations(view);\n          } finally {\n            guard.release();\n          }\n        });\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          queueMicrotask(async () => {\n            const guard = await this._mutex.acquire();\n            try {\n              this.decorations = await this._computeDecorations(update.view);\n            } finally {\n              guard.release();\n            }\n          });\n        }\n      }\n\n      private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n        const text = view.state.doc.toString();\n        const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n        const decorations = [];\n        for (const match of references) {\n          const reference = match[0];\n          const uri = reference.slice(1, -1);\n          const data = await provider.resolveReference({ uri });\n          if (data) {\n            decorations.push(\n              Decoration.replace({\n                widget: new ReferenceWidget(data),\n              }).range(match.index!, match.index! + reference.length),\n            );\n          }\n        }\n\n        return Decoration.set(decorations);\n      }\n    },\n    {\n      decorations: (v) => v.decorations,\n      provide: () => [\n        EditorView.atomicRanges.of(\n          (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n        ),\n      ],\n    },\n  );\n\n  return [\n    decorationField,\n\n    EditorView.theme({\n      '.cm-reference-pill': {\n        borderRadius: '0.25rem',\n        borderWidth: '1px',\n        marginRight: '0.25rem',\n        marginLeft: '0.25rem',\n      },\n    }),\n\n    autocompletion({\n      tooltipClass: () => 'shadow rounded-sm',\n      activateOnTyping: true,\n      aboveCursor: true,\n      closeOnBlur: !debug,\n      override: [\n        async (context): Promise<CompletionResult | null> => {\n          const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n          if (!match || match?.to === match?.from) {\n            return null;\n          }\n\n          const query = match.text.slice(1);\n          const references = await provider.getReferences({ query });\n          return {\n            from: match.from,\n            filter: false,\n            options: references.map((reference) => ({\n              label: reference.label,\n              apply: `${triggerCharacter}${reference.uri} `,\n            })),\n          };\n        },\n      ],\n    }),\n\n    keymap.of(completionKeymap),\n  ];\n};\n\nclass ReferenceWidget extends WidgetType {\n  constructor(private data: ReferenceData) {\n    super();\n  }\n\n  override ignoreEvent() {\n    return true;\n  }\n\n  override eq(other: this) {\n    return this.data.uri === other.data.uri;\n  }\n\n  override toDOM() {\n    const span = document.createElement('span');\n    span.textContent = `@${this.data.label}`;\n    span.className = 'cm-reference-pill';\n    return span;\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport { Editor, type EditorController, type UseTextEditorProps } from '@dxos/react-ui-editor';\nimport {\n  type BasicExtensionsOptions,\n  type SubmitOptions,\n  createBasicExtensions,\n  createThemeExtensions,\n  submit,\n  xmlFormatting,\n} from '@dxos/ui-editor';\nimport { isTruthy } from '@dxos/util';\n\nimport { type ReferencesOptions } from './references';\n\nexport interface ChatEditorController extends EditorController {}\n\nexport type ChatEditorProps = ThemedClassName<\n  {\n    extensions?: Extension;\n    references?: ReferencesOptions;\n  } & (SubmitOptions &\n    Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n    Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>)\n>;\n\nexport const useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }: ChatEditorProps) => {\n  const { themeMode } = useThemeContext();\n  return useMemo<Extension[]>(\n    () =>\n      [\n        createThemeExtensions({ themeMode }),\n        createBasicExtensions({ bracketMatching: false, lineWrapping, placeholder }),\n        xmlFormatting(),\n        submit({ onSubmit }),\n        extensions,\n      ].filter(isTruthy),\n    [themeMode, extensions, onSubmit],\n  );\n};\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n  ({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef) => {\n    const extensions = useChatExtensions({ extensions: extensionsProp, lineWrapping, placeholder, onSubmit });\n\n    // TODO(burdon): Popover.\n    return (\n      <Editor.Root ref={forwardRef}>\n        <Editor.View classNames={classNames} autoFocus={autoFocus} extensions={extensions} />\n      </Editor.Root>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, type Ref, forwardRef, useEffect, useImperativeHandle, useState } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { formatElapsed } from './format';\n\nconst TICK_MS = 1_000;\n\n//\n// Context\n//\n\ntype ChatStatusContextValue = {\n  /** Whole seconds elapsed since ChatStatus.Root mounted. Only advances while `running` is true. */\n  elapsed: number;\n  /** Whether the ChatStatus.Root tick is currently active. Toggled via the ChatStatusController. */\n  running: boolean;\n};\n\nconst [ChatStatusProvider, useChatStatusContext] = createContext<ChatStatusContextValue>('ChatStatus');\n\nexport { useChatStatusContext };\n\n//\n// Controller\n//\n\nexport type ChatStatusController = {\n  /** Resume the tick. No-op if already running. */\n  start: () => void;\n  /** Pause the tick. The reported `elapsed` freezes at its last value. */\n  stop: () => void;\n};\n\n//\n// Root\n//\n\nexport type RootProps = ThemedClassName<\n  PropsWithChildren<{\n    /** Whether the tick starts running on mount. Defaults to `true`. */\n    defaultRunning?: boolean;\n  }>\n>;\n\nconst Root = forwardRef<ChatStatusController, RootProps>(\n  ({ classNames, children, defaultRunning = true }: RootProps, forwardedRef: Ref<ChatStatusController>) => {\n    const [elapsed, setElapsed] = useState(0);\n    const [running, setRunning] = useState(defaultRunning);\n\n    useEffect(() => {\n      if (!running) {\n        return;\n      }\n\n      // Anchor to a wall-clock timestamp so `elapsed` self-corrects after\n      // tab-throttling: browsers clamp setTimeout to >=1s in inactive tabs\n      // and >=1min when the page is hidden, so a count-the-ticks approach\n      // would under-report after a background period. Computing elapsed from\n      // (Date.now() - startedAt) restores the true wall-clock value on the\n      // next fired tick. The initial elapsed (preserved across stop/start)\n      // is folded into the anchor so paused intervals are excluded.\n      const startedAt = Date.now() - elapsed * TICK_MS;\n      let timeout: ReturnType<typeof setTimeout>;\n      const tick = () => {\n        setElapsed(Math.floor((Date.now() - startedAt) / TICK_MS));\n        timeout = setTimeout(tick, TICK_MS - (Date.now() % TICK_MS));\n      };\n      timeout = setTimeout(tick, TICK_MS - (Date.now() % TICK_MS));\n      return () => clearTimeout(timeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- `elapsed` is\n      // captured once at resume; depending on it would restart the timer on\n      // every tick.\n    }, [running]);\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        start: () => setRunning(true),\n        stop: () => setRunning(false),\n      }),\n      [],\n    );\n\n    return (\n      <ChatStatusProvider elapsed={elapsed} running={running}>\n        <span className={mx('inline-flex items-center gap-2 text-description font-mono tabular-nums', classNames)}>\n          {children}\n        </span>\n      </ChatStatusProvider>\n    );\n  },\n);\n\nRoot.displayName = 'ChatChatStatus.Root';\n\n//\n// Icon\n//\n\nexport type IconProps = ThemedClassName<PropsWithChildren>;\n\n/**\n * Animated leading indicator. Defaults to a halo-pulse dot. Pass children to override.\n */\nconst Icon = ({ classNames, children }: IconProps) => {\n  if (children !== undefined) {\n    return <>{children}</>;\n  }\n  return (\n    <span\n      aria-hidden='true'\n      className={mx('inline-block size-2 rounded-full bg-current animate-halo-pulse', classNames)}\n    />\n  );\n};\n\n//\n// Stopwatch\n//\n\nexport type StopwatchProps = ThemedClassName<{\n  /** Seconds to add to the context elapsed value before formatting. Defaults to 0. */\n  offset?: number;\n}>;\n\n/**\n * Elapsed-time display, driven by the ChatStatus.Root context tick.\n * Use `offset` to shift the displayed value; remount `ChatStatus.Root` to reset the underlying counter.\n * Marked `aria-live='off'` so screen readers don't announce every tick.\n */\nconst Stopwatch = ({ classNames, offset = 0 }: StopwatchProps) => {\n  const { elapsed } = useChatStatusContext('ChatChatStatus.Stopwatch');\n  return (\n    <span aria-live='off' className={mx(classNames)}>\n      {formatElapsed((elapsed + offset) * 1_000)}\n    </span>\n  );\n};\n\n//\n// Separator\n//\n\nexport type SeparatorProps = ThemedClassName<unknown>;\n\n/**\n * Middle-dot separator. Decorative — `aria-hidden`.\n */\nconst Separator = ({ classNames }: SeparatorProps) => (\n  <span aria-hidden='true' className={mx('opacity-50', classNames)}>\n    ·\n  </span>\n);\n\n//\n// Text\n//\n\nexport type TextProps = ThemedClassName<PropsWithChildren>;\n\n/**\n * Generic text node — useful for token counts and other inline metadata.\n */\nconst Text = ({ classNames, children }: TextProps) => <span className={mx(classNames)}>{children}</span>;\n\n//\n// ChatStatus\n//\n\nexport const ChatStatus = {\n  Root,\n  Icon,\n  Stopwatch,\n  Separator,\n  Text,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nconst SECOND = 1_000;\nconst MINUTE = 60 * SECOND;\nconst HOUR = 60 * MINUTE;\n\n/**\n * Formats elapsed milliseconds as a human-readable duration.\n * Tiers: `Ns` (< 60s), `Nm Xs` (< 60m), `Nh Xm` (≥ 60m).\n * Negative inputs clamp to `0s`.\n */\nexport const formatElapsed = (ms: number): string => {\n  const safe = Math.max(0, ms);\n  if (safe < MINUTE) {\n    return `${Math.floor(safe / SECOND)}s`;\n  }\n  if (safe < HOUR) {\n    const m = Math.floor(safe / MINUTE);\n    const s = Math.floor((safe % MINUTE) / SECOND);\n    return `${m}m ${s}s`;\n  }\n  const h = Math.floor(safe / HOUR);\n  const m = Math.floor((safe % HOUR) / MINUTE);\n  return `${h}h ${m}m`;\n};\n"],
+  "mappings": "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",
+  "names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "ResizeHandle", "resizeAttributes", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "ChatDialogRoot", "open", "openProp", "expanded", "expandedProp", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "setOpen", "setExpanded", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "CHAT_DIALOG_HEADER_NAME", "ChatDialogHeader", "title", "Close", "icon", "Title", "onClick", "variant", "iconOnly", "label", "CHAT_DIALOG_CONTENT_NAME", "ChatDialogContent", "style", "maxBlockSize", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "CHAT_DIALOG_FOOTER_NAME", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "decorationField", "fromClass", "ReferenceView", "_mutex", "view", "queueMicrotask", "guard", "decorations", "_computeDecorations", "update", "text", "matchAll", "references", "match", "reference", "uri", "data", "provider", "widget", "index", "atomicRanges", "borderRadius", "marginRight", "marginLeft", "activateOnTyping", "aboveCursor", "closeOnBlur", "debug", "override", "context", "query", "filter", "options", "label", "apply", "triggerCharacter", "ignoreEvent", "other", "toDOM", "span", "className", "React", "forwardRef", "useMemo", "useThemeContext", "Editor", "createBasicExtensions", "createThemeExtensions", "submit", "xmlFormatting", "isTruthy", "useChatExtensions", "extensions", "lineWrapping", "placeholder", "onSubmit", "themeMode", "bracketMatching", "filter", "ChatEditor", "classNames", "autoFocus", "extensionsProp", "Root", "ref", "View", "createContext", "React", "forwardRef", "useEffect", "useImperativeHandle", "useState", "mx", "SECOND", "MINUTE", "HOUR", "formatElapsed", "ms", "safe", "Math", "max", "floor", "m", "s", "h", "TICK_MS", "ChatStatusProvider", "useChatStatusContext", "createContext", "Root", "forwardRef", "classNames", "children", "defaultRunning", "forwardedRef", "elapsed", "setElapsed", "useState", "running", "setRunning", "useEffect", "startedAt", "Date", "now", "TICK_MS", "timeout", "tick", "Math", "floor", "setTimeout", "clearTimeout", "useImperativeHandle", "start", "stop", "React", "ChatStatusProvider", "span", "className", "mx", "displayName", "Icon", "undefined", "aria-hidden", "Stopwatch", "offset", "useChatStatusContext", "aria-live", "formatElapsed", "Separator", "Text", "ChatStatus"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17552,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":480,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":16061,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":5856,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":574,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/index.ts":{"bytes":563,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/translations.ts":{"bytes":1055,"imports":[],"format":"esm"},"src/index.ts":{"bytes":558,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21221},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references","translationKey","translations","useChatExtensions"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4386},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3687},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":1210},"src/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":124}},"bytes":9707}}}
+{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17444,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":382,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":15988,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":5885,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":476,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/ChatStatus/format.ts":{"bytes":2700,"imports":[],"format":"esm"},"src/components/ChatStatus/ChatStatus.tsx":{"bytes":13936,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/ChatStatus/format.ts","kind":"import-statement","original":"./format"}],"format":"esm"},"src/components/ChatStatus/index.ts":{"bytes":464,"imports":[{"path":"src/components/ChatStatus/ChatStatus.tsx","kind":"import-statement","original":"./ChatStatus"},{"path":"src/components/ChatStatus/format.ts","kind":"import-statement","original":"./format"}],"format":"esm"},"src/components/index.ts":{"bytes":566,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"},{"path":"src/components/ChatStatus/index.ts","kind":"import-statement","original":"./ChatStatus"}],"format":"esm"},"src/index.ts":{"bytes":382,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"},"src/translations.ts":{"bytes":968,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28848},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","ChatStatus","formatElapsed","references","useChatExtensions","useChatStatusContext"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4386},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3675},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":1243},"src/components/ChatStatus/ChatStatus.tsx":{"bytesInOutput":2424},"src/components/ChatStatus/format.ts":{"bytesInOutput":455},"src/components/ChatStatus/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":12610},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":523},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":124}},"bytes":234}}}

package/dist/lib/browser/translations.mjs

@@ -0,0 +1,14 @@
+// src/translations.ts
+var translationKey = "@dxos/react-ui-chat";
+var translations = [
+  {
+    "en-US": {
+      [translationKey]: {}
+    }
+  }
+];
+export {
+  translationKey,
+  translations
+};
+//# sourceMappingURL=translations.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-chat';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB,CAAC;IACrB;EACF;;",
+  "names": ["translationKey", "translations"]
+}

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

@@ -110,15 +110,7 @@ import { Mutex } from "@dxos/async";
 import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
 var references = ({ provider, triggerCharacter = "@", debug = false }) => {
-  invariant(triggerCharacter.length === 1, void 0, {
-    F: __dxlog_file,
-    L: 56,
-    S: void 0,
-    A: [
-      "triggerCharacter.length === 1",
-      ""
-    ]
-  });
+  invariant(triggerCharacter.length === 1, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 14, S: void 0, A: ["triggerCharacter.length === 1", ""] });
   const decorationField = ViewPlugin.fromClass(class ReferenceView {
     // TODO(burdon): Why?
     _mutex = new Mutex();
@@ -231,7 +223,7 @@ var ReferenceWidget = class extends WidgetType {
 import React2, { forwardRef, useMemo } from "react";
 import { useThemeContext } from "@dxos/react-ui";
 import { Editor } from "@dxos/react-ui-editor";
-import { createBasicExtensions, createThemeExtensions, submit } from "@dxos/ui-editor";
+import { createBasicExtensions, createThemeExtensions, submit, xmlFormatting } from "@dxos/ui-editor";
 import { isTruthy } from "@dxos/util";
 var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }) => {
   const { themeMode } = useThemeContext();
@@ -244,6 +236,7 @@ var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubm
       lineWrapping,
       placeholder
     }),
+    xmlFormatting(),
     submit({
       onSubmit
     }),
@@ -254,7 +247,7 @@ var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubm
     onSubmit
   ]);
 };
-var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef2) => {
+var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef3) => {
   const extensions = useChatExtensions({
     extensions: extensionsProp,
     lineWrapping,
@@ -262,29 +255,108 @@ var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions
     onSubmit
   });
   return /* @__PURE__ */ React2.createElement(Editor.Root, {
-    ref: forwardRef2
-  }, /* @__PURE__ */ React2.createElement(Editor.Content, {
+    ref: forwardRef3
+  }, /* @__PURE__ */ React2.createElement(Editor.View, {
     classNames,
     autoFocus,
     extensions
   }));
 });
 
-// src/translations.ts
-var translationKey = "@dxos/react-ui-chat";
-var translations = [
-  {
-    "en-US": {
-      [translationKey]: {}
+// src/components/ChatStatus/ChatStatus.tsx
+import { createContext as createContext2 } from "@radix-ui/react-context";
+import React3, { forwardRef as forwardRef2, useEffect as useEffect2, useImperativeHandle, useState as useState2 } from "react";
+import { mx as mx2 } from "@dxos/ui-theme";
+
+// src/components/ChatStatus/format.ts
+var SECOND = 1e3;
+var MINUTE = 60 * SECOND;
+var HOUR = 60 * MINUTE;
+var formatElapsed = (ms) => {
+  const safe = Math.max(0, ms);
+  if (safe < MINUTE) {
+    return `${Math.floor(safe / SECOND)}s`;
+  }
+  if (safe < HOUR) {
+    const m2 = Math.floor(safe / MINUTE);
+    const s = Math.floor(safe % MINUTE / SECOND);
+    return `${m2}m ${s}s`;
+  }
+  const h = Math.floor(safe / HOUR);
+  const m = Math.floor(safe % HOUR / MINUTE);
+  return `${h}h ${m}m`;
+};
+
+// src/components/ChatStatus/ChatStatus.tsx
+var TICK_MS = 1e3;
+var [ChatStatusProvider, useChatStatusContext] = createContext2("ChatStatus");
+var Root = /* @__PURE__ */ forwardRef2(({ classNames, children, defaultRunning = true }, forwardedRef) => {
+  const [elapsed, setElapsed] = useState2(0);
+  const [running, setRunning] = useState2(defaultRunning);
+  useEffect2(() => {
+    if (!running) {
+      return;
     }
+    const startedAt = Date.now() - elapsed * TICK_MS;
+    let timeout;
+    const tick = () => {
+      setElapsed(Math.floor((Date.now() - startedAt) / TICK_MS));
+      timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
+    };
+    timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
+    return () => clearTimeout(timeout);
+  }, [
+    running
+  ]);
+  useImperativeHandle(forwardedRef, () => ({
+    start: () => setRunning(true),
+    stop: () => setRunning(false)
+  }), []);
+  return /* @__PURE__ */ React3.createElement(ChatStatusProvider, {
+    elapsed,
+    running
+  }, /* @__PURE__ */ React3.createElement("span", {
+    className: mx2("inline-flex items-center gap-2 text-description font-mono tabular-nums", classNames)
+  }, children));
+});
+Root.displayName = "ChatChatStatus.Root";
+var Icon2 = ({ classNames, children }) => {
+  if (children !== void 0) {
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
   }
-];
+  return /* @__PURE__ */ React3.createElement("span", {
+    "aria-hidden": "true",
+    className: mx2("inline-block size-2 rounded-full bg-current animate-halo-pulse", classNames)
+  });
+};
+var Stopwatch = ({ classNames, offset = 0 }) => {
+  const { elapsed } = useChatStatusContext("ChatChatStatus.Stopwatch");
+  return /* @__PURE__ */ React3.createElement("span", {
+    "aria-live": "off",
+    className: mx2(classNames)
+  }, formatElapsed((elapsed + offset) * 1e3));
+};
+var Separator = ({ classNames }) => /* @__PURE__ */ React3.createElement("span", {
+  "aria-hidden": "true",
+  className: mx2("opacity-50", classNames)
+}, "\xB7");
+var Text = ({ classNames, children }) => /* @__PURE__ */ React3.createElement("span", {
+  className: mx2(classNames)
+}, children);
+var ChatStatus = {
+  Root,
+  Icon: Icon2,
+  Stopwatch,
+  Separator,
+  Text
+};
 export {
   ChatDialog,
   ChatEditor,
+  ChatStatus,
+  formatElapsed,
   references,
-  translationKey,
-  translations,
-  useChatExtensions
+  useChatExtensions,
+  useChatStatusContext
 };
 //# sourceMappingURL=index.mjs.map