anentrypoint-design 0.0.213 → 0.0.214

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.213",
+  "version": "0.0.214",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/agent-chat.js

@@ -119,6 +119,7 @@ function CwdBar({ cwd, editing, draft, onEdit, onSave, onCancel, onClear, onDraf
         placeholder: 'absolute path (blank = server default)',
         'aria-describedby': hint ? 'agentchat-cwd-hint' : null,
         'aria-invalid': error ? 'true' : null,
+        'aria-busy': checking ? 'true' : null,
         oninput: (e) => onDraft && onDraft(e.target.value) }),
       Btn({ key: 'save', variant: 'primary', disabled: !!(error || checking), onClick: () => onSave && onSave(), children: 'save' }),
       Btn({ key: 'cancel', onClick: () => onCancel && onCancel(), children: 'cancel' }),

package/src/components/chat.js

@@ -211,6 +211,7 @@ function ToolCallNode(p) {
     const status = p.status || (p.error ? 'error' : (p.result != null ? 'done' : 'running'));
     const argsText = typeof p.args === 'string' ? p.args : JSON.stringify(p.args || {}, null, 2);
     const resultText = p.result == null ? '' : (typeof p.result === 'string' ? p.result : JSON.stringify(p.result, null, 2));
+    const hasArgs = p.args != null && argsText !== '{}' && argsText.trim() !== '';
     // Default-open while running or on error so the user sees live progress / failure detail;
     // collapse on success unless the caller explicitly overrides with open:true.
     const defaultOpen = p.open != null ? !!p.open : (status === 'running' || status === 'error');
@@ -236,18 +237,20 @@ function ToolCallNode(p) {
             h('span', { class: 'chat-tool-status' }, status)
         ),
         h('div', { class: 'chat-tool-body' },
-            h('div', { class: 'chat-tool-section' },
-                sectionLabel('args', argsText),
-                h('pre', { class: 'chat-tool-pre' }, h('code', {}, argsText))),
-            resultText ? h('div', { class: 'chat-tool-section' },
-                sectionLabel(p.error ? 'error' : 'result', resultText),
-                h('pre', { class: 'chat-tool-pre' + (p.error ? ' is-error' : '') }, h('code', {}, resultText)))
-                // A finished tool with no output would otherwise render no result
-                // section, reading identically to a still-running tool. Show an
-                // explicit placeholder so "done, empty" is distinguishable.
-                : (status === 'done' ? h('div', { class: 'chat-tool-section' },
-                    h('div', { class: 'chat-tool-section-label' }, 'result'),
-                    h('pre', { class: 'chat-tool-pre chat-tool-empty' }, h('code', {}, '(no output)'))) : null)
+            ...[
+                hasArgs ? h('div', { class: 'chat-tool-section' },
+                    sectionLabel('args', argsText),
+                    h('pre', { class: 'chat-tool-pre' }, h('code', {}, argsText))) : null,
+                resultText ? h('div', { class: 'chat-tool-section' },
+                    sectionLabel(p.error ? 'error' : 'result', resultText),
+                    h('pre', { class: 'chat-tool-pre' + (p.error ? ' is-error' : '') }, h('code', {}, resultText)))
+                    // A finished tool with no output would otherwise render no result
+                    // section, reading identically to a still-running tool. Show an
+                    // explicit placeholder so "done, empty" is distinguishable.
+                    : (status === 'done' ? h('div', { class: 'chat-tool-section' },
+                        h('div', { class: 'chat-tool-section-label' }, 'result'),
+                        h('pre', { class: 'chat-tool-pre chat-tool-empty' }, h('code', {}, '(no output)'))) : null)
+            ].filter(Boolean)
         )
     );
 }
@@ -521,6 +524,7 @@ export function ChatComposer({ value, onInput, onSend, onAttach, onEmoji, onMenu
     },
         contextLine,
         h('textarea', { ref: taRef, placeholder, rows: 1, 'aria-label': 'message input',
+            disabled: !!disabled, 'aria-disabled': disabled ? 'true' : null,
             oninput: autoGrow,
             onpaste: (e) => {
                 const cd = e.clipboardData;

package/src/components/community.js

@@ -83,7 +83,7 @@ export function ChannelItem({ id, name, type = 'text', active, voiceActive, voic
                     title: a.title || '',
                     'data-action': a.id || '',
                     onclick: (e) => handleActionClick(a, e)
-                }, a.icon || a.label || '⋯'))
+                }, a.icon || a.label || 'more'))
             ) : null
         ),
         voiceActive && participants.length ? h('div', { class: 'cm-ch-voice-users' },

package/src/components/content.js

@@ -352,12 +352,17 @@ export function SearchInput({ value = '', placeholder = 'search…', onInput, on
     });
 }
 
