anentrypoint-design 0.0.121 → 0.0.124

package/dist/src/components/freddie.js

@@ -1,33 +0,0 @@
-// 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 { 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/dist/src/components/shell.js

@@ -1,117 +0,0 @@
-// 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' });
-}

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

@@ -1,70 +0,0 @@
-// ThemeToggle — segmented auto/paper/ink radio bound to src/theme.js.
-//
-// Usage:
-//   import { ThemeToggle } from 'anentrypoint-design';
-//   ThemeToggle()                                   // segmented control
-//   ThemeToggle({ compact: true })                  // single cycling glyph button
-//
-// Reads current mode from the theme controller; clicks call applyTheme()
-// which persists, updates <html data-theme>, and notifies listeners.
-
-import * as webjsx from '../../vendor/webjsx/index.js';
-import { applyTheme, getTheme, resolvedTheme, onThemeChange } from '../theme.js';
-
-const h = webjsx.createElement;
-
-const MODES = [
-    ['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(); });
-}
-
-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');
-        return h('button', {
-            class: 'btn ds-theme-toggle',
-            type: 'button',
-            'aria-label': 'theme: ' + label,
-            title: 'theme: ' + label + ' — click to cycle',
-            onclick: () => {
-                const next = current === 'auto' ? 'paper' : (current === 'paper' ? 'ink' : 'auto');
-                applyTheme(next);
-                if (onChange) try { onChange(next); } catch {}
-            }
-        }, h('span', { class: 'glyph' }, glyph), ' ', label);
-    }
-
-    return h('div', {
-        class: 'ds-theme-toggle ds-segmented',
-        role: 'radiogroup',
-        'aria-label': 'theme'
-    }, ...MODES.map(([mode, glyph, label]) =>
-        h('button', {
-            key: mode,
-            type: 'button',
-            role: 'radio',
-            'aria-checked': current === mode ? 'true' : 'false',
-            class: 'ds-seg-btn' + (current === mode ? ' is-on' : ''),
-            onclick: () => {
-                applyTheme(mode);
-                if (onChange) try { onChange(mode); } catch {}
-            }
-        }, h('span', { class: 'glyph' }, glyph), ' ', label)
-    ));
-}

package/dist/src/components.js

@@ -1,52 +0,0 @@
-// 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, Dot, Rail
-} from './components/shell.js';
-
-export {
-    Panel, Row, RowLink,
-    Hero, Install, Receipt, Changelog,
-    WorksList, WritingList, Manifesto, Section,
-    Kpi, Table,
-    HomeView, ProjectView, Form
-} from './components/content.js';
-
-export {
-    fmtBytes, renderInline,
-    ChatMessage, ChatComposer, Chat,
-    AICAT_FACE, AICatPortrait, AICat
-} from './components/chat.js';
-
-export {
-    fileGlyph, fmtFileSize,
-    FileIcon, FileRow, FileGrid, FileToolbar,
-    DropZone, UploadProgress, EmptyState, BreadcrumbPath
-} from './components/files.js';
-
-export {
-    ConfirmDialog, PromptDialog,
-    FilePreviewMedia, FilePreviewCode, FilePreviewText, FileViewer
-} from './components/files-modals.js';
-
-export {
-    ServerIcon, ServerRail,
-    ChannelItem, ChannelCategory,
-    VoiceUser, UserPanel, ChannelSidebar,
-    MemberItem, MemberList,
-    ChatHeader, VoiceStrip, CommunityShell
-} from './components/community.js';
-
-export { ThemeToggle } from './components/theme-toggle.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';

package/dist/src/debug.js

@@ -1,30 +0,0 @@
-// Lightweight client-side registry. Subsystems register a snapshot fn;
-// `window.__debug` exposes them all for live inspection.
-
-const _registry = new Map();
-
-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 unregister(name) {
-    _registry.delete(name);
-    if (typeof window !== 'undefined' && window.__debug) delete window.__debug[name];
-}
-
-export function snapshot() {
-    const out = {};
-    for (const [k, fn] of _registry) {
-        try { out[k] = fn(); } catch (e) { out[k] = { error: String(e) }; }
-    }
-    return out;
-}

package/dist/src/deck-stage.js

