anentrypoint-design 0.0.414 → 0.0.416

package/dist/src/components/freddie.js

@@ -1,33 +1,43 @@
-// 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.
+// Freddie page registry — REAL renderers (not stubs). Each page is a
+// self-contained micro-app (see ./freddie/runtime.js) wired to freddie's
+// gui-* plugin HTTP endpoints (/api/*). Consumers mount FREDDIE_PAGES[id]
+// through their thin router; no per-page wiring needed downstream. This is
+// the single maintenance point for freddie GUI per the dynamic-stack contract.
+//
+// This module is a barrel: every page lives in a single-responsibility
+// submodule under ./freddie/, grouped by the surface it drives, and the
+// public export surface here is unchanged — no consumer import needs to move.
 
-import { renderPageStub, getRecentPaths, saveRecentPath, skillLabel, renderChatMessages } from './freddie/helpers.js';
+import { getRecentPaths, saveRecentPath, skillLabel, renderChatMessages } from './freddie/helpers.js';
+import { home, agents, analytics } from './freddie/pages-overview.js';
+import { chat, voice } from './freddie/pages-chat.js';
+import { sessions, projects, git } from './freddie/pages-workspace.js';
+import { models, skills, plugins } from './freddie/pages-models.js';
+import { config, env } from './freddie/pages-config.js';
+import { cron, tools, batch } from './freddie/pages-runners.js';
+import { gateway, chains, machines, health } from './freddie/pages-infra.js';
+import { logs, debug } from './freddie/pages-telemetry.js';
+import { terminal, files, auth, settings, themePage as theme, worktree, sessionTree, notifications } from './freddie/pages-missing.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');
+// ---- registry --------------------------------------------------------------
 
 export const FREDDIE_PAGES = {
     home, chat, voice, sessions, projects, agents, analytics,
-    models, cron, skills, config, env, tools, batch, gateway, chains
+    models, cron, skills, plugins, config, env, tools, batch, gateway, chains,
+    machines, health, debug, logs, git,
+    terminal, files, auth, settings, theme, worktree,
+    'session-tree': sessionTree,
+    notifications,
+};
+
+export {
+    home, agents, analytics,
+    chat, voice,
+    sessions, projects, git,
+    models, skills, plugins, config, env,
+    cron, tools, batch,
+    gateway, chains, machines, health,
+    logs, debug,
 };
 
 export { skillLabel, getRecentPaths, saveRecentPath, renderChatMessages };

package/dist/src/components/shell.js

@@ -1,117 +1,19 @@
 // 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;