-export function TextField({ label, value = '', type = 'text', placeholder = '', onInput, onChange, name, key, hint, multiline, rows = 4, maxLength, min, max, 'aria-label': ariaLabel }) {
+export function TextField({ label, value = '', type = 'text', placeholder = '', onInput, onChange, name, key, hint, multiline, rows = 4, maxLength, min, max, error, title, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy }) {
+    const errorId = error != null ? ((key ? key : 'tf') + '-err') : null;
+    const describedBy = ariaDescribedBy || errorId || null;
     const input = multiline
         ? h('textarea', {
             key: 'i', name, rows, placeholder, value,
             maxlength: maxLength != null ? maxLength : null,
             'aria-label': ariaLabel || null,
+            'aria-invalid': error != null ? 'true' : (ariaInvalid || null),
+            'aria-describedby': describedBy,
+            title: title || null,
             oninput: onInput ? (e) => onInput(e.target.value, e) : null,
             onchange: onChange ? (e) => onChange(e.target.value, e) : null
         })
@@ -367,14 +372,20 @@ export function TextField({ label, value = '', type = 'text', placeholder = '',
             min: min != null ? String(min) : null,
             max: max != null ? String(max) : null,
             'aria-label': ariaLabel || null,
+            'aria-invalid': error != null ? 'true' : (ariaInvalid || null),
+            'aria-describedby': describedBy,
+            title: title || null,
             oninput: onInput ? (e) => onInput(e.target.value, e) : null,
             onchange: onChange ? (e) => onChange(e.target.value, e) : null
         });
     return h('label', { key, class: 'ds-field' },
-        label != null ? h('span', { key: 'l', class: 'ds-field-label' }, label) : null,
-        input,
-        maxLength != null ? h('span', { key: 'c', class: 'ds-field-count' }, String(value.length) + '/' + maxLength) : null,
-        hint != null ? h('span', { key: 'h', class: 'ds-field-hint' }, hint) : null
+        ...[
+            label != null ? h('span', { key: 'l', class: 'ds-field-label' }, label) : null,
+            input,
+            error != null ? h('span', { key: 'e', id: errorId, class: 'ds-field-error', role: 'alert', 'aria-live': 'polite', 'aria-atomic': 'true' }, error) : null,
+            maxLength != null ? h('span', { key: 'c', class: 'ds-field-count' }, String(value.length) + '/' + maxLength) : null,
+            hint != null ? h('span', { key: 'h', class: 'ds-field-hint' }, hint) : null
+        ].filter(Boolean)
     );
 }
 
@@ -428,7 +439,11 @@ export function EventList({ items, events, emptyText = 'no events', rankPad = 3,
             rail: it.rail,
             // Forward a disclosure state when the host marks the row as a toggle,
             // so a clickable event row announces aria-expanded.
-            expanded: it.expanded
+            expanded: it.expanded,
+            detail: it.detail,
+            actions: it.actions,
+            highlight: it.highlight,
+            meta: it.meta
         }))
     );
 }

package/src/components/interaction-primitives.js