@@ -1,21 +0,0 @@
-// 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 (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;
-    }
-    _registered = true;
-    return customElements.get('deck-stage');
-}
-
-export function getDeckStage() {
-    return (typeof customElements !== 'undefined') ? customElements.get('deck-stage') : null;
-}

package/dist/src/highlight.js

@@ -1,32 +0,0 @@
-// Syntax highlighting — lazy-loads Prism on first call. No-op safe.
-
-let _prism = null;
-let _ready = null;
-
-const PRISM_CORE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/prism-core.min.js';
-
-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 Prism = await ensurePrism();
-    if (!Prism || !root) return;
-    if (typeof Prism.highlightAllUnder === 'function') Prism.highlightAllUnder(root);
-}

package/dist/src/index.js

@@ -1,86 +0,0 @@
-// 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';
-import * as components from './components.js';
-import * as motion from './motion.js';
-import * as debug from './debug.js';
-import { renderMarkdown, ensureReady as ensureMarkdownReady } from './markdown.js';
-import { ensurePrism, highlightAllUnder } from './highlight.js';
-import { renderPageHtml } from './page-html.js';
-import { mountKit } from './bootstrap.js';
-import * as theme from './theme.js';
-import { registerChatElement, DsChat } 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();
-        _installed = true;
-    }
-}
-
-export function mount(rootEl, viewFn, { autoScope = true } = {}) {
-    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))) {
-        const cls = scope.slice(1);
-        const inheritedFromAncestor = rootEl.closest && rootEl.closest('.' + cls);
-        if (!inheritedFromAncestor) rootEl.classList.add(cls);
-    }
-    // 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));
-    };
-    render();
-    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,
-    components, motion, debug, mountKit,
-    renderMarkdown, ensureMarkdownReady,
-    ensurePrism, highlightAllUnder,
-    registerChatElement, DsChat,
-    renderPageHtml,
-    theme
-};
-export { applyTheme, getTheme, resolvedTheme, onThemeChange, initTheme } from './theme.js';
-export const h = webjsx.createElement;
-export const applyDiff = webjsx.applyDiff;
-
-// 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,
-    renderMarkdown, ensurePrism, registerChatElement, renderPageHtml
-};

package/dist/src/kits/os/about-app.js

@@ -1,52 +0,0 @@
-// About-app paint surface — static info card, bible classes.
-// renderAboutApp({brand, tagline, bullets, links}) -> {node, dispose}.
-// Consumer provides content; module owns layout + classes.
-
-export function renderAboutApp(opts = {}) {
-    const {
-        brand = 'thebird / web os',
-        tagline = 'browser-native web OS. multi-instance, per-instance fs / worker / shell / browser. no server.',
-        bullets = [
-            'POSIX terminal · IndexedDB filesystem',
-            'OffscreenCanvas worker per instance',
-            'CDP-shaped browser pane',
-            'libsql via sql.js · freddie host',
-            'responsive: phone / tablet / desktop',
-        ],
-        footer = 'open <code>validator</code> to run isolation harness · click apps menu for more.',
-        links = [
-            { href: 'https://github.com/AnEntrypoint/thebird', text: 'source' },
-            { href: './validate.html', text: 'validate' },
-        ],
-    } = opts;
-
-    const node = document.createElement('div');
-    node.className = 'app-pane';
-    node.dataset.component = 'about-app';
-
-    const h2 = document.createElement('h2');
-    h2.textContent = brand;
-    const p = document.createElement('p');
-    p.textContent = tagline;
-    const ul = document.createElement('ul');
-    for (const b of bullets) {
-        const li = document.createElement('li');
-        li.textContent = b;
-        ul.appendChild(li);
-    }
-    const foot = document.createElement('p');
-    foot.innerHTML = footer;
-    const meta = document.createElement('p');
-    meta.className = 'meta';
-    links.forEach((l, i) => {
-        const a = document.createElement('a');
-        a.href = l.href;
-        a.textContent = l.text;
-        meta.appendChild(a);
-        if (i < links.length - 1) meta.appendChild(document.createTextNode(' · '));
-    });
-
-    node.append(h2, p, ul, foot, meta);
-
-    return { node, dispose() {} };
-}

package/dist/src/kits/os/app-panes.css

