@astryxdesign/core 0.7.5-canary.fccd771 → 0.7.5

package/src/Chat/ChatComposerInput.test.tsx

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-import {StrictMode} from 'react';
+import {createRef, StrictMode, useLayoutEffect} from 'react';
 import {describe, it, expect, vi, afterEach, beforeEach} from 'vitest';
 import {render, screen, fireEvent, waitFor, act} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -82,12 +82,6 @@ describe('ChatComposerInput', () => {
       ).toBeInTheDocument();
     });
 
-    it('renders disabled state', () => {
-      render(<ChatComposerInput isDisabled />);
-      const textbox = screen.getByRole('textbox');
-      expect(textbox).toHaveAttribute('contenteditable', 'false');
-    });
-
     it('marks the textbox as multiline', () => {
       render(<ChatComposerInput />);
       expect(screen.getByRole('textbox')).toHaveAttribute(
@@ -105,6 +99,170 @@ describe('ChatComposerInput', () => {
     });
   });
 
+  describe('disabled editing', () => {
+    it('keeps focus, draft, description, and Tab entry when the composer disables it', async () => {
+      const user = userEvent.setup();
+      const onChange = vi.fn();
+      const view = (isDisabled: boolean, value = 'Draft') => (
+        <>
+          <button type="button">Before</button>
+          <p id="reason">Unavailable while sending</p>
+          <ChatComposer
+            isDisabled={isDisabled}
+            value={value}
+            onChange={onChange}
+            onSubmit={() => {}}
+            input={<ChatComposerInput aria-describedby="reason" />}
+          />
+        </>
+      );
+      const {rerender} = render(view(false));
+      await user.tab();
+      await user.tab();
+      const editor = screen.getByRole('textbox');
+      expect(editor).toHaveFocus();
+
+      rerender(view(true));
+      expect(screen.getByRole('textbox')).toBe(editor);
+      expect(editor).toHaveFocus();
+      expect(editor).toHaveTextContent('Draft');
+      expect(editor).toHaveAttribute('contenteditable', 'false');
+      expect(editor).toHaveAttribute('aria-disabled', 'true');
+      expect(editor).toHaveAccessibleDescription('Unavailable while sending');
+      screen.getByRole('button', {name: 'Before'}).focus();
+      await user.tab();
+      expect(editor).toHaveFocus();
+
+      rerender(view(true, 'External update'));
+      expect(editor).toHaveTextContent('External update');
+      expect(onChange).not.toHaveBeenCalled();
+    });
+
+    it('blocks input, submission, paste, drop, and consumer callbacks', () => {
+      const onInteraction = vi.fn();
+      render(
+        <ChatComposerInput
+          isDisabled
+          value="Draft"
+          onChange={onInteraction}
+          onSubmit={onInteraction}
+          onKeyDown={onInteraction}
+          onKeyDownCapture={onInteraction}
+          onInput={onInteraction}
+          onPaste={onInteraction}
+          onFiles={onInteraction}
+          onDrop={onInteraction}
+        />,
+      );
+      const editor = screen.getByRole('textbox');
+      fireEvent.keyDown(editor, {key: 'Enter'});
+      fireEvent.input(editor);
+      fireEvent.paste(editor, {
+        clipboardData: {files: [], getData: () => 'blocked'},
+      });
+      const file = new File(['content'], 'blocked.txt', {type: 'text/plain'});
+      fireEvent.paste(editor, {
+        clipboardData: {files: [file], getData: () => ''},
+      });
+      expect(
+        fireEvent.drop(editor, {
+          dataTransfer: {files: [file], types: ['Files']},
+        }),
+      ).toBe(false);
+      expect(editor).toHaveTextContent('Draft');
+      expect(onInteraction).not.toHaveBeenCalled();
+    });
+
+    it('blocks retained-handle mutations and token deletion until re-enabled', () => {
+      const handleRef = createRef<ChatComposerInputHandle>();
+      const onChange = vi.fn();
+      const view = (isDisabled: boolean) => (
+        <ChatComposerInput
+          isDisabled={isDisabled}
+          handleRef={handleRef}
+          onChange={onChange}
+        />
+      );
+      const {rerender} = render(view(false));
+      const editor = screen.getByRole('textbox');
+      const handle = handleRef.current!;
+      let tokenId: string | undefined;
+      act(() => {
+        tokenId = handle.insertToken({value: '@sam', label: 'Sam'});
+      });
+      window.getSelection()!.collapse(editor.lastChild, 1);
+      rerender(view(true));
+      onChange.mockClear();
+      // emitChange is itself silent while disabled, so the draft is checked
+      // directly: neither the value nor the editor's markup (the token) may
+      // change.
+      const valueBefore = handle.getValue();
+      const markupBefore = editor.innerHTML;
+
+      act(() => {
+        handle.insertText('blocked');
+        expect(
+          handle.insertToken({value: '@alex', label: 'Alex'}),
+        ).toBeUndefined();
+        handle.expandToken(tokenId!);
+      });
+      fireEvent.keyDown(editor, {key: 'Backspace'});
+      expect(onChange).not.toHaveBeenCalled();
+      expect(handle.getValue()).toBe(valueBefore);
+      expect(editor.innerHTML).toBe(markupBefore);
+      handle.focus();
+      expect(editor).toHaveFocus();
+
+      rerender(view(false));
+      act(() => handle.insertText('enabled'));
+      expect(handle.getValue()).toContain('enabled');
+      expect(onChange).toHaveBeenCalledTimes(1);
+    });
+
+    it('closes suggestions without selecting or reopening after re-enabling', async () => {
+      const user = userEvent.setup();
+      const onSelect = vi.fn(() => '@sam ');
+      const triggers = [createMentionTrigger({onSelect})];
+      const onDisabledCommit = vi.fn();
+      function Example({isDisabled = false}: {isDisabled?: boolean}) {
+        useLayoutEffect(() => {
+          if (isDisabled) {
+            const editor = screen.getByRole('combobox');
+            onDisabledCommit({
+              expanded: editor.getAttribute('aria-expanded'),
+              controls: editor.getAttribute('aria-controls'),
+              activeDescendant: editor.getAttribute('aria-activedescendant'),
+            });
+          }
+        }, [isDisabled]);
+        return (
+          <ChatComposerInput isDisabled={isDisabled} triggers={triggers} />
+        );
+      }
+      const {rerender} = render(<Example />);
+      const editor = screen.getByRole('combobox');
+      await user.type(editor, '@');
+      await screen.findByText('Cindy Zhang');
+      expect(editor).toHaveAttribute('aria-expanded', 'true');
+
+      rerender(<Example isDisabled />);
+      expect(onDisabledCommit).toHaveBeenCalledExactlyOnceWith({
+        expanded: 'false',
+        controls: null,
+        activeDescendant: null,
+      });
+      expect(
+        screen.queryByRole('option', {hidden: true}),
+      ).not.toBeInTheDocument();
+      await user.keyboard('{Enter}');
+      expect(onSelect).not.toHaveBeenCalled();
+      expect(editor).toHaveTextContent('@');
+
+      rerender(<Example />);
+      expect(editor).toHaveAttribute('aria-expanded', 'false');
+    });
+  });
+
   describe('change and submit', () => {
     it('calls onChange on input', () => {
       const onChange = vi.fn();
@@ -587,20 +745,6 @@ describe('ChatComposerInput', () => {
       expect(allowed).toBe(false);
       expect(onFiles).toHaveBeenCalledWith([file]);
     });
-
-    it('does not emit dropped files while disabled', () => {
-      const onFiles = vi.fn();
-      render(<ChatComposerInput isDisabled onFiles={onFiles} />);
-      const textbox = screen.getByRole('textbox');
-      const file = new File(['content'], 'blocked.txt', {type: 'text/plain'});
-
-      const allowed = fireEvent.drop(textbox, {
-        dataTransfer: {files: [file], types: ['Files']},
-      });
-
-      expect(allowed).toBe(false);
-      expect(onFiles).not.toHaveBeenCalled();
-    });
   });
 
   // Paste / insert paths used to bail silently when the contenteditable

package/src/Chat/ChatComposerInput.tsx

@@ -372,6 +372,15 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
     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 ??
@@ -415,6 +424,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
     (token: ChatComposerToken) => string | undefined
   >(() => undefined);
   const insertTextRef = useRef<(text: string) => void>(() => {});
+  const expandTokenRef = useRef<(id: string) => void>(() => {});
 
   // A single handle object shared between the forwarded ref (via
   // `useImperativeHandle`) and `selfRef` (used by internal consumers
@@ -480,7 +490,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
 
   const handle: ChatComposerInputHandle = {
     insertToken: (token: ChatComposerToken) => insertTokenRef.current(token),
-    expandToken: (id: string) => tokens.expandToken(id),
+    expandToken: (id: string) => expandTokenRef.current(id),
     insertText: (text: string) => insertTextRef.current(text),
     focus: focusEditable,
     getValue: () =>
@@ -549,7 +559,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
   const emitChangeVersionRef = useRef(0);
 
   const emitChange = useCallback(() => {
-    if (!editableRef.current) {
+    if (isDisabled || !editableRef.current) {
       return;
     }
     const text = serialize(editableRef.current);
@@ -566,7 +576,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
     emitChangeVersionRef.current += 1;
     onChange?.(nextValue);
     cleanupPortalsRef.current?.();
-  }, [onChange]);
+  }, [isDisabled, onChange]);
 
   // --- Token management (via hook) ---
   const tokens = useChatComposerTokens({
@@ -598,9 +608,11 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
     [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({
@@ -612,13 +624,41 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
     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: KeyboardEvent<HTMLDivElement>) => {
+      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;
@@ -772,11 +812,23 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
         }
       }
     },
-    [hasHistory, onSubmit, onChange, emitChange, triggerMenu, onKeyDownProp],
+    [
+      isDisabled,
+      hasHistory,
+      onSubmit,
+      onChange,
+      emitChange,
+      triggerMenu,
+      onKeyDownProp,
+    ],
   );
 
   const handlePaste = useCallback(
     (e: ClipboardEvent<HTMLDivElement>) => {
+      if (isDisabled) {
+        e.preventDefault();
+        return;
+      }
       const editable = editableRef.current;
       if (!editable) {
         return;
@@ -824,7 +876,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
       insertTextAtCursor(editable, text);
       emitChange();
     },
-    [onFiles, onPasteProp, emitChange, tokens, pasteAsToken],
+    [isDisabled, onFiles, onPasteProp, emitChange, tokens, pasteAsToken],
   );
 
   const handleDragOver = useCallback((e: DragEvent<HTMLDivElement>) => {
@@ -835,6 +887,10 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
 
   const handleDrop = useCallback(
     (e: DragEvent<HTMLDivElement>) => {
+      if (isDisabled) {
+        e.preventDefault();
+        return;
+      }
       const files = Array.from(e.dataTransfer.files);
       if (files.length === 0) {
         return;
@@ -842,9 +898,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
       // 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],
   );
@@ -860,7 +914,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
         className,
         style,
       )}
-      {...rest}>
+      {...rootProps}>
       {isEmpty && (
         <div {...stylex.props(styles.placeholder)} aria-hidden="true">
           {placeholder}
@@ -869,6 +923,9 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
       <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
         onInput={handleInput}
@@ -876,13 +933,13 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
         onPaste={handlePaste}
         onDragOver={handleDragOver}
         onDrop={handleDrop}
-        {...triggerMenu.ariaProps}
+        {...editorAriaProps}
         aria-disabled={isDisabled || undefined}
         {...mergeProps(stylex.props(styles.editable), {
           style: {maxHeight: `${maxHeight}px`},
         })}
       />
-      {triggerMenu.renderMenu()}
+      {!isDisabled && triggerMenu.renderMenu()}
       {tokens.tokenPortals
         .filter(({span}) => span.isConnected)
         .map(({id, span, token}) =>
@@ -894,7 +951,7 @@ export function ChatComposerInput(props: ChatComposerInputProps) {
               <ChatPastedTextToken
                 key={id}
                 text={token.value}
-                onExpand={() => tokens.expandToken(id)}
+                onExpand={() => expandTokenRef.current(id)}
               />
             ) : (
               <Badge

package/src/Chat/ChatMessageMetadata.tsx

@@ -70,7 +70,7 @@ const styles = stylex.create({
     gap: spacingVars['--spacing-1'],
   },
   statusError: {
-    color: colorVars['--color-error'],
+    color: colorVars['--color-text-error'],
   },
   statusPulse: {
     animationName: pulseKeyframes,

package/src/Chat/ChatPastedTextToken.test.tsx

@@ -0,0 +1,71 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file ChatPastedTextToken.test.tsx
+ * @input Uses React Testing Library, ChatPastedTextToken, InternationalizationProvider
+ * @output Verifies catalog-backed pasted-text counts and deterministic English fallback
+ */
+
+import {render, screen} from '@testing-library/react';
+import {describe, expect, it} from 'vitest';
+import {InternationalizationProvider} from '../i18n';
+import en from '../../locales/en.json';
+import {ChatPastedTextToken} from './ChatPastedTextToken';
+
+describe('ChatPastedTextToken', () => {
+  it.each([
+    {text: '', label: '0 chars'},
+    {text: 'a', label: '1 chars'},
+    {text: 'hello', label: '5 chars'},
+    {text: 'a\nb', label: '2 lines, 3 chars'},
+  ])(
+    'preserves the English count label for $text without a provider',
+    ({text, label}) => {
+      render(<ChatPastedTextToken text={text} />);
+      expect(screen.getByText(label)).toBeInTheDocument();
+    },
+  );
+
+  it('keeps 21 lines distinct from exactly one line in a Slavic locale', () => {
+    render(
+      <InternationalizationProvider
+        locale="ru"
+        messages={{
+          ru: {
+            '@astryx.chat.pastedText.label':
+              en['@astryx.chat.pastedText.label'],
+          },
+        }}>
+        <ChatPastedTextToken text={'a\n'.repeat(20) + 'a'} />
+      </InternationalizationProvider>,
+    );
+    expect(screen.getByText('21 lines, 41 chars')).toBeInTheDocument();
+  });
+
+  it('updates both count branches when the provider changes', () => {
+    const overrides = {
+      fr: {
+        '@astryx.chat.pastedText.label':
+          '{lines, plural, =1 {{chars, plural, one {un caractère} other {{chars} caractères}}} other {{chars, plural, one {un caractère} other {{chars} caractères}} sur {lines} lignes}}',
+      },
+    };
+    const {rerender} = render(
+      <InternationalizationProvider locale="fr" overrides={overrides}>
+        <ChatPastedTextToken text="hello" />
+      </InternationalizationProvider>,
+    );
+    expect(screen.getByText('5 caractères')).toBeInTheDocument();
+    rerender(
+      <InternationalizationProvider locale="fr" overrides={overrides}>
+        <ChatPastedTextToken text={'a\nb'} />
+      </InternationalizationProvider>,
+    );
+    expect(screen.getByText('3 caractères sur 2 lignes')).toBeInTheDocument();
+    rerender(
+      <InternationalizationProvider locale="en" overrides={overrides}>
+        <ChatPastedTextToken text={'a\nb'} />
+      </InternationalizationProvider>,
+    );
+    expect(screen.getByText('2 lines, 3 chars')).toBeInTheDocument();
+  });
+});

package/src/Chat/ChatPastedTextToken.tsx

@@ -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
  *
@@ -25,7 +25,7 @@ import {
 import {Badge} from '../Badge';
 import {Button} from '../Button';
 import {HoverCard} from '../HoverCard';
-import {useTranslator} from '../i18n';
+import {useTranslator, type TranslatorFn} from '../i18n';
 
 // =============================================================================
 // Types
@@ -75,10 +75,11 @@ const styles = stylex.create({
 // Helpers
 // =============================================================================
 
-function formatLabel(text: string): string {
-  const lines = text.split('\n').length;
-  const chars = text.length;
-  return lines > 1 ? `${lines} lines, ${chars} chars` : `${chars} chars`;
+function formatLabel(text: string, t: TranslatorFn): string {
+  return t('@astryx.chat.pastedText.label', {
+    lines: text.split('\n').length,
+    chars: text.length,
+  });
 }
 
 // =============================================================================
@@ -90,7 +91,7 @@ export function ChatPastedTextToken({
   onExpand,
 }: ChatPastedTextTokenProps) {
   const t = useTranslator();
-  const label = formatLabel(text);
+  const label = formatLabel(text, t);
 
   const cardContent = (
     <div {...stylex.props(styles.preview)}>

package/src/Chat/ChatToolCalls.tsx

@@ -277,13 +277,13 @@ const styles = stylex.create({
     flexShrink: 0,
   },
   statsAdditions: {
-    color: colorVars['--color-success'],
+    color: colorVars['--color-text-success'],
   },
   statsDeletions: {
-    color: colorVars['--color-error'],
+    color: colorVars['--color-text-error'],
   },
   errorText: {
-    color: colorVars['--color-error'],
+    color: colorVars['--color-text-error'],
   },
 
   // Inline result detail
@@ -337,8 +337,8 @@ const styles = stylex.create({
   // Status colors
   colorPending: {color: colorVars['--color-text-disabled']},
   colorRunning: {color: colorVars['--color-accent']},
-  colorComplete: {color: colorVars['--color-success']},
-  colorError: {color: colorVars['--color-error']},
+  colorComplete: {color: colorVars['--color-icon-success']},
+  colorError: {color: colorVars['--color-icon-error']},
 });
 
 // =============================================================================

package/src/Chat/__tests__/ChatLayoutScrollButton.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y release-only
 
 /**
  * @file ChatLayoutScrollButton.a11y.chromium.spec.ts
@@ -363,6 +364,21 @@ test('the hiding affordance releases focus before its fade finishes', async ({
   await affordance.focus();
   await expect(affordance).toBeFocused();
 
+  // `visibility` flips only after the fade. Focus leaving while it is still
+  // visible proves the immediate `inert` state rather than the delayed CSS.
+  // Read it as focus leaves: a check after the focus poll can land after the
+  // fade on a slow runner, and then says nothing about when focus left.
+  await affordance.evaluate((element, pillSelector) => {
+    element.addEventListener(
+      'blur',
+      () => {
+        const pillElement = document.querySelector(pillSelector);
+        (window as unknown as {__visibilityAtBlur: string}).__visibilityAtBlur =
+          pillElement ? getComputedStyle(pillElement).visibility : '';
+      },
+      {once: true},
+    );
+  }, PILL);
   await page.keyboard.press('Enter');
   await expect
     .poll(
@@ -371,10 +387,12 @@ test('the hiding affordance releases focus before its fade finishes', async ({
       {timeout: 5000},
     )
     .toBe(false);
-
-  // `visibility` flips only after the fade. Focus leaving while it is still
-  // visible proves the immediate `inert` state rather than the delayed CSS.
-  await expect(pill).toHaveCSS('visibility', 'visible');
+  expect(
+    await page.evaluate(
+      () =>
+        (window as unknown as {__visibilityAtBlur?: string}).__visibilityAtBlur,
+    ),
+  ).toBe('visible');
   await expect
     .poll(async () => distanceFromBottom(root), {timeout: 5000})
     .toBeLessThan(2);

package/src/Chat/__tests__/ChatLayoutScrollButtonSurface.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y release-only
 
 /**
  * @file ChatLayoutScrollButtonSurface.a11y.chromium.spec.ts

package/src/Chat/__tests__/ChatMessageList.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y audit ChatMessageList
 
 /**
  * @file ChatMessageList.a11y.chromium.spec.ts

package/src/Chat/__tests__/ChatMessageMetadata.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y audit ChatMessageMetadata
 
 /**
  * @file ChatMessageMetadata.a11y.chromium.spec.ts

package/src/Chat/__tests__/ChatSendButton.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y audit ChatSendButton
 
 /**
  * @file ChatSendButton.a11y.chromium.spec.ts

package/src/Chat/__tests__/ChatSystemMessage.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y audit ChatSystemMessage
 
 /**
  * @file ChatSystemMessage.a11y.chromium.spec.ts

package/src/Chat/__tests__/ChatTokenizedText.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y audit ChatTokenizedText
 
 /**
  * @file ChatTokenizedText.a11y.chromium.spec.ts

package/src/Chat/__tests__/useChatStreamScroll.a11y.chromium.spec.ts

@@ -1,4 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
+// @pr-a11y release-only
 
 /**
  * @file useChatStreamScroll.a11y.chromium.spec.ts