@@ -296,10 +296,25 @@ export function useKeyboardShortcut(map = {}, { scope = 'global', enabled = true
 
 export function ShortcutHint({ combo, kind = 'kbd' } = {}) { return h('kbd', { class: 'ds-kbd ds-kbd-' + kind }, formatShortcut(combo || '')); }
 
+function shortcutCaps(keys) {
+    const caps = [];
+    let n = 0;
+    const alts = String(keys || '').split(' / ');
+    alts.forEach((alt, ai) => {
+        if (ai > 0) caps.push(h('span', { key: 'sep-alt-' + (n++), class: 'ds-kbd-sep' }, ' / '));
+        const steps = alt.split(' then ');
+        steps.forEach((step, si) => {
+            if (si > 0) caps.push(h('span', { key: 'sep-then-' + (n++), class: 'ds-kbd-sep' }, ' then '));
+            caps.push(h('kbd', { key: 'cap-' + (n++), class: 'ds-kbd' }, step));
+        });
+    });
+    return caps;
+}
+
 export function ShortcutList({ shortcuts = [] } = {}) {
     return h('div', { class: 'ds-shortcuts-hint' },
         ...shortcuts.map(s => h('div', { class: 'ds-shortcut-row' },
-            h('kbd', { class: 'ds-kbd' }, s.keys || s.combo || ''),
+            h('span', { class: 'ds-kbd-caps' }, ...shortcutCaps(s.keys || s.combo || '')),
             h('span', { class: 'ds-kbd-label' }, s.desc || s.description || s.label || ''))));
 }
 

package/src/components/sessions.js

@@ -94,11 +94,11 @@ export function ConversationList({ sessions = [], selected, groups, search, capt
     h('div', { key: 'head', class: 'ds-session-head' },
       onNew ? h('button', { key: 'new', type: 'button', class: 'ds-session-new', onclick: onNew, 'aria-label': newLabel },
         Icon('pencil'), h('span', { key: 'l' }, newLabel)) : null,
-      search ? h('input', {
-        key: 'search', type: 'search', class: 'ds-session-search',
-        value: search.value || '', placeholder: search.placeholder || 'Search conversations',
-        'aria-label': search.placeholder || 'Search conversations',
-        oninput: (e) => search.onInput && search.onInput(e.target.value),
+      search ? SearchInput({
+        key: 'search', value: search.value || '',
+        label: search.placeholder || 'Search conversations',
+        placeholder: search.placeholder || 'Search conversations',
+        onInput: (v) => search.onInput && search.onInput(v),
       }) : null),
     // Per-tab caption telling the user what selecting a row does on this surface
     // (chat = resume the conversation, history = browse its events) so visually

package/src/components/shell.js

@@ -342,7 +342,7 @@ function wsResize(col, dx, persist = true) {
     const next = Math.max(lo, Math.min(hi, Math.round(cur + dx)));
     shell.style.setProperty('--ws-' + col + '-w', next + 'px');
     const handle = shell.querySelector('.ws-resizer-' + col);
-    if (handle) handle.setAttribute('aria-valuenow', String(next));
+    if (handle) { handle.setAttribute('aria-valuenow', String(next)); handle.setAttribute('aria-valuetext', next + ' pixels'); }
     // Commit to storage only on a settled move (pointerup / keyboard), not on
     // every pointermove frame (that fired dozens of synchronous writes per drag).
     if (persist) { try { localStorage.setItem('ds.ws.w.' + col, String(next)); } catch (_) {} }
@@ -380,12 +380,12 @@ function WsResizer(col) {
     const seedNow = (el) => {
         if (!el) return;
         const track = el.closest('.ws-shell') && el.closest('.ws-shell').querySelector('.ws-' + col);
-        if (track) el.setAttribute('aria-valuenow', String(Math.round(track.getBoundingClientRect().width)));
+        if (track) { const w = Math.round(track.getBoundingClientRect().width); el.setAttribute('aria-valuenow', String(w)); el.setAttribute('aria-valuetext', w + ' pixels'); }
     };
     return h('div', {
         class: 'ws-resizer ws-resizer-' + col, role: 'separator', tabindex: '0',
         'aria-orientation': 'vertical', 'aria-label': 'resize ' + col + ' column (arrow keys)',
-        'aria-valuemin': String(lo), 'aria-valuemax': String(hi),
+        'aria-valuemin': String(lo), 'aria-valuemax': String(hi), 'aria-valuetext': String(hi) + ' pixels',
         onpointerdown: onDown, onkeydown: onKey, ref: seedNow,
     });
 }

package/src/components/voice.js

@@ -135,7 +135,7 @@ export function VoiceSettingsModal({ open = false, mode = 'ptt', inputId, output
         h('div', { class: 'vx-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': 'Voice settings' },
             h('div', { class: 'vx-modal-head' },
                 h('h2', { class: 'vx-modal-title' }, 'Voice settings'),
-                h('button', { type: 'button', class: 'vx-modal-x', 'aria-label': 'close', onclick: () => onClose && onClose() }, '×')
+                h('button', { type: 'button', class: 'vx-modal-x', 'aria-label': 'close', onclick: () => onClose && onClose() }, Icon('x'))
             ),
             h('div', { class: 'vx-modal-body' },
                 seg({ label: 'Mode', children: