anentrypoint-design 0.0.459 → 0.0.461

package/package.json

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

@@ -57,6 +57,8 @@ function applyEnvelope(msgs, env, sendApprove) {
         }
     } else if (event === 'steer.append') {
         if (!isDupUser(data.text)) msgs.push({ id: 'u' + msgs.length + env.ts, role: 'user', content: data.text || '', time: formatTime(ts) });
+    } else if (event === 'queue.append') {
+        if (!isDupUser(data.text)) msgs.push({ id: 'u' + msgs.length + env.ts, role: 'user', content: data.text || '', time: formatTime(ts) });
     } else if (event === 'assistant.delta') {
         // Progressive text mid-turn: accumulate into the live bubble; the
         // settled message.append at turn end overwrites with the authoritative
@@ -166,10 +168,10 @@ export const chat = makePage((ctx) => {
         const t = (typeof text === 'string' ? text : s().draft || '').trim();
         if (!t) return;
 
-        // Mid-turn send = STEER (kimi's steering): injected at the next step
-        // boundary instead of starting a parallel turn.
+        // Mid-turn send = QUEUE for after the turn (kimi 1.31's Enter channel);
+        // injection mid-turn is /steer in the REPL or a wire steer frame.
         if (s().busy) {
-            if (sendFrame({ type: 'steer', text: t })) {
+            if (sendFrame({ type: 'queue', text: t })) {
                 s().messages = [...s().messages, { id: 'u' + Date.now(), role: 'user', content: t, time: formatTime(Date.now()) }];
                 ctx.set({ draft: '' });
             }
@@ -212,7 +214,7 @@ export const chat = makePage((ctx) => {
                 draft: st.draft,
                 status: st.busy ? 'streaming…' : (st.conn === 'open' ? 'ready' : 'connecting…'),
                 agentName: 'freddie',
-                placeholder: st.busy ? 'steer the turn… (or stop)' : 'message…',
+                placeholder: st.busy ? 'queue a follow-up… (or stop)' : 'message…',
                 showMinimap: true,
                 banners: st.error ? [noteAlert({ kind: 'error', msg: st.error })] : [],
                 onInput: (v) => { st.draft = v; },

package/src/css/app-shell/chat-polish.css

@@ -497,8 +497,18 @@
 
 .aicat-portrait { display: inline-flex; align-items: center; gap: var(--space-2-5); padding: var(--space-1) 0; }
 .aicat-face {
-  /* 24px is the ICON size inside a 32px round chip — see .chat-file .glyph. */
-  width: 32px; height: 32px; font-size: 24px;
+  /* The face is 3 lines of ascii art ( /\_/\ , ( o.o ) , > ^ < ), not a
+     single icon glyph -- the previous 24px/line-height:normal sizing (sized
+     like .chat-file .glyph's single-char icon) ran to ~3 line-heights tall
+     and clipped the ear/whisker rows against this box's fixed 32px height
+     + overflow:hidden. pico (10px) + line-height:1 fits all 3 lines in 30px.
+     padding:0 overrides the global `pre { padding: var(--space-5) }` (32px)
+     -- box-sizing:border-box + that padding alone exceeded the declared
+     32x32 box, so the box never actually enforced 32x32 and rendered at its
+     forced min-content size instead, clipping the art regardless of font
+     size. */
+  width: 32px; height: 32px; font-size: var(--fs-pico); line-height: 1;
+  padding: 0;
   display: inline-flex; align-items: center; justify-content: center;
   background: color-mix(in oklab, var(--mascot) 22%, var(--bg-2));
   border-radius: 50%; flex-shrink: 0;

package/src/kits/os/theme.css

@@ -1425,8 +1425,11 @@ html.ds-247420 { touch-action: pan-x pan-y; overscroll-behavior: none; -webkit-t
 
 .ds-247420 .aicat-face {
   font-family: var(--os-mono, ui-monospace, monospace);
-  font-size: var(--fs-nano);
-  line-height: 1.2;
+  /* pico (10px) + line-height:1 = 3 lines at 30px, inside the 32px chip --
+     nano/1.2 (13.2px/line, 39.6px total) clipped the ear/whisker rows
+     against the chip's overflow:hidden. */
+  font-size: var(--fs-pico);
+  line-height: 1;
   margin: 0;
 }
 

package/src/kits/slides/deck-stage-state.js

@@ -55,7 +55,7 @@ export function collectSlides(deckEl, slot) {
     return slides;
 }
 
-export function applyIndex(deckEl, { index, prevIndex, slides, countEl, showOverlay = true, broadcast = true, reason = 'init', flashFn = null } = {}) {
+export function applyIndex(deckEl, { index, prevIndex, slides, countEl, totalEl, showOverlay = true, broadcast = true, reason = 'init', flashFn = null } = {}) {
     if (!slides.length) return;
     const prev = prevIndex == null ? -1 : prevIndex;
     const curr = index;
@@ -64,6 +64,7 @@ export function applyIndex(deckEl, { index, prevIndex, slides, countEl, showOver
         else s.removeAttribute('data-deck-active');
     });
     if (countEl) countEl.textContent = String(curr + 1);
+    if (totalEl) totalEl.textContent = String(slides.length);
     persistIndex(deckEl, curr);
     if (broadcast) {
         try { window.postMessage({ slideIndexChanged: curr }, '*'); } catch (e) { /* swallow: cross-frame notification is best-effort, local slide state already updated */ }

package/src/kits/slides/deck-stage.js

@@ -107,7 +107,7 @@ class DeckStage extends HTMLElement {
         this._index = restoreIndex(this, this._slides);
         applyIndex(this, {
             index: this._index, prevIndex: this._prevIndex, slides: this._slides,
-            countEl: this._countEl, showOverlay: false, broadcast: true, reason: 'init',
+            countEl: this._countEl, totalEl: this._totalEl, showOverlay: false, broadcast: true, reason: 'init',
             flashFn: () => this._flashOverlay()
         });
         this._fit();
@@ -147,7 +147,7 @@ class DeckStage extends HTMLElement {
         this._index = clamped;
         applyIndex(this, {
             index: this._index, prevIndex: this._prevIndex, slides: this._slides,
-            countEl: this._countEl, showOverlay: true, broadcast: true, reason,
+            countEl: this._countEl, totalEl: this._totalEl, showOverlay: true, broadcast: true, reason,
             flashFn: () => this._flashOverlay()
         });
     }