anentrypoint-design 0.0.102 → 0.0.103

package/src/components/freddie/helpers.js

@@ -1,89 +1,50 @@
+// Freddie helpers — minimal stubs. Real freddie surfaces ship downstream
+// (gm-cc, foph, hermes-fork). The SDK exposes the registry shape and
+// localStorage helpers so consumer pages can wire to existing patterns.
+
 import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Receipt, Panel } from '../content.js';
-import { Chip } from '../shell.js';
 const h = webjsx.createElement;
 
-export const skillLabel = s => (s.name||'').replace(/^gm:/,'').replace(/-/g,' ');
-export const getRecentPaths = () => { try { return JSON.parse(localStorage.getItem('fd_recent_cwds')||'[]'); } catch { return []; } };
-export const saveRecentPath = p => { if (!p) return; const a = getRecentPaths().filter(x=>x!==p); a.unshift(p); localStorage.setItem('fd_recent_cwds', JSON.stringify(a.slice(0,5))); };
+export function renderPageStub({ id, title }) {
+    return h('div', { class: 'ds-freddie-stub' },
+        h('span', { class: 'eyebrow' }, 'freddie · ' + id),
+        h('h2', {}, title || id),
+        h('p', { class: 'dim' }, 'this page renderer is a stub. consumers override it on their own freddie router.')
+    );
+}
 
-export function tryParseJson(s) { if (typeof s !== 'string') return null; const t = s.trim(); if (!t || (t[0] !== '{' && t[0] !== '[')) return null; try { return JSON.parse(t); } catch { return null; } }
+const SKILL_LABELS = {
+    transcribe: 'transcribe',
+    summarize:  'summarize',
+    translate:  'translate',
+    extract:    'extract',
+    classify:   'classify',
+};
 
-export function flattenKv(obj, prefix='') {
-    const rows = [];
-    for (const [k, v] of Object.entries(obj || {})) {
-        const key = prefix ? prefix+'.'+k : k;
-        if (v === null || v === undefined) rows.push([key, '—']);
-        else if (typeof v === 'object' && !Array.isArray(v)) rows.push(...flattenKv(v, key));
-        else if (Array.isArray(v)) rows.push([key, v.length === 0 ? '—' : v.map(x => typeof x === 'object' ? '{…}' : String(x)).join(', ')]);
-        else rows.push([key, String(v)]);
-    }
-    return rows;
+export function skillLabel(slug) {
+    return SKILL_LABELS[slug] || slug;
 }
 
-export function renderConfigSections(cfg) {
-    const sections = [];
-    for (const [k, v] of Object.entries(cfg || {})) {
-        if (v && typeof v === 'object' && !Array.isArray(v)) {
-            sections.push(Panel({ title: k, children: Receipt({ rows: flattenKv(v) }) }));
-        }
-    }
-    const scalars = Object.entries(cfg || {}).filter(([_, v]) => !(v && typeof v === 'object' && !Array.isArray(v))).map(([k, v]) => [k, Array.isArray(v) ? '['+v.length+']' : String(v ?? '—')]);
-    if (scalars.length) sections.unshift(Panel({ title: 'top-level', children: Receipt({ rows: scalars }) }));
-    return sections;
+const RECENT_KEY = 'ds247420.recent.paths';
+
+export function getRecentPaths() {
+    if (typeof localStorage === 'undefined') return [];
+    try { return JSON.parse(localStorage.getItem(RECENT_KEY) || '[]'); }
+    catch { return []; }
 }
 
-export function renderToolArgs(args) {
-    if (!args || typeof args !== 'object') return h('span', { class: 'fd-muted' }, '(no args)');
-    const rows = flattenKv(args);
-    if (!rows.length) return h('span', { class: 'fd-muted' }, '(empty)');
-    return h('table', { class: 'kv fd-tool-kv' }, h('tbody', {},
-        ...rows.map(([k, v], i) => h('tr', { key: i },
-            h('td', {}, k),
-            h('td', {}, String(v).length > 200 ? String(v).slice(0,200)+'…' : String(v))
-        ))
-    ));
+export function saveRecentPath(path) {
+    if (typeof localStorage === 'undefined' || !path) return;
+    const list = getRecentPaths().filter(p => p !== path);
+    list.unshift(path);
+    try { localStorage.setItem(RECENT_KEY, JSON.stringify(list.slice(0, 10))); } catch {}
 }
 
-export function renderChatMessages(el, msgs) {
-    if (!el) return; el.innerHTML = '';
-    for (const m of msgs) {
-        const div = document.createElement('div');
-        div.className = 'fd-msg' + (m.role === 'assistant' ? ' fd-msg-assistant' : m.role === 'tool' ? ' fd-msg-tool' : '');
-        if (m.role === 'tool') {
-            const det = document.createElement('details');
-            det.className = 'fd-tool-call';
-            const sum = document.createElement('summary');
-            sum.textContent = (m.name || 'tool') + (m.argsSummary ? ' · '+m.argsSummary : '');
-            det.appendChild(sum);
-            const body = document.createElement('div');
-            body.className = 'fd-tool-body';
-            const parsedArgs = tryParseJson(m.content);
-            if (parsedArgs && typeof parsedArgs === 'object') {
-                const tbl = document.createElement('table');
-                tbl.className = 'kv fd-tool-kv';
-                const tb = document.createElement('tbody');
-                for (const [k, v] of flattenKv(parsedArgs)) {
-                    const tr = document.createElement('tr');
-                    const tdK = document.createElement('td'); tdK.textContent = k;
-                    const tdV = document.createElement('td'); tdV.textContent = String(v).length > 240 ? String(v).slice(0,240)+'…' : String(v);
-                    tr.appendChild(tdK); tr.appendChild(tdV); tb.appendChild(tr);
-                }
-                tbl.appendChild(tb); body.appendChild(tbl);
-            } else {
-                const pre = document.createElement('pre');
-                pre.className = 'fd-pre';
-                pre.textContent = m.content || '';
-                body.appendChild(pre);
-            }
-            det.appendChild(body); div.appendChild(det);
-        } else {
-            const pre = document.createElement('pre');
-            pre.className = 'fd-pre';
-            pre.textContent = m.content || '';
-            div.appendChild(pre);
-        }
-        el.appendChild(div);
-    }
-    el.scrollTop = el.scrollHeight;
+// Helper used by consumers that want to render chat-message arrays with
+// our ChatMessage factory but pre-formatted for freddie's data shape.
+export function renderChatMessages(messages = [], opts = {}) {
+    // Import lazily to keep this module light.
+    return import('../chat.js').then(({ ChatMessage }) =>
+        messages.map((m, i) => ChatMessage({ ...m, key: m.key != null ? m.key : i, ...opts }))
+    );
 }

package/src/components/freddie.js

@@ -1,17 +1,33 @@
-export { skillLabel, getRecentPaths, saveRecentPath, renderChatMessages } from './freddie/helpers.js';
-export { home, sessions, projects, agents, analytics } from './freddie/pages-core.js';
-export { chat } from './freddie/pages-chat.js';
-export { models, cron, skills, env, tools } from './freddie/pages-config.js';
-export { batch, gateway } from './freddie/pages-runtime.js';
-export { config } from './freddie/pages-config-edit.js';
-export { voice } from './freddie/pages-voice.js';
-export { chains } from './freddie/pages-chains.js';
+// Freddie page registry. Matches upstream shape:
+//   FREDDIE_PAGES is an OBJECT mapping id → page-renderer fn (not an array).
+//   Per-page renderer functions are stubs by default — consumers (gm-cc,
+//   foph, hermes-fork, etc.) provide their own page bodies or import the
+//   richer upstream renderers.
 
-import { home, sessions, projects, agents, analytics } from './freddie/pages-core.js';
-import { chat } from './freddie/pages-chat.js';
-import { models, cron, skills, env, tools } from './freddie/pages-config.js';
-import { batch, gateway } from './freddie/pages-runtime.js';
-import { config } from './freddie/pages-config-edit.js';
-import { voice } from './freddie/pages-voice.js';
-import { chains } from './freddie/pages-chains.js';
-export const FREDDIE_PAGES = { home, chat, voice, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains };
+import { renderPageStub, getRecentPaths, saveRecentPath, skillLabel, renderChatMessages } from './freddie/helpers.js';
+
+const make = (label) => (props) => renderPageStub({ id: label, ...props });
+
+export const home      = make('home');
+export const chat      = make('chat');
+export const voice     = make('voice');
+export const sessions  = make('sessions');
+export const projects  = make('projects');
+export const agents    = make('agents');
+export const analytics = make('analytics');
+export const models    = make('models');
+export const cron      = make('cron');
+export const skills    = make('skills');
+export const config    = make('config');
+export const env       = make('env');
+export const tools     = make('tools');
+export const batch     = make('batch');
+export const gateway   = make('gateway');
+export const chains    = make('chains');
+
+export const FREDDIE_PAGES = {
+    home, chat, voice, sessions, projects, agents, analytics,
+    models, cron, skills, config, env, tools, batch, gateway, chains
+};
+
+export { skillLabel, getRecentPaths, saveRecentPath, renderChatMessages };

package/src/components/shell.js

@@ -1,3 +1,7 @@
+// Chrome: Topbar, Crumb, Side, Status, AppShell, plus primitives
+// (Brand, Chip, Btn, Glyph, Heading, Lede). Pure factories — props in,
+// webjsx vnode out. CSS in app-shell.css uses these class names.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
 const h = webjsx.createElement;
 
@@ -8,15 +12,12 @@ export function Brand({ name = '247420', leaf } = {}) {
 }
 
 export function Chip({ tone = '', children }) {
-    return h('span', { class: 'chip' + (tone ? ' ' + tone : '') }, children);
+    return h('span', { class: 'chip' + (tone ? ' tone-' + tone : '') }, children);
 }
 
-export function Btn({ href = '#', primary, children, onClick }) {
-    return h('a', {
-        class: primary ? 'btn-primary' : 'btn',
-        href,
-        onclick: onClick
-    }, children);
+export function Btn({ href = '#', primary, ghost, children, onClick }) {
+    const cls = primary ? 'btn-primary' : (ghost ? 'btn-ghost' : 'btn');
+    return h('a', { class: cls, href, onclick: onClick }, children);
 }
 
 export function Glyph({ children, color }) {
@@ -29,16 +30,16 @@ export function Topbar({ brand = '247420', leaf = '', items = [], active = '', o
         search ? h('label', { class: 'app-search' },
             h('span', { class: 'icon' }, '⌕'),
             h('input', { type: 'search', placeholder: search, 'aria-label': 'search' })
-        ) : null,
+        ) : h('span', {}),
         h('nav', {}, ...items.map(([label, href]) =>
             h('a', {
                 key: label,
                 href,
-                class: active === label.replace(' ↗', '') ? 'active' : '',
+                class: active === String(label).replace(' ↗', '') ? 'active' : '',
                 onclick: (e) => {
                     if (!String(href).startsWith('http') && onNav) {
                         e.preventDefault();
-                        onNav(label.replace(' ↗', ''));
+                        onNav(String(label).replace(' ↗', ''));
                     }
                 }
             }, label)
@@ -68,7 +69,7 @@ export function Side({ sections = [] } = {}) {
                 class: active ? 'active' : '',
                 onclick: onClick
             },
-                glyph != null ? Glyph({ children: glyph, color }) : null,
+                glyph != null ? Glyph({ children: glyph, color }) : h('span', { class: 'glyph' }),
                 h('span', {}, label),
                 count != null ? h('span', { class: 'count' }, String(count)) : null
             );
@@ -86,10 +87,7 @@ export function Status({ left = [], right = [] } = {}) {
 
 export function AppShell({ topbar, crumb, side, main, status, narrow } = {}) {
     const hasSide = Boolean(side);
-    const sideNode = hasSide
-        ? side
-        : h('aside', { class: 'app-side', 'aria-hidden': 'true' });
-
+    const sideNode = hasSide ? side : h('aside', { class: 'app-side', 'aria-hidden': 'true' });
     return h('div', { class: 'app' },
         topbar || null,
         crumb || null,
@@ -108,3 +106,12 @@ export function Heading({ level = 1, children, style = '' }) {
 export function Lede({ children }) {
     return h('p', { class: 'lede' }, children);
 }
+
+export function Dot({ tone = 'live' }) {
+    const cls = tone === 'live' ? 'ds-dot-live' : 'ds-dot-idle';
+    return h('span', { class: cls }, tone === 'live' ? '●' : '○');
+}
+
+export function Rail({ tone = 'green' }) {
+    return h('span', { class: 'ds-rail tone-' + tone, 'aria-hidden': 'true' });
+}

package/src/components.js

@@ -1,10 +1,12 @@
+// Component barrel — matches upstream export surface 1:1.
+
 import * as webjsx from '../vendor/webjsx/index.js';
 export const h = webjsx.createElement;
 
 export {
     Brand, Chip, Btn, Glyph,
     Topbar, Crumb, Side, Status, AppShell,
-    Heading, Lede
+    Heading, Lede, Dot, Rail
 } from './components/shell.js';
 
 export {
@@ -41,6 +43,8 @@ export {
 } from './components/community.js';
 
 export {
-    home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains,
-    skillLabel, getRecentPaths, saveRecentPath, renderChatMessages, FREDDIE_PAGES
+    FREDDIE_PAGES,
+    home, chat, voice, sessions, projects, agents, analytics,
+    models, cron, skills, config, env, tools, batch, gateway, chains,
+    skillLabel, getRecentPaths, saveRecentPath, renderChatMessages
 } from './components/freddie.js';

package/src/debug.js

@@ -1,39 +1,30 @@
-const registry = new Map();
+// Lightweight client-side registry. Subsystems register a snapshot fn;
+// `window.__debug` exposes them all for live inspection.
 
-export function register(name, snapshot) {
-    if (typeof name !== 'string' || !name) throw new Error('debug.register: name required');
-    if (typeof snapshot !== 'function') throw new Error('debug.register: snapshot fn required');
-    registry.set(name, snapshot);
-    expose();
-}
-
-export function unregister(name) { registry.delete(name); expose(); }
+const _registry = new Map();
 
-export function list() { return [...registry.keys()]; }
+export function register(name, snapshotFn) {
+    if (typeof name !== 'string' || typeof snapshotFn !== 'function') return;
+    _registry.set(name, snapshotFn);
+    if (typeof window !== 'undefined') {
+        if (!window.__debug) window.__debug = {};
+        Object.defineProperty(window.__debug, name, {
+            get() { try { return snapshotFn(); } catch (e) { return { error: String(e) }; } },
+            configurable: true,
+            enumerable: true,
+        });
+    }
+}
 
-export function snapshot(name) {
-    const fn = registry.get(name);
-    if (!fn) return null;
-    try { return fn(); } catch (e) { return { error: String(e && e.message || e) }; }
+export function unregister(name) {
+    _registry.delete(name);
+    if (typeof window !== 'undefined' && window.__debug) delete window.__debug[name];
 }
 
-export function snapshotAll() {
+export function snapshot() {
     const out = {};
-    for (const [k, fn] of registry) {
-        try { out[k] = fn(); } catch (e) { out[k] = { error: String(e && e.message || e) }; }
+    for (const [k, fn] of _registry) {
+        try { out[k] = fn(); } catch (e) { out[k] = { error: String(e) }; }
     }
     return out;
 }
-
-function expose() {
-    if (typeof window === 'undefined') return;
-    const existing = (window.__debug && typeof window.__debug === 'object') ? window.__debug : {};
-    Object.assign(existing, { list, snapshot, snapshotAll, register, unregister });
-    try {
-        Object.defineProperty(window, '__debug', { value: existing, configurable: true, writable: true });
-    } catch {
-        try { window.__debug = existing; } catch {}
-    }
-}
-
-expose();

package/src/deck-stage.js

@@ -1,13 +1,17 @@
-// Lazy registration: <deck-stage> requires HTMLElement / customElements,
-// which only exist in the browser. Calling registerDeckStage() in a
-// browser context performs the side-effect import and defines the element.
+// deck-stage — lazy registration. Consumer calls registerDeckStage() in a
+// browser context; we side-effect import the upstream slides/deck-stage.js
+// (the starter-component web component that handles scaling + nav).
+
 let _registered = false;
 export async function registerDeckStage() {
-    if (_registered) return customElements.get('deck-stage');
-    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') {
+    if (_registered) return (typeof customElements !== 'undefined') ? customElements.get('deck-stage') : null;
+    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') return null;
+    try {
+        await import('../slides/deck-stage.js');
+    } catch (err) {
+        console.warn('[247420] deck-stage import failed:', err);
         return null;
     }
-    await import('../slides/deck-stage.js');
     _registered = true;
     return customElements.get('deck-stage');
 }

package/src/highlight.js

@@ -1,18 +1,32 @@
-import { register } from './debug.js';
+// Syntax highlighting — lazy-loads Prism on first call. No-op safe.
 
-let _stats = { highlights: 0 };
+let _prism = null;
+let _ready = null;
 
-export function ensurePrism() {
-    return Promise.resolve(null);
-}
+const PRISM_CORE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/prism-core.min.js';
 
-export async function highlightElement(el) {
-    _stats.highlights += 1;
+export async function ensurePrism() {
+    if (_prism) return _prism;
+    if (_ready) return _ready;
+    _ready = (async () => {
+        try {
+            // Prism is UMD; fetch & exec on the global.
+            const res = await fetch(PRISM_CORE);
+            const code = await res.text();
+            // eslint-disable-next-line no-new-func
+            new Function('window', code)(window);
+            _prism = window.Prism || null;
+            return _prism;
+        } catch (err) {
+            console.warn('[247420] prism loader failed:', err);
+            return null;
+        }
+    })();
+    return _ready;
 }
 
 export async function highlightAllUnder(root) {
-    const els = (root || document).querySelectorAll('pre code[class*="lang-"], pre code[class*="language-"]');
-    _stats.highlights += els.length;
+    const Prism = await ensurePrism();
+    if (!Prism || !root) return;
+    if (typeof Prism.highlightAllUnder === 'function') Prism.highlightAllUnder(root);
 }
-
-register('highlight', () => ({ loaded: false, ...(_stats) }));

package/src/index.js

@@ -1,3 +1,7 @@
+// 247420 design system — main entry.
+// Drop-in replacement: same export surface as the published SDK.
+//   import { mount, components as C, h, applyDiff, scope } from 'anentrypoint-design';
+
 import * as webjsx from '../vendor/webjsx/index.js';
 import { loadCss, scope } from './styles.js';
 import { registerDeckStage, getDeckStage } from './deck-stage.js';
@@ -13,20 +17,29 @@ import { registerChatElement } from './web-components/ds-chat.js';
 let _installed = false;
 export async function installStyles(target) {
     if (_installed && !target) return;
+    if (typeof document === 'undefined') return;
     const css = await loadCss();
     const root = target || document.head;
+    if (!target && document.querySelector('style[data-247420]')) { _installed = true; return; }
     const tag = document.createElement('style');
     tag.setAttribute('data-247420', '');
     tag.textContent = css;
     root.appendChild(tag);
-    if (!target) motion.installMotion();
-    if (!target) _installed = true;
+    if (!target) {
+        motion.installMotion();
+        _installed = true;
+    }
 }
 
 export function mount(rootEl, viewFn, { autoScope = true } = {}) {
-    if (autoScope && rootEl && rootEl.classList && !rootEl.classList.contains(scope.slice(1))) {
+    if (!rootEl) throw new Error('mount: rootEl required');
+    if (typeof viewFn !== 'function') throw new Error('mount: viewFn required');
+    if (autoScope && rootEl.classList && !rootEl.classList.contains(scope.slice(1))) {
         rootEl.classList.add(scope.slice(1));
     }
+    // Auto-inject styles (idempotent) so single-line consumers don't need
+    // to remember installStyles() before mount.
+    installStyles().catch(() => {});
     const render = () => {
         webjsx.applyDiff(rootEl, viewFn(render));
         requestAnimationFrame(() => motion.animateTree(rootEl));
@@ -35,12 +48,14 @@ export function mount(rootEl, viewFn, { autoScope = true } = {}) {
     return render;
 }
 
+// Side-effect: register <ds-chat> as soon as the SDK loads in a browser.
 if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
     registerChatElement();
 }
 
 export {
-    webjsx, loadCss, scope, registerDeckStage, getDeckStage,
+    webjsx, loadCss, scope,
+    registerDeckStage, getDeckStage,
     components, motion, debug, mountKit,
     renderMarkdown, ensureMarkdownReady,
     ensurePrism, highlightAllUnder,
@@ -49,7 +64,16 @@ export {
 };
 export const h = webjsx.createElement;
 export const applyDiff = webjsx.applyDiff;
-export { FREDDIE_PAGES, home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains, skillLabel, getRecentPaths, saveRecentPath, renderChatMessages } from './components.js';
+
+// Re-export freddie helpers so consumers can `import { FREDDIE_PAGES } from
+// 'anentrypoint-design'` directly.
+export {
+    FREDDIE_PAGES,
+    home, chat, voice, sessions, projects, agents, analytics,
+    models, cron, skills, config, env, tools, batch, gateway, chains,
+    skillLabel, getRecentPaths, saveRecentPath, renderChatMessages
+} from './components.js';
+
 export default {
     webjsx, loadCss, scope, installStyles, mount, h, applyDiff,
     registerDeckStage, getDeckStage, components, motion, debug, mountKit,

package/src/{desktop → kits/os}/freddie/helpers.js

@@ -1,4 +1,4 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
+import * as webjsx from '../../../../vendor/webjsx/index.js';
 const h = webjsx.createElement;
 
 export function pre(obj) {

package/src/{desktop → kits/os}/freddie/pages-chat.js

@@ -1,6 +1,6 @@
 // Chat page — its own module because of SSE plumbing weight.
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import * as components from '../../components.js';
+import * as webjsx from '../../../../vendor/webjsx/index.js';
+import * as components from '../../../components.js';
 import { getRecentPaths, saveRecentPath, skillLabel, renderChatMessages } from './helpers.js';
 
 const h = webjsx.createElement;

package/src/{desktop → kits/os}/freddie/pages-core.js

@@ -1,6 +1,6 @@
 // Core freddie pages: projects, home, sessions, agents, logs.
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import * as components from '../../components.js';
+import * as webjsx from '../../../../vendor/webjsx/index.js';
+import * as components from '../../../components.js';
 import { pre, form, skillLabel } from './helpers.js';
 
 const h = webjsx.createElement;

package/src/{desktop → kits/os}/freddie/pages-os.js

@@ -1,5 +1,5 @@
 // OS-overlay freddie pages, only mounted when osSurfaces is provided.
-import * as components from '../../components.js';
+import * as components from '../../../components.js';
 import { pre } from './helpers.js';
 
 const { Panel, Kpi, Table, EmptyState } = components;

package/src/{desktop → kits/os}/freddie/pages-tools.js

@@ -1,6 +1,6 @@
 // Tools-ish freddie pages: analytics, models, cron, skills, config, env, tools, batch, gateway.
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import * as components from '../../components.js';
+import * as webjsx from '../../../../vendor/webjsx/index.js';
+import * as components from '../../../components.js';
 import { pre, form, skillLabel } from './helpers.js';
 
 const h = webjsx.createElement;

package/src/{desktop → kits/os}/freddie-dashboard.js

@@ -1,5 +1,5 @@
-import * as webjsx from '../../vendor/webjsx/index.js';
-import * as components from '../components.js';
+import * as webjsx from '../../../vendor/webjsx/index.js';
+import * as components from '../../components.js';
 import { ROUTES, OS_ROUTE_DEFS } from './freddie/routes.js';
 import { makeCorePages } from './freddie/pages-core.js';
 import { makeChatPage } from './freddie/pages-chat.js';

package/src/markdown.js

@@ -1,61 +1,39 @@
-import { register } from './debug.js';
+// Markdown — lazy-loads marked + DOMPurify on first call. Stub-safe:
+// if loading fails, we fall back to a simple escape-and-linebreak pass so
+// the chat doesn't go blank.
 
+let _ready = null;
 let _marked = null;
 let _purify = null;
-let _stats = { renders: 0, sanitizedTags: 0 };
-
-async function loadMarked() {
-    if (_marked) return _marked;
-    const mod = await import('https://cdn.jsdelivr.net/npm/marked@15.0.7/lib/marked.esm.js');
-    _marked = mod.marked;
-    _marked.setOptions({ breaks: true, gfm: true });
-    return _marked;
-}
 
-async function loadPurify() {
-    if (_purify) return _purify;
-    const mod = await import('https://cdn.jsdelivr.net/npm/dompurify@3.4.1/+esm');
-    _purify = mod.default || mod;
-    if (!_purify.sanitize) throw new Error('dompurify did not load a sanitize fn');
-    _purify.addHook('uponSanitizeElement', (node, data) => {
-        if (data.tagName && data.allowedTags && !data.allowedTags[data.tagName]) _stats.sanitizedTags += 1;
-    });
-    return _purify;
-}
+const MARKED_URL = 'https://cdn.jsdelivr.net/npm/marked@15/+esm';
+const PURIFY_URL = 'https://cdn.jsdelivr.net/npm/dompurify@3/+esm';
 
-let _ready = null;
-export function ensureReady() {
+export async function ensureReady() {
     if (_ready) return _ready;
-    _ready = Promise.all([loadMarked(), loadPurify()]).then(() => true);
+    _ready = (async () => {
+        try {
+            const [{ marked }, DOMPurifyMod] = await Promise.all([import(MARKED_URL), import(PURIFY_URL)]);
+            _marked = marked;
+            _purify = DOMPurifyMod.default || DOMPurifyMod;
+            return true;
+        } catch (err) {
+            console.warn('[247420] markdown loader failed:', err);
+            return false;
+        }
+    })();
     return _ready;
 }
 
-export async function renderMarkdown(text) {
-    const [marked, purify] = await Promise.all([loadMarked(), loadPurify()]);
-    const dirty = marked.parse(String(text || ''));
-    const clean = purify.sanitize(dirty, {
-        FORBID_TAGS: ['script', 'iframe', 'object', 'embed', 'form'],
-        FORBID_ATTR: ['onerror', 'onclick', 'onload', 'onmouseover'],
-        ADD_ATTR: ['target', 'rel']
-    });
-    _stats.renders += 1;
-    return clean;
+function escapeHtml(s) {
+    return String(s).replace(/[&<>"']/g, (c) => ({
+        '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;',
+    })[c]);
 }
 
-export function renderMarkdownSync(text) {
-    if (!_marked || !_purify) return null;
-    const dirty = _marked.parse(String(text || ''));
-    const clean = _purify.sanitize(dirty, {
-        FORBID_TAGS: ['script', 'iframe', 'object', 'embed', 'form'],
-        FORBID_ATTR: ['onerror', 'onclick', 'onload', 'onmouseover'],
-        ADD_ATTR: ['target', 'rel']
-    });
-    _stats.renders += 1;
-    return clean;
+export async function renderMarkdown(src) {
+    const ok = await ensureReady();
+    if (!ok) return escapeHtml(src).replace(/\n/g, '<br>');
+    const raw = _marked.parse(String(src));
+    return _purify.sanitize(raw);
 }
-
-register('markdown', () => ({
-    loaded: { marked: !!_marked, dompurify: !!_purify },
-    renders: _stats.renders,
-    sanitizedTags: _stats.sanitizedTags
-}));