@dxos/react-ui-chat 0.8.4-main.84f28bd

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

@@ -0,0 +1,482 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/components/ChatDialog/ChatDialog.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { createContext } from "@radix-ui/react-context";
+import React, { useEffect, useState } from "react";
+import { Dialog, Icon, IconButton, useControlledState } from "@dxos/react-ui";
+import { resizeAttributes, ResizeHandle, sizeStyle } from "@dxos/react-ui-dnd";
+import { mx } from "@dxos/react-ui-theme";
+var preventDefault = (event) => event.preventDefault();
+var Endcap = ({ children }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "grid w-[var(--rail-action)] h-[var(--rail-action)] items-center justify-center"
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+var [ChatDialogContextProvider, useChatDialogContext] = createContext("ChatDialog");
+var ChatDialogRoot = ({ children, open: _open = false, expanded: _expanded = false, onOpenChange, onExpandedChange, onEscape }) => {
+  var _effect = _useSignals();
+  try {
+    const [size, setSize] = useState("min-content");
+    const [open, setOpen] = useControlledState(_open, onOpenChange);
+    const [expanded, setExpanded] = useControlledState(_expanded, onExpandedChange);
+    return /* @__PURE__ */ React.createElement(ChatDialogContextProvider, {
+      open,
+      setOpen,
+      expanded,
+      setExpanded,
+      size,
+      setSize
+    }, /* @__PURE__ */ React.createElement(Dialog.Root, {
+      modal: false,
+      open,
+      onOpenChange: setOpen
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "dx-dialog__overlay bg-transparent pointer-events-none",
+      "data-block-align": "end"
+    }, /* @__PURE__ */ React.createElement(Dialog.Content, {
+      inOverlayLayout: true,
+      classNames: [
+        "grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden",
+        "box-content md:is-[35rem] md:max-is-none pointer-events-auto"
+      ],
+      onEscapeKeyDown: onEscape,
+      onInteractOutside: preventDefault
+    }, children))));
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogRoot.displayName = "ChatDialog.Root";
+var ChatDialogHeader = ({ classNames, title }) => {
+  var _effect = _useSignals();
+  try {
+    const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx("grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
+    }, /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--x--regular"
+    }))), /* @__PURE__ */ React.createElement(Dialog.Title, {
+      classNames: "flex w-full justify-center text-sm text-subdued select-none cursor-pointer",
+      onClick: () => setExpanded((expanded2) => !expanded2)
+    }, title), /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--caret-up--regular",
+      iconOnly: true,
+      classNames: mx("!p-1 [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
+      label: expanded ? "Close" : "Open",
+      onClick: () => setExpanded((expanded2) => !expanded2)
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogHeader.displayName = "ChatDialog.Header";
+var ChatDialogContent = ({ children, classNames }) => {
+  var _effect = _useSignals();
+  try {
+    const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
+    useEffect(() => {
+      setSize(expanded ? "min-content" : 0);
+    }, [
+      expanded
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx("flex flex-col overflow-y-auto border-t border-b border-subduedSeparator", 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
+      style: {
+        ...sizeStyle(size, "vertical", true),
+        maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)"
+      },
+      ...resizeAttributes
+    }, /* @__PURE__ */ React.createElement(ResizeHandle, {
+      side: "block-start",
+      iconPosition: "center",
+      defaultSize: "min-content",
+      fallbackSize: 0,
+      minSize: 0,
+      onSizeChange: setSize
+    }), children);
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogContent.displayName = "ChatDialog.Content";
+var ChatDialogFooter = ({ children, classNames }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: mx(classNames)
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+ChatDialogFooter.displayName = "ChatDialog.Footer";
+var ChatDialog = {
+  Root: ChatDialogRoot,
+  Header: ChatDialogHeader,
+  Content: ChatDialogContent,
+  Footer: ChatDialogFooter
+};
+
+// src/components/ChatEditor/references.ts
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { RangeSet } from "@codemirror/state";
+import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
+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: 50,
+    S: void 0,
+    A: [
+      "triggerCharacter.length === 1",
+      ""
+    ]
+  });
+  const decorationField = ViewPlugin.fromClass(class ReferenceView {
+    constructor(view) {
+      // TODO(burdon): Why?
+      this._mutex = new Mutex();
+      this.decorations = Decoration.set([]);
+      queueMicrotask(async () => {
+        const guard = await this._mutex.acquire();
+        try {
+          this.decorations = await this._computeDecorations(view);
+        } finally {
+          guard.release();
+        }
+      });
+    }
+    update(update) {
+      if (update.docChanged) {
+        queueMicrotask(async () => {
+          const guard = await this._mutex.acquire();
+          try {
+            this.decorations = await this._computeDecorations(update.view);
+          } finally {
+            guard.release();
+          }
+        });
+      }
+    }
+    async _computeDecorations(view) {
+      const text = view.state.doc.toString();
+      const references2 = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\s`, "g"));
+      const decorations = [];
+      for (const match of references2) {
+        const reference = match[0];
+        const uri = reference.slice(1, -1);
+        const data = await provider.resolveReference({
+          uri
+        });
+        if (data) {
+          decorations.push(Decoration.replace({
+            widget: new ReferenceWidget(data)
+          }).range(match.index, match.index + reference.length));
+        }
+      }
+      return Decoration.set(decorations);
+    }
+  }, {
+    decorations: (v) => v.decorations,
+    provide: (plugin) => [
+      EditorView.atomicRanges.of((view) => view.plugin(decorationField)?.decorations ?? RangeSet.empty)
+    ]
+  });
+  return [
+    decorationField,
+    EditorView.theme({
+      ".cm-reference-pill": {
+        borderRadius: "0.25rem",
+        borderWidth: "1px",
+        marginRight: "0.25rem",
+        marginLeft: "0.25rem"
+      }
+    }),
+    autocompletion({
+      tooltipClass: () => "shadow rounded",
+      activateOnTyping: true,
+      aboveCursor: true,
+      closeOnBlur: !debug,
+      override: [
+        async (context) => {
+          const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));
+          if (!match || match?.to === match?.from) {
+            return null;
+          }
+          const query = match.text.slice(1);
+          const references2 = await provider.getReferences({
+            query
+          });
+          return {
+            from: match.from,
+            filter: false,
+            options: references2.map((reference) => ({
+              label: reference.label,
+              apply: `${triggerCharacter}${reference.uri} `
+            }))
+          };
+        }
+      ]
+    }),
+    keymap.of(completionKeymap)
+  ];
+};
+var ReferenceWidget = class extends WidgetType {
+  constructor(data) {
+    super(), this.data = data;
+  }
+  toDOM() {
+    const span = document.createElement("span");
+    span.textContent = `@ ${this.data.label}`;
+    span.className = "cm-reference-pill";
+    return span;
+  }
+  eq(other) {
+    return other.data.uri === this.data.uri;
+  }
+  ignoreEvent() {
+    return true;
+  }
+};
+
+// src/components/ChatEditor/ChatEditor.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef, useImperativeHandle } from "react";
+import { useThemeContext } from "@dxos/react-ui";
+import { createBasicExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+
+// src/components/ChatEditor/autocomplete.ts
+import { Prec } from "@codemirror/state";
+import { EditorView as EditorView2, Decoration as Decoration2, ViewPlugin as ViewPlugin2, keymap as keymap2, WidgetType as WidgetType2 } from "@codemirror/view";
+var autocomplete = ({ onSubmit, onSuggest, onCancel }) => {
+  const suggest = ViewPlugin2.fromClass(class {
+    constructor(view) {
+      this._currentSuggestion = null;
+      this._decorations = this.computeDecorations(view);
+    }
+    update(update) {
+      if (update.docChanged || update.selectionSet) {
+        this._decorations = this.computeDecorations(update.view);
+      }
+    }
+    computeDecorations(view) {
+      const text = view.state.doc.toString();
+      const suggestions = onSuggest?.(text) ?? [];
+      if (!suggestions.length) {
+        this._currentSuggestion = null;
+        return Decoration2.none;
+      }
+      this._currentSuggestion = suggestions[0];
+      const suffix = this._currentSuggestion.slice(text.length);
+      if (!suffix) {
+        return Decoration2.none;
+      }
+      return Decoration2.set([
+        Decoration2.widget({
+          widget: new InlineSuggestionWidget(suffix),
+          side: 1
+        }).range(view.state.doc.length)
+      ]);
+    }
+    completeSuggestion(view) {
+      if (!this._currentSuggestion) {
+        return false;
+      }
+      const text = view.state.doc.toString();
+      const suffix = this._currentSuggestion.slice(text.length);
+      if (!suffix) {
+        return false;
+      }
+      view.dispatch({
+        changes: {
+          from: view.state.doc.length,
+          insert: suffix
+        },
+        selection: {
+          anchor: view.state.doc.length + suffix.length
+        }
+      });
+      return true;
+    }
+  }, {
+    decorations: (v) => v._decorations
+  });
+  return [
+    suggest,
+    EditorView2.theme({
+      ".cm-inline-suggestion": {
+        opacity: 0.4
+      }
+    }),
+    Prec.highest(keymap2.of([
+      {
+        key: "Tab",
+        preventDefault: true,
+        run: (view) => {
+          const plugin = view.plugin(suggest);
+          return plugin?.completeSuggestion(view) ?? false;
+        }
+      },
+      {
+        key: "ArrowRight",
+        preventDefault: true,
+        run: (view) => {
+          if (view.state.selection.main.head !== view.state.doc.length) {
+            return false;
+          }
+          const plugin = view.plugin(suggest);
+          return plugin?.completeSuggestion(view) ?? false;
+        }
+      },
+      {
+        key: "Enter",
+        preventDefault: true,
+        run: (view) => {
+          const text = view.state.doc.toString().trim();
+          if (text.length > 0 && onSubmit) {
+            const reset = onSubmit(text);
+            if (reset) {
+              view.dispatch({
+                changes: {
+                  from: 0,
+                  to: view.state.doc.length,
+                  insert: ""
+                }
+              });
+            }
+          }
+          return true;
+        }
+      },
+      {
+        key: "Shift-Enter",
+        preventDefault: true,
+        run: (view) => {
+          view.dispatch({
+            changes: {
+              from: view.state.selection.main.head,
+              insert: "\n"
+            },
+            selection: {
+              anchor: view.state.selection.main.head + 1,
+              head: view.state.selection.main.head + 1
+            }
+          });
+          return true;
+        }
+      },
+      {
+        key: "Escape",
+        preventDefault: true,
+        run: (view) => {
+          view.dispatch({
+            changes: {
+              from: 0,
+              to: view.state.doc.length,
+              insert: ""
+            }
+          });
+          onCancel?.();
+          return true;
+        }
+      }
+    ]))
+  ];
+};
+var InlineSuggestionWidget = class extends WidgetType2 {
+  constructor(suffix) {
+    super(), this.suffix = suffix;
+  }
+  toDOM() {
+    const span = document.createElement("span");
+    span.textContent = this.suffix;
+    span.className = "cm-inline-suggestion";
+    return span;
+  }
+  eq(other) {
+    return other.suffix === this.suffix;
+  }
+};
+
+// src/components/ChatEditor/ChatEditor.tsx
+var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, extensions, references: references2, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel }, forwardRef2) => {
+  var _effect = _useSignals2();
+  try {
+    const { themeMode } = useThemeContext();
+    const { parentRef, view } = useTextEditor({
+      debug: true,
+      autoFocus,
+      extensions: [
+        createThemeExtensions({
+          themeMode
+        }),
+        autocomplete({
+          onSubmit,
+          onSuggest,
+          onCancel
+        }),
+        references2 ? references({
+          provider: references2.provider
+        }) : [],
+        createBasicExtensions({
+          bracketMatching: false,
+          lineWrapping,
+          placeholder
+        }),
+        extensions
+      ].filter(isNonNullable)
+    }, [
+      themeMode,
+      extensions,
+      onSubmit,
+      onSuggest
+    ]);
+    useImperativeHandle(forwardRef2, () => {
+      return {
+        focus: () => {
+          view?.focus();
+        },
+        setText: (text) => {
+          view?.dispatch({
+            changes: {
+              from: 0,
+              to: view.state.doc.length,
+              insert: text
+            },
+            selection: {
+              anchor: text.length,
+              head: text.length
+            }
+          });
+        }
+      };
+    }, [
+      view,
+      onSubmit
+    ]);
+    return /* @__PURE__ */ React2.createElement("div", {
+      ref: parentRef,
+      className: mx2("is-full", classNames)
+    });
+  } finally {
+    _effect.f();
+  }
+});
+export {
+  ChatDialog,
+  ChatEditor,
+  references
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/components/ChatEditor/autocomplete.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, useControlledState, type ThemedClassName } from '@dxos/react-ui';\nimport { resizeAttributes, ResizeHandle, type Size, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-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(--rail-action)] h-[var(--rail-action)] items-center justify-center'>{children}</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: _open = false,\n  expanded: _expanded = false,\n  onOpenChange,\n  onExpandedChange,\n  onEscape,\n}: ChatDialogRootProps) => {\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useControlledState<boolean>(_open, onOpenChange);\n  const [expanded, setExpanded] = useControlledState<boolean>(_expanded, 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            inOverlayLayout\n            classNames={[\n              'grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden',\n              'box-content md:is-[35rem] md:max-is-none 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\ntype ChatDialogHeaderProps = ThemedClassName<{\n  title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n  const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);\n\n  return (\n    <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>\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 = 'ChatDialog.Header';\n\n//\n// Content\n//\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n  const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);\n  useEffect(() => {\n    setSize(expanded ? 'min-content' : 0);\n  }, [expanded]);\n\n  return (\n    <div\n      className={mx(\n        'flex flex-col overflow-y-auto border-t border-b border-subduedSeparator',\n        'transition-[block-size] 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 = 'ChatDialog.Content';\n\n//\n// Footer\n//\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n  return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = 'ChatDialog.Footer';\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 { autocompletion, completionKeymap, type CompletionResult } 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;\n  label: string;\n};\n\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 */\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: (plugin) => [\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',\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 toDOM(): HTMLSpanElement {\n    const span = document.createElement('span');\n    span.textContent = `@ ${this.data.label}`;\n    span.className = 'cm-reference-pill';\n    return span;\n  }\n\n  override eq(other: ReferenceWidget): boolean {\n    return other.data.uri === this.data.uri;\n  }\n\n  override ignoreEvent(): boolean {\n    return true;\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useImperativeHandle } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type BasicExtensionsOptions,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { autocomplete, type AutocompleteOptions } from './autocomplete';\nimport { references as referencesExtension, type ReferencesOptions } from './references';\n\n// TODO(burdon): Handle object references.\n\nexport interface ChatEditorController {\n  focus(): void;\n  setText(text: string): void;\n}\n\nexport type ChatEditorProps = ThemedClassName<\n  {\n    extensions?: Extension;\n    references?: ReferencesOptions;\n  } & AutocompleteOptions &\n    Pick<UseTextEditorProps, 'autoFocus'> &\n    Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>\n>;\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n  (\n    { classNames, extensions, references, autoFocus, lineWrapping = false, placeholder, onSubmit, onSuggest, onCancel },\n    forwardRef,\n  ) => {\n    const { themeMode } = useThemeContext();\n    const { parentRef, view } = useTextEditor(\n      {\n        debug: true,\n        autoFocus,\n        extensions: [\n          createThemeExtensions({ themeMode }),\n          autocomplete({ onSubmit, onSuggest, onCancel }),\n          references ? referencesExtension({ provider: references.provider }) : [],\n          createBasicExtensions({\n            bracketMatching: false,\n            lineWrapping,\n            placeholder,\n          }),\n          extensions,\n        ].filter(isNonNullable),\n      },\n      [themeMode, extensions, onSubmit, onSuggest],\n    );\n\n    // Expose editor view.\n    useImperativeHandle(\n      forwardRef,\n      () => {\n        return {\n          focus: () => {\n            view?.focus();\n          },\n          setText: (text: string) => {\n            view?.dispatch({\n              changes: {\n                from: 0,\n                to: view.state.doc.length,\n                insert: text,\n              },\n              selection: {\n                anchor: text.length,\n                head: text.length,\n              },\n            });\n          },\n        };\n      },\n      [view, onSubmit],\n    );\n\n    return <div ref={parentRef} className={mx('is-full', classNames)} />;\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Prec, type Extension } from '@codemirror/state';\nimport {\n  EditorView,\n  Decoration,\n  ViewPlugin,\n  keymap,\n  type DecorationSet,\n  type ViewUpdate,\n  WidgetType,\n} from '@codemirror/view';\n\nexport type AutocompleteOptions = {\n  /**\n   * Callback triggered when Enter is pressed.\n   * @param text The current text in the editor\n   * @returns true if the editor should reset the document.\n   */\n  onSubmit?: (text: string) => boolean | void;\n\n  /**\n   * Function that returns a list of suggestions based on the current text.\n   * @param text The current text before the cursor\n   * @returns Array of suggestion strings\n   */\n  onSuggest?: (text: string) => string[];\n\n  /**\n   * ESC pressed.\n   */\n  onCancel?: () => void;\n};\n\n/**\n * Creates an autocomplete extension that shows inline suggestions.\n * Pressing Tab will complete the suggestion.\n */\n// TODO(burdon): Move to react-ui-editor.\nexport const autocomplete = ({ onSubmit, onSuggest, onCancel }: AutocompleteOptions): Extension => {\n  const suggest = ViewPlugin.fromClass(\n    class {\n      _decorations: DecorationSet;\n      _currentSuggestion: string | null = null;\n\n      constructor(view: EditorView) {\n        this._decorations = this.computeDecorations(view);\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged || update.selectionSet) {\n          this._decorations = this.computeDecorations(update.view);\n        }\n      }\n\n      private computeDecorations(view: EditorView): DecorationSet {\n        const text = view.state.doc.toString();\n        const suggestions = onSuggest?.(text) ?? [];\n        if (!suggestions.length) {\n          this._currentSuggestion = null;\n          return Decoration.none;\n        }\n\n        // Get the first suggestion.\n        this._currentSuggestion = suggestions[0];\n        const suffix = this._currentSuggestion.slice(text.length);\n        if (!suffix) {\n          return Decoration.none;\n        }\n\n        // Always show ghost text at the end of the document.\n        return Decoration.set([\n          Decoration.widget({\n            widget: new InlineSuggestionWidget(suffix),\n            side: 1,\n          }).range(view.state.doc.length),\n        ]);\n      }\n\n      completeSuggestion(view: EditorView): boolean {\n        if (!this._currentSuggestion) {\n          return false;\n        }\n\n        const text = view.state.doc.toString();\n        const suffix = this._currentSuggestion.slice(text.length);\n        if (!suffix) {\n          return false;\n        }\n\n        view.dispatch({\n          changes: {\n            from: view.state.doc.length,\n            insert: suffix,\n          },\n          selection: {\n            anchor: view.state.doc.length + suffix.length,\n          },\n        });\n\n        return true;\n      }\n    },\n    {\n      decorations: (v) => v._decorations,\n    },\n  );\n\n  return [\n    suggest,\n    EditorView.theme({\n      '.cm-inline-suggestion': {\n        opacity: 0.4,\n      },\n    }),\n\n    Prec.highest(\n      keymap.of([\n        {\n          key: 'Tab',\n          preventDefault: true,\n          run: (view) => {\n            const plugin = view.plugin(suggest);\n            return plugin?.completeSuggestion(view) ?? false;\n          },\n        },\n        {\n          key: 'ArrowRight',\n          preventDefault: true,\n          run: (view) => {\n            // Only complete if cursor is at the end\n            if (view.state.selection.main.head !== view.state.doc.length) {\n              return false;\n            }\n\n            const plugin = view.plugin(suggest);\n            return plugin?.completeSuggestion(view) ?? false;\n          },\n        },\n        {\n          key: 'Enter',\n          preventDefault: true,\n          run: (view) => {\n            const text = view.state.doc.toString().trim();\n            if (text.length > 0 && onSubmit) {\n              const reset = onSubmit(text);\n\n              // Clear the document after calling onEnter.\n              if (reset) {\n                view.dispatch({\n                  changes: {\n                    from: 0,\n                    to: view.state.doc.length,\n                    insert: '',\n                  },\n                });\n              }\n            }\n\n            return true;\n          },\n        },\n        {\n          key: 'Shift-Enter',\n          preventDefault: true,\n          run: (view) => {\n            view.dispatch({\n              changes: {\n                from: view.state.selection.main.head,\n                insert: '\\n',\n              },\n              selection: {\n                anchor: view.state.selection.main.head + 1,\n                head: view.state.selection.main.head + 1,\n              },\n            });\n            return true;\n          },\n        },\n        {\n          key: 'Escape',\n          preventDefault: true,\n          run: (view) => {\n            // Clear the entire document.\n            view.dispatch({\n              changes: {\n                from: 0,\n                to: view.state.doc.length,\n                insert: '',\n              },\n            });\n            onCancel?.();\n            return true;\n          },\n        },\n      ]),\n    ),\n  ];\n};\n\nclass InlineSuggestionWidget extends WidgetType {\n  constructor(private suffix: string) {\n    super();\n  }\n\n  override toDOM(): HTMLSpanElement {\n    const span = document.createElement('span');\n    span.textContent = this.suffix;\n    span.className = 'cm-inline-suggestion';\n    return span;\n  }\n\n  override eq(other: InlineSuggestionWidget): boolean {\n    return other.suffix === this.suffix;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["createContext", "React", "useEffect", "useState", "Dialog", "Icon", "IconButton", "useControlledState", "resizeAttributes", "ResizeHandle", "sizeStyle", "mx", "preventDefault", "event", "Endcap", "children", "div", "className", "ChatDialogContextProvider", "useChatDialogContext", "createContext", "ChatDialogRoot", "open", "_open", "expanded", "_expanded", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "useState", "setOpen", "useControlledState", "setExpanded", "Dialog", "Root", "modal", "role", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "ChatDialogHeader", "title", "mx", "Close", "Icon", "icon", "Title", "onClick", "IconButton", "variant", "iconOnly", "label", "ChatDialogContent", "useEffect", "style", "sizeStyle", "maxBlockSize", "resizeAttributes", "ResizeHandle", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "references", "provider", "triggerCharacter", "debug", "length", "decorationField", "fromClass", "ReferenceView", "view", "_mutex", "decorations", "set", "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", "plugin", "atomicRanges", "of", "empty", "theme", "borderRadius", "borderWidth", "marginRight", "marginLeft", "tooltipClass", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "context", "matchBefore", "to", "from", "query", "getReferences", "filter", "options", "map", "label", "apply", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ignoreEvent", "React", "forwardRef", "useImperativeHandle", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "useTextEditor", "mx", "isNonNullable", "Prec", "EditorView", "Decoration", "ViewPlugin", "keymap", "WidgetType", "autocomplete", "onSubmit", "onSuggest", "onCancel", "suggest", "ViewPlugin", "fromClass", "view", "_currentSuggestion", "_decorations", "computeDecorations", "update", "docChanged", "selectionSet", "text", "state", "doc", "toString", "suggestions", "length", "Decoration", "none", "suffix", "slice", "set", "widget", "InlineSuggestionWidget", "side", "range", "completeSuggestion", "dispatch", "changes", "from", "insert", "selection", "anchor", "decorations", "v", "EditorView", "theme", "opacity", "Prec", "highest", "keymap", "of", "key", "preventDefault", "run", "plugin", "main", "head", "trim", "reset", "to", "WidgetType", "toDOM", "span", "document", "createElement", "textContent", "className", "eq", "other", "ChatEditor", "forwardRef", "classNames", "extensions", "references", "autoFocus", "lineWrapping", "placeholder", "onSubmit", "onSuggest", "onCancel", "themeMode", "useThemeContext", "parentRef", "view", "useTextEditor", "debug", "createThemeExtensions", "autocomplete", "referencesExtension", "provider", "createBasicExtensions", "bracketMatching", "filter", "isNonNullable", "useImperativeHandle", "focus", "setText", "text", "dispatch", "changes", "from", "to", "state", "doc", "length", "insert", "selection", "anchor", "head", "React", "div", "ref", "className", "mx"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17734,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"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/react-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":15921,"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/autocomplete.ts":{"bytes":18917,"imports":[{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":8616,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/components/ChatEditor/autocomplete.ts","kind":"import-statement","original":"./autocomplete"},{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"}],"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/index.ts":{"bytes":458,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31074},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"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/react-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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","references"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4866},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3699},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":1940},"src/components/ChatEditor/autocomplete.ts":{"bytesInOutput":4069},"src/index.ts":{"bytesInOutput":0}},"bytes":14979}}}

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

@@ -0,0 +1,34 @@
+import React, { type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+type ChatDialogRootProps = PropsWithChildren<{
+    open?: boolean;
+    expanded?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onExpandedChange?: (expanded: boolean) => void;
+    onEscape?: () => void;
+}>;
+type ChatDialogHeaderProps = ThemedClassName<{
+    title?: string;
+}>;
+type ChatDialogContentProps = ThemedClassName<PropsWithChildren>;
+type ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;
+export declare const ChatDialog: {
+    Root: {
+        ({ children, open: _open, expanded: _expanded, onOpenChange, onExpandedChange, onEscape, }: ChatDialogRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ classNames, title }: ChatDialogHeaderProps): React.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, classNames }: ChatDialogContentProps): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, classNames }: ChatDialogFooterProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=ChatDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAA4C,MAAM,OAAO,CAAC;AAE/G,OAAO,EAAgD,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgCpG,KAAK,mBAAmB,GAAG,iBAAiB,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAkDH,KAAK,qBAAqB,GAAG,eAAe,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAsCH,KAAK,sBAAsB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAwCjE,KAAK,qBAAqB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAYhE,eAAO,MAAM,UAAU;;oGArIpB,mBAAmB;;;;gCA6C2B,qBAAqB;;;;mCAsCjB,sBAAsB;;;;mCAwCvB,qBAAqB;;;CAexE,CAAC"}

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

@@ -0,0 +1,8 @@
+import '@dxos-theme';
+import { type StoryObj, type Meta } from '@storybook/react-vite';
+import { ChatDialog } from './ChatDialog';
+declare const meta: Meta<typeof ChatDialog.Root>;
+export default meta;
+type Story = StoryObj<typeof ChatDialog.Root>;
+export declare const Default: Story;
+//# sourceMappingURL=ChatDialog.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/ChatDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAAC,IAAI,CAyCtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './ChatDialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,21 @@
+import { type Extension } from '@codemirror/state';
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type BasicExtensionsOptions, type UseTextEditorProps } from '@dxos/react-ui-editor';
+import { type AutocompleteOptions } from './autocomplete';
+import { type ReferencesOptions } from './references';
+export interface ChatEditorController {
+    focus(): void;
+    setText(text: string): void;
+}
+export type ChatEditorProps = ThemedClassName<{
+    extensions?: Extension;
+    references?: ReferencesOptions;
+} & AutocompleteOptions & Pick<UseTextEditorProps, 'autoFocus'> & Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>>;
+export declare const ChatEditor: React.ForwardRefExoticComponent<Omit<{
+    extensions?: Extension;
+    references?: ReferencesOptions;
+} & AutocompleteOptions & Pick<UseTextEditorProps, "autoFocus"> & Pick<BasicExtensionsOptions, "lineWrapping" | "placeholder">, "className"> & {
+    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+} & React.RefAttributes<ChatEditorController>>;
+//# sourceMappingURL=ChatEditor.d.ts.map