anentrypoint-design 0.0.472 → 0.0.474

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.472",
+  "version": "0.0.474",
   "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",
@@ -11,6 +11,8 @@
     "./src/index.js",
     "./src/styles.js",
     "./src/markdown-cache.js",
+    "./src/theme.js",
+    "./src/motion-toggle.js",
     "./src/components/chat/stats.js",
     "./src/web-components/freddie-chat.js",
     "./dist/247420.js"

package/src/components/freddie/pages-chat.js

@@ -87,6 +87,7 @@ function applyEnvelope(msgs, env, sendApprove) {
 
 export const chat = makePage((ctx) => {
     Object.assign(ctx.state, { loading: false, messages: [], draft: '', busy: false, error: null, sessionId: null, ws: null, conn: 'closed', sessions: [], staged: [] });
+    let unmounted = false;
 
     // Session picker (kimi web's sessions sidebar, compact form): recent
     // conversations from /api/sessions, needsInput badges included. Picking
@@ -129,6 +130,10 @@ export const chat = makePage((ctx) => {
         ctx.rerender();
     }
     watchReconnect('chat', sendQueuedToServer);
+    ctx.onCleanup(() => {
+        unmounted = true;
+        try { ctx.state.ws && ctx.state.ws.close(); } catch { /* already closed */ }
+    });
 
     const s = () => ctx.state;
     const cur = () => s().messages[s().messages.length - 1];
@@ -142,6 +147,7 @@ export const chat = makePage((ctx) => {
     }
 
     function ensureWs() {
+        if (unmounted) return null;
         const st = s();
         if (!st.sessionId) st.sessionId = newSessionId();
         if (st.ws && (st.ws.readyState === 1 || st.ws.readyState === 0)) return st.ws;

package/src/page-html/client-script.js

@@ -36,11 +36,13 @@ function heroNode(hero) {
   );
 }
 
+function __esc(s) { return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;'); }
+
 function sectionNode(sec, idx) {
   const features = sec.features || sec.items || [];
   const rows = features.map((f, i) => {
     const kids = [h('div', { key: 't', class: 'ds-feature-title' }, String(f.name || ''))];
-    if (f.desc) kids.push(h('div', { key: 'd', class: 'ds-feature-desc', innerHTML: String(f.desc).replace(/\`([^\`]+)\`/g, '<code>$1</code>') }));
+    if (f.desc) kids.push(h('div', { key: 'd', class: 'ds-feature-desc', innerHTML: __esc(String(f.desc)).replace(/\`([^\`]+)\`/g, '<code>$1</code>') }));
     if (f.benefit) kids.push(h('div', { key: 'b', class: 'ds-feature-benefit' }, String(f.benefit)));
     return h('div', { key: i, class: 'ds-feature' }, ...kids);
   });