-
-export function Brand({ name = '247420', leaf } = {}) {
-    return h('span', { class: 'brand' }, name,
-        leaf ? h('span', { class: 'slash' }, ' / ') : null,
-        leaf || null);
-}
-
-export function Chip({ tone = '', children }) {
-    return h('span', { class: 'chip' + (tone ? ' tone-' + tone : '') }, 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 }) {
-    return h('span', { class: 'glyph', style: color ? `color:${color}` : '' }, children);
-}
-
-export function Topbar({ brand = '247420', leaf = '', items = [], active = '', onNav, search } = {}) {
-    return h('header', { class: 'app-topbar' },
-        Brand({ name: brand, leaf }),
-        search ? h('label', { class: 'app-search' },
-            h('span', { class: 'icon' }, '⌕'),
-            h('input', { type: 'search', placeholder: search, 'aria-label': 'search' })
-        ) : h('span', {}),
-        h('nav', {}, ...items.map(([label, href]) =>
-            h('a', {
-                key: label,
-                href,
-                class: active === String(label).replace(' ↗', '') ? 'active' : '',
-                onclick: (e) => {
-                    if (!String(href).startsWith('http') && onNav) {
-                        e.preventDefault();
-                        onNav(String(label).replace(' ↗', ''));
-                    }
-                }
-            }, label)
-        ))
-    );
-}
-
-export function Crumb({ trail = [], leaf = '', right } = {}) {
-    const parts = [];
-    trail.forEach((t, i) => {
-        parts.push(h('span', { key: 't' + i }, t));
-        parts.push(h('span', { key: 's' + i, class: 'sep' }, '›'));
-    });
-    parts.push(h('span', { key: 'leaf', class: 'leaf' }, leaf));
-    if (right) parts.push(h('span', { key: 'r', class: 'crumb-right' }, ...(Array.isArray(right) ? right : [right])));
-    return h('div', { class: 'app-crumb' }, ...parts);
-}
-
-export function Side({ sections = [] } = {}) {
-    return h('aside', { class: 'app-side' }, ...sections.flatMap(sec => [
-        h('div', { class: 'group', key: sec.group }, sec.group),
-        ...sec.items.map((item, i) => {
-            const { glyph, label, href = '#', active, count, color, onClick } = item;
-            return h('a', {
-                key: sec.group + i,
-                href,
-                class: active ? 'active' : '',
-                onclick: onClick
-            },
-                glyph != null ? Glyph({ children: glyph, color }) : h('span', { class: 'glyph' }),
-                h('span', {}, label),
-                count != null ? h('span', { class: 'count' }, String(count)) : null
-            );
-        })
-    ]));
-}
-
-export function Status({ left = [], right = [] } = {}) {
-    return h('footer', { class: 'app-status' },
-        ...left.map((t, i) => h('span', { key: 'l' + i, class: 'item' }, t)),
-        h('span', { class: 'spread' }),
-        ...right.map((t, i) => h('span', { key: 'r' + i, class: 'item' }, t))
-    );
-}
-
-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' });
-    return h('div', { class: 'app' },
-        topbar || null,
-        crumb || null,
-        h('div', { class: 'app-body' + (hasSide ? '' : ' no-side') },
-            h('div', { class: 'app-side-shell' }, sideNode),
-            h('main', { class: 'app-main' + (narrow ? ' narrow' : '') }, ...(Array.isArray(main) ? main : [main]))
-        ),
-        status || null
-    );
-}
-
-export function Heading({ level = 1, children, style = '' }) {
-    return h('h' + level, { style }, children);
-}
-
-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' });
-}
+//
+// This module is a barrel: every component lives in a single-responsibility
+// submodule under ./shell/, and the public export surface here is unchanged
+// — no consumer import needs to move.
+
+import { Brand, Chip, Btn, IconButton, Badge, Pill, Glyph, Heading, Lede, Dot, Rail } from './shell/atoms.js';
+import { ICON_PATHS, iconMarkup, Icon } from './shell/icons.js';
+import { Topbar, Crumb, Side, Status, AppShell } from './shell/app-shell.js';
+import { WorkspaceShell, WorkspaceRail } from './shell/workspace-shell.js';
+
+export {
+    Brand, Chip, Btn, IconButton, Badge, Pill, Glyph, Heading, Lede, Dot, Rail,
+    ICON_PATHS, iconMarkup, Icon,
+    Topbar, Crumb, Side, Status, AppShell,
+    WorkspaceShell, WorkspaceRail,
+};

package/dist/src/components/theme-toggle.js

@@ -14,57 +14,101 @@ import { applyTheme, getTheme, resolvedTheme, onThemeChange } from '../theme.js'
 const h = webjsx.createElement;
 
 const MODES = [
-    ['auto',  '⌗', 'auto'],
-    ['paper', '☀', 'light'],
-    ['ink',   '☾', 'dark'],
+    ['auto',  'auto'],
+    ['paper', 'light'],
+    ['ink',   'dark'],
 ];
 
