@dxos/react-ui-chat 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/lib/browser/index.mjs +16 -13
  2. package/dist/lib/browser/index.mjs.map +3 -3
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +16 -13
  5. package/dist/lib/node-esm/index.mjs.map +3 -3
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/types/src/components/ChatDialog/ChatDialog.d.ts.map +1 -1
  8. package/dist/types/tsconfig.tsbuildinfo +1 -1
  9. package/package.json +26 -26
  10. package/src/components/ChatDialog/ChatDialog.stories.tsx +3 -3
  11. package/src/components/ChatDialog/ChatDialog.tsx +23 -13
  12. package/src/components/ChatEditor/ChatEditor.stories.tsx +2 -2
  13. package/src/components/ChatEditor/references.ts +1 -1
package/dist/lib/browser/index.mjs CHANGED
@@ -7,7 +7,7 @@ import { mx } from "@dxos/ui-theme";
7
7
  var preventDefault = (event) => event.preventDefault();
8
8
  var Endcap = ({ children }) => {
9
9
  return /* @__PURE__ */ React.createElement("div", {
10
- className: "grid is-[var(--rail-action)] bs-[var(--rail-action)] items-center justify-center"
10
+ className: "grid w-[var(--dx-rail-action)] h-[var(--dx-rail-action)] items-center justify-center"
11
11
  }, children);
12
12
  };
13
13
  var [ChatDialogContextProvider, useChatDialogContext] = createContext("ChatDialog");
@@ -31,44 +31,46 @@ var ChatDialogRoot = ({ children, open: openProp = false, expanded: expandedProp
31
31
  className: "dx-dialog__overlay bg-transparent pointer-events-none",
32
32
  "data-block-align": "end"
33
33
  }, /* @__PURE__ */ React.createElement(Dialog.Content, {
34
+ size: "md",
34
35
  inOverlayLayout: true,
35
36
  classNames: [
36
- "grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden",
37
- "box-content md:is-[35rem] md:max-is-none pointer-events-auto"
37
+ "grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto"
38
38
  ],
39
39
  onEscapeKeyDown: onEscape,
40
40
  onInteractOutside: preventDefault
41
41
  }, children))));
42
42
  };
43
43
  ChatDialogRoot.displayName = "ChatDialog.Root";
44
+ var CHAT_DIALOG_HEADER_NAME = "ChatDialog.Header";
44
45
  var ChatDialogHeader = ({ classNames, title }) => {
45
- const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
46
+ const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);
46
47
  return /* @__PURE__ */ React.createElement("div", {
47
- className: mx("grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
48
+ className: mx("grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
48
49
  }, /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
49
50
  icon: "ph--x--regular"
50
51
  }))), /* @__PURE__ */ React.createElement(Dialog.Title, {
51
- classNames: "flex is-full justify-center text-sm text-subdued select-none cursor-pointer",
52
+ classNames: "flex w-full justify-center text-sm text-subdued select-none cursor-pointer",
52
53
  onClick: () => setExpanded((expanded2) => !expanded2)
53
54
  }, title), /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(IconButton, {
54
55
  variant: "ghost",
55
56
  icon: "ph--caret-up--regular",
56
57
  iconOnly: true,
57
- classNames: mx("!p-1 [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
58
+ classNames: mx("p-1! [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
58
59
  label: expanded ? "Close" : "Open",
59
60
  onClick: () => setExpanded((expanded2) => !expanded2)
60
61
  })));
61
62
  };
62
- ChatDialogHeader.displayName = "ChatDialog.Header";
63
+ ChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;
64
+ var CHAT_DIALOG_CONTENT_NAME = "ChatDialog.Content";
63
65
  var ChatDialogContent = ({ children, classNames }) => {
64
- const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
66
+ const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);
65
67
  useEffect(() => {
66
68
  setSize(expanded ? "min-content" : 0);
67
69
  }, [
68
70
  expanded
69
71
  ]);
70
72
  return /* @__PURE__ */ React.createElement("div", {
71
- className: mx("flex flex-col overflow-y-auto border-bs border-be border-subduedSeparator", 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
73
+ className: mx("border-t border-b border-subdued-separator", 'transition ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
72
74
  style: {
73
75
  ...sizeStyle(size, "vertical", true),
74
76
  maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)"
@@ -83,13 +85,14 @@ var ChatDialogContent = ({ children, classNames }) => {
83
85
  onSizeChange: setSize
84
86
  }), children);
85
87
  };
86
- ChatDialogContent.displayName = "ChatDialog.Content";
88
+ ChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;
89
+ var CHAT_DIALOG_FOOTER_NAME = "ChatDialog.Footer";
87
90
  var ChatDialogFooter = ({ children, classNames }) => {
88
91
  return /* @__PURE__ */ React.createElement("div", {
89
92
  className: mx(classNames)
90
93
  }, children);
91
94
  };
92
- ChatDialogFooter.displayName = "ChatDialog.Footer";
95
+ ChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;
93
96
  var ChatDialog = {
94
97
  Root: ChatDialogRoot,
95
98
  Header: ChatDialogHeader,
@@ -175,7 +178,7 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
175
178
  }
176
179
  }),
177
180
  autocompletion({
178
- tooltipClass: () => "shadow rounded",
181
+ tooltipClass: () => "shadow rounded-sm",
179
182
  activateOnTyping: true,
180
183
  aboveCursor: true,
181
184
  closeOnBlur: !debug,
package/dist/lib/browser/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
4
- "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 is-[var(--rail-action)] bs-[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: 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 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 is-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-bs border-be 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 { 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',\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"],
5
- "mappings": "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",
6
- "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", "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", "_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"]
4
+ "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"],
5
+ "mappings": "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",
6
+ "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"]
7
7
  }
package/dist/lib/browser/meta.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":16935,"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":16054,"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":20945},"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":4286},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3684},"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":9604}}}
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}}}
package/dist/lib/node-esm/index.mjs CHANGED
@@ -9,7 +9,7 @@ import { mx } from "@dxos/ui-theme";
9
9
  var preventDefault = (event) => event.preventDefault();
10
10
  var Endcap = ({ children }) => {
11
11
  return /* @__PURE__ */ React.createElement("div", {
12
- className: "grid is-[var(--rail-action)] bs-[var(--rail-action)] items-center justify-center"
12
+ className: "grid w-[var(--dx-rail-action)] h-[var(--dx-rail-action)] items-center justify-center"
13
13
  }, children);
14
14
  };
15
15
  var [ChatDialogContextProvider, useChatDialogContext] = createContext("ChatDialog");
@@ -33,44 +33,46 @@ var ChatDialogRoot = ({ children, open: openProp = false, expanded: expandedProp
33
33
  className: "dx-dialog__overlay bg-transparent pointer-events-none",
34
34
  "data-block-align": "end"
35
35
  }, /* @__PURE__ */ React.createElement(Dialog.Content, {
36
+ size: "md",
36
37
  inOverlayLayout: true,
37
38
  classNames: [
38
- "grid grid-rows-[var(--rail-action)_1fr_min-content] p-0 overflow-hidden",
39
- "box-content md:is-[35rem] md:max-is-none pointer-events-auto"
39
+ "grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto"
40
40
  ],
41
41
  onEscapeKeyDown: onEscape,
42
42
  onInteractOutside: preventDefault
43
43
  }, children))));
44
44
  };
45
45
  ChatDialogRoot.displayName = "ChatDialog.Root";
46
+ var CHAT_DIALOG_HEADER_NAME = "ChatDialog.Header";
46
47
  var ChatDialogHeader = ({ classNames, title }) => {
47
- const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
48
+ const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);
48
49
  return /* @__PURE__ */ React.createElement("div", {
49
- className: mx("grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
50
+ className: mx("grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
50
51
  }, /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
51
52
  icon: "ph--x--regular"
52
53
  }))), /* @__PURE__ */ React.createElement(Dialog.Title, {
53
- classNames: "flex is-full justify-center text-sm text-subdued select-none cursor-pointer",
54
+ classNames: "flex w-full justify-center text-sm text-subdued select-none cursor-pointer",
54
55
  onClick: () => setExpanded((expanded2) => !expanded2)
55
56
  }, title), /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(IconButton, {
56
57
  variant: "ghost",
57
58
  icon: "ph--caret-up--regular",
58
59
  iconOnly: true,
59
- classNames: mx("!p-1 [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
60
+ classNames: mx("p-1! [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
60
61
  label: expanded ? "Close" : "Open",
61
62
  onClick: () => setExpanded((expanded2) => !expanded2)
62
63
  })));
