@lotics/ui 27.16.0 → 27.17.0

package/docs/catalog.md

@@ -1490,7 +1490,10 @@ source (`src/<module>.tsx`/`.ts`) is the API reference.
 
 - **`composer`** — `Composer`: the adaptive command/chat composer — a compact pill that
   expands for long text + attachments (`pills` + attachment slots, controlled or
-  uncontrolled `value`, `onSend`/`onStop`, `sendDisabled` override).
+  uncontrolled `value`, `onSend`/`onStop`, `sendDisabled` override). The field's accessible
+  name is `accessibilityLabel ?? placeholder`: the placeholder is DRAWN as an overlay (so a
+  long hint stays one ellipsized line instead of wrapping inside the pill) and therefore
+  names nothing by itself — pass one or the other, or the field is announced unlabelled.
 - **`agent_run`** — `AgentRun` + `resolveToolMeta` + `AgentToolCall` + `AgentToolOutput` (the
   `renderToolOutput` call shape — `{ toolName, input, output }`): the live streaming work feed.
   Its prop is the agent message's ai-sdk `parts` (`UIMessagePart[]` — text, reasoning, and tool

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "27.16.0",
+  "version": "27.17.0",
   "type": "module",
   "exports": {
     "./vite": {

package/src/composer.tsx

@@ -34,6 +34,10 @@ export interface ComposerProps {
   /** Override the default "block on empty text" send-disable (e.g. allow send with attachments only). */
   sendDisabled?: boolean;
   placeholder?: string;
+  /** Accessible name for the text field. Defaults to `placeholder`, which is
+   *  drawn as an overlay rather than set on the input (see below) and so names
+   *  nothing on its own — without one the field is announced unlabelled. */
+  accessibilityLabel?: string;
   autoFocus?: boolean;
   testID?: string;
   /** Control text externally; omit to let the composer manage its own state. */
@@ -71,6 +75,7 @@ export function Composer(props: ComposerProps) {
     disabled,
     sendDisabled,
     placeholder,
+    accessibilityLabel,
     autoFocus,
     testID,
     textInputProps,
@@ -196,6 +201,7 @@ export function Composer(props: ComposerProps) {
         value={text}
         onFocus={() => setFocused(true)}
         onBlur={() => setFocused(false)}
+        aria-label={accessibilityLabel ?? placeholder}
         multiline
         scrollEnabled={expanded && scrollEnabled}
         onContentSizeChange={onContentSizeChange}