anentrypoint-design 0.0.213 → 0.0.215

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.213",
+  "version": "0.0.215",
   "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

@@ -91,7 +91,7 @@ function AgentControls({ agents, selectedAgent, models, selectedModel, busy, sta
     busy
       ? Btn({ key: 'stop', onClick: () => onStop && onStop(), children: 'stop', title: 'Stop streaming' })
       : Btn({ key: 'new', onClick: () => onNewChat && onNewChat(), children: 'new', title: 'New chat' }),
-    h('span', { key: 'st', class: 'agentchat-status', role: 'status', 'aria-live': 'polite' },
+    h('span', { key: 'st', class: 'agentchat-status', role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true' },
       h('span', { class: 'status-dot-disc ' + (busy ? 'status-dot-live' : ''), 'aria-hidden': 'true' }),
       h('span', {}, status || (busy ? 'streaming…' : 'ready'))),
     // Host-supplied transcript actions (copy-all / export-md / export-json):
@@ -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' }),
@@ -372,7 +373,7 @@ export function AgentChat(props = {}) {
     CwdBar({ cwd, editing: cwdEditing, draft: cwdDraft, error: cwdError, checking: cwdChecking,
              onEdit: onCwdEdit, onSave: onCwdSave, onCancel: onCwdCancel, onClear: onCwdClear, onDraft: onCwdDraft }),
     ...(banners || []).filter(Boolean),
-    h('div', { class: 'agentchat-head', role: 'banner' },
+    h('div', { class: 'agentchat-head' },
       h('h2', { class: 'agentchat-title' }, name + (selectedModel ? ' · ' + selectedModel : '')),
       h('span', { class: 'agentchat-sub', 'aria-live': 'polite' },
         // Derive the busy label from the same status prop the controls use, so a

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

@@ -185,6 +185,7 @@ export function WorksList({ works = [], openedIndex = -1, onToggle }) {
                         w.meta != null ? h('span', {}, w.meta) : null,
                         Icon(isOpen ? 'chevron-down' : 'chevron-right')),
                     active: isOpen,
+                    expanded: isOpen,
                     onClick: () => onToggle && onToggle(isOpen ? -1 : i)
                 }),
                 isOpen ? h('div', { class: 'work-detail', 'data-work-index': String(i) },
@@ -352,12 +353,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 +373,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 +440,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

@@ -271,9 +271,9 @@ function matchEvent(e, spec) {
 
 export function formatShortcut(combo) {
     const s = parseCombo(combo);
-    const mod = s.mod ? (IS_MAC ? '⌘' : 'Ctrl+') : '';
-    const shift = s.shift ? (IS_MAC ? '⇧' : 'Shift+') : '';
-    const alt = s.alt ? (IS_MAC ? '⌥' : 'Alt+') : '';
+    const mod = s.mod ? (IS_MAC ? 'Cmd+' : 'Ctrl+') : '';
+    const shift = s.shift ? 'Shift+' : '';
+    const alt = s.alt ? 'Alt+' : '';
     const key = s.key.length === 1 ? s.key.toUpperCase() : s.key;
     return mod + alt + shift + key;
 }
@@ -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,
     });
 }
@@ -492,7 +492,7 @@ export function WorkspaceShell({ rail, sessions, main, pane, crumb, status, narr
         // (any button click inside) auto-closes it, mirroring AppShell.
         hasSessions
             ? h('div', { class: 'ws-sessions', role: 'complementary', 'aria-label': 'conversations',
-                onclick: (e) => { if (narrow && e.target.closest('button, a')) closeWsDrawers(); } }, sessions)
+                onclick: (e) => { if (narrow && e.target.closest('button, a, [role="button"]')) closeWsDrawers(); } }, sessions)
             : null,
         // Primary content column, with an optional thin crumb bar on top. On
         // mobile the crumb hosts the drawer toggles (sessions on the left, pane

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: