anentrypoint-design 0.0.475 → 0.0.477

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.475",
+  "version": "0.0.477",
   "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/scripts/lint-glyphs.mjs

@@ -32,7 +32,7 @@ const SCAN_EXT = new Set(['.js', '.mjs', '.css', '.html']);
 const SCAN_ROOT_FILES = [
     'app-shell.css', 'chat.css', 'colors_and_type.css', 'community.css',
     'community-app.css', 'editor-primitives.css', 'app-surfaces.css',
-    'marketing.css',
+    'marketing.css', 'gm-prose.css',
 ];
 
 // Files that are DELIBERATE glyph showcases or documentation of the unicode

package/src/components/chat-message-parts/prose-nodes.js

@@ -86,6 +86,9 @@ export function MdNode(p) {
                     return;
                 }
                 swap();
+            }).catch((e) => {
+                console.error('renderMarkdownCached failed:', e);
+                if (el.dataset.mdSrc === srcKey) el.textContent = p.text || '';
             });
         }
         // Streaming turns parse immediately (latency-critical: the user is

package/src/components/community/views.js

@@ -124,7 +124,7 @@ export function PageView({ title = '', html = '', isAdmin = false, onEdit } = {}
             ref: (el) => {
                 if (!el) return;
                 if (!html) { el.innerHTML = '<p class="cm-page-empty">This page is empty.</p>'; return; }
-                sanitizeHtml(html).then((clean) => { el.innerHTML = clean; });
+                sanitizeHtml(html).then((clean) => { el.innerHTML = clean; }).catch((e) => { console.error('sanitizeHtml failed:', e); el.innerHTML = '<p class="cm-page-empty">This page could not be rendered.</p>'; });
             }
         })
     );

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

@@ -90,7 +90,7 @@ export const themePage = makePage((ctx) => {
         return [
             PageHeader({ title: 'theme', lede: 'theme preference' }),
             section('current', Table({ headers: ['setting', 'value'], rows: [
-                ['theme', (typeof window !== 'undefined' && document.documentElement.getAttribute('data-theme')) || 'github-dark'],
+                ['theme', (typeof window !== 'undefined' && document.body.getAttribute('data-theme')) || 'github-dark'],
                 ['density', (typeof window !== 'undefined' && document.documentElement.getAttribute('data-density')) || 'compact'],
                 ['accent', (typeof window !== 'undefined' && document.documentElement.getAttribute('data-accent')) || 'default'],
             ] })),

package/src/css/app-shell/responsive.css

@@ -77,8 +77,7 @@
   .app .row.ds-changelog-row { grid-template-columns: minmax(70px, 10ch) minmax(0, 1fr) !important; }
   .ds-changelog-row .title { grid-column: 1 / -1; }
 
-  /* Buttons */
-  .btn, .btn-primary, .btn-ghost {
+  .btn:not(.btn-sm):not(.btn-lg), .btn-primary:not(.btn-sm):not(.btn-lg), .btn-ghost:not(.btn-sm):not(.btn-lg) {
     /* 11px vertical is optical, not scale drift: --space-2-75 (12) would tip
        the intrinsic box past the 44px min-height floor below and make the
        floor dead, changing the mobile button rhythm. */
@@ -245,8 +244,7 @@
     gap: var(--space-3);
   }
 
-  /* Buttons */
-  .btn, .btn-primary, .btn-ghost {
+  .btn:not(.btn-sm):not(.btn-lg), .btn-primary:not(.btn-sm):not(.btn-lg), .btn-ghost:not(.btn-sm):not(.btn-lg) {
     /* 18px inline has no tier (--space-3 is 16, --space-3-5 is 20); it is the
        tablet CTA width tuned against the 12px vertical, so snapping changes
        the button aspect on the most visible control in the kit. */

package/src/css/app-shell/states-interactions.css

@@ -398,7 +398,11 @@ hr.rule, hr.rule-double, hr.rule-dotted {
   width: 100%; height: 0; border: 0;
 }
 hr.rule { border-top: 1px solid var(--rule); }
-hr.rule-double { border-top: 4px double var(--rule-strong); }
+hr.rule-double {
+  height: 3px;
+  border-top: 1px solid var(--rule-strong);
+  border-bottom: 1px solid var(--rule-strong);
+}
 /* 1px was indistinguishable from .rule -- border-style:dotted needs enough
    width to actually draw a gap between dots; below ~2px (esp. at DPRs where
    1px resolves to a sub-pixel value like 0.8px) Chrome collapses it to a

package/src/kits/os/freddie/pages-tools.js

@@ -104,19 +104,27 @@ export function makeToolsPages(ctx) {
         async env(h0) {
             const list = (typeof h0.pi.env?.list === 'function') ? h0.pi.env.list() : [];
             const setCount = list.filter(k => k.set).length;
-            const chipNodes = list.map(k => h(
-                'span',
-                {
-                    key: k.key,
-                    class: 'fd-env-chip',
-                    onclick: () => {
-                        const v = prompt('set ' + k.key + ' (empty to unset):');
-                        if (v == null) return;
-                        if (typeof h0.pi.env.set === 'function') { h0.pi.env.set(k.key, v); rerender(); }
+            const makeEditEnvVar = (k) => () => {
+                const v = prompt('set ' + k.key + ' (empty to unset):');
+                if (v == null) return;
+                if (typeof h0.pi.env.set === 'function') { h0.pi.env.set(k.key, v); rerender(); }
+            };
+            const chipNodes = list.map(k => {
+                const editEnvVar = makeEditEnvVar(k);
+                return h(
+                    'span',
+                    {
+                        key: k.key,
+                        class: 'fd-env-chip',
+                        role: 'button',
+                        tabindex: '0',
+                        'aria-label': 'edit environment variable ' + k.key,
+                        onclick: editEnvVar,
+                        onkeydown: (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); editEnvVar(); } },
                     },
-                },
-                Chip({ tone: k.set ? 'ok' : 'miss', children: k.key + (k.set ? ' [x]' : ' [ ]') })
-            ));
+                    Chip({ tone: k.set ? 'ok' : 'miss', children: k.key + (k.set ? ' [x]' : ' [ ]') })
+                );
+            });
             return [
                 Kpi({ items: [[setCount, 'set'], [list.length - setCount, 'missing'], [list.length, 'total known']] }),
                 Panel({

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

@@ -9,7 +9,14 @@
 // this file. `clientScriptExtra` is appended raw after the mount() call.
 
 export const CLIENT_SCRIPT = `import { mount, components as C, h } from 'anentrypoint-design';
-const data = JSON.parse(document.getElementById('__site__').textContent);
+let data;
+try {
+  data = JSON.parse(document.getElementById('__site__').textContent);
+} catch (e) {
+  console.error('[page-html] failed to parse #__site__ bootstrap data:', e);
+  document.getElementById('app').textContent = 'This page failed to load correctly. Please refresh, or contact support if the problem persists.';
+  throw e;
+}
 
 function heroNode(hero) {
   if (!hero) return null;

package/src/page-html.js

@@ -87,17 +87,8 @@ export function renderPageHtml({
     const seoTags = seo ? renderSeoTags({ title, siteName, seo }) : '';
     const faviconTags = renderFaviconTags({ faviconHref, faviconGlyph });
 
-    // Theme attribute co-location is CORRECT here: dist/247420.css keys every
-    // theme block off the COMPOUND selector `.ds-247420[data-theme="X"]`
-    // (verified in dist/247420.css ~L229). That selector requires BOTH the class
-    // and the data-theme on the SAME node, so `<html class="ds-247420"
-    // data-theme=...>` is what the CSS expects for SSR. The AGENTS.md
-    // "descendant-selector" warning is about the dashboard's RUNTIME controller,
-    // which splits them (.ds-247420 on <html>, data-theme on <body>) and relies
-    // on inheritance — a different mechanism. Do NOT move data-theme to <body>
-    // here or the theme blocks stop matching.
     return `<!doctype html>
-<html lang="en" class="ds-247420" data-theme="${theme}">
+<html lang="en" class="ds-247420">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -114,7 +105,7 @@ ${PAGE_INLINE_STYLES}
 <script id="__site__" type="application/json">${JSON.stringify(pageData).replace(/</g, '\\u003c')}</script>
 ${headExtra}
 </head>
-<body>
+<body data-theme="${theme}">
 <div id="app"></div>
 <script type="module">
 ${CLIENT_SCRIPT}${clientScriptExtra}

package/src/theme.js

@@ -43,7 +43,7 @@ function writeStored(mode) {
 
 function writeAttr(mode) {
     if (!isBrowser()) return;
-    document.documentElement.setAttribute('data-theme', mode);
+    document.body.setAttribute('data-theme', mode);
 }
 
 function ensureMq() {
@@ -166,12 +166,10 @@ export function initDirection() {
     return getDirection();
 }
 
-// Auto-init on browser import. Picks stored value, else falls back to
-// whatever data-theme is already on <html> (set by page-html.js), else 'auto'.
 export function initTheme() {
     if (!isBrowser()) return 'auto';
     const stored = readStored();
-    const fromAttr = document.documentElement.getAttribute('data-theme');
+    const fromAttr = document.body.getAttribute('data-theme');
     const initial = stored || (VALID.has(fromAttr) ? fromAttr : 'auto');
     applyTheme(initial);
     // Restore persisted accent/density (no-op if none stored — keeps the