@astryxdesign/core 0.7.4 → 0.7.5-canary.0418c47

package/dist/Carousel/index.d.ts

@@ -4,6 +4,6 @@
  * @output Re-exports Carousel and its props type
  * @position Public entry point for the Carousel module
  */
-export { Carousel } from './Carousel';
-export type { CarouselProps, CarouselHandle } from './Carousel';
+export { Carousel } from './Carousel.js';
+export type { CarouselProps, CarouselHandle } from './Carousel.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Center/Center.d.ts

@@ -12,8 +12,8 @@
  * - /packages/cli/assets/templates/blocks/components/Center/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SizeValue, SpacingStep } from '../utils/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { SizeValue, SpacingStep } from '../utils/types.js';
 export type CenterAxis = 'both' | 'horizontal' | 'vertical';
 export interface CenterProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */

package/dist/Center/index.d.ts

@@ -6,6 +6,6 @@
  *
  * SYNC: When modified, update /packages/core/src/Center/Center.doc.mjs
  */
-export { Center } from './Center';
-export type { CenterProps, CenterAxis } from './Center';
+export { Center } from './Center.js';
+export type { CenterProps, CenterAxis } from './Center.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Chat/ChatComposer.d.ts

@@ -19,7 +19,7 @@
  * - /packages/cli/assets/templates/blocks/components/ChatComposer/ (block examples)
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export type ChatComposerStatus = {
     type: 'error' | 'warning';
     message?: string;

package/dist/Chat/ChatComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgC5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,UAAU,CACxB;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAI3B,6GAA6G;IAC7G,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yHAAyH;IACzH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,yGAAyG;IACzG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gHAAgH;IAChH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gHAAgH;IAChH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,oDAAoD;IACpD,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAkND;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAwOpD;yBAxOe,YAAY"}
+{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgC5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,UAAU,CACxB;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAI3B,6GAA6G;IAC7G,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yHAAyH;IACzH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,yGAAyG;IACzG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gHAAgH;IAChH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gHAAgH;IAChH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,oDAAoD;IACpD,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAoOD;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAqOpD;yBArOe,YAAY"}

package/dist/Chat/ChatComposer.js

@@ -22,7 +22,7 @@
  * - /apps/storybook/stories/ChatComposer.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/ChatComposer/ (block examples)
  */
-import React, { useState, useCallback, useEffect, useRef, useMemo } from 'react';
+import React, { useState, useCallback, useRef, useMemo } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, shadowVars, durationVars, easeVars, borderVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
@@ -33,7 +33,7 @@ import { ChatComposerContext } from "./ChatContext.js";
 import { ChatSendButton } from "./ChatSendButton.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useTranslator } from "../i18n/index.js";
-import { useAnnounce } from "../hooks/useAnnounce.js";
+import { useAnnounceRenderedText } from "../hooks/useAnnounceRenderedText.js";
 import { focusOutlineStyles } from "../utils/focusOutline.stylex.js";
 import { getInteractionModality, useInteractionModalityTracking } from "../utils/interactionModality.js";
 
@@ -93,7 +93,7 @@ const elevationStyles = {
   }
 };
 function isComposerEditor(target) {
-  return target instanceof HTMLElement && target.matches('textarea, [contenteditable="true"], [role="textbox"], input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"]');
+  return target instanceof HTMLElement && target.matches('textarea, [contenteditable="true"], [role="textbox"], [role="combobox"][contenteditable], input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"]');
 }
 
 // =============================================================================
@@ -194,28 +194,18 @@ export function ChatComposer(props) {
   }, []);
 
   // The status bar mounts together with its message, and a live region born
