fix aria issues

packages/core/src/components/chat-input/chat-input.tsx

@@ -533,9 +533,12 @@ export class ChatInput extends Mixin(...DefaultMixins, ComponentIdMixin) {
   }
 
   override render() {
-    const disabledSubmitButton = !this.canSubmit() && this.state === 'input';
-    const submitButtonIcon =
-      this.state === 'input' ? iconSendRightFilled : iconCircleStop;
+    const isProcessing = this.state === 'processing';
+    const disabledSubmitButton =
+      isProcessing || (!this.canSubmit() && this.state === 'input');
+    const submitButtonIcon = isProcessing
+      ? iconCircleStop
+      : iconSendRightFilled;
 
     return (
       <Host
@@ -599,7 +602,7 @@ export class ChatInput extends Mixin(...DefaultMixins, ComponentIdMixin) {
             <div class="right-actions">
               <slot name="end"></slot>
               <ix-icon-button
-                aria-label="Submit prompt"
+                aria-label={isProcessing ? 'Stop processing' : 'Submit prompt'}
                 class="submit-button"
                 disabled={disabledSubmitButton}
                 icon={submitButtonIcon}

packages/core/src/components/chat-input/tests/chat-input.ct.ts

@@ -26,6 +26,19 @@
   return (element as HTMLIxIconButtonElement).icon;
 }
 
+regressionTest('renders', async ({ mount, page }) => {
+  await mount('<ix-chat-input></ix-chat-input>');
+  await expect(page.locator('ix-chat-input')).toHaveClass(/\bhydrated\b/);
+});
+
+regressionTest('accessibility', async ({ mount, makeAxeBuilder }) => {
+  await mount('<ix-chat-input></ix-chat-input>');
+  const accessibilityScanResults = await makeAxeBuilder()
+    .include('ix-chat-input')
+    .analyze();
+  expect(accessibilityScanResults.violations).toEqual([]);
+});
+
 regressionTest(
   'ix-chat-input emits valueChange when text is entered',
   async ({ mount, page }) => {
@@ -35,9 +48,9 @@
     await chatInput.evaluate((element) => {
       const testElement = element as ValueChangeTestElement;
       testElement.__valueChange = undefined;
       element.addEventListener('valueChange', ((event: CustomEvent<string>) => {
         testElement.__valueChange = event.detail;
       }) as EventListener);
     });
 
     await chatInput.locator('textarea').fill('Show pump status');