anentrypoint-design 0.0.377 → 0.0.379

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.377",
+  "version": "0.0.379",
   "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/editor-primitives.js

@@ -509,7 +509,10 @@ export function ContextMenu({ items = [], anchor = { x: 0, y: 0 }, onClose } = {
                 // Re-clamp on resize/orientation change for the menu's lifetime.
                 window.addEventListener('resize', clamp);
                 el._dsCtxClampOff = () => { window.removeEventListener('resize', clamp); el._dsCtxClampOff = null; };
-                queueMicrotask(() => { el.querySelector('button[data-ix]')?.focus(); });
+                // setTimeout(0), not queueMicrotask: the triggering contextmenu/click
+                // event's own default focus can otherwise win the race and leave focus
+                // outside the menu, breaking keyboard arrow-nav/Escape.
+                setTimeout(() => { el.querySelector('button[data-ix]')?.focus(); }, 0);
             }
         },
             ...items.map((it, i) => it.separator
@@ -581,10 +584,12 @@ export function Drawer({ side = 'left', open = false, onClose, children, ariaLab
                 if (!el || el._dsTrap) return;
                 el._dsTrap = true;
                 el.addEventListener('keydown', (e) => trapTabKey(el, e));
-                queueMicrotask(() => {
+                // setTimeout(0), not queueMicrotask — see Dialog's identical comment
+                // below: the opening click's own default focus can win a same-tick race.
+                setTimeout(() => {
                     const f = el.querySelector(FOCUSABLE_SEL);
                     (f || el).focus();
-                });
+                }, 0);
             },
         }, ...kids(children))
     );
@@ -616,10 +621,14 @@ export function Dialog({ title, open = false, onClose, children, actions = [], d
                 if (!el || el._dsTrap) return;
                 el._dsTrap = true;
                 el.addEventListener('keydown', (e) => trapTabKey(el, e));
-                queueMicrotask(() => {
+                // setTimeout(0), not queueMicrotask: the triggering click's own default
+                // focus-on-click can win a same-tick microtask race and leave focus on
+                // the trigger button instead of the dialog, breaking Escape/Tab-trap
+                // for keyboard users (keydown only bubbles from the focused element).
+                setTimeout(() => {
                     const f = el.querySelector(FOCUSABLE_SEL);
                     (f || el).focus();
-                });
+                }, 0);
             },
         },
             title != null ? h('div', { class: 'ds-ep-dialog-head' }, h('h2', { class: 'ds-ep-dialog-title' }, title)) : null,

package/src/components/freddie.js

@@ -141,7 +141,7 @@ async function* parseSseStream(response) {
             }
         }
     } finally {
-        try { reader.releaseLock(); } catch { /* stream already closed/errored */ }
+        try { reader.releaseLock(); } catch { /* swallow: stream already closed/errored */ }
     }
 }
 
@@ -178,7 +178,7 @@ function partsFromMessages(assistantAndToolMessages) {
             const target = m.tool_call_id ? byId.get(m.tool_call_id) : null;
             let content = m.content;
             let isError = false;
-            try { const parsed = JSON.parse(content); if (parsed && parsed.error) { isError = true; } } catch { /* not JSON, leave as-is */ }
+            try { const parsed = JSON.parse(content); if (parsed && parsed.error) { isError = true; } } catch { /* swallow: not JSON, leave as-is */ }
             if (target) { target.result = content; target.status = isError ? 'error' : 'done'; target.error = isError || undefined; }
             else parts.push({ kind: 'tool_result', name: 'result', result: content, error: isError || undefined, status: isError ? 'error' : 'done' });
         }
@@ -276,7 +276,7 @@ export const chat = makePage((ctx) => {
     }
 
     function stop() {
-        if (ctx.state.abort) { try { ctx.state.abort.abort(); } catch { /* already settled */ } }
+        if (ctx.state.abort) { try { ctx.state.abort.abort(); } catch { /* swallow: already settled */ } }
     }
 
     return () => {

package/src/components/git-status.js

@@ -149,7 +149,7 @@ export function GitDiffView({ diff = '', filename } = {}) {
     const lang = langFromFilename(filename);
     const highlightRef = (el) => {
         if (!el) return;
-        try { highlightAllUnder(el); } catch { /* progressive enhancement only */ }
+        try { highlightAllUnder(el); } catch { /* swallow: progressive enhancement only */ }
     };
     if (!hunks.length) {
         return h('div', { class: 'ds-git-diff-empty', role: 'status' }, 'no diff to show');

package/src/components/overlay-primitives.js

@@ -180,7 +180,10 @@ export function Popover({ open, anchorEl, onClose, placement = 'bottom-start', c
     };
     el.addEventListener('keydown', onKey);
     document.addEventListener('mousedown', onDown, true);
-    queueMicrotask(() => { const f = el.querySelector(FOCUSABLE_SEL); (f || el).focus(); });
+    // setTimeout(0), not queueMicrotask — see _anchoredOverlayLifecycle's
+    // comment: the opening click's own default focus-on-click can otherwise
+    // win the race and leave focus outside el, breaking Escape/Tab-trap.
+    setTimeout(() => { const f = el.querySelector(FOCUSABLE_SEL); (f || el).focus(); }, 0);
     _popovers.set(anchorEl, { dispose() {
         document.removeEventListener('mousedown', onDown, true);
         floating.dispose();
@@ -399,7 +402,14 @@ function _anchoredOverlayLifecycle(el, { anchorX, anchorY, fallbackW, fallbackH,
         const { left, top } = _clampToViewport(anchorX, anchorY, r.width || fallbackW, r.height || fallbackH);
         el.style.left = left + 'px'; el.style.top = top + 'px';
     };
-    queueMicrotask(() => { place(); el.focus(); });
+    // setTimeout(0), not queueMicrotask: the triggering click's own default
+    // focus-on-click (moving focus to the clicked <button>) can run AFTER a
+    // same-tick microtask, so a queueMicrotask focus() call here was losing
+    // the race and leaving focus on the trigger button instead of the
+    // dialog -- breaking Escape-to-close (keydown only bubbles from the
+    // focused element) for any keyboard user. A macrotask reliably runs
+    // after the click's focus settles.
+    setTimeout(() => { place(); el.focus(); }, 0);
     const onDown = (e) => { if (!el.contains(e.target)) close(); };
     queueMicrotask(() => document.addEventListener('mousedown', onDown, true));
     return () => document.removeEventListener('mousedown', onDown, true);
@@ -837,7 +847,7 @@ export function VideoLightbox({ src, label = '', open = false, onClose } = {}) {
         class: 'ov-lightbox-backdrop', role: 'dialog', 'aria-modal': 'true', 'aria-label': label || 'Video',
         tabindex: '-1',
         onkeydown: (e) => { if (e.key === 'Escape') { e.preventDefault(); close(); } },
-        ref: (el) => { if (el && !el._ovLb) { el._ovLb = true; queueMicrotask(() => el.focus()); } },
+        ref: (el) => { if (el && !el._ovLb) { el._ovLb = true; setTimeout(() => el.focus(), 0); } },
         onmousedown: (e) => { if (e.target === e.currentTarget) close(); },
     },
         h('button', { type: 'button', class: 'ov-lightbox-x', 'aria-label': 'close', onclick: close }, Icon('x')),