63
64
  };
64
- ChatDialogHeader.displayName = "ChatDialog.Header";
65
+ ChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;
66
+ var CHAT_DIALOG_CONTENT_NAME = "ChatDialog.Content";
65
67
  var ChatDialogContent = ({ children, classNames }) => {
66
- const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
68
+ const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);
67
69
  useEffect(() => {
68
70
  setSize(expanded ? "min-content" : 0);
69
71
  }, [
70
72
  expanded
71
73
  ]);
72
74
  return /* @__PURE__ */ React.createElement("div", {
73
- className: mx("flex flex-col overflow-y-auto border-bs border-be border-subduedSeparator", 'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
75
+ className: mx("border-t border-b border-subdued-separator", 'transition ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
74
76
  style: {
75
77
  ...sizeStyle(size, "vertical", true),
76
78
  maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)"
@@ -85,13 +87,14 @@ var ChatDialogContent = ({ children, classNames }) => {
85
87
  onSizeChange: setSize
86
88
  }), children);
87
89
  };
88
- ChatDialogContent.displayName = "ChatDialog.Content";
90
+ ChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;
91
+ var CHAT_DIALOG_FOOTER_NAME = "ChatDialog.Footer";
89
92
  var ChatDialogFooter = ({ children, classNames }) => {
90
93
  return /* @__PURE__ */ React.createElement("div", {
91
94
  className: mx(classNames)
92
95
  }, children);
93
96
  };
94
- ChatDialogFooter.displayName = "ChatDialog.Footer";
97
+ ChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;
95
98
  var ChatDialog = {
96
99
  Root: ChatDialogRoot,
97
100
  Header: ChatDialogHeader,
@@ -177,7 +180,7 @@ var references = ({ provider, triggerCharacter = "@", debug = false }) => {
177
180
  }
178
181
  }),
