@dxos/react-ui-chat 0.10.0 → 0.11.1

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 (54) hide show
  1. package/dist/lib/index.mjs +414 -0
  2. package/dist/lib/index.mjs.map +1 -0
  3. package/dist/lib/translations.mjs +7 -0
  4. package/dist/lib/translations.mjs.map +1 -0
  5. package/dist/types/src/components/ChatEditor/ChatEditor.d.ts +4 -1
  6. package/dist/types/src/components/ChatEditor/ChatEditor.d.ts.map +1 -1
  7. package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts +6 -2
  8. package/dist/types/src/components/ChatEditor/ChatEditor.stories.d.ts.map +1 -1
  9. package/dist/types/src/components/ChatEditor/commands.d.ts +15 -0
  10. package/dist/types/src/components/ChatEditor/commands.d.ts.map +1 -0
  11. package/dist/types/src/components/ChatEditor/commands.test.d.ts +2 -0
  12. package/dist/types/src/components/ChatEditor/commands.test.d.ts.map +1 -0
  13. package/dist/types/src/components/ChatEditor/index.d.ts +2 -0
  14. package/dist/types/src/components/ChatEditor/index.d.ts.map +1 -1
  15. package/dist/types/src/components/ChatEditor/useChatExtensions.d.ts +4 -0
  16. package/dist/types/src/components/ChatEditor/useChatExtensions.d.ts.map +1 -0
  17. package/dist/types/src/components/ChatStatus/ChatStatus.d.ts +0 -8
  18. package/dist/types/src/components/ChatStatus/ChatStatus.d.ts.map +1 -1
  19. package/dist/types/src/components/ChatStatus/ChatStatus.stories.d.ts.map +1 -1
  20. package/dist/types/src/components/ChatStatus/ChatStatusContext.d.ts +10 -0
  21. package/dist/types/src/components/ChatStatus/ChatStatusContext.d.ts.map +1 -0
  22. package/dist/types/src/components/ChatStatus/index.d.ts +1 -0
  23. package/dist/types/src/components/ChatStatus/index.d.ts.map +1 -1
  24. package/dist/types/src/components/ChatStatusIndicator/ChatStatusIndicator.d.ts +10 -0
  25. package/dist/types/src/components/ChatStatusIndicator/ChatStatusIndicator.d.ts.map +1 -0
  26. package/dist/types/src/components/ChatStatusIndicator/index.d.ts +2 -0
  27. package/dist/types/src/components/ChatStatusIndicator/index.d.ts.map +1 -0
  28. package/dist/types/src/components/index.d.ts +1 -0
  29. package/dist/types/src/components/index.d.ts.map +1 -1
  30. package/dist/types/tsconfig.tsbuildinfo +1 -1
  31. package/package.json +29 -31
  32. package/src/components/ChatEditor/ChatEditor.stories.tsx +83 -1
  33. package/src/components/ChatEditor/ChatEditor.tsx +19 -28
  34. package/src/components/ChatEditor/commands.test.ts +16 -0
  35. package/src/components/ChatEditor/commands.ts +59 -0
  36. package/src/components/ChatEditor/index.ts +3 -0
  37. package/src/components/ChatEditor/useChatExtensions.ts +51 -0
  38. package/src/components/ChatStatus/ChatStatus.stories.tsx +2 -1
  39. package/src/components/ChatStatus/ChatStatus.tsx +1 -16
  40. package/src/components/ChatStatus/ChatStatusContext.ts +21 -0
  41. package/src/components/ChatStatus/index.ts +2 -0
  42. package/src/components/ChatStatusIndicator/ChatStatusIndicator.tsx +45 -0
  43. package/src/components/ChatStatusIndicator/index.ts +5 -0
  44. package/src/components/index.ts +1 -0
  45. package/dist/lib/browser/index.mjs +0 -359
  46. package/dist/lib/browser/index.mjs.map +0 -7
  47. package/dist/lib/browser/meta.json +0 -1
  48. package/dist/lib/browser/translations.mjs +0 -14
  49. package/dist/lib/browser/translations.mjs.map +0 -7
  50. package/dist/lib/node-esm/index.mjs +0 -361
  51. package/dist/lib/node-esm/index.mjs.map +0 -7
  52. package/dist/lib/node-esm/meta.json +0 -1
  53. package/dist/lib/node-esm/translations.mjs +0 -16
  54. package/dist/lib/node-esm/translations.mjs.map +0 -7