@@ -1,152 +0,0 @@
-/* App-pane chrome for kit components rendered inside .wm-win bodies.
-   Bible tokens only — no hardcoded color, font, or radius. Focus = inset rail; no shadows, no gradients. */
-
-/* ── terminal-app ───────────────────────────────────────────────────── */
-.terminal-app {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background: var(--os-bg-1);
-    color: var(--os-fg);
-    font-family: var(--os-mono);
-}
-.terminal-app-head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 4px 10px;
-    background: var(--os-bg-2);
-    font-family: var(--os-mono);
-    font-size: 11px;
-    color: var(--os-fg-2);
-    text-transform: lowercase;
-    flex: 0 0 auto;
-}
-.terminal-app-title { font-family: var(--os-mono); }
-.terminal-app-status { font-family: var(--os-mono); color: var(--os-fg-3); }
-.terminal-app-slot {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow: hidden;
-    background: var(--os-bg-0);
-}
-
-/* ── browser-app ────────────────────────────────────────────────────── */
-.browser-app {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background: var(--os-bg-1);
-    color: var(--os-fg);
-    font-family: var(--os-font);
-}
-.browser-app-bar {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 8px;
-    background: var(--os-bg-2);
-    flex: 0 0 auto;
-}
-.browser-app-btn {
-    height: 28px;
-    min-width: 28px;
-    padding: 0 8px;
-    background: var(--os-bg-3);
-    color: var(--os-fg);
-    border: none;
-    border-radius: var(--os-radius-sm);
-    font: 12px var(--os-mono);
-    cursor: pointer;
-    outline: none;
-}
-.browser-app-btn:hover { background: var(--os-accent-soft); }
-.browser-app-url {
-    flex: 1 1 auto;
-    height: 28px;
-    padding: 0 10px;
-    background: var(--os-bg-0);
-    color: var(--os-fg);
-    border: none;
-    border-radius: var(--os-radius-sm);
-    font: 12px var(--os-mono);
-    outline: none;
-}
-.browser-app-url:focus { box-shadow: inset 4px 0 0 var(--os-accent); }
-.browser-app-slot {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow: hidden;
-    background: var(--os-bg-0);
-    display: flex;
-}
-.browser-app-slot > * { flex: 1 1 auto; min-width: 0; min-height: 0; }
-.browser-app-status {
-    flex: 0 0 auto;
-    padding: 2px 10px;
-    background: var(--os-bg-2);
-    font: 11px var(--os-mono);
-    color: var(--os-fg-3);
-    text-transform: lowercase;
-    min-height: 18px;
-}
-
-/* ── validator-app ──────────────────────────────────────────────────── */
-.validator-app {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background: var(--os-bg-1);
-    color: var(--os-fg);
-    font-family: var(--os-font);
-}
-.validator-app-head {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 6px 10px;
-    background: var(--os-bg-2);
-    flex: 0 0 auto;
-}
-.validator-app-banner {
-    padding: 2px 10px;
-    border-radius: 999px;
-    font: 11px var(--os-mono);
-    text-transform: lowercase;
-    background: var(--os-bg-3);
-    color: var(--os-fg-2);
-}
-.validator-app-banner[data-state="pass"] { background: var(--os-accent-soft); color: var(--os-fg); }
-.validator-app-banner[data-state="fail"] { background: var(--os-red); color: var(--os-bg-0); }
-.validator-app-counts {
-    font: 11px var(--os-mono);
-    color: var(--os-fg-2);
-}
-.validator-app-rerun {
-    margin-left: auto;
-    height: 24px;
-    padding: 0 10px;
-    background: var(--os-bg-3);
-    color: var(--os-fg);
-    border: none;
-    border-radius: var(--os-radius-sm);
-    font: 11px var(--os-mono);
-    text-transform: lowercase;
-    cursor: pointer;
-    outline: none;
-}
-.validator-app-rerun:hover { background: var(--os-accent-soft); }
-.validator-app-slot {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow: hidden;
-    display: flex;
-    background: var(--os-bg-0);
-}
-.validator-app-slot > * { flex: 1 1 auto; min-width: 0; min-height: 0; }
-.validator-app-frame {
-    width: 100%;
-    height: 100%;
-    border: none;
-    background: var(--os-bg-0);
-}