@dxos/react-ui-chat 0.8.4-main.3c1ae3b → 0.8.4-main.3eb6e50203

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@dxos/react-ui-chat",
-  "version": "0.8.4-main.3c1ae3b",
+  "version": "0.8.4-main.3eb6e50203",
   "description": "Chat components.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "author": "DXOS.org",
   "type": "module",
@@ -29,46 +33,44 @@
     "@codemirror/search": "^6.5.11",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.4",
-    "@fluentui/react-tabster": "^9.24.2",
-    "@preact-signals/safe-react": "^0.9.0",
-    "@preact/signals-core": "^1.12.1",
+    "@fluentui/react-tabster": "9.26.11",
     "@radix-ui/react-accordion": "1.2.3",
     "@radix-ui/react-context": "1.1.1",
-    "@dxos/debug": "0.8.4-main.3c1ae3b",
-    "@dxos/async": "0.8.4-main.3c1ae3b",
-    "@dxos/echo": "0.8.4-main.3c1ae3b",
-    "@dxos/log": "0.8.4-main.3c1ae3b",
-    "@dxos/invariant": "0.8.4-main.3c1ae3b",
-    "@dxos/live-object": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-components": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-dnd": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-sfx": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-editor": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-theme": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-types": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-text-tooltip": "0.8.4-main.3c1ae3b",
-    "@dxos/util": "0.8.4-main.3c1ae3b"
+    "@dxos/async": "0.8.4-main.3eb6e50203",
+    "@dxos/debug": "0.8.4-main.3eb6e50203",
+    "@dxos/echo": "0.8.4-main.3eb6e50203",
+    "@dxos/log": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui": "0.8.4-main.3eb6e50203",
+    "@dxos/invariant": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-components": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-dnd": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-editor": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-sfx": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.3eb6e50203",
+    "@dxos/react-ui-text-tooltip": "0.8.4-main.3eb6e50203",
+    "@dxos/ui-editor": "0.8.4-main.3eb6e50203",
+    "@dxos/ui-types": "0.8.4-main.3eb6e50203",
+    "@dxos/util": "0.8.4-main.3eb6e50203",
+    "@dxos/ui-theme": "0.8.4-main.3eb6e50203"
   },
   "devDependencies": {
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.2",
-    "effect": "3.18.3",
-    "react": "~19.2.0",
-    "react-dom": "~19.2.0",
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "effect": "3.19.16",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
     "vite": "7.1.9",
-    "@dxos/echo": "0.8.4-main.3c1ae3b",
-    "@dxos/random": "0.8.4-main.3c1ae3b",
-    "@dxos/react-client": "0.8.4-main.3c1ae3b",
-    "@dxos/storybook-utils": "0.8.4-main.3c1ae3b"
+    "@dxos/random": "0.8.4-main.3eb6e50203",
+    "@dxos/echo": "0.8.4-main.3eb6e50203",
+    "@dxos/react-client": "0.8.4-main.3eb6e50203",
+    "@dxos/storybook-utils": "0.8.4-main.3eb6e50203"
   },
   "peerDependencies": {
-    "effect": "^3.13.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@dxos/react-ui": "0.8.4-main.3c1ae3b",
-    "@dxos/react-ui-theme": "0.8.4-main.3c1ae3b"
+    "effect": "3.19.16",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/react-ui": "0.8.4-main.3eb6e50203",
+    "@dxos/ui-theme": "0.8.4-main.3eb6e50203"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ChatDialog/ChatDialog.stories.tsx

@@ -51,7 +51,7 @@ const meta = {
       </>
     );
   },
-  decorators: [withTheme, withLayout({ container: 'column' })],
+  decorators: [withTheme(), withLayout({ layout: 'column' })],
   parameters: {
     translations,
   },

package/src/components/ChatDialog/ChatDialog.tsx