-// Track instances so an OS-theme change while in 'auto' re-renders the
-// glyph in the compact variant (the segmented variant doesn't need it).
-const refresh = new Set();
-let _bound = false;
-function bindOnce() {
-    if (_bound) return;
-    _bound = true;
-    onThemeChange(() => { for (const cb of refresh) cb(); });
+// Both variants render from `getTheme()` at the moment their vnode is built,
+// but nothing re-renders this control when the theme changes: a host kit's view
+// is not subscribed to the theme, and applyTheme() only touches <html> and the
+// theme listeners. So each instance repaints itself from the live theme through
+// a ref — once on mount, then on every theme change. `el._dsThemeBound` makes
+// that idempotent, since a ref callback runs again on each re-render of the
+// host. (This replaces a `refresh` Set that nothing ever added to, so the
+// onThemeChange subscription it fed always iterated an empty set.)
+function bindThemePaint(el, paint) {
+    if (!el || el._dsThemeBound) return;
+    el._dsThemeBound = true;
+    paint();
+    onThemeChange(paint);
 }
 
 export function ThemeToggle({ compact = false, onChange } = {}) {
-    bindOnce();
     const current = getTheme();
 
     if (compact) {
-        const resolved = resolvedTheme();
-        const glyph = current === 'auto' ? '⌗' : (resolved === 'ink' ? '☾' : '☀');
-        const label = current === 'auto' ? `auto (${resolved})` : (current === 'ink' ? 'dark' : 'light');
+        // Plain words only - 'ink'/'paper' are internal theme codenames a user
+        // never chose; the resolved scheme rides in the title, not the label.
+        const wordFor = (t) => (t === 'auto' ? 'auto' : (t === 'ink' ? 'dark' : 'light'));
+        const labelFor = (t) => 'theme: ' + wordFor(t);
+        const titleFor = (t) => labelFor(t)
+            + (t === 'auto' ? ' (currently ' + (resolvedTheme() === 'ink' ? 'dark' : 'light') + ')' : '')
+            + ' — click to cycle';
         return h('button', {
             class: 'btn ds-theme-toggle',
             type: 'button',
-            'aria-label': 'theme: ' + label,
-            title: 'theme: ' + label + ' — click to cycle',
+            'aria-label': labelFor(current),
+            title: titleFor(current),
+            // getTheme() at click time, not the `current` captured when this
+            // vnode was built. Nothing re-renders this button on a theme
+            // change, so a captured value goes stale after the first click and
+            // the cycle sticks: auto -> paper, then every later click computes
+            // from a stale 'auto' and lands on paper again.
             onclick: () => {
-                const next = current === 'auto' ? 'paper' : (current === 'paper' ? 'ink' : 'auto');
+                const now = getTheme();
+                const next = now === 'auto' ? 'paper' : (now === 'paper' ? 'ink' : 'auto');
                 applyTheme(next);
-                if (onChange) try { onChange(next); } catch {}
-            }
-        }, h('span', { class: 'glyph' }, glyph), ' ', label);
+                if (onChange) try { onChange(next); } catch { /* swallow: consumer onChange callback must not break the toggle */ }
+            },
+            ref: (el) => bindThemePaint(el, () => {
+                const now = getTheme();
+                el.setAttribute('aria-label', labelFor(now));
+                el.setAttribute('title', titleFor(now));
+                const lab = el.querySelector('.ds-theme-toggle-label');
+                if (lab) lab.textContent = labelFor(now);
+            })
+        },
+        // CSS-drawn half-disc so the control still reads as the theme switch
+        // when the label is hidden (icon-only rail strip).
+        h('span', { class: 'ds-theme-disc', 'aria-hidden': 'true' }),
+        h('span', { class: 'ds-theme-toggle-label' }, labelFor(current)));
     }
 
     return h('div', {
         class: 'ds-theme-toggle ds-segmented',
         role: 'radiogroup',
-        'aria-label': 'theme'
-    }, ...MODES.map(([mode, glyph, label]) =>
+        'aria-label': 'theme',
+        // Paint the selected segment from the live theme rather than only from
+        // `current` (captured when this vnode was built). Nothing re-renders
+        // this control when it is clicked: the host kit's view is not
+        // subscribed to the theme, so applyTheme() correctly flipped
+        // <html data-theme> while the segment kept `is-on` on whatever was
+        // selected at mount — clicking "light" changed the theme but left
+        // "auto" looking selected, which reads as a control that did nothing.
+        // Doing it in a ref keeps this correct for BOTH triggers: a click here,
+        // and an external change (another toggle, or the OS scheme flipping
+        // while in auto) via the onThemeChange subscription.
+        ref: (el) => bindThemePaint(el, () => {
+            const now = getTheme();
+            for (const btn of el.querySelectorAll('.ds-seg-btn')) {
+                const on = btn.dataset.mode === now;
+                btn.classList.toggle('is-on', on);
+                btn.setAttribute('aria-checked', on ? 'true' : 'false');
+            }
+        })
+    }, ...MODES.map(([mode, label]) =>
         h('button', {
             key: mode,
             type: 'button',
             role: 'radio',
+            'data-mode': mode,
             'aria-checked': current === mode ? 'true' : 'false',
             class: 'ds-seg-btn' + (current === mode ? ' is-on' : ''),
             onclick: () => {
                 applyTheme(mode);
-                if (onChange) try { onChange(mode); } catch {}
+                if (onChange) try { onChange(mode); } catch { /* swallow: consumer onChange callback must not break the toggle */ }
             }
-        }, h('span', { class: 'glyph' }, glyph), ' ', label)
+        }, label)
     ));
 }

package/dist/src/components.js

@@ -4,34 +4,63 @@ import * as webjsx from '../vendor/webjsx/index.js';
 export const h = webjsx.createElement;
 
 export {
-    Brand, Chip, Btn, Glyph,
+    Brand, Chip, Btn, Glyph, Icon, IconButton, Badge, Pill,
     Topbar, Crumb, Side, Status, AppShell,
+    WorkspaceShell, WorkspaceRail,
     Heading, Lede, Dot, Rail
 } from './components/shell.js';
 
 export {
-    Panel, Row, RowLink,
-    Hero, Install, Receipt, Changelog,
-    WorksList, WritingList, Manifesto, Section,
-    Kpi, Table,
-    HomeView, ProjectView, Form
+    Panel, Card, Row, RowLink, PanelFromItems,
+    Hero, HeroFromPageData, Marquee, Install, CliBlock, Receipt, Changelog,
+    WorksList, WritingList, Manifesto, Section, PageHeader,
+    Kpi, Sparkline, BarChart, Table, HealthTable, ProcessRegistryTable, SearchInput, TextField, Select, EventList,
+    HomeView, ProjectView, Form,
+    Spinner, Skeleton, Alert, FilterPills, Avatar, avatarInitial
 } from './components/content.js';
 
 export {
-    fmtBytes, renderInline,
-    ChatMessage, ChatComposer, Chat,
+    fmtBytes, renderInline, hasSelectionInside,
+    ChatMessage, ChatComposer, Chat, flashComposerNote, ChatSuggestions,
     AICAT_FACE, AICatPortrait, AICat
 } from './components/chat.js';
 
+export { AgentChat, MESSAGE_CAP } from './components/agent-chat.js';
+
+export { ChatMinimap, CHAT_MINIMAP_WIDTH } from './components/chat-minimap.js';
+
+export {
+    ConversationList, SessionCard, SessionDashboard, SessionMeta, fmtDuration, fmtTime, fmtAgo, AgentListSkeleton
+} from './components/sessions.js';
+
+export { ContextPane } from './components/context-pane.js';
+
+export { SpreadsheetPreview } from './components/spreadsheet-preview.js';
+
+export { GitStatusPanel, GitDiffView } from './components/git-status.js';
+
+export { WorktreeSwitcher } from './components/worktree-switcher.js';
+
+export { PluginsConfig } from './components/plugins-config.js';
+
+export { SkillsConfig } from './components/skills-config.js';
+
+export { ModelsConfig } from './components/models-config.js';
+
+export {
+    DEFAULT_PHASES, PhaseWalk, TreeNode, BarRow, RateCell,
+    StatTile, StatsGrid, SubGrid, SessionRow, DevRow, LiveLogEntry, LiveLog
+} from './components/data-density.js';
+
 export {
     fileGlyph, fmtFileSize,
-    FileIcon, FileRow, FileGrid, FileToolbar,
-    DropZone, UploadProgress, EmptyState, BreadcrumbPath
+    FileIcon, FileRow, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker,
+    DropZone, UploadProgress, EmptyState, BreadcrumbPath, BulkBar
 } from './components/files.js';
 
 export {
-    ConfirmDialog, PromptDialog,
-    FilePreviewMedia, FilePreviewCode, FilePreviewText, FileViewer
+    ConfirmDialog, PromptDialog, CountdownDialog,
+    FilePreviewMedia, FilePreviewCode, FilePreviewText, FileViewer, FilePreviewPane
 } from './components/files-modals.js';
 
 export {
@@ -39,14 +68,64 @@ export {
     ChannelItem, ChannelCategory,
     VoiceUser, UserPanel, ChannelSidebar,
     MemberItem, MemberList,
-    ChatHeader, VoiceStrip, CommunityShell
+    ChatHeader, VoiceStrip, CommunityShell,
+    MobileHeader, ReplyBar, Banner,
+    ThreadPanel, ForumView, PageView
 } from './components/community.js';
 
+export {
+    PttButton, VadMeter, WebcamPreview, VoiceSettingsModal, AudioQueue, VoiceControls,
+    playCompletionCue
+} from './components/voice.js';
+
 export { ThemeToggle } from './components/theme-toggle.js';
 
+export {
+    Checkbox, Radio, RadioGroup, Toggle, Field, useFormValidation, focusFirstInvalidField
+} from './components/form-primitives.js';
+
+export {
+    useDraggable, useDropTarget, useNumberScrub, usePointerDrag, Reorderable,
+    useKeyboardShortcut, formatShortcut, ShortcutHint, ShortcutList,
+    useKeyboardShortcutHelp, ShortcutHelpDialog,
+    isMobileNow, onMobileChange
+} from './components/interaction-primitives.js';
+
+export {
+    Toolbar, ToolbarRow, Tabs,
+    TreeView, TreeItem,
+    PropertyGrid, PropertyField, PropertyGridRow, InlineEditableField,
+    Dock, IconButtonGroup,
+    ResizeHandle, SplitPanel,
+    ContextMenu, useContextMenu,
+    Drawer, Dialog, FocusTrap,
+    Toast, toast,
+    Pager, JsonViewer,
+    Grid, GridItem,
+    Collapse, CollapseGroup,
+    Divider,
+    useMediaQuery,
+    BP_SM, BP_MD, BP_LG, BP_XL,
+    InfoRow, InfoSection, DiagnosticsPanel,
+    BatchProgressLabel, formatBatchOutcome, runBatchSequential
+} from './components/editor-primitives.js';
+
+export {
+    Tooltip, Popover, Dropdown, useLongPress, useFloating,
+    CommandPalette, EmojiPicker, BootOverlay, SettingsPopover,
+    AuthModal, VideoLightbox, PermissionMenu, ApprovalPrompt, withBusy,
+    MenuButton
+} from './components/overlay-primitives.js';
+
 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/freddie.js';
+
+export {
+    makePage, api, loadingState, errorState, emptyState, refreshError
+} from './components/freddie/runtime.js';
+
+export { mountCommunityApp } from './community-app.js';

package/dist/src/deck-stage.js

@@ -1,13 +1,15 @@
-// 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).
+// deck-stage — compat re-export shim. registerDeckStage() lazily side-effect
+// imports the real implementation, now living at src/kits/slides/deck-stage.js
+// (moved from the top-level slides/ dir so the deck kit follows the same
+// src/kits/<name>/ convention every other kit uses; this shim keeps the old
+// src/deck-stage.js import path working for any existing consumer).
 
 let _registered = false;
 export async function registerDeckStage() {
     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');
+        await import('./kits/slides/deck-stage.js');
     } catch (err) {
         console.warn('[247420] deck-stage import failed:', err);
         return null;

package/dist/src/highlight.js

@@ -1,21 +1,65 @@
-// Syntax highlighting — lazy-loads Prism on first call. No-op safe.
+// Syntax highlighting — lazy-loads Prism + common language grammars on first call. No-op safe.
+// Grammars are injected as <script src="..."> so the browser's CSP allowlist
+// (cdn.jsdelivr.net) covers them without needing 'unsafe-eval'. Prism core
+// must finish before grammars; grammars within each tier are parallel.
 
 let _prism = null;
 let _ready = null;
 
-const PRISM_CORE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/prism-core.min.js';
+const DEFAULT_PRISM_BASE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/';
+let _prismBase = DEFAULT_PRISM_BASE;
+
+// Optional override for where Prism's core + language grammars are fetched
+// from (self-host, mirror, CSP-allowlisted proxy). Additive: a zero-config
+// consumer keeps hitting the pinned jsDelivr default byte-for-byte. Call
+// before the first highlight to take effect; forces a fresh load so a
+// runtime override after an earlier failed load also takes.
+export function configurePrismCdn({ baseUrl } = {}) {
+    _prismBase = baseUrl || DEFAULT_PRISM_BASE;
+    _prism = null;
+    _ready = null;
+}
+
+export function getPrismCdnConfig() {
+    return { baseUrl: _prismBase };
+}
+
+// Dependency tiers: each tier loads in parallel; the next tier waits for the previous.
+// (clike must precede javascript; javascript must precede typescript/jsx/tsx.)
+const PRISM_TIERS = [
+    ['prism-markup.min.js', 'prism-css.min.js', 'prism-clike.min.js'],
+    ['prism-javascript.min.js', 'prism-json.min.js', 'prism-bash.min.js', 'prism-yaml.min.js',
+     'prism-markdown.min.js', 'prism-python.min.js', 'prism-rust.min.js', 'prism-go.min.js',
+     'prism-diff.min.js', 'prism-sql.min.js', 'prism-toml.min.js'],
+    ['prism-typescript.min.js', 'prism-jsx.min.js'],
+    ['prism-tsx.min.js'],
+];
+
+function loadScript(url) {
+    return new Promise((resolve) => {
+        const existing = document.querySelector('script[src="' + url + '"]');
+        if (existing) { resolve(); return; }
+        const s = document.createElement('script');
+        s.src = url;
+        s.crossOrigin = 'anonymous';
+        s.onload = resolve;
+        s.onerror = () => { console.warn('[247420] prism part failed:', url); resolve(); };
+        document.head.appendChild(s);
+    });
+}
 
 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);
+            await loadScript(_prismBase + 'prism-core.min.js');
             _prism = window.Prism || null;
+            if (_prism) {
+                for (const tier of PRISM_TIERS) {
+                    await Promise.all(tier.map(f => loadScript(_prismBase + f)));
+                }
+            }
             return _prism;
         } catch (err) {
             console.warn('[247420] prism loader failed:', err);