179
182
  autocompletion({
180
- tooltipClass: () => "shadow rounded",
183
+ tooltipClass: () => "shadow rounded-sm",
181
184
  activateOnTyping: true,
182
185
  aboveCursor: true,
183
186
  closeOnBlur: !debug,
package/dist/lib/node-esm/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/translations.ts"],
4
- "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 is-[var(--rail-action)] bs-[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: 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 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 is-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-bs border-be 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 { 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',\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"],
5
- "mappings": "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",
6
- "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", "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", "_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"]
4
+ "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"],
5
+ "mappings": ";;;AAIA,SAASA,qBAAqB;AAC9B,OAAOC,SAAqEC,WAAWC,gBAAgB;AAEvG,SAASC,QAAQC,MAAMC,YAAkCC,0BAA0B;AACnF,SAASC,cAAyBC,kBAAkBC,iBAAiB;AACrE,SAASC,UAAU;AAEnB,IAAMC,iBAAiB,CAACC,UAAiBA,MAAMD,eAAc;AAG7D,IAAME,SAAS,CAAC,EAAEC,SAAQ,MAAqB;AAC7C,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACZF,QAAAA;AAGP;AAeA,IAAM,CAACG,2BAA2BC,oBAAAA,IAAwBC,cAAsC,YAAA;AAchG,IAAMC,iBAAiB,CAAC,EACtBN,UACAO,MAAMC,WAAW,OACjBC,UAAUC,eAAe,OACzBC,cACAC,kBACAC,SAAQ,MACY;AACpB,QAAM,CAACC,MAAMC,OAAAA,IAAWC,SAAe,aAAA;AACvC,QAAM,CAACT,MAAMU,OAAAA,IAAWC,mBAA4BV,UAAUG,YAAAA;AAC9D,QAAM,CAACF,UAAUU,WAAAA,IAAeD,mBAA4BR,cAAcE,gBAAAA;AAI1E,SACE,sBAAA,cAACT,2BAAAA;IACCI;IACAU;IACAR;IACAU;IACAL;IACAC;KAEA,sBAAA,cAACK,OAAOC,MAAI;IAACC,OAAO;IAAOf;IAAYI,cAAcM;KACnD,sBAAA,cAAChB,OAAAA;IAAIsB,MAAK;IAAOrB,WAAU;IAAwDsB,oBAAiB;KAClG,sBAAA,cAACJ,OAAOK,SAAO;IACbX,MAAK;IACLY,iBAAAA;IACAC,YAAY;MACV;;IAEFC,iBAAiBf;IACjBgB,mBAAmBhC;KAElBG,QAAAA,CAAAA,CAAAA,CAAAA;AAMb;AAEAM,eAAewB,cAAc;AAM7B,IAAMC,0BAA0B;AAMhC,IAAMC,mBAAmB,CAAC,EAAEL,YAAYM,MAAK,MAAyB;AACpE,QAAM,EAAExB,UAAUU,YAAW,IAAKf,qBAAqB2B,uBAAAA;AAEvD,SACE,sBAAA,cAAC9B,OAAAA;IACCC,WAAWgC,GAAG,uFAAuFP,UAAAA;KAErG,sBAAA,cAAC5B,QAAAA,MACC,sBAAA,cAACqB,OAAOe,OAAK,MACX,sBAAA,cAACC,MAAAA;IAAKC,MAAK;QAGf,sBAAA,cAACjB,OAAOkB,OAAK;IACXX,YAAW;IACXY,SAAS,MAAMpB,YAAY,CAACV,cAAa,CAACA,SAAAA;KAEzCwB,KAAAA,GAEH,sBAAA,cAAClC,QAAAA,MACC,sBAAA,cAACyC,YAAAA;IACCC,SAAQ;IACRJ,MAAK;IACLK,UAAAA;IACAf,YAAYO,GAAG,gDAAgDzB,YAAY,oBAAA;IAC3EkC,OAAOlC,WAAW,UAAU;IAC5B8B,SAAS,MAAMpB,YAAY,CAACV,cAAa,CAACA,SAAAA;;AAKpD;AAEAuB,iBAAiBF,cAAcC;AAM/B,IAAMa,2BAA2B;AAIjC,IAAMC,oBAAoB,CAAC,EAAE7C,UAAU2B,WAAU,MAA0B;AACzE,QAAM,EAAElB,UAAUK,MAAMC,QAAO,IAAKX,qBAAqBwC,wBAAAA;AACzDE,YAAU,MAAA;AACR/B,YAAQN,WAAW,gBAAgB,CAAA;EACrC,GAAG;IAACA;GAAS;AAEb,SACE,sBAAA,cAACR,OAAAA;IACCC,WAAWgC,GACT,8CACA,qFACAP,UAAAA;IAEFoB,OAAO;MACL,GAAGC,UAAUlC,MAAM,YAAY,IAAA;MAC/BmC,cAAc;IAChB;IACC,GAAGC;KAEJ,sBAAA,cAACC,cAAAA;IACCC,MAAK;IACLC,cAAa;IACbC,aAAY;IACZC,cAAc;IACdC,SAAS;IACTC,cAAc1C;MAEff,QAAAA;AAGP;AAEA6C,kBAAkBf,cAAcc;AAMhC,IAAMc,0BAA0B;AAIhC,IAAMC,mBAAmB,CAAC,EAAE3D,UAAU2B,WAAU,MAAyB;AACvE,SAAO,sBAAA,cAAC1B,OAAAA;IAAIC,WAAWgC,GAAGP,UAAAA;KAAc3B,QAAAA;AAC1C;AAEA2D,iBAAiB7B,cAAc4B;AAMxB,IAAME,aAAa;EACxBvC,MAAMf;EACNuD,QAAQ7B;EACRP,SAASoB;EACTiB,QAAQH;AACV;;;ACtMA,SAAgCI,gBAAgBC,wBAAwB;AACxE,SAAyBC,gBAAgB;AACzC,SACEC,YAEAC,YACAC,YAEAC,YACAC,cACK;AAEP,SAASC,aAAa;AACtB,SAASC,iBAAiB;;AAqCnB,IAAMC,aAAa,CAAC,EAAEC,UAAUC,mBAAmB,KAAKC,QAAQ,MAAK,MAAqB;AAC/FJ,YAAUG,iBAAiBE,WAAW,GAAA,QAAA;;;;;;;;;AAEtC,QAAMC,kBAAkBV,WAAWW,UACjC,MAAMC,cAAAA;;IAEIC,SAAS,IAAIV,MAAAA;IAErBW,cAA6BhB,WAAWiB,IAAI,CAAA,CAAE;IAE9C,YAAYC,MAAkB;AAC5BC,qBAAe,YAAA;AACb,cAAMC,QAAQ,MAAM,KAAKL,OAAOM,QAAO;AACvC,YAAI;AACF,eAAKL,cAAc,MAAM,KAAKM,oBAAoBJ,IAAAA;QACpD,UAAA;AACEE,gBAAMG,QAAO;QACf;MACF,CAAA;IACF;IAEAC,OAAOA,QAAoB;AACzB,UAAIA,OAAOC,YAAY;AACrBN,uBAAe,YAAA;AACb,gBAAMC,QAAQ,MAAM,KAAKL,OAAOM,QAAO;AACvC,cAAI;AACF,iBAAKL,cAAc,MAAM,KAAKM,oBAAoBE,OAAON,IAAI;UAC/D,UAAA;AACEE,kBAAMG,QAAO;UACf;QACF,CAAA;MACF;IACF;IAEA,MAAcD,oBAAoBJ,MAA0C;AAC1E,YAAMQ,OAAOR,KAAKS,MAAMC,IAAIC,SAAQ;AACpC,YAAMtB,cAAamB,KAAKI,SAAS,IAAIC,OAAO,GAAGtB,gBAAAA,qBAAqC,GAAA,CAAA;AAEpF,YAAMO,cAAc,CAAA;AACpB,iBAAWgB,SAASzB,aAAY;AAC9B,cAAM0B,YAAYD,MAAM,CAAA;AACxB,cAAME,MAAMD,UAAUE,MAAM,GAAG,EAAC;AAChC,cAAMC,OAAO,MAAM5B,SAAS6B,iBAAiB;UAAEH;QAAI,CAAA;AACnD,YAAIE,MAAM;AACRpB,sBAAYsB,KACVtC,WAAWuC,QAAQ;YACjBC,QAAQ,IAAIC,gBAAgBL,IAAAA;UAC9B,CAAA,EAAGM,MAAMV,MAAMW,OAAQX,MAAMW,QAASV,UAAUtB,MAAM,CAAA;QAE1D;MACF;AAEA,aAAOX,WAAWiB,IAAID,WAAAA;IACxB;EACF,GACA;IACEA,aAAa,CAAC4B,MAAMA,EAAE5B;IACtB6B,SAAS,MAAM;MACb5C,WAAW6C,aAAaC,GACtB,CAAC7B,SAAwBA,KAAK8B,OAAOpC,eAAAA,GAAkBI,eAAejB,SAASkD,KAAK;;EAG1F,CAAA;AAGF,SAAO;IACLrC;IAEAX,WAAWiD,MAAM;MACf,sBAAsB;QACpBC,cAAc;QACdC,aAAa;QACbC,aAAa;QACbC,YAAY;MACd;IACF,CAAA;IAEAzD,eAAe;MACb0D,cAAc,MAAM;MACpBC,kBAAkB;MAClBC,aAAa;MACbC,aAAa,CAAChD;MACdiD,UAAU;QACR,OAAOC,YAAAA;AACL,gBAAM5B,QAAQ4B,QAAQC,YAAY,IAAI9B,OAAO,GAAGtB,gBAAAA,cAA8B,CAAA;AAC9E,cAAI,CAACuB,SAASA,OAAO8B,OAAO9B,OAAO+B,MAAM;AACvC,mBAAO;UACT;AAEA,gBAAMC,QAAQhC,MAAMN,KAAKS,MAAM,CAAA;AAC/B,gBAAM5B,cAAa,MAAMC,SAASyD,cAAc;YAAED;UAAM,CAAA;AACxD,iBAAO;YACLD,MAAM/B,MAAM+B;YACZG,QAAQ;YACRC,SAAS5D,YAAW6D,IAAI,CAACnC,eAAe;cACtCoC,OAAOpC,UAAUoC;cACjBC,OAAO,GAAG7D,gBAAAA,GAAmBwB,UAAUC,GAAG;YAC5C,EAAA;UACF;QACF;;IAEJ,CAAA;IAEA9B,OAAO2C,GAAGjD,gBAAAA;;AAEd;AAEA,IAAM2C,kBAAN,cAA8BtC,WAAAA;;EAC5B,YAAoBiC,MAAqB;AACvC,UAAK,GAAA,KADaA,OAAAA;EAEpB;EAESmC,cAAc;AACrB,WAAO;EACT;EAESC,GAAGC,OAAa;AACvB,WAAO,KAAKrC,KAAKF,QAAQuC,MAAMrC,KAAKF;EACtC;EAESwC,QAAQ;AACf,UAAMC,OAAOC,SAASC,cAAc,MAAA;AACpCF,SAAKG,cAAc,IAAI,KAAK1C,KAAKiC,KAAK;AACtCM,SAAKI,YAAY;AACjB,WAAOJ;EACT;AACF;;;AC/KA,OAAOK,UAASC,YAAYC,eAAe;AAE3C,SAA+BC,uBAAuB;AACtD,SAASC,cAA8D;AACvE,SAGEC,uBACAC,uBACAC,cACK;AACP,SAASC,gBAAgB;AAelB,IAAMC,oBAAoB,CAAC,EAAEC,YAAYC,eAAe,OAAOC,aAAaC,SAAQ,MAAmB;AAC5G,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,SAAOC,QACL,MACE;IACEC,sBAAsB;MAAEH;IAAU,CAAA;IAClCI,sBAAsB;MAAEC,iBAAiB;MAAOR;MAAcC;IAAY,CAAA;IAC1EQ,OAAO;MAAEP;IAAS,CAAA;IAClBH;IACAW,OAAOC,QAAAA,GACX;IAACR;IAAWJ;IAAYG;GAAS;AAErC;AAEO,IAAMU,aAAaC,2BACxB,CAAC,EAAEC,YAAYC,WAAWhB,YAAYiB,gBAAgBhB,eAAe,OAAOC,aAAaC,SAAQ,GAAIW,gBAAAA;AACnG,QAAMd,aAAaD,kBAAkB;IAAEC,YAAYiB;IAAgBhB;IAAcC;IAAaC;EAAS,CAAA;AAGvG,SACE,gBAAAe,OAAA,cAACC,OAAOC,MAAI;IAACC,KAAKP;KAChB,gBAAAI,OAAA,cAACC,OAAOG,SAAO;IAACP;IAAwBC;IAAsBhB;;AAGpE,CAAA;;;ACjDK,IAAMuB,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB,CAAC;IACrB;EACF;;",
6
+ "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"]
7
7
  }
package/dist/lib/node-esm/meta.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":16935,"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":16054,"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/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20947},"dist/lib/node-esm/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":4286},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3684},"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":9697}}}
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/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21223},"dist/lib/node-esm/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":9800}}}
package/dist/types/src/components/ChatDialog/ChatDialog.d.ts.map CHANGED
@@ -1 +1 @@
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,EAA4B,KAAK,eAAe,EAAsB,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;;0GArIpB,mBAAmB;;;;gCA6C2B,qBAAqB;;;;mCAsCjB,sBAAsB;;;;mCAwCvB,qBAAqB;;;CAexE,CAAC"}
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,EAA4B,KAAK,eAAe,EAAsB,MAAM,gBAAgB,CAAC;AAkCpG,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;AAoDH,KAAK,qBAAqB,GAAG,eAAe,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AA0CH,KAAK,sBAAsB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AA0CjE,KAAK,qBAAqB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAYhE,eAAO,MAAM,UAAU;;0GA7IpB,mBAAmB;;;;gCA+C2B,qBAAqB;;;;mCA0CjB,sBAAsB;;;;mCA0CvB,qBAAqB;;;CAexE,CAAC"}