@@ -1,359 +0,0 @@
1
- // src/components/ChatDialog/ChatDialog.tsx
2
- import { createContext } from "@radix-ui/react-context";
3
- import React, { useEffect, useState } from "react";
4
- import { Dialog, Icon, IconButton, useControlledState } from "@dxos/react-ui";
5
- import { ResizeHandle, resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
6
- import { mx } from "@dxos/ui-theme";
7
- var preventDefault = (event) => event.preventDefault();
8
- var Endcap = ({ children }) => {
9
- return /* @__PURE__ */ React.createElement("div", {
10
- className: "grid w-[var(--dx-rail-action)] h-[var(--dx-rail-action)] items-center justify-center"
11
- }, children);
12
- };
13
- var [ChatDialogContextProvider, useChatDialogContext] = createContext("ChatDialog");
14
- var ChatDialogRoot = ({ children, open: openProp = false, expanded: expandedProp = false, onOpenChange, onExpandedChange, onEscape }) => {
15
- const [size, setSize] = useState("min-content");
16
- const [open, setOpen] = useControlledState(openProp, onOpenChange);
17
- const [expanded, setExpanded] = useControlledState(expandedProp, onExpandedChange);
18
- return /* @__PURE__ */ React.createElement(ChatDialogContextProvider, {
19
- open,
20
- setOpen,
21
- expanded,
22
- setExpanded,
23
- size,
24
- setSize
25
- }, /* @__PURE__ */ React.createElement(Dialog.Root, {
26
- modal: false,
27
- open,
28
- onOpenChange: setOpen
29
- }, /* @__PURE__ */ React.createElement("div", {
30
- className: "dx-dialog__overlay bg-transparent pointer-events-none",
31
- "data-block-align": "end"
32
- }, /* @__PURE__ */ React.createElement(Dialog.Content, {
33
- size: "md",
34
- inOverlayLayout: true,
35
- classNames: [
36
- "grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto"
37
- ],
38
- onEscapeKeyDown: onEscape,
39
- onInteractOutside: preventDefault
40
- }, children))));
41
- };
42
- ChatDialogRoot.displayName = "ChatDialog.Root";
43
- var CHAT_DIALOG_HEADER_NAME = "ChatDialog.Header";
44
- var ChatDialogHeader = ({ classNames, title }) => {
45
- const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);
46
- return /* @__PURE__ */ React.createElement("div", {
47
- className: mx("grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden", classNames)
48
- }, /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
49
- icon: "ph--x--regular"
50
- }))), /* @__PURE__ */ React.createElement(Dialog.Title, {
51
- classNames: "flex w-full justify-center text-sm text-subdued select-none cursor-pointer",
52
- onClick: () => setExpanded((expanded2) => !expanded2)
53
- }, title), /* @__PURE__ */ React.createElement(Endcap, null, /* @__PURE__ */ React.createElement(IconButton, {
54
- variant: "ghost",
55
- icon: "ph--caret-up--regular",
56
- iconOnly: true,
57
- classNames: mx("p-1! [&>svg]:transition [&>svg]:duration-200", expanded && "[&>svg]:rotate-180"),
58
- label: expanded ? "Close" : "Open",
59
- onClick: () => setExpanded((expanded2) => !expanded2)
60
- })));
61
- };
62
- ChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;
63
- var CHAT_DIALOG_CONTENT_NAME = "ChatDialog.Content";
64
- var ChatDialogContent = ({ children, classNames }) => {
65
- const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);
66
- useEffect(() => {
67
- setSize(expanded ? "min-content" : 0);
68
- }, [
69
- expanded
70
- ]);
71
- return /* @__PURE__ */ React.createElement("div", {
72
- className: mx("border-t border-b border-subdued-separator", 'transition ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200', classNames),
73
- style: {
74
- ...sizeStyle(size, "vertical", true),
75
- maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)"
76
- },
77
- ...resizeAttributes
78
- }, /* @__PURE__ */ React.createElement(ResizeHandle, {
79
- side: "block-start",
80
- iconPosition: "center",
81
- defaultSize: "min-content",
82
- fallbackSize: 0,
83
- minSize: 0,
84
- onSizeChange: setSize
85
- }), children);
86
- };
87
- ChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;
88
- var CHAT_DIALOG_FOOTER_NAME = "ChatDialog.Footer";
89
- var ChatDialogFooter = ({ children, classNames }) => {
90
- return /* @__PURE__ */ React.createElement("div", {
91
- className: mx(classNames)
92
- }, children);
93
- };
94
- ChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;
95
- var ChatDialog = {
96
- Root: ChatDialogRoot,
97
- Header: ChatDialogHeader,
98
- Content: ChatDialogContent,
99
- Footer: ChatDialogFooter
100
- };
101
-
102
- // src/components/ChatEditor/references.ts
103
- import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
104
- import { RangeSet } from "@codemirror/state";
105
- import { Decoration, EditorView, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
106
- import { Mutex } from "@dxos/async";
107
- import { invariant } from "@dxos/invariant";
108
- var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-chat/src/components/ChatEditor/references.ts";
109
- var references = ({ provider, triggerCharacter = "@", debug = false }) => {
110
- invariant(triggerCharacter.length === 1, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 14, S: void 0, A: ["triggerCharacter.length === 1", ""] });
111
- const decorationField = ViewPlugin.fromClass(class ReferenceView {
112
- // TODO(burdon): Why?
113
- _mutex = new Mutex();
114
- decorations = Decoration.set([]);
115
- constructor(view) {
116
- queueMicrotask(async () => {
117
- const guard = await this._mutex.acquire();
118
- try {
119
- this.decorations = await this._computeDecorations(view);
120
- } finally {
121
- guard.release();
122
- }
123
- });
124
- }
125
- update(update) {
126
- if (update.docChanged) {
127
- queueMicrotask(async () => {
128
- const guard = await this._mutex.acquire();
129
- try {
130
- this.decorations = await this._computeDecorations(update.view);
131
- } finally {
132
- guard.release();
133
- }
134
- });
135
- }
136
- }
137
- async _computeDecorations(view) {
138
- const text = view.state.doc.toString();
139
- const references2 = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\s`, "g"));
140
- const decorations = [];
141
- for (const match of references2) {
142
- const reference = match[0];
143
- const uri = reference.slice(1, -1);
144
- const data = await provider.resolveReference({
145
- uri
146
- });
147
- if (data) {
148
- decorations.push(Decoration.replace({
149
- widget: new ReferenceWidget(data)
150
- }).range(match.index, match.index + reference.length));
151
- }
152
- }
153
- return Decoration.set(decorations);
154
- }
155
- }, {
156
- decorations: (v) => v.decorations,
157
- provide: () => [
158
- EditorView.atomicRanges.of((view) => view.plugin(decorationField)?.decorations ?? RangeSet.empty)
159
- ]
160
- });
161
- return [
162
- decorationField,
163
- EditorView.theme({
164
- ".cm-reference-pill": {
165
- borderRadius: "0.25rem",
166
- borderWidth: "1px",
167
- marginRight: "0.25rem",
168
- marginLeft: "0.25rem"
169
- }
170
- }),
171
- autocompletion({
172
- tooltipClass: () => "shadow rounded-sm",
173
- activateOnTyping: true,
174
- aboveCursor: true,
175
- closeOnBlur: !debug,
176
- override: [
177
- async (context) => {
178
- const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));
179
- if (!match || match?.to === match?.from) {
180
- return null;
181
- }
182
- const query = match.text.slice(1);
183
- const references2 = await provider.getReferences({
184
- query
185
- });
186
- return {
187
- from: match.from,
188
- filter: false,
189
- options: references2.map((reference) => ({
190
- label: reference.label,
191
- apply: `${triggerCharacter}${reference.uri} `
192
- }))
193
- };
194
- }
195
- ]
196
- }),
197
- keymap.of(completionKeymap)
198
- ];
199
- };
200
- var ReferenceWidget = class extends WidgetType {
201
- data;
202
- constructor(data) {
203
- super(), this.data = data;
204
- }
205
- ignoreEvent() {
206
- return true;
207
- }
208
- eq(other) {
209
- return this.data.uri === other.data.uri;
210
- }
211
- toDOM() {
212
- const span = document.createElement("span");
213
- span.textContent = `@${this.data.label}`;
214
- span.className = "cm-reference-pill";
215
- return span;
216
- }
217
- };
218
-
219
- // src/components/ChatEditor/ChatEditor.tsx
220
- import React2, { forwardRef, useMemo } from "react";
221
- import { useThemeContext } from "@dxos/react-ui";
222
- import { Editor } from "@dxos/react-ui-editor";
223
- import { createBasicExtensions, createThemeExtensions, submit, xmlFormatting } from "@dxos/ui-editor";
224
- import { isTruthy } from "@dxos/util";
225
- var useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }) => {
226
- const { themeMode } = useThemeContext();
227
- return useMemo(() => [
228
- createThemeExtensions({
229
- themeMode
230
- }),
231
- createBasicExtensions({
232
- bracketMatching: false,
233
- lineWrapping,
234
- placeholder
235
- }),
236
- xmlFormatting(),
237
- submit({
238
- onSubmit
239
- }),
240
- extensions
241
- ].filter(isTruthy), [
242
- themeMode,
243
- extensions,
244
- onSubmit
245
- ]);
246
- };
247
- var ChatEditor = /* @__PURE__ */ forwardRef(({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef3) => {
248
- const extensions = useChatExtensions({
249
- extensions: extensionsProp,
250
- lineWrapping,
251
- placeholder,
252
- onSubmit
253
- });
254
- return /* @__PURE__ */ React2.createElement(Editor.Root, {
255
- ref: forwardRef3
256
- }, /* @__PURE__ */ React2.createElement(Editor.View, {
257
- classNames,
258
- autoFocus,
259
- extensions
260
- }));
261
- });
262
-
263
- // src/components/ChatStatus/ChatStatus.tsx
264
- import { createContext as createContext2 } from "@radix-ui/react-context";
265
- import React3, { forwardRef as forwardRef2, useEffect as useEffect2, useImperativeHandle, useState as useState2 } from "react";
266
- import { mx as mx2 } from "@dxos/ui-theme";
267
-
268
- // src/components/ChatStatus/format.ts
269
- var SECOND = 1e3;
270
- var MINUTE = 60 * SECOND;
271
- var HOUR = 60 * MINUTE;
272
- var formatElapsed = (ms) => {
273
- const safe = Math.max(0, ms);
274
- if (safe < MINUTE) {
275
- return `${Math.floor(safe / SECOND)}s`;
276
- }
277
- if (safe < HOUR) {
278
- const m2 = Math.floor(safe / MINUTE);
279
- const s = Math.floor(safe % MINUTE / SECOND);
280
- return `${m2}m ${s}s`;
281
- }
282
- const h = Math.floor(safe / HOUR);
283
- const m = Math.floor(safe % HOUR / MINUTE);
284
- return `${h}h ${m}m`;
285
- };
286
-
287
- // src/components/ChatStatus/ChatStatus.tsx
288
- var TICK_MS = 1e3;
289
- var [ChatStatusProvider, useChatStatusContext] = createContext2("ChatStatus");
290
- var Root = /* @__PURE__ */ forwardRef2(({ classNames, children, defaultRunning = true }, forwardedRef) => {
291
- const [elapsed, setElapsed] = useState2(0);
292
- const [running, setRunning] = useState2(defaultRunning);
293
- useEffect2(() => {
294
- if (!running) {
295
- return;
296
- }
297
- const startedAt = Date.now() - elapsed * TICK_MS;
298
- let timeout;
299
- const tick = () => {
300
- setElapsed(Math.floor((Date.now() - startedAt) / TICK_MS));
301
- timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
302
- };
303
- timeout = setTimeout(tick, TICK_MS - Date.now() % TICK_MS);
304
- return () => clearTimeout(timeout);
305
- }, [
306
- running
307
- ]);
308
- useImperativeHandle(forwardedRef, () => ({
309
- start: () => setRunning(true),
310
- stop: () => setRunning(false)
311
- }), []);
312
- return /* @__PURE__ */ React3.createElement(ChatStatusProvider, {
313
- elapsed,
314
- running
315
- }, /* @__PURE__ */ React3.createElement("span", {
316
- className: mx2("inline-flex items-center gap-2 text-description font-mono tabular-nums", classNames)
317
- }, children));
318
- });
319
- Root.displayName = "ChatChatStatus.Root";
320
- var Icon2 = ({ classNames, children }) => {
321
- if (children !== void 0) {
322
- return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
323
- }
324
- return /* @__PURE__ */ React3.createElement("span", {
325
- "aria-hidden": "true",
326
- className: mx2("inline-block size-2 rounded-full bg-current animate-halo-pulse", classNames)
327
- });
328
- };
329
- var Stopwatch = ({ classNames, offset = 0 }) => {
330
- const { elapsed } = useChatStatusContext("ChatChatStatus.Stopwatch");
331
- return /* @__PURE__ */ React3.createElement("span", {
332
- "aria-live": "off",
333
- className: mx2(classNames)
334
- }, formatElapsed((elapsed + offset) * 1e3));
335
- };
336
- var Separator = ({ classNames }) => /* @__PURE__ */ React3.createElement("span", {
337
- "aria-hidden": "true",
338
- className: mx2("opacity-50", classNames)
339
- }, "\xB7");
340
- var Text = ({ classNames, children }) => /* @__PURE__ */ React3.createElement("span", {
341
- className: mx2(classNames)
342
- }, children);
343
- var ChatStatus = {
344
- Root,
345
- Icon: Icon2,
346
- Stopwatch,
347
- Separator,
348
- Text
349
- };
350
- export {
351
- ChatDialog,
352
- ChatEditor,
353
- ChatStatus,
354
- formatElapsed,
355
- references,
356
- useChatExtensions,
357
- useChatStatusContext
358
- };
359
- //# sourceMappingURL=index.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ChatDialog/ChatDialog.tsx", "../../../src/components/ChatEditor/references.ts", "../../../src/components/ChatEditor/ChatEditor.tsx", "../../../src/components/ChatStatus/ChatStatus.tsx", "../../../src/components/ChatStatus/format.ts"],
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 className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n <Dialog.Content\n size='md'\n inOverlayLayout\n classNames={[\n 'grid grid-rows-[var(--dx-rail-action)_1fr_min-content] p-0 overflow-hidden box-content pointer-events-auto',\n ]}\n onEscapeKeyDown={onEscape}\n onInteractOutside={preventDefault}\n >\n {children}\n </Dialog.Content>\n </div>\n </Dialog.Root>\n </ChatDialogContextProvider>\n );\n};\n\nChatDialogRoot.displayName = 'ChatDialog.Root';\n\n//\n// Header\n//\n\nconst CHAT_DIALOG_HEADER_NAME = 'ChatDialog.Header';\n\ntype ChatDialogHeaderProps = ThemedClassName<{\n title?: string;\n}>;\n\nconst ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {\n const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);\n\n return (\n <div\n className={mx('grid grid-cols-[var(--dx-rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}\n >\n <Endcap>\n <Dialog.Close>\n <Icon icon='ph--x--regular' />\n </Dialog.Close>\n </Endcap>\n <Dialog.Title\n classNames='flex w-full justify-center text-sm text-subdued select-none cursor-pointer'\n onClick={() => setExpanded((expanded) => !expanded)}\n >\n {title}\n </Dialog.Title>\n <Endcap>\n <IconButton\n variant='ghost'\n icon='ph--caret-up--regular'\n iconOnly\n classNames={mx('p-1! [&>svg]:transition [&>svg]:duration-200', expanded && '[&>svg]:rotate-180')}\n label={expanded ? 'Close' : 'Open'}\n onClick={() => setExpanded((expanded) => !expanded)}\n />\n </Endcap>\n </div>\n );\n};\n\nChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;\n\n//\n// Content\n//\n\nconst CHAT_DIALOG_CONTENT_NAME = 'ChatDialog.Content';\n\ntype ChatDialogContentProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {\n const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);\n useEffect(() => {\n setSize(expanded ? 'min-content' : 0);\n }, [expanded]);\n\n return (\n <div\n className={mx(\n 'border-t border-b border-subdued-separator',\n 'transition ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200',\n classNames,\n )}\n style={{\n ...sizeStyle(size, 'vertical', true),\n maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 14rem)',\n }}\n {...resizeAttributes}\n >\n <ResizeHandle\n side='block-start'\n iconPosition='center'\n defaultSize='min-content'\n fallbackSize={0}\n minSize={0}\n onSizeChange={setSize}\n />\n {children}\n </div>\n );\n};\n\nChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;\n\n//\n// Footer\n//\n\nconst CHAT_DIALOG_FOOTER_NAME = 'ChatDialog.Footer';\n\ntype ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;\n\nconst ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {\n return <div className={mx(classNames)}>{children}</div>;\n};\n\nChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;\n\n//\n// ChatDialog\n//\n\nexport const ChatDialog = {\n Root: ChatDialogRoot,\n Header: ChatDialogHeader,\n Content: ChatDialogContent,\n Footer: ChatDialogFooter,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type CompletionResult, autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { type Extension, RangeSet } from '@codemirror/state';\nimport {\n Decoration,\n type DecorationSet,\n EditorView,\n ViewPlugin,\n type ViewUpdate,\n WidgetType,\n keymap,\n} from '@codemirror/view';\n\nimport { Mutex } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\n\n// TODO(dmaretskyi): Consider adding details renderer for when you hover over the reference.\nexport type ReferenceData = {\n uri: string; // TODO(burdon): Rename dxn.\n label: string;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport interface ReferencesProvider {\n getReferences({ query }: { query: string }): Promise<ReferenceData[]>;\n resolveReference({ uri }: { uri: string }): Promise<ReferenceData | null>;\n}\n\nexport type ReferencesOptions = {\n provider: ReferencesProvider;\n\n /**\n * @default '@'\n */\n triggerCharacter?: string;\n\n /**\n * Prevent the autocomplete from closing when the user blurs the editor.\n * @default false\n */\n debug?: boolean;\n};\n\n/**\n * Lookup object references.\n * @deprecated\n */\n// TODO(burdon): Remove.\nexport const references = ({ provider, triggerCharacter = '@', debug = false }: ReferencesOptions): Extension => {\n invariant(triggerCharacter.length === 1);\n\n const decorationField = ViewPlugin.fromClass(\n class ReferenceView {\n // TODO(burdon): Why?\n private _mutex = new Mutex();\n\n decorations: DecorationSet = Decoration.set([]);\n\n constructor(view: EditorView) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(view);\n } finally {\n guard.release();\n }\n });\n }\n\n update(update: ViewUpdate) {\n if (update.docChanged) {\n queueMicrotask(async () => {\n const guard = await this._mutex.acquire();\n try {\n this.decorations = await this._computeDecorations(update.view);\n } finally {\n guard.release();\n }\n });\n }\n }\n\n private async _computeDecorations(view: EditorView): Promise<DecorationSet> {\n const text = view.state.doc.toString();\n const references = text.matchAll(new RegExp(`${triggerCharacter}[a-zA-Z0-9@:]+\\\\s`, 'g'));\n\n const decorations = [];\n for (const match of references) {\n const reference = match[0];\n const uri = reference.slice(1, -1);\n const data = await provider.resolveReference({ uri });\n if (data) {\n decorations.push(\n Decoration.replace({\n widget: new ReferenceWidget(data),\n }).range(match.index!, match.index! + reference.length),\n );\n }\n }\n\n return Decoration.set(decorations);\n }\n },\n {\n decorations: (v) => v.decorations,\n provide: () => [\n EditorView.atomicRanges.of(\n (view): DecorationSet => view.plugin(decorationField)?.decorations ?? RangeSet.empty,\n ),\n ],\n },\n );\n\n return [\n decorationField,\n\n EditorView.theme({\n '.cm-reference-pill': {\n borderRadius: '0.25rem',\n borderWidth: '1px',\n marginRight: '0.25rem',\n marginLeft: '0.25rem',\n },\n }),\n\n autocompletion({\n tooltipClass: () => 'shadow rounded-sm',\n activateOnTyping: true,\n aboveCursor: true,\n closeOnBlur: !debug,\n override: [\n async (context): Promise<CompletionResult | null> => {\n const match = context.matchBefore(new RegExp(`${triggerCharacter}[a-zA-Z0-9]+`));\n if (!match || match?.to === match?.from) {\n return null;\n }\n\n const query = match.text.slice(1);\n const references = await provider.getReferences({ query });\n return {\n from: match.from,\n filter: false,\n options: references.map((reference) => ({\n label: reference.label,\n apply: `${triggerCharacter}${reference.uri} `,\n })),\n };\n },\n ],\n }),\n\n keymap.of(completionKeymap),\n ];\n};\n\nclass ReferenceWidget extends WidgetType {\n constructor(private data: ReferenceData) {\n super();\n }\n\n override ignoreEvent() {\n return true;\n }\n\n override eq(other: this) {\n return this.data.uri === other.data.uri;\n }\n\n override toDOM() {\n const span = document.createElement('span');\n span.textContent = `@${this.data.label}`;\n span.className = 'cm-reference-pill';\n return span;\n }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport { Editor, type EditorController, type UseTextEditorProps } from '@dxos/react-ui-editor';\nimport {\n type BasicExtensionsOptions,\n type SubmitOptions,\n createBasicExtensions,\n createThemeExtensions,\n submit,\n xmlFormatting,\n} from '@dxos/ui-editor';\nimport { isTruthy } from '@dxos/util';\n\nimport { type ReferencesOptions } from './references';\n\nexport interface ChatEditorController extends EditorController {}\n\nexport type ChatEditorProps = ThemedClassName<\n {\n extensions?: Extension;\n references?: ReferencesOptions;\n } & (SubmitOptions &\n Pick<UseTextEditorProps, 'id' | 'autoFocus'> &\n Pick<BasicExtensionsOptions, 'lineWrapping' | 'placeholder'>)\n>;\n\nexport const useChatExtensions = ({ extensions, lineWrapping = false, placeholder, onSubmit }: ChatEditorProps) => {\n const { themeMode } = useThemeContext();\n return useMemo<Extension[]>(\n () =>\n [\n createThemeExtensions({ themeMode }),\n createBasicExtensions({ bracketMatching: false, lineWrapping, placeholder }),\n xmlFormatting(),\n submit({ onSubmit }),\n extensions,\n ].filter(isTruthy),\n [themeMode, extensions, onSubmit],\n );\n};\n\nexport const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(\n ({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef) => {\n const extensions = useChatExtensions({ extensions: extensionsProp, lineWrapping, placeholder, onSubmit });\n\n // TODO(burdon): Popover.\n return (\n <Editor.Root ref={forwardRef}>\n <Editor.View classNames={classNames} autoFocus={autoFocus} extensions={extensions} />\n </Editor.Root>\n );\n },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, type Ref, forwardRef, useEffect, useImperativeHandle, useState } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { formatElapsed } from './format';\n\nconst TICK_MS = 1_000;\n\n//\n// Context\n//\n\ntype ChatStatusContextValue = {\n /** Whole seconds elapsed since ChatStatus.Root mounted. Only advances while `running` is true. */\n elapsed: number;\n /** Whether the ChatStatus.Root tick is currently active. Toggled via the ChatStatusController. */\n running: boolean;\n};\n\nconst [ChatStatusProvider, useChatStatusContext] = createContext<ChatStatusContextValue>('ChatStatus');\n\nexport { useChatStatusContext };\n\n//\n// Controller\n//\n\nexport type ChatStatusController = {\n /** Resume the tick. No-op if already running. */\n start: () => void;\n /** Pause the tick. The reported `elapsed` freezes at its last value. */\n stop: () => void;\n};\n\n//\n// Root\n//\n\nexport type RootProps = ThemedClassName<\n PropsWithChildren<{\n /** Whether the tick starts running on mount. Defaults to `true`. */\n defaultRunning?: boolean;\n }>\n>;\n\nconst Root = forwardRef<ChatStatusController, RootProps>(\n ({ classNames, children, defaultRunning = true }: RootProps, forwardedRef: Ref<ChatStatusController>) => {\n const [elapsed, setElapsed] = useState(0);\n const [running, setRunning] = useState(defaultRunning);\n\n useEffect(() => {\n if (!running) {\n return;\n }\n\n // Anchor to a wall-clock timestamp so `elapsed` self-corrects after\n // tab-throttling: browsers clamp setTimeout to >=1s in inactive tabs\n // and >=1min when the page is hidden, so a count-the-ticks approach\n // would under-report after a background period. Computing elapsed from\n // (Date.now() - startedAt) restores the true wall-clock value on the\n // next fired tick. The initial elapsed (preserved across stop/start)\n // is folded into the anchor so paused intervals are excluded.\n const startedAt = Date.now() - elapsed * TICK_MS;\n let timeout: ReturnType<typeof setTimeout>;\n const tick = () => {\n setElapsed(Math.floor((Date.now() - startedAt) / TICK_MS));\n timeout = setTimeout(tick, TICK_MS - (Date.now() % TICK_MS));\n };\n timeout = setTimeout(tick, TICK_MS - (Date.now() % TICK_MS));\n return () => clearTimeout(timeout);\n // eslint-disable-next-line react-hooks/exhaustive-deps -- `elapsed` is\n // captured once at resume; depending on it would restart the timer on\n // every tick.\n }, [running]);\n\n useImperativeHandle(\n forwardedRef,\n () => ({\n start: () => setRunning(true),\n stop: () => setRunning(false),\n }),\n [],\n );\n\n return (\n <ChatStatusProvider elapsed={elapsed} running={running}>\n <span className={mx('inline-flex items-center gap-2 text-description font-mono tabular-nums', classNames)}>\n {children}\n </span>\n </ChatStatusProvider>\n );\n },\n);\n\nRoot.displayName = 'ChatChatStatus.Root';\n\n//\n// Icon\n//\n\nexport type IconProps = ThemedClassName<PropsWithChildren>;\n\n/**\n * Animated leading indicator. Defaults to a halo-pulse dot. Pass children to override.\n */\nconst Icon = ({ classNames, children }: IconProps) => {\n if (children !== undefined) {\n return <>{children}</>;\n }\n return (\n <span\n aria-hidden='true'\n className={mx('inline-block size-2 rounded-full bg-current animate-halo-pulse', classNames)}\n />\n );\n};\n\n//\n// Stopwatch\n//\n\nexport type StopwatchProps = ThemedClassName<{\n /** Seconds to add to the context elapsed value before formatting. Defaults to 0. */\n offset?: number;\n}>;\n\n/**\n * Elapsed-time display, driven by the ChatStatus.Root context tick.\n * Use `offset` to shift the displayed value; remount `ChatStatus.Root` to reset the underlying counter.\n * Marked `aria-live='off'` so screen readers don't announce every tick.\n */\nconst Stopwatch = ({ classNames, offset = 0 }: StopwatchProps) => {\n const { elapsed } = useChatStatusContext('ChatChatStatus.Stopwatch');\n return (\n <span aria-live='off' className={mx(classNames)}>\n {formatElapsed((elapsed + offset) * 1_000)}\n </span>\n );\n};\n\n//\n// Separator\n//\n\nexport type SeparatorProps = ThemedClassName<unknown>;\n\n/**\n * Middle-dot separator. Decorative — `aria-hidden`.\n */\nconst Separator = ({ classNames }: SeparatorProps) => (\n <span aria-hidden='true' className={mx('opacity-50', classNames)}>\n ·\n </span>\n);\n\n//\n// Text\n//\n\nexport type TextProps = ThemedClassName<PropsWithChildren>;\n\n/**\n * Generic text node — useful for token counts and other inline metadata.\n */\nconst Text = ({ classNames, children }: TextProps) => <span className={mx(classNames)}>{children}</span>;\n\n//\n// ChatStatus\n//\n\nexport const ChatStatus = {\n Root,\n Icon,\n Stopwatch,\n Separator,\n Text,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nconst SECOND = 1_000;\nconst MINUTE = 60 * SECOND;\nconst HOUR = 60 * MINUTE;\n\n/**\n * Formats elapsed milliseconds as a human-readable duration.\n * Tiers: `Ns` (< 60s), `Nm Xs` (< 60m), `Nh Xm` (≥ 60m).\n * Negative inputs clamp to `0s`.\n */\nexport const formatElapsed = (ms: number): string => {\n const safe = Math.max(0, ms);\n if (safe < MINUTE) {\n return `${Math.floor(safe / SECOND)}s`;\n }\n if (safe < HOUR) {\n const m = Math.floor(safe / MINUTE);\n const s = Math.floor((safe % MINUTE) / SECOND);\n return `${m}m ${s}s`;\n }\n const h = Math.floor(safe / HOUR);\n const m = Math.floor((safe % HOUR) / MINUTE);\n return `${h}h ${m}m`;\n};\n"],
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", "ChatDialogRoot", "open", "openProp", "expanded", "expandedProp", "onOpenChange", "onExpandedChange", "onEscape", "size", "setSize", "setOpen", "setExpanded", "Root", "modal", "data-block-align", "Content", "inOverlayLayout", "classNames", "onEscapeKeyDown", "onInteractOutside", "displayName", "CHAT_DIALOG_HEADER_NAME", "ChatDialogHeader", "title", "Close", "icon", "Title", "onClick", "variant", "iconOnly", "label", "CHAT_DIALOG_CONTENT_NAME", "ChatDialogContent", "style", "maxBlockSize", "side", "iconPosition", "defaultSize", "fallbackSize", "minSize", "onSizeChange", "CHAT_DIALOG_FOOTER_NAME", "ChatDialogFooter", "ChatDialog", "Header", "Footer", "autocompletion", "completionKeymap", "RangeSet", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "keymap", "Mutex", "invariant", "decorationField", "fromClass", "ReferenceView", "_mutex", "view", "queueMicrotask", "guard", "decorations", "_computeDecorations", "update", "text", "matchAll", "references", "match", "reference", "uri", "data", "provider", "widget", "index", "atomicRanges", "borderRadius", "marginRight", "marginLeft", "activateOnTyping", "aboveCursor", "closeOnBlur", "debug", "override", "context", "query", "filter", "options", "label", "apply", "triggerCharacter", "ignoreEvent", "other", "toDOM", "span", "className", "React", "forwardRef", "useMemo", "useThemeContext", "Editor", "createBasicExtensions", "createThemeExtensions", "submit", "xmlFormatting", "isTruthy", "useChatExtensions", "extensions", "lineWrapping", "placeholder", "onSubmit", "themeMode", "bracketMatching", "filter", "ChatEditor", "classNames", "autoFocus", "extensionsProp", "Root", "ref", "View", "createContext", "React", "forwardRef", "useEffect", "useImperativeHandle", "useState", "mx", "SECOND", "MINUTE", "HOUR", "formatElapsed", "ms", "safe", "Math", "max", "floor", "m", "s", "h", "TICK_MS", "ChatStatusProvider", "useChatStatusContext", "createContext", "Root", "forwardRef", "classNames", "children", "defaultRunning", "forwardedRef", "elapsed", "setElapsed", "useState", "running", "setRunning", "useEffect", "startedAt", "Date", "now", "TICK_MS", "timeout", "tick", "Math", "floor", "setTimeout", "clearTimeout", "useImperativeHandle", "start", "stop", "React", "ChatStatusProvider", "span", "className", "mx", "displayName", "Icon", "undefined", "aria-hidden", "Stopwatch", "offset", "useChatStatusContext", "aria-live", "formatElapsed", "Separator", "Text", "ChatStatus"]
7
- }
@@ -1 +0,0 @@
1
- {"inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytes":17382,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatDialog/index.ts":{"bytes":382,"imports":[{"path":"src/components/ChatDialog/ChatDialog.tsx","kind":"import-statement","original":"./ChatDialog"}],"format":"esm"},"src/components/ChatEditor/references.ts":{"bytes":15988,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/ChatEditor.tsx":{"bytes":5885,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/ChatEditor/index.ts":{"bytes":476,"imports":[{"path":"src/components/ChatEditor/references.ts","kind":"import-statement","original":"./references"},{"path":"src/components/ChatEditor/ChatEditor.tsx","kind":"import-statement","original":"./ChatEditor"}],"format":"esm"},"src/components/ChatStatus/format.ts":{"bytes":2700,"imports":[],"format":"esm"},"src/components/ChatStatus/ChatStatus.tsx":{"bytes":13936,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/ChatStatus/format.ts","kind":"import-statement","original":"./format"}],"format":"esm"},"src/components/ChatStatus/index.ts":{"bytes":464,"imports":[{"path":"src/components/ChatStatus/ChatStatus.tsx","kind":"import-statement","original":"./ChatStatus"},{"path":"src/components/ChatStatus/format.ts","kind":"import-statement","original":"./format"}],"format":"esm"},"src/components/index.ts":{"bytes":566,"imports":[{"path":"src/components/ChatDialog/index.ts","kind":"import-statement","original":"./ChatDialog"},{"path":"src/components/ChatEditor/index.ts","kind":"import-statement","original":"./ChatEditor"},{"path":"src/components/ChatStatus/index.ts","kind":"import-statement","original":"./ChatStatus"}],"format":"esm"},"src/index.ts":{"bytes":382,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"},"src/translations.ts":{"bytes":968,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28815},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/ui-editor","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"exports":["ChatDialog","ChatEditor","ChatStatus","formatElapsed","references","useChatExtensions","useChatStatusContext"],"entryPoint":"src/index.ts","inputs":{"src/components/ChatDialog/ChatDialog.tsx":{"bytesInOutput":4368},"src/components/ChatDialog/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/references.ts":{"bytesInOutput":3675},"src/components/ChatEditor/index.ts":{"bytesInOutput":0},"src/components/ChatEditor/ChatEditor.tsx":{"bytesInOutput":1243},"src/components/ChatStatus/ChatStatus.tsx":{"bytesInOutput":2424},"src/components/ChatStatus/format.ts":{"bytesInOutput":455},"src/components/ChatStatus/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":12592},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":523},"dist/lib/browser/translations.mjs":{"imports":[],"exports":["translationKey","translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":124}},"bytes":234}}}
@@ -1,14 +0,0 @@
1
- // src/translations.ts
2
- var translationKey = "@dxos/react-ui-chat";
3
- var translations = [
4
- {
5
- "en-US": {
6
- [translationKey]: {}
7
- }
8
- }
9
- ];
10
- export {
11
- translationKey,
12
- translations
13
- };
14
- //# sourceMappingURL=translations.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-chat';\n\nexport const translations = [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n] as const satisfies Resource[];\n"],
5
- "mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,cAAAA,GAAiB,CAAC;IACrB;EACF;;",
6
- "names": ["translationKey", "translations"]
7
- }