@@ -7,7 +7,7 @@ import React, { type Dispatch, type PropsWithChildren, type SetStateAction, useE
 
 import { Dialog, Icon, IconButton, type ThemedClassName, useControlledState } from '@dxos/react-ui';
 import { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';
-import { mx } from '@dxos/react-ui-theme';
+import { mx } from '@dxos/ui-theme';
 
 const preventDefault = (event: Event) => event.preventDefault();
 
@@ -47,15 +47,15 @@ type ChatDialogRootProps = PropsWithChildren<{
 
 const ChatDialogRoot = ({
   children,
-  open: openParam = false,
-  expanded: expandedParam = false,
+  open: openProp = false,
+  expanded: expandedProp = false,
   onOpenChange,
   onExpandedChange,
   onEscape,
 }: ChatDialogRootProps) => {
   const [size, setSize] = useState<Size>('min-content');
-  const [open, setOpen] = useControlledState<boolean>(openParam, onOpenChange);
-  const [expanded, setExpanded] = useControlledState<boolean>(expandedParam, onExpandedChange);
+  const [open, setOpen] = useControlledState<boolean>(openProp, onOpenChange);
+  const [expanded, setExpanded] = useControlledState<boolean>(expandedProp, onExpandedChange);
 
   // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.
   // 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.
@@ -93,12 +93,14 @@ ChatDialogRoot.displayName = 'ChatDialog.Root';
 // Header
 //
 
+const CHAT_DIALOG_HEADER_NAME = 'ChatDialog.Header';
+
 type ChatDialogHeaderProps = ThemedClassName<{
   title?: string;
 }>;
 
 const ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {
-  const { expanded, setExpanded } = useChatDialogContext(ChatDialogHeader.displayName);
+  const { expanded, setExpanded } = useChatDialogContext(CHAT_DIALOG_HEADER_NAME);
 
   return (
     <div className={mx('grid grid-cols-[var(--rail-action)_1fr_min-content] items-center overflow-hidden', classNames)}>
@@ -127,16 +129,18 @@ const ChatDialogHeader = ({ classNames, title }: ChatDialogHeaderProps) => {
   );
 };
 
-ChatDialogHeader.displayName = 'ChatDialog.Header';
+ChatDialogHeader.displayName = CHAT_DIALOG_HEADER_NAME;
 
 //
 // Content
 //
 
+const CHAT_DIALOG_CONTENT_NAME = 'ChatDialog.Content';
+
 type ChatDialogContentProps = ThemedClassName<PropsWithChildren>;
 
 const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) => {
-  const { expanded, size, setSize } = useChatDialogContext(ChatDialogContent.displayName);
+  const { expanded, size, setSize } = useChatDialogContext(CHAT_DIALOG_CONTENT_NAME);
   useEffect(() => {
     setSize(expanded ? 'min-content' : 0);
   }, [expanded]);
@@ -144,7 +148,7 @@ const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) =>
   return (
     <div
       className={mx(
-        'flex flex-col overflow-y-auto border-t border-be border-subduedSeparator',
+        'border-bs border-be border-subduedSeparator',
         'transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200',
         classNames,
       )}
@@ -167,19 +171,21 @@ const ChatDialogContent = ({ children, classNames }: ChatDialogContentProps) =>
   );
 };
 
-ChatDialogContent.displayName = 'ChatDialog.Content';
+ChatDialogContent.displayName = CHAT_DIALOG_CONTENT_NAME;
 
 //
 // Footer
 //
 
+const CHAT_DIALOG_FOOTER_NAME = 'ChatDialog.Footer';
+
 type ChatDialogFooterProps = ThemedClassName<PropsWithChildren>;
 
 const ChatDialogFooter = ({ children, classNames }: ChatDialogFooterProps) => {
   return <div className={mx(classNames)}>{children}</div>;
 };
 
-ChatDialogFooter.displayName = 'ChatDialog.Footer';
+ChatDialogFooter.displayName = CHAT_DIALOG_FOOTER_NAME;
 
 //
 // ChatDialog

package/src/components/ChatEditor/ChatEditor.stories.tsx

@@ -15,7 +15,7 @@ import { type ReferenceData } from './references';
 const meta = {
   title: 'ui/react-ui-chat/ChatEditor',
   component: ChatEditor,
-  decorators: [withTheme],
+  decorators: [withTheme()],
   parameters: {
     layout: 'centered',
     translations,

package/src/components/ChatEditor/ChatEditor.tsx

@@ -6,16 +6,14 @@ import { type Extension } from '@codemirror/state';
 import React, { forwardRef, useMemo } from 'react';
 
 import { type ThemedClassName, useThemeContext } from '@dxos/react-ui';
+import { Editor, type EditorController, type UseTextEditorProps } from '@dxos/react-ui-editor';
 import {
   type BasicExtensionsOptions,
-  Editor,
-  type EditorController,
   type SubmitOptions,
-  type UseTextEditorProps,
   createBasicExtensions,
   createThemeExtensions,
   submit,
-} from '@dxos/react-ui-editor';
+} from '@dxos/ui-editor';
 import { isTruthy } from '@dxos/util';
 
 import { type ReferencesOptions } from './references';
@@ -46,8 +44,8 @@ export const useChatExtensions = ({ extensions, lineWrapping = false, placeholde
 };
 
 export const ChatEditor = forwardRef<ChatEditorController, ChatEditorProps>(
-  ({ classNames, autoFocus, extensions: extensionsParam, lineWrapping = false, placeholder, onSubmit }, forwardRef) => {
-    const extensions = useChatExtensions({ extensions: extensionsParam, lineWrapping, placeholder, onSubmit });
+  ({ classNames, autoFocus, extensions: extensionsProp, lineWrapping = false, placeholder, onSubmit }, forwardRef) => {
+    const extensions = useChatExtensions({ extensions: extensionsProp, lineWrapping, placeholder, onSubmit });
 
     // TODO(burdon): Popover.
     return (

package/src/translations.ts

@@ -4,7 +4,7 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-export const translationKey = 'react-ui-chat';
+export const translationKey = '@dxos/react-ui-chat';
 
 export const translations = [
   {