@happyvertical/smrt-ui 0.55.5 → 0.55.7

package/README.md

@@ -81,6 +81,36 @@ pnpm add @happyvertical/smrt-ui
   body (`Content-Type` is the recording's type, `?language=&durationMs=`)
   and answers `{ text }`; 413, 503 and 401/403 become "too long", "not set
   up" and "not allowed" messages.
+- Hands-free dictation: `new Dictation({ mode: 'hands-free', handsFreeCapture:
+  createHandsFreeCapture, … })` keeps the microphone on and writes each
+  sentence down when the speaker pauses; one tap on the microphone ends it.
+  `createHandsFreeCapture` comes from `@happyvertical/smrt-ui/forms/hands-free`,
+  the one entry that imports the optional peer `@happyvertical/speech`
+  (>= 0.102.5: on-device voice activity detection with an adaptive noise
+  floor, pre-roll and a 30 s split; no audio leaves the page). It needs a
+  speech source with `transcribePcm` (smrt-svelte's on-device `whisper-local`
+  and `moonshine`); with any of the three missing it is plain press-to-talk.
+  Utterances are written down one at a time in the order spoken
+  (`dictation.queued` counts those waiting); `speaking` and `level` (0 to 1)
+  drive the button: a steady ring while listening, a halo that swells with the
+  voice while speaking, a spinner while writing down, all still under
+  `prefers-reduced-motion`. `vad` tunes `silenceMs` (default 800),
+  `minSpeechMs`, `preRollMs`, `maxUtteranceMs` and `sensitivity`.
+  The help text ("Just talk; I write it down when you pause...") is the
+  microphone's tooltip and `aria-describedby`, not a line in the form;
+  `DictationStatus` keeps a visually hidden polite live region ("Listening",
+  "Hearing you...", "Writing it down...") and shows errors. Its `sending` prop
+  adds the one short visible hint, "Sending...". The chat composer's
+  `sendOnPause` / `sendOnPauseMs` (default 1200) builds send-on-pause on it.
+  Half-duplex: browsers do not reliably cancel `speechSynthesis` from the
+  microphone, so call `dictation.suspend()` while the page reads a reply aloud
+  and `dictation.resume()` after (the chat composer/dock do this from their
+  `speaking` prop). The microphone stays open but nothing is heard (an
+  utterance in progress is discarded, a ~350 ms guard follows `resume()`);
+  `dictation.suspended` drives the dimmed, dashed-outline button and the
+  "Paused while the assistant speaks" tooltip/live region. A custom
+  `HandsFreeCapture` may implement optional `suspend()` / `resume()`;
+  `Dictation` ignores utterances that arrive while suspended either way.
 
 ### Link tabs
 

package/dist/components/forms/CodeSelect.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { ComponentProps } from 'svelte';
 import type { CodeSelectProps } from './code-select-types.js';
+import FieldLabel from './FieldLabel.svelte';
 import Input from './Input.svelte';
 import Select from './Select.svelte';
 
@@ -18,9 +19,17 @@ let {
   locale: _locale,
   name,
   form,
+  label,
+  id: idProp,
+  required,
   ...rest
 }: Props = $props();
 const hiddenId = $props.id();
+const labelId = `${hiddenId}-label`;
+const controlId = $derived(idProp ?? `${hiddenId}-control`);
+const labelProps = $derived(
+  label ? { id: controlId, 'aria-labelledby': labelId } : { id: idProp },
+);
 let select: Select | undefined = $state();
 let input: Input | undefined = $state();
 const choices = $derived(options.filter((option) => option.value !== ''));
@@ -38,10 +47,11 @@ export function getElement(): HTMLInputElement | HTMLSelectElement | null {
   return (freeText ? input : select)?.getElement() ?? null;
 }
 </script>
+{#if label}<FieldLabel id={labelId} for={controlId} {label} {required} />{/if}
 {#if freeText}
-  <Input {...inputRest} bind:this={input} bind:value type="text" {name} {form} {placeholder} disabled={disabled || readOnly} />
+  <Input {...inputRest} {...labelProps} {required} bind:this={input} bind:value type="text" {name} {form} {placeholder} disabled={disabled || readOnly} />
 {:else}
-  <Select {...rest} bind:this={select} bind:value {name} {form} disabled={disabled || readOnly}>
+  <Select {...rest} {...labelProps} {required} bind:this={select} bind:value {name} {form} disabled={disabled || readOnly}>
     <option value="">{placeholder}</option>
     {#if retained}<option value={value}>{value}</option>{/if}
     {#each choices as option}<option value={option.value} disabled={option.disabled}>{option.label ?? option.value}</option>{/each}

package/dist/components/forms/CodeSelect.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/CodeSelect.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAK9D,UAAU,KAAM,SAAQ,eAAe;IACrC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkDD,QAAA,MAAM,UAAU;iBArBG,IAAI;sBAIC,gBAAgB,GAAG,iBAAiB,GAAG,IAAI;WAiBX,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CodeSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/CodeSelect.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,UAAU,KAAM,SAAQ,eAAe;IACrC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4DD,QAAA,MAAM,UAAU;iBAtBG,IAAI;sBAIC,gBAAgB,GAAG,iBAAiB,GAAG,IAAI;WAkBX,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/forms/Combobox.svelte

@@ -17,6 +17,7 @@ import {
   matchingOption,
   prepareTextControlValue,
 } from './control-value-validation.js';
+import FieldLabel from './FieldLabel.svelte';
 import { useControlRegistration } from './use-control-registration.svelte.js';
 export interface Props {
   /** Array of options to select from. */
@@ -334,7 +335,7 @@ useControlRegistration(() => {
 <div bind:this={rootEl} class="combobox {className}" data-smrt-control={controlId} data-smrt-form={interactionContext?.formId}
   data-smrt-subject-type={interaction === false ? undefined : interaction?.subject?.type}
   data-smrt-subject-id={interaction === false ? undefined : interaction?.subject?.id}>
-  <label for={inputId}>{label}</label>
+  <FieldLabel for={inputId} {label} {required} />
   <!-- The form posts the committed value (an option id), never the label the person sees. -->
   {#if name}<input type="hidden" {name} {value} {disabled} />{/if}
   <input bind:this={inputEl} id={inputId} role="combobox" autocomplete="off" {placeholder} {disabled} required={required && !value} aria-required={required ? 'true' : undefined} value={query}
@@ -346,8 +347,8 @@ useControlRegistration(() => {
   {#if status !== undefined}<div class="sr-status" role="status" aria-live="polite">{open ? status : ''}</div>{/if}
 </div>
 <style>
-  .combobox { position: relative; display: grid; gap: var(--smrt-spacing-1); color: var(--smrt-color-on-surface); }
-  label { font: var(--smrt-typography-label-large-font); } input { box-sizing: border-box; width: 100%; padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 1px solid var(--smrt-color-outline); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface); color: inherit; }
+  .combobox { position: relative; display: grid; gap: 0; color: var(--smrt-color-on-surface); }
+  input { box-sizing: border-box; width: 100%; padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 1px solid var(--smrt-color-outline); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface); color: inherit; }
   input:focus { outline: 2px solid var(--smrt-color-primary); outline-offset: 1px; } .options { position: absolute; z-index: var(--smrt-z-index-dropdown); top: 100%; left: 0; right: 0; display: grid; padding: var(--smrt-spacing-1); border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-small); background: var(--smrt-color-surface-container); box-shadow: var(--smrt-elevation-2); }
   .options button { padding: var(--smrt-spacing-2) var(--smrt-spacing-3); border: 0; border-radius: var(--smrt-radius-extra-small); background: transparent; color: var(--smrt-color-on-surface); text-align: left; } .options button.active { background: var(--smrt-color-secondary-container); }
   .options.empty { padding: var(--smrt-spacing-2) var(--smrt-spacing-3); color: var(--smrt-color-on-surface-variant); }

package/dist/components/forms/Combobox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Combobox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAW,MAAM,QAAQ,CAAC;AAM/C,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,MAAM,WAAW,KAAK;IACpB,uCAAuC;IACvC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IACzC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwRD,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Combobox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAW,MAAM,QAAQ,CAAC;AAM/C,OAAO,KAAK,EACV,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAYlC,MAAM,WAAW,KAAK;IACpB,uCAAuC;IACvC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IACzC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyRD,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/forms/DictationButton.svelte

@@ -7,6 +7,16 @@
  * 44px target, named by `aria-label`, `aria-pressed` while listening, and a
  * listening dot that does not rely on color alone (the name changes too).
  * Pair it with `DictationStatus` for the words ("Listening…", errors).
+ *
+ * Hands-free (`mode: 'hands-free'`): a steady ring means it is listening,
+ * a halo that swells with the voice means someone is speaking, and a small
+ * spinner means sentences are being written down. The ring is the
+ * non-motion cue; the halo and spinner stop moving for people who ask for
+ * reduced motion. While the page speaks a reply (`Dictation.suspend()`) the
+ * button dims with a dashed outline and its tooltip reads "Paused while the
+ * assistant speaks". Tapping ends it either way. The help text ("Just talk;
+ * I write it down when you pause...") is the tooltip and the button's
+ * `aria-describedby`, never a line of text in the form.
  */
 import { M } from '../../i18n/strings.ui.js';
 import { useI18n } from '../../i18n/use-i18n.js';
@@ -40,6 +50,11 @@ let {
 
 const { t } = useI18n();
 const active = $derived(dictation.active);
+const handsFree = $derived(dictation.handsFree);
+// Paused while the assistant speaks (half-duplex): not hearing, still open.
+const paused = $derived(active && handsFree && dictation.suspended);
+const speaking = $derived(active && handsFree && dictation.speaking && !paused);
+const writing = $derived(handsFree && dictation.queued > 0);
 // While a recording is being written down, a tap would do nothing.
 const busy = $derived(dictation.state === 'transcribing');
 const name = $derived(
@@ -47,6 +62,22 @@ const name = $derived(
     ? (stopLabel ?? t(M['ui.dictation.stop']))
     : (label ?? t(M['ui.dictation.start'])),
 );
+const uid = $props.id();
+const helpId = `smrt-dictation-help-${uid}`;
+const hint = $derived(
+  active
+    ? handsFree
+      ? paused
+        ? t(M['ui.dictation.paused_speaking'])
+        : t(M['ui.dictation.listening_hands_free'])
+      : name
+    : (title ??
+        t(
+          dictation.wantsHandsFree
+            ? M['ui.dictation.start_hands_free']
+            : M['ui.dictation.start_hint'],
+        )),
+);
 
 function handleClick() {
   // A tap is a user gesture: wake the audio so the ready beep can play.
@@ -60,14 +91,19 @@ function handleClick() {
   type="button"
   variant="ghost"
   size="sm"
-  class={`smrt-dictation-button${active ? ' smrt-dictation-button--listening' : ''} ${className}`.trim()}
+  class={`smrt-dictation-button${active ? ' smrt-dictation-button--listening' : ''}${active && handsFree ? ' smrt-dictation-button--hands-free' : ''}${speaking ? ' smrt-dictation-button--speaking' : ''}${paused ? ' smrt-dictation-button--paused' : ''} ${className}`.trim()}
   aria-label={name}
   aria-pressed={active}
   aria-busy={busy || undefined}
-  title={active ? name : (title ?? t(M['ui.dictation.start_hint']))}
+  title={hint}
+  aria-describedby={hint !== name ? helpId : undefined}
   disabled={disabled || busy}
   onclick={handleClick}
   data-dictation-state={dictation.state}
+  data-dictation-mode={handsFree ? 'hands-free' : undefined}
+  data-dictation-speaking={speaking || undefined}
+  data-dictation-paused={paused || undefined}
+  style={speaking ? `--smrt-dictation-level: ${dictation.level}` : undefined}
 >
   <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
     <rect x="9" y="2" width="6" height="12" rx="3"></rect>
@@ -77,7 +113,13 @@ function handleClick() {
   {#if active}
     <span class="smrt-dictation-dot" aria-hidden="true"></span>
   {/if}
+  {#if writing || (handsFree && dictation.state === 'transcribing')}
+    <span class="smrt-dictation-writing" aria-hidden="true"></span>
+  {/if}
 </Button>
+{#if hint !== name}
+  <span id={helpId} class="smrt-dictation-help">{hint}</span>
+{/if}
 
 <style>
   :global(.smrt-dictation-button) {
@@ -99,6 +141,16 @@ function handleClick() {
     color: var(--smrt-color-on-error-container, #410002);
   }
 
+  /* Read out with the button's name; never shown. */
+  .smrt-dictation-help {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
   .smrt-dictation-dot {
     position: absolute;
     inset-block-start: 6px;
@@ -110,6 +162,54 @@ function handleClick() {
     animation: smrt-dictation-pulse 1.2s ease-in-out infinite;
   }
 
+  /* Hands-free: a steady ring while listening ... */
+  :global(.smrt-dictation-button--hands-free) {
+    box-shadow: 0 0 0 2px var(--smrt-color-error, #ba1a1a);
+  }
+
+  /* ... and a halo that swells with the voice while someone is speaking. */
+  :global(.smrt-dictation-button--speaking) {
+    box-shadow:
+      0 0 0 3px var(--smrt-color-error, #ba1a1a),
+      0 0 0
+        calc(4px + 10px * var(--smrt-dictation-level, 0))
+        color-mix(in srgb, var(--smrt-color-error, #ba1a1a) 28%, transparent);
+    transition: box-shadow 80ms linear;
+  }
+
+  /* Paused while the assistant speaks: a dashed, dimmed ring (not color alone). */
+  :global(.smrt-dictation-button--paused) {
+    opacity: 0.6;
+    box-shadow: none;
+    outline: 2px dashed var(--smrt-color-outline, #73777f);
+    outline-offset: -2px;
+  }
+
+  :global(.smrt-dictation-button--paused) .smrt-dictation-dot {
+    animation: none;
+    opacity: 0.4;
+  }
+
+  /* Sentences are being written down. */
+  .smrt-dictation-writing {
+    position: absolute;
+    inset-block-end: 6px;
+    inset-inline-end: 6px;
+    inline-size: 10px;
+    block-size: 10px;
+    border-radius: 50%;
+    border: 2px solid var(--smrt-color-outline-variant, #c4c6cf);
+    border-block-start-color: var(--smrt-color-primary, #2f5ea8);
+    background: var(--smrt-color-surface, #fff);
+    animation: smrt-dictation-spin 0.9s linear infinite;
+  }
+
+  @keyframes smrt-dictation-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
   @keyframes smrt-dictation-pulse {
     0%,
     100% {
@@ -121,8 +221,15 @@ function handleClick() {
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .smrt-dictation-dot {
+    .smrt-dictation-dot,
+    .smrt-dictation-writing {
       animation: none;
     }
+
+    /* Still ringed, but the halo no longer animates with the voice. */
+    :global(.smrt-dictation-button--speaking) {
+      transition: none;
+      box-shadow: 0 0 0 4px var(--smrt-color-error, #ba1a1a);
+    }
   }
 </style>

package/dist/components/forms/DictationButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictationButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DictationButton.svelte.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,WAAW,KAAK;IACpB,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoDD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DictationButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DictationButton.svelte.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,WAAW,KAAK;IACpB,kDAAkD;IAClD,SAAS,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ED,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/forms/DictationStatus.svelte

@@ -2,7 +2,13 @@
 /**
  * DictationStatus — what dictation is doing, in words (see `Dictation`).
  *
- * "Listening…" (with the words heard so far) while the microphone is on,
+ * "Listening…" (with the words heard so far) while the microphone is on.
+ * Hands-free is announced, not shown: the line is visually hidden and says
+ * "Listening", "Hearing you…" while someone is speaking and "Writing it down…"
+ * while sentences are being written down (the long help text is the
+ * microphone's tooltip) and "Paused while the assistant speaks" while
+ * listening is suspended. "Sending…" (`sending`) is the one short hands-free
+ * hint that stays visible, since a message is about to leave.
  * "Writing it down…" while a recording is turned into text, and
  * a plain explanation when it cannot listen: the browser cannot turn speech
  * into text, the microphone is blocked, or nothing was heard. Nothing while
@@ -15,20 +21,28 @@ import type { Dictation, DictationErrorKind } from './dictation.svelte.js';
 export interface Props {
   /** The dictation session whose listening state and messages this shows. */
   dictation: Dictation;
+  /** A message is about to be sent (hands-free send on pause): shows "Sending…". */
+  sending?: boolean;
   /** Extra class names. */
   class?: string;
 }
 
-let { dictation, class: className = '' }: Props = $props();
+let { dictation, sending = false, class: className = '' }: Props = $props();
 
 const { t } = useI18n();
 const showLine = $derived(
-  dictation.state === 'starting' ||
+  sending ||
+    dictation.state === 'starting' ||
     dictation.state === 'listening' ||
     dictation.state === 'stopping' ||
     dictation.state === 'transcribing',
 );
 
+// Hands-free states are announced to screen readers only.
+const announceOnly = $derived(
+  !sending && dictation.handsFree && dictation.state === 'listening',
+);
+
 function errorText(kind: DictationErrorKind | null): string {
   switch (kind) {
     case 'unsupported':
@@ -47,6 +61,8 @@ function errorText(kind: DictationErrorKind | null): string {
       return t(M['ui.dictation.not_transcribed']);
     case 'unavailable':
       return t(M['ui.dictation.unavailable']);
+    case 'model-missing':
+      return t(M['ui.dictation.model_missing']);
     case 'forbidden':
       return t(M['ui.dictation.forbidden']);
     default:
@@ -58,12 +74,24 @@ function errorText(kind: DictationErrorKind | null): string {
 <div class={`smrt-dictation-status ${className}`.trim()}>
   <p
     class="smrt-dictation-status-line"
-    class:smrt-dictation-status--empty={!showLine}
+    class:smrt-dictation-status--empty={!showLine || announceOnly}
     role="status"
     aria-live="polite"
   >
-    {#if dictation.state === 'starting'}
+    {#if sending}
+      {t(M['ui.dictation.sending'])}
+    {:else if dictation.state === 'starting'}
       {t(M['ui.dictation.starting'])}
+    {:else if dictation.handsFree && dictation.state === 'listening'}
+      {#if dictation.suspended}
+        {t(M['ui.dictation.paused_speaking'])}
+      {:else if dictation.queued > 0}
+        {t(M['ui.dictation.transcribing'])}
+      {:else if dictation.speaking}
+        {t(M['ui.dictation.hearing'])}
+      {:else}
+        {t(M['ui.dictation.listening_short'])}
+      {/if}
     {:else if dictation.state === 'listening' || dictation.state === 'stopping'}
       <span class="smrt-dictation-status-dot" aria-hidden="true"></span>
       {t(M['ui.dictation.listening'])}

package/dist/components/forms/DictationStatus.svelte.d.ts

@@ -2,6 +2,8 @@ import type { Dictation } from './dictation.svelte.js';
 export interface Props {
     /** The dictation session whose listening state and messages this shows. */
     dictation: Dictation;
+    /** A message is about to be sent (hands-free send on pause): shows "Sending…". */
+    sending?: boolean;
     /** Extra class names. */
     class?: string;
 }

package/dist/components/forms/DictationStatus.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictationStatus.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DictationStatus.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAsB,MAAM,uBAAuB,CAAC;AAG3E,MAAM,WAAW,KAAK;IACpB,2EAA2E;IAC3E,SAAS,EAAE,SAAS,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwED,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DictationStatus.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DictationStatus.svelte.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAsB,MAAM,uBAAuB,CAAC;AAG3E,MAAM,WAAW,KAAK;IACpB,2EAA2E;IAC3E,SAAS,EAAE,SAAS,CAAC;IACrB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4FD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/forms/FieldLabel.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+/**
+ * The one label treatment for generated form fields: a plain label above its
+ * control. Every field component (text, money, date, select, relation, …) and
+ * every read-only field display renders this, so size, weight, colour and
+ * spacing cannot drift between field types.
+ */
+interface Props {
+  /** Label text. */
+  label: string;
+  /** Id of the labelled control (`for`). Omit for read-only displays. */
+  for?: string;
+  /** Id of the label element, for `aria-labelledby` on the control. */
+  id?: string;
+  /** Shows the required marker. */
+  required?: boolean;
+}
+let { label, for: forId, id, required = false }: Props = $props();
+</script>
+
+{#if forId}
+  <label {id} for={forId} class="smrt-field-label">{label}{#if required}<span class="required" aria-hidden="true">*</span>{/if}</label>
+{:else}
+  <span {id} class="smrt-field-label">{label}{#if required}<span class="required" aria-hidden="true">*</span>{/if}</span>
+{/if}
+
+<style>
+  .smrt-field-label {
+    display: block;
+    margin-bottom: var(--smrt-spacing-1, 4px);
+    font-size: var(--smrt-typography-label-large-size, 0.875rem);
+    font-weight: var(--smrt-typography-weight-medium, 500);
+    line-height: var(--smrt-typography-label-large-line-height, 1.4);
+    letter-spacing: normal;
+    text-transform: none;
+    font-family: inherit;
+    color: var(--smrt-color-on-surface, #374151);
+  }
+
+  .required {
+    color: var(--smrt-color-error, #ba1a1a);
+    margin-left: var(--smrt-spacing-1, 4px);
+  }
+</style>

package/dist/components/forms/FieldLabel.svelte.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The one label treatment for generated form fields: a plain label above its
+ * control. Every field component (text, money, date, select, relation, …) and
+ * every read-only field display renders this, so size, weight, colour and
+ * spacing cannot drift between field types.
+ */
+interface Props {
+    /** Label text. */
+    label: string;
+    /** Id of the labelled control (`for`). Omit for read-only displays. */
+    for?: string;
+    /** Id of the label element, for `aria-labelledby` on the control. */
+    id?: string;
+    /** Shows the required marker. */
+    required?: boolean;
+}
+declare const FieldLabel: import("svelte").Component<Props, {}, "">;
+type FieldLabel = ReturnType<typeof FieldLabel>;
+export default FieldLabel;
+//# sourceMappingURL=FieldLabel.svelte.d.ts.map

package/dist/components/forms/FieldLabel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FieldLabel.svelte.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,UAAU,KAAK;IACb,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/forms/FormGroup.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { Snippet } from 'svelte';
 import type { ControlInteractionOptions } from './control-interaction.js';
+import FieldLabel from './FieldLabel.svelte';
 import {
   type FormGroupContextValue,
   nextFieldId,
@@ -62,12 +63,7 @@ setFormGroupContext(
 </script>
 
 <div class="form-group">
-	<label for={fieldId} class="form-label">
-		{label}
-		{#if required}
-			<span class="required" aria-hidden="true">*</span>
-		{/if}
-	</label>
+	<FieldLabel for={fieldId} {label} {required} />
 	{@render children()}
 	{#if hintId}
 		<p id={hintId} class="form-hint">{hint}</p>
@@ -82,18 +78,7 @@ setFormGroupContext(
 		margin-bottom: 1rem;
 	}
 
-	.form-label {
-		display: block;
-		font-size: var(--smrt-typography-label-large-size, 0.875rem);
-		font-weight: var(--smrt-typography-weight-medium, 500);
-		color: var(--smrt-color-on-surface, #374151);
-		margin-bottom: 0.375rem;
-	}
 
-	.required {
-		color: var(--smrt-color-error, #ba1a1a);
-		margin-left: 0.125rem;
-	}
 
 	.form-hint {
 		margin: 0.25rem 0 0;

package/dist/components/forms/FormGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAQ1E,MAAM,WAAW,KAAK;IACpB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgED,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAS1E,MAAM,WAAW,KAAK;IACpB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,EAAE,OAAO,CAAC;CACnB;AA4DD,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/forms/code-select-options.d.ts

@@ -1,5 +1,12 @@
 import type { CodeSelectOption } from './code-select-types.js';
-/** Build localized choices from the shared ISO currency metadata. */
+/**
+ * ISO 4217 codes that are not circulating currencies: funds codes, precious
+ * metals, the IMF unit and bond-market units, and the testing / "no currency"
+ * codes. They stay valid stored values (the select retains an unknown value)
+ * but are not offered as choices.
+ */
+export declare const NON_CIRCULATING_CURRENCY_CODES: ReadonlySet<string>;
+/** Build localized choices for circulating currencies from the shared ISO metadata. */
 export declare function currencyOptions(locale: string): CodeSelectOption[];
 /** Build localized ISO alpha-2 country choices. */
 export declare function countryOptions(locale: string): CodeSelectOption[];

package/dist/components/forms/code-select-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-select-options.d.ts","sourceRoot":"","sources":["../../../src/components/forms/code-select-options.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAiT/D,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAMlE;AACD,mDAAmD;AACnD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAGjE;AACD,8EAA8E;AAC9E,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,GACd,SAAS,gBAAgB,EAAE,GAAG,SAAS,CAEzC"}
+{"version":3,"file":"code-select-options.d.ts","sourceRoot":"","sources":["../../../src/components/forms/code-select-options.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAiT/D;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,WAAW,CAAC,MAAM,CA4B7D,CAAC;AACH,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAWlE;AACD,mDAAmD;AACnD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAGjE;AACD,8EAA8E;AAC9E,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,GACd,SAAS,gBAAgB,EAAE,GAAG,SAAS,CAEzC"}

package/dist/components/forms/code-select-options.js

@@ -296,13 +296,54 @@ function displayNames(locale, type) {
         return new Intl.DisplayNames('en', { type });
     }
 }
-/** Build localized choices from the shared ISO currency metadata. */
+/**
+ * ISO 4217 codes that are not circulating currencies: funds codes, precious
+ * metals, the IMF unit and bond-market units, and the testing / "no currency"
+ * codes. They stay valid stored values (the select retains an unknown value)
+ * but are not offered as choices.
+ */
+export const NON_CIRCULATING_CURRENCY_CODES = new Set([
+    // Funds codes
+    'BOV',
+    'CHE',
+    'CHW',
+    'CLF',
+    'COU',
+    'MXV',
+    'USN',
+    'USS',
+    'UYI',
+    'UYW',
+    // Precious metals
+    'XAG',
+    'XAU',
+    'XPD',
+    'XPT',
+    // Bond-market units, IMF special drawing rights, other supranational units
+    'XBA',
+    'XBB',
+    'XBC',
+    'XBD',
+    'XDR',
+    'XSU',
+    'XUA',
+    // Testing and "no currency"
+    'XTS',
+    'XXX',
+]);
+/** Build localized choices for circulating currencies from the shared ISO metadata. */
 export function currencyOptions(locale) {
     const names = displayNames(locale, 'currency');
-    return [...ISO_4217_MINOR_UNITS.keys()].sort().map((value) => ({
-        value,
-        label: `${value} — ${names.of(value) ?? value}`,
-    }));
+    return [...ISO_4217_MINOR_UNITS.keys()]
+        .filter((value) => !NON_CIRCULATING_CURRENCY_CODES.has(value))
+        .sort()
+        .flatMap((value) => {
+        const name = names.of(value);
+        // A code the runtime cannot name (shown as "XYZ — XYZ") is not a currency to offer.
+        if (!name || name === value)
+            return [];
+        return [{ value, label: `${value} — ${name}` }];
+    });
 }
 /** Build localized ISO alpha-2 country choices. */
 export function countryOptions(locale) {

package/dist/components/forms/code-select-types.d.ts

@@ -21,6 +21,10 @@ export interface CodeSelectProps extends Omit<HTMLSelectAttributes, 'children' |
     interaction?: ControlInteractionOptions | false;
     /** Custom choices replace defaults; an empty list is an intentional override. */
     options?: readonly CodeSelectOption[];
+    /** Visible label rendered above the control with the shared field label; becomes its accessible name. */
+    label?: string;
+    /** Shows the required marker on `label`. */
+    required?: boolean;
     /** Locale used for built-in currency/country display names; invalid locales use English. */
     locale?: string;
     /** Empty choice label. Defaults to an em dash and never auto-selects a code. */

package/dist/components/forms/code-select-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-select-types.d.ts","sourceRoot":"","sources":["../../../src/components/forms/code-select-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,uFAAuF;AACvF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,EACpB,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAC5C;IACD,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IAClC,sDAAsD;IACtD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACtC,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,wDAAwD;AACxD,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAC/D,wDAAwD;AACxD,MAAM,WAAW,kBAAmB,SAAQ,eAAe;CAAG;AAC9D,6FAA6F;AAC7F,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,aAAa,CAAC,iBAAiB,CAAC,CAAC,EACnE,IAAI,CAAC,aAAa,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"code-select-types.d.ts","sourceRoot":"","sources":["../../../src/components/forms/code-select-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,uFAAuF;AACvF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,EACpB,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAC5C;IACD,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IAClC,sDAAsD;IACtD,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACtC,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,wDAAwD;AACxD,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAC/D,wDAAwD;AACxD,MAAM,WAAW,kBAAmB,SAAQ,eAAe;CAAG;AAC9D,6FAA6F;AAC7F,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,aAAa,CAAC,iBAAiB,CAAC,CAAC,EACnE,IAAI,CAAC,aAAa,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}