-  // holding its text is not reliably announced, so the message goes through
-  // the shared channel instead: errors assertively, warnings politely
-  // (spec:AST-086 FR2, FR5). The ref keeps a rerender or a StrictMode effect
-  // replay from repeating it; clearing the status re-arms it, so the same
-  // message shown again is a new occasion (FR6).
-  const announce = useAnnounce();
-  const statusType = status?.type;
-  const statusMessage = status?.message;
-  const announcedStatusRef = useRef(null);
-  useEffect(() => {
-    if (!statusMessage) {
-      announcedStatusRef.current = null;
-      return;
-    }
-    const occasion = `${statusType}\u0000${statusMessage}`;
-    if (announcedStatusRef.current === occasion) {
-      return;
-    }
-    announcedStatusRef.current = occasion;
-    announce(statusMessage, statusType === 'error' ? 'assertive' : 'polite');
-  }, [announce, statusType, statusMessage]);
+  // holding its text is not reliably announced, so the shared own-content
+  // module announces what the bar renders: errors assertively, warnings
+  // politely, once per occasion, silent for a status already shown when the
+  // page loads (spec:AST-086 FR2, FR5, FR6, FR11; react-component-runtime
+  // INV10). Changing the status type is a new occasion; clearing it re-arms.
+  const statusRef = useRef(null);
+  useAnnounceRenderedText(statusRef, Boolean(status?.message), status?.type ?? '', {
+    skipFirstRender: true,
+    politeness: status?.type === 'error' ? 'assertive' : 'polite'
+  });
   const statusEl = status ? /*#__PURE__*/_jsxs("div", {
+    ref: statusRef,
     ...{
       0: {
         className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c"
@@ -224,28 +214,31 @@ export function ChatComposer(props) {
         className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz"
       },
       2: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x1pritpl x1joocv1"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x1pritpl xl8t7bd xcthrzx x815t2r x3teovq xvr1dqx"
       },
       6: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x1pritpl x1joocv1"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x1pritpl xl8t7bd xcthrzx x815t2r x3teovq xvr1dqx"
       },
       1: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x24i8r5 xdhq94a"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x24i8r5 xfy1f8t xcthrzx x815t2r x3teovq xvr1dqx"
       },
       5: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x24i8r5 xdhq94a"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x24i8r5 xfy1f8t xcthrzx x815t2r x3teovq xvr1dqx"
       },
       3: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x24i8r5 xdhq94a"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x1htvmrp xvpcij2 xckg3cf xkvxy4d x6k0y1c x24i8r5 xfy1f8t xcthrzx x815t2r x3teovq xvr1dqx"
       },
       7: {
-        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x24i8r5 xdhq94a"
+        className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xy7p8pm xzc3kxz x24i8r5 xfy1f8t xcthrzx x815t2r x3teovq xvr1dqx"
       }
     }[!!(statusPosition === 'top') << 2 | !!(status.type === 'error') << 1 | !!(status.type === 'warning') << 0],
     children: [/*#__PURE__*/_jsx(Icon, {
       icon: status.type === 'error' ? 'error' : 'warning',
-      size: "md",
-      color: status.type === 'error' ? 'error' : 'warning'
+      size: "md"
+      // The glyph sits on the pale status fill, so it takes the bar's
+      // on-muted content colour, as Banner and FieldStatus glyphs do.
+      ,
+      color: "inherit"
     }), status.message]
   }) : null;
   const composerContext = useMemo(() => ({

package/dist/Chat/ChatComposerDrawer.d.ts

@@ -18,7 +18,7 @@
  */
 import { type ReactNode } from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatComposerDrawerProps extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
     /**

package/dist/Chat/ChatComposerInput.d.ts

@@ -23,10 +23,10 @@
  * - /packages/cli/assets/templates/blocks/components/ChatComposerInput/ (block examples)
  */
 import { type ReactNode, type KeyboardEvent, type ClipboardEvent } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { SearchableItem, SearchSource } from '../Typeahead/types';
-import { type UseChatPasteAsTokenReturn } from './useChatPasteAsToken';
-import { type BadgeProps } from '../Badge';
+import type { BaseProps } from '../BaseProps.js';
+import type { SearchableItem, SearchSource } from '../Typeahead/types.js';
+import { type UseChatPasteAsTokenReturn } from './useChatPasteAsToken.js';
+import { type BadgeProps } from '../Badge/index.js';
 /** Imperative handle exposed by ChatComposerInput via handleRef */
 export interface ChatComposerInputHandle {
     /** Insert a token (badge chip) at the current cursor position */

package/dist/Chat/ChatComposerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"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"}

package/dist/Chat/ChatComposerInput.js

@@ -152,6 +152,9 @@ export function ChatComposerInput(props) {
     style,
     ...rest
   } = props;
+  // Keep focus/blur observation available, but do not forward activation or
+  // editing callbacks from the disabled root (including capture handlers).
+  const rootProps = isDisabled ? Object.fromEntries(Object.entries(rest).filter(([key]) => !/^on[A-Z]/.test(key) || /^on(Focus|Blur)/.test(key))) : rest;
   const label = labelFromProps ?? t('@astryx.chat.composerInput.label');
   const placeholder = placeholderFromProps ?? composerCtx?.placeholder ?? t('@astryx.chat.composer.placeholder');
   const composerOnChange = composerCtx?.onChange;
@@ -185,6 +188,7 @@ export function ChatComposerInput(props) {
   // Stable refs for imperative handle callbacks (avoid re-creating handle on every render)
   const insertTokenRef = useRef(() => undefined);
   const insertTextRef = useRef(() => {});
+  const expandTokenRef = useRef(() => {});
 
   // A single handle object shared between the forwarded ref (via
   // `useImperativeHandle`) and `selfRef` (used by internal consumers
@@ -249,7 +253,7 @@ export function ChatComposerInput(props) {
   }, []);
   const handle = {
     insertToken: token => insertTokenRef.current(token),
-    expandToken: id => tokens.expandToken(id),
+    expandToken: id => expandTokenRef.current(id),
     insertText: text => insertTextRef.current(text),
     focus: focusEditable,
     getValue: () => serialize(editableRef.current ?? document.createElement('div'))
@@ -316,7 +320,7 @@ export function ChatComposerInput(props) {
   const cleanupPortalsRef = useRef(null);
   const emitChangeVersionRef = useRef(0);
   const emitChange = useCallback(() => {
-    if (!editableRef.current) {
+    if (isDisabled || !editableRef.current) {
       return;
     }
     const text = serialize(editableRef.current);
@@ -330,7 +334,7 @@ export function ChatComposerInput(props) {
     emitChangeVersionRef.current += 1;
     onChange?.(nextValue);
     cleanupPortalsRef.current?.();
-  }, [onChange]);
+  }, [isDisabled, onChange]);
 
   // --- Token management (via hook) ---
   const tokens = useChatComposerTokens({
@@ -356,9 +360,11 @@ export function ChatComposerInput(props) {
     emitChange();
   }, [emitChange, insertTextWithoutEmit]);
 
-  // Keep stable refs in sync for imperative handle
-  insertTokenRef.current = tokens.insertToken;
-  insertTextRef.current = insertText;
+  // A caller may retain a handle across renders. Resolve mutation permission
+  // through the latest callbacks rather than the render that created it.
+  insertTokenRef.current = isDisabled ? () => undefined : tokens.insertToken;
+  insertTextRef.current = isDisabled ? () => {} : insertText;
+  expandTokenRef.current = isDisabled ? () => {} : tokens.expandToken;
 
   // --- Trigger menu ---
   const triggerMenu = useTriggerMenu({
@@ -369,11 +375,34 @@ export function ChatComposerInput(props) {
     onEmitChange: emitChange,
     debounceMs
   });
+  const editorAriaProps = isDisabled && triggerMenu.ariaProps.role === 'combobox' ? {
+    ...triggerMenu.ariaProps,
+    'aria-expanded': false,
+    'aria-controls': undefined,
+    'aria-activedescendant': undefined
+  } : triggerMenu.ariaProps;
+  useEffect(() => {
+    if (isDisabled && triggerMenu.state.isActive) {
+      // Reset also cancels pending searches, so late results cannot reopen
+      // suggestions after disablement or a subsequent re-enable.
+      triggerMenu.reset();
+    }
+  }, [isDisabled, triggerMenu]);
   const handleInput = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
     emitChange();
     triggerMenu.handleInput();
-  }, [emitChange, triggerMenu]);
+  }, [isDisabled, emitChange, triggerMenu]);
   const handleKeyDown = useCallback(e => {
+    if (isDisabled) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+      }
+      // Native selection, copying, and Tab navigation remain available.
+      return;
+    }
     // Let trigger menu consume the event first
     if (triggerMenu.handleKeyDown(e)) {
       return;
@@ -510,8 +539,12 @@ export function ChatComposerInput(props) {
         e.preventDefault();
       }
     }
-  }, [hasHistory, onSubmit, onChange, emitChange, triggerMenu, onKeyDownProp]);
+  }, [isDisabled, hasHistory, onSubmit, onChange, emitChange, triggerMenu, onKeyDownProp]);
   const handlePaste = useCallback(e => {
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
     const editable = editableRef.current;
     if (!editable) {
       return;
@@ -555,13 +588,17 @@ export function ChatComposerInput(props) {
     }
     insertTextAtCursor(editable, text);
     emitChange();
-  }, [onFiles, onPasteProp, emitChange, tokens, pasteAsToken]);
+  }, [isDisabled, onFiles, onPasteProp, emitChange, tokens, pasteAsToken]);
   const handleDragOver = useCallback(e => {
     if (Array.from(e.dataTransfer.types).includes('Files')) {
       e.preventDefault();
     }
   }, []);
   const handleDrop = useCallback(e => {
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
     const files = Array.from(e.dataTransfer.files);
     if (files.length === 0) {
       return;
@@ -569,15 +606,13 @@ export function ChatComposerInput(props) {
     // File drops navigate the page by default. The input owns that drop
     // target even when no callback is supplied, so keep the user in place.
     e.preventDefault();
-    if (!isDisabled) {
-      onFiles?.(files);
-    }
+    onFiles?.(files);
   }, [isDisabled, onFiles]);
   const maxHeight = maxRows * LINE_HEIGHT_PX;
   return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     ...mergeProps(themeProps('chat-composer-input'), stylex.props(styles.root, isDisabled && styles.disabled, xstyle), className, style),
-    ...rest,
+    ...rootProps,
     children: [isEmpty && /*#__PURE__*/_jsx("div", {
       ...{
         className: "x10l6tqk x13vifvy x1o0tod xtijo5x x47corl xv1l7n4 xjm74w1 xf9zqsd x19v9tvf x9ynric x87ps6o x7a5moj"
@@ -587,6 +622,10 @@ export function ChatComposerInput(props) {
     }), /*#__PURE__*/_jsx("div", {
       ref: editableRef,
       "aria-label": label,
+      "aria-describedby": rest['aria-describedby']
+      // Explicit in both states: losing editability must not lose focus.
+      ,
+      tabIndex: 0,
       contentEditable: !isDisabled,
       suppressContentEditableWarning: true,
       onInput: handleInput,
@@ -594,7 +633,7 @@ export function ChatComposerInput(props) {
       onPaste: handlePaste,
       onDragOver: handleDragOver,
       onDrop: handleDrop,
-      ...triggerMenu.ariaProps,
+      ...editorAriaProps,
       "aria-disabled": isDisabled || undefined,
       ...mergeProps({
         className: "x1a2a7pz x126k92a x13faqbe x1odjw0f xjm74w1 xf9zqsd x19v9tvf x9ynric x1tgivj0 xxugrtn x7a5moj"
@@ -603,7 +642,7 @@ export function ChatComposerInput(props) {
           maxHeight: `${maxHeight}px`
         }
       })
-    }), triggerMenu.renderMenu(), tokens.tokenPortals.filter(({
+    }), !isDisabled && triggerMenu.renderMenu(), tokens.tokenPortals.filter(({
       span
     }) => span.isConnected).map(({
       id,
@@ -613,7 +652,7 @@ export function ChatComposerInput(props) {
       children: token.render()
     }, id) : token.value.length > (pasteAsToken === null ? Infinity : 200) ? /*#__PURE__*/_jsx(ChatPastedTextToken, {
       text: token.value,
-      onExpand: () => tokens.expandToken(id)
+      onExpand: () => expandTokenRef.current(id)
     }, id) : /*#__PURE__*/_jsx(Badge, {
       label: token.label,
       variant: token.variant,

package/dist/Chat/ChatDictationButton.d.ts

@@ -15,8 +15,8 @@
  * - /packages/cli/assets/templates/blocks/components/ChatDictationButton/ (block examples)
  */
 import React from 'react';
-import type { UseSpeechRecognitionReturn } from './useSpeechRecognition';
-import type { BaseProps } from '../BaseProps';
+import type { UseSpeechRecognitionReturn } from './useSpeechRecognition.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatDictationButtonProps extends BaseProps<HTMLSpanElement> {
     ref?: React.Ref<HTMLSpanElement>;
     /** The return value from useChatDictation or useSpeechRecognition. */

package/dist/Chat/ChatLayout.d.ts

@@ -25,7 +25,7 @@
  * - /packages/cli/assets/templates/blocks/components/ChatLayout/ (block examples)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 type Density = 'compact' | 'balanced' | 'spacious';
 export interface ChatLayoutProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element. */

package/dist/Chat/ChatLayoutScrollButton.d.ts

@@ -12,7 +12,7 @@
  * - /packages/cli/assets/templates/blocks/components/ChatLayoutScrollButton/ (block examples)
  */
 import React from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatLayoutScrollButtonProps extends Omit<BaseProps<HTMLDivElement>, 'onClick'> {
     ref?: React.Ref<HTMLDivElement>;
     /** Whether the button is visible. */

package/dist/Chat/ChatMessage.d.ts

@@ -16,8 +16,8 @@
  * - /packages/cli/assets/templates/blocks/components/ChatMessage/ (block examples)
  */
 import { type ReactNode } from 'react';
-import { type ChatMessageSender, type ChatDensity } from './ChatContext';
-import type { BaseProps } from '../BaseProps';
+import { type ChatMessageSender, type ChatDensity } from './ChatContext.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatMessageProps extends BaseProps<HTMLElement> {
     ref?: React.Ref<HTMLElement>;
     sender: ChatMessageSender;

package/dist/Chat/ChatMessageBubble.d.ts

@@ -24,8 +24,8 @@
  * - /packages/cli/assets/templates/blocks/components/ChatMessageBubble/ (block examples)
  */
 import type { ReactNode } from 'react';
-import type { SizeValue } from '../utils/types';
-import type { BaseProps } from '../BaseProps';
+import type { SizeValue } from '../utils/types.js';
+import type { BaseProps } from '../BaseProps.js';
 export type ChatMessageBubbleVariant = 'filled' | 'ghost';
 export interface ChatMessageBubbleProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */

package/dist/Chat/ChatMessageList.d.ts

@@ -20,9 +20,9 @@
  * - /packages/cli/assets/templates/blocks/components/ChatMessageList/ (block examples)
  */
 import { type ReactNode } from 'react';
-import { type ChatDensity } from './ChatContext';
-import type { BaseProps } from '../BaseProps';
-import type { SpacingStep } from '../utils/types';
+import { type ChatDensity } from './ChatContext.js';
+import type { BaseProps } from '../BaseProps.js';
+import type { SpacingStep } from '../utils/types.js';
 export interface ChatMessageListProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;

package/dist/Chat/ChatMessageMetadata.d.ts

@@ -8,7 +8,7 @@
  * scalar presence. Direction reverses for user sender.
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export type ChatMessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'error';
 export interface ChatMessageMetadataProps extends BaseProps<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;

package/dist/Chat/ChatMessageMetadata.js

@@ -121,13 +121,13 @@ export function ChatMessageMetadata({
           className: "x3nfvp2 x6s0dn4 xzye2dw"
         },
         2: {
-          className: "x3nfvp2 x6s0dn4 xzye2dw xjt36v0"
+          className: "x3nfvp2 x6s0dn4 xzye2dw x1wj83wy"
         },
         1: {
           className: "x3nfvp2 x6s0dn4 xzye2dw xcx56e2 xmg6eyc x4hg4is xa4qsjk x1aquc0h"
         },
         3: {
-          className: "x3nfvp2 x6s0dn4 xzye2dw xjt36v0 xcx56e2 xmg6eyc x4hg4is xa4qsjk x1aquc0h"
+          className: "x3nfvp2 x6s0dn4 xzye2dw x1wj83wy xcx56e2 xmg6eyc x4hg4is xa4qsjk x1aquc0h"
         }
       }[!!(status === 'error') << 1 | !!(status === 'sending') << 0],
       children: [/*#__PURE__*/_jsx(Icon, {

package/dist/Chat/ChatPastedTextToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPastedTextToken.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatPastedTextToken.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAiDD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BA8B1B;yBAjCe,mBAAmB"}
+{"version":3,"file":"ChatPastedTextToken.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatPastedTextToken.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAkDD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BA8B1B;yBAjCe,mBAAmB"}

package/dist/Chat/ChatPastedTextToken.js

@@ -4,7 +4,7 @@
 
 /**
  * @file ChatPastedTextToken.tsx
- * @input Uses React, StyleX, Badge, HoverCard, Button, CodeBlock
+ * @input Uses React, StyleX, Badge, HoverCard, Button, provider-bound translator
  * @output Exports ChatPastedTextToken component
  * @position Inline token for pasted text with hover card preview + expand
  *
@@ -32,10 +32,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; // =============
 // Helpers
 // =============================================================================
 
-function formatLabel(text) {
-  const lines = text.split('\n').length;
-  const chars = text.length;
-  return lines > 1 ? `${lines} lines, ${chars} chars` : `${chars} chars`;
+function formatLabel(text, t) {
+  return t('@astryx.chat.pastedText.label', {
+    lines: text.split('\n').length,
+    chars: text.length
+  });
 }
 
 // =============================================================================
@@ -47,7 +48,7 @@ export function ChatPastedTextToken({
   onExpand
 }) {
   const t = useTranslator();
-  const label = formatLabel(text);
+  const label = formatLabel(text, t);
   const cardContent = /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x78zum5 xdt5ytf x1txdalj x17fpy1y"

package/dist/Chat/ChatSendButton.d.ts

@@ -14,7 +14,7 @@
  * - **Stop** — neutral/secondary, stop icon, calls onStop.
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatSendButtonProps extends BaseProps<HTMLButtonElement> {
     ref?: React.Ref<HTMLButtonElement>;
     /** Whether the stop button is shown instead of the send button. @default false */

package/dist/Chat/ChatSystemMessage.d.ts

@@ -15,7 +15,7 @@
  * - /packages/cli/assets/templates/blocks/components/ChatSystemMessage/ (block examples)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export type ChatSystemMessageVariant = 'default' | 'divider';
 export interface ChatSystemMessageProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */

package/dist/Chat/ChatTokenizedText.d.ts

@@ -15,8 +15,8 @@
  * - /packages/cli/assets/templates/blocks/components/ChatTokenizedText/ (block examples)
  */
 import React from 'react';
-import type { ChatComposerToken } from './ChatComposerInput';
-import type { BaseProps } from '../BaseProps';
+import type { ChatComposerToken } from './ChatComposerInput.js';
+import type { BaseProps } from '../BaseProps.js';
 export interface ChatTokenizedTextProps extends BaseProps<HTMLSpanElement> {
     ref?: React.Ref<HTMLSpanElement>;
     /** The message text containing serialized token values */

package/dist/Chat/ChatToolCalls.d.ts

@@ -14,7 +14,7 @@
  * for builders to wire up.
  */
 import React, { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export type ChatToolCallStatus = 'pending' | 'running' | 'complete' | 'error';
 export interface ChatToolCallItem {
     /** Tool/function name. */

package/dist/Chat/ChatToolCalls.js

@@ -102,11 +102,11 @@ const styles = {
     $$css: true
   },
   colorComplete: {
-    kMwMTN: "xtjic6",
+    kMwMTN: "x1vau044",
     $$css: true
   },
   colorError: {
-    kMwMTN: "xjt36v0",
+    kMwMTN: "xskb5cx",
     $$css: true
   }
 };
@@ -214,12 +214,12 @@ function CallRow({
       },
       children: [call.additions != null && /*#__PURE__*/_jsxs("span", {
         ...{
-          className: "xtjic6"
+          className: "x1caiuuo"
         },
         children: ["+", call.additions]
       }), call.deletions != null && /*#__PURE__*/_jsxs("span", {
         ...{
-          className: "xjt36v0"
+          className: "x1wj83wy"
         },
         children: ["-", call.deletions]
       }), call.stats]