anentrypoint-design 0.0.161 → 0.0.163

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.161",
+  "version": "0.0.163",
   "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/chat.js

@@ -215,13 +215,16 @@ export function Chat({ title = 'chat', sub, messages = [], composer, header } =
         el.dataset.msgCount = String(messages.length);
         return () => obs.disconnect();
     };
+    const msgCount = messages.length;
     return h('div', { class: 'chat' },
         header || h('div', { class: 'chat-head', role: 'banner' },
             h('span', { class: 'dot', 'aria-hidden': 'true' }),
             h('h2', { class: 'ds-chat-title' }, title),
             sub ? h('span', { class: 'sub', 'aria-label': `subtitle: ${sub}` }, ' · ' + sub) : null,
             h('span', { class: 'spread' }),
-            h('span', { class: 'sub', 'aria-live': 'polite' }, String(messages.length).padStart(2, '0') + ' msgs')
+            msgCount > 0
+                ? h('span', { class: 'sub', 'aria-live': 'polite' }, msgCount + (msgCount === 1 ? ' message' : ' messages'))
+                : null
         ),
         h('div', { class: 'chat-thread', ref: threadRef, role: 'log', 'aria-label': 'chat messages' },
             messages.length === 0
@@ -289,7 +292,9 @@ export function AICat({ name = 'aicat', messages = [], thinking, composer, statu
             h('h2', { class: 'ds-chat-title' }, name),
             h('span', { class: 'sub', 'aria-label': `status: ${status}` }, ' · ' + status),
             h('span', { class: 'spread' }),
-            h('span', { class: 'sub', 'aria-live': 'polite' }, String(messages.length).padStart(2, '0') + ' turns')
+            messages.length > 0
+                ? h('span', { class: 'sub', 'aria-live': 'polite' }, messages.length + (messages.length === 1 ? ' turn' : ' turns'))
+                : null
         ),
         h('div', { class: 'chat-thread', ref: threadRef, role: 'log', 'aria-label': 'conversation turns' },
             ...all.map((m, i) => ChatMessage({ ...m, key: m.key != null ? m.key : i }))

package/src/components/editor-primitives.js

@@ -325,15 +325,22 @@ export function ContextMenu({ items = [], anchor = { x: 0, y: 0 }, onClose } = {
             ref: (el) => {
                 if (!el) return;
                 rootEl = el;
-                // Clamp to viewport
-                const vw = window.innerWidth, vh = window.innerHeight;
-                let x = anchor.x || 0, y = anchor.y || 0;
-                el.style.left = '0px'; el.style.top = '0px';
-                const r = el.getBoundingClientRect();
-                if (x + r.width > vw) x = Math.max(0, vw - r.width - 4);
-                if (y + r.height > vh) y = Math.max(0, vh - r.height - 4);
-                el.style.left = x + 'px';
-                el.style.top = y + 'px';
+                // Position at the anchor immediately, then clamp once layout has
+                // settled — measuring synchronously in ref reads a zero-size box
+                // (children not yet painted), so the clamp must run post-layout.
+                const ax = anchor.x || 0, ay = anchor.y || 0;
+                el.style.left = ax + 'px';
+                el.style.top = ay + 'px';
+                const clamp = () => {
+                    const vw = window.innerWidth, vh = window.innerHeight;
+                    const r = el.getBoundingClientRect();
+                    let x = ax, y = ay;
+                    if (x + r.width > vw) x = Math.max(4, vw - r.width - 4);
+                    if (y + r.height > vh) y = Math.max(4, vh - r.height - 4);
+                    el.style.left = x + 'px';
+                    el.style.top = y + 'px';
+                };
+                requestAnimationFrame(clamp);
                 queueMicrotask(() => { el.querySelector('button[data-ix]')?.focus(); });
             }
         },