@wenathlan/saddle 2.0.151 → 2.0.152

package/dist/Sol/wingets/ConsoleSpecpanel.d.ts

@@ -0,0 +1,21 @@
+/** the sandbox specification selection held by the console page. */
+export type SandboxSpecSelection = {
+    model: string;
+    quotamb: number;
+    vcpus: number;
+    ramgb: number;
+    gpu: string;
+    mig: string;
+};
+type SpecPanelProps = {
+    spec: SandboxSpecSelection;
+    onChange: (patch: Partial<SandboxSpecSelection>) => void;
+    disabled: boolean;
+};
+/**
+ * the sandbox specification panel: every control keeps the 44px touch
+ * target of the absorbed static page and disables while a sandbox is
+ * booting or running.
+ */
+export default function SpecPanel({ spec, onChange, disabled }: SpecPanelProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/ConsoleSpecpanel.js

@@ -0,0 +1,75 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Spec panel: faithful absorption of the console.html spec controls — cpu
+// model, workspace quota, vcpus slider, ram slider + exact numeric field,
+// gpu model and mig profile, each with the live catalog hints.
+import { useEffect, useRef, useState } from 'react';
+import { label, labelfill } from '../../labels.ts';
+import { cpudata, gpudata } from '../../sandbox.ts';
+/** workspace quota options in MiB (16 selected by default). */
+const quotaoptions = [4, 16, 64, 256];
+/** the mig slicing profile values of the 96 gb-class virtual device. */
+const migvalues = ['off', '1g.24gb', '2g.48gb', '4g.96gb'];
+/** the mig profile labels of the store, keyed by the profile value. */
+const miglabels = {
+    off: 'console.spec.migOff',
+    '1g.24gb': 'console.spec.mig1g',
+    '2g.48gb': 'console.spec.mig2g',
+    '4g.96gb': 'console.spec.mig4g',
+};
+/** the mig profile options: the value stays data, the label rides the store. */
+function migoptions() {
+    return migvalues.map((value) => ({ value, label: label(miglabels[value]) }));
+}
+/** ram ceiling shared by the slider and the exact numeric field. */
+const ramceiling = 18432;
+/**
+ * the sandbox specification panel: every control keeps the 44px touch
+ * target of the absorbed static page and disables while a sandbox is
+ * booting or running.
+ */
+export default function SpecPanel({ spec, onChange, disabled }) {
+    const ramnumref = useRef(null);
+    const [ramdraft, setRamdraft] = useState(String(spec.ramgb));
+    /** the numeric field follows the slider unless the operator is typing. */
+    useEffect(() => {
+        if (document.activeElement !== ramnumref.current) {
+            setRamdraft(String(spec.ramgb));
+        }
+    }, [spec.ramgb]);
+    /** the exact ram field clamps to the 1..18432 gb plan range. */
+    const onramnuminput = (raw) => {
+        setRamdraft(raw);
+        const clamped = Math.max(1, Math.min(ramceiling, Number(raw) || 1));
+        onChange({ ramgb: clamped });
+    };
+    const cpu = cpudata.find((entry) => entry.model === spec.model);
+    const gpu = gpudata.find((entry) => entry.id === spec.gpu);
+    const cpuhint = cpu
+        ? labelfill('console.spec.cpuHint', {
+            arch: cpu.microarch,
+            memory: cpu.memorytype,
+            max: String(cpu.maxmemorygb),
+            watts: String(cpu.tdpwatts),
+        })
+        : '';
+    const gpuhint = gpu
+        ? labelfill('console.spec.gpuHint', {
+            arch: gpu.arch,
+            bandwidth: String(gpu.bandwidthgbs),
+            mig: gpu.mig ? label('console.spec.migSupported') : label('console.spec.migEmulated'),
+        })
+        : '';
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "spec-field", children: [_jsx("label", { htmlFor: "cpusel", children: label('console.spec.cpuLabel') }), _jsx("select", { className: "spec-select", id: "cpusel", disabled: disabled, "aria-label": label('console.spec.cpuAria'), value: spec.model, onChange: (event) => onChange({ model: event.target.value }), children: cpudata.map((entry) => (_jsx("option", { value: entry.model, children: labelfill('console.spec.cpuOption', {
+                                model: entry.model,
+                                cores: String(entry.cores),
+                                threads: String(entry.threads),
+                            }) }, entry.model))) }), _jsxs("div", { className: "spec-field", children: [_jsx("label", { htmlFor: "quotasel", children: label('console.spec.quotaLabel') }), _jsx("select", { className: "spec-select", id: "quotasel", disabled: disabled, "aria-label": label('console.spec.quotaAria'), value: String(spec.quotamb), onChange: (event) => onChange({ quotamb: Number(event.target.value) }), children: quotaoptions.map((quota) => (_jsx("option", { value: String(quota), children: labelfill('console.spec.quotaOption', { quota: String(quota) }) }, quota))) })] }), _jsx("p", { className: "spec-hint", children: cpuhint })] }), _jsxs("div", { className: "spec-field", children: [_jsxs("label", { htmlFor: "vcpurange", children: [label('console.spec.vcpusLabel'), " ", _jsx("span", { className: "spec-val", children: spec.vcpus })] }), _jsx("input", { className: "spec-range", id: "vcpurange", type: "range", min: 1, max: 192, value: spec.vcpus, disabled: disabled, "aria-label": label('console.spec.vcpusAria'), style: {
+                            '--r3-meter': `${Math.max(2, Math.min(100, (spec.vcpus / 192) * 100))}%`,
+                        }, onChange: (event) => onChange({ vcpus: Number(event.target.value) }) })] }), _jsxs("div", { className: "spec-field", children: [_jsxs("label", { htmlFor: "ramrange", children: [label('console.spec.ramLabel'), " ", _jsx("span", { className: "spec-val", children: spec.ramgb })] }), _jsx("input", { className: "spec-range", id: "ramrange", type: "range", min: 1, max: ramceiling, value: spec.ramgb, disabled: disabled, "aria-label": label('console.spec.ramAria'), style: {
+                            '--r3-meter': `${Math.max(2, Math.min(100, (spec.ramgb / ramceiling) * 100))}%`,
+                        }, onChange: (event) => onChange({ ramgb: Number(event.target.value) }) }), _jsx("label", { htmlFor: "ramnum", children: label('console.spec.ramExactLabel') }), _jsx("input", { ref: ramnumref, className: "spec-select spec-number", id: "ramnum", type: "number", min: 1, max: ramceiling, value: ramdraft, disabled: disabled, "aria-label": label('console.spec.ramExactAria'), onChange: (event) => onramnuminput(event.target.value) })] }), _jsxs("div", { className: "spec-field", children: [_jsx("label", { htmlFor: "gpusel", children: label('console.spec.gpuLabel') }), _jsx("select", { className: "spec-select", id: "gpusel", disabled: disabled, "aria-label": label('console.spec.gpuAria'), value: spec.gpu, onChange: (event) => onChange({ gpu: event.target.value }), children: gpudata.map((entry) => (_jsx("option", { value: entry.id, children: labelfill('console.spec.gpuOption', {
+                                name: entry.name,
+                                memtype: entry.memtype,
+                                gb: String(entry.vrammib / 1024),
+                            }) }, entry.id))) }), _jsx("p", { className: "spec-hint", children: gpuhint })] }), _jsxs("div", { className: "spec-field", children: [_jsx("label", { htmlFor: "migsel", children: label('console.spec.migLabel') }), _jsx("select", { className: "spec-select", id: "migsel", disabled: disabled, "aria-label": label('console.spec.migAria'), value: spec.mig, onChange: (event) => onChange({ mig: event.target.value }), children: migoptions().map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] })] }));
+}

package/dist/Sol/wingets/ConsoleTerminal.d.ts

@@ -0,0 +1,22 @@
+/** one rendered output row; cls mirrors the static page row classes. */
+export type TerminalRow = {
+    id: number;
+    text: string;
+    cls: string;
+};
+/** the terminal lifecycle label shown in the bar. */
+export type TerminalState = 'halted' | 'booting' | 'running' | 'stopped';
+type TerminalProps = {
+    rows: TerminalRow[];
+    prompt: string;
+    state: TerminalState;
+    enabled: boolean;
+    oncommand: (command: string) => void;
+};
+/**
+ * the virtual container terminal: a dark log pane (role=log, polite
+ * aria-live), a command input with history browsing and tab completion,
+ * and the lifecycle label in the bar.
+ */
+export default function Terminal({ rows, prompt, state, enabled, oncommand }: TerminalProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/ConsoleTerminal.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Terminal: faithful absorption of the console.html terminal — animated boot
+// output (rows appended by the console page), command history with the arrow
+// keys, tab completion over the sandbox command list, the live prompt and
+// the focus-on-click output pane.
+import { useEffect, useRef, useState } from 'react';
+import { label } from '../../labels.ts';
+import { commands } from '../../sandbox.ts';
+/** the lifecycle state tokens answer their store labels (data stays data,
+ * the rendered words ride the label store). */
+const statelabels = {
+    halted: 'console.terminal.state.halted',
+    booting: 'console.terminal.state.booting',
+    running: 'console.terminal.state.running',
+    stopped: 'console.terminal.state.stopped',
+};
+/**
+ * the virtual container terminal: a dark log pane (role=log, polite
+ * aria-live), a command input with history browsing and tab completion,
+ * and the lifecycle label in the bar.
+ */
+export default function Terminal({ rows, prompt, state, enabled, oncommand }) {
+    const outref = useRef(null);
+    const inputref = useRef(null);
+    const [value, setValue] = useState('');
+    const historyref = useRef([]);
+    const historyindex = useRef(-1);
+    /** keep the output pinned to the newest row, like scrollterm(). */
+    useEffect(() => {
+        const out = outref.current;
+        if (out)
+            out.scrollTop = out.scrollHeight;
+    }, [rows]);
+    /** focus the command input once the sandbox is running. */
+    useEffect(() => {
+        if (enabled)
+            inputref.current?.focus();
+    }, [enabled]);
+    const onsubmit = (event) => {
+        event.preventDefault();
+        if (!enabled)
+            return;
+        const trimmed = value.trim();
+        setValue('');
+        if (trimmed.length === 0)
+            return;
+        historyref.current.push(trimmed);
+        historyindex.current = historyref.current.length;
+        oncommand(trimmed);
+    };
+    const onkeydown = (event) => {
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (historyref.current.length === 0)
+                return;
+            historyindex.current = Math.max(0, historyindex.current - 1);
+            setValue(historyref.current[historyindex.current] ?? '');
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            if (historyref.current.length === 0)
+                return;
+            historyindex.current = Math.min(historyref.current.length, historyindex.current + 1);
+            setValue(historyref.current[historyindex.current] ?? '');
+        }
+        else if (event.key === 'Tab') {
+            event.preventDefault();
+            const prefix = value.trim();
+            if (prefix.length === 0)
+                return;
+            const match = commands.find((entry) => entry.startsWith(prefix));
+            if (match !== undefined)
+                setValue(match);
+        }
+    };
+    return (_jsxs("section", { className: "term", "data-state": state, "aria-labelledby": "termtitle", children: [_jsxs("div", { className: "term-bar", children: [_jsx("span", { id: "termtitle", children: label('console.terminal.title') }), _jsx("span", { className: "term-state", "aria-live": "polite", children: label(statelabels[state]) })] }), _jsx("pre", { className: "term-out", role: "log", "aria-live": "polite", "aria-label": label('console.terminal.outputAria'), ref: outref, onClick: () => inputref.current?.focus(), children: rows.map((row) => (_jsxs("span", { className: row.cls === '' ? undefined : row.cls, children: [row.text, '\n'] }, row.id))) }), _jsxs("form", { className: enabled ? 'term-in' : 'term-in off', onSubmit: onsubmit, children: [_jsx("label", { className: "term-prompt", htmlFor: "termin", children: prompt }), _jsx("input", { id: "termin", ref: inputref, className: "term-input", autoComplete: "off", spellCheck: false, "aria-label": label('console.terminal.inputAria'), disabled: !enabled, value: value, onChange: (event) => setValue(event.target.value), onKeyDown: onkeydown })] })] }));
+}

package/dist/Sol/wingets/DashboardAccountpanel.d.ts

@@ -0,0 +1,18 @@
+import type { SessionUser } from '../../dashboardlib.ts';
+/** the local browser session normalized at boot (defensive read). */
+export type LocalSessionView = {
+    user: string;
+    role: string;
+    issuedat: number;
+    expiresat: number;
+};
+type AccountPanelProps = {
+    /** "api" renders the /auth/me account; "local" the browser session. */
+    mode: 'api' | 'local';
+    /** the normalized account (api mode; null while the session boots). */
+    user: SessionUser | null;
+    /** the normalized local session (local mode). */
+    local: LocalSessionView | null;
+};
+export default function AccountPanel({ mode, user, local }: AccountPanelProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/DashboardAccountpanel.js

@@ -0,0 +1,65 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Signal & Ledger: the account panel absorbed from dashboard.js — dl of
+// session fields (api) or the browser-local account (static edge),
+// with the backup/restore keyfile covering a full storage wipe. the widget
+// owns its states: the loading skeleton before the session lands, the busy
+// flag on the backup controls and the inline status line instead of a
+// browser dialog.
+import { useRef, useState } from 'react';
+import { fmtdate } from '../../dashboardlib.ts';
+import { label, labelfill } from '../../labels.ts';
+import { adminusers, exportaccounts, importaccounts } from '../../localauth.ts';
+export default function AccountPanel({ mode, user, local }) {
+    const fileref = useRef(null);
+    const [busy, setbusy] = useState(false);
+    const [status, setstatus] = useState('');
+    /** downloads the accounts keyfile (salt + hash only, never passwords). */
+    async function backup() {
+        setbusy(true);
+        setstatus('');
+        try {
+            const count = await exportaccounts();
+            setstatus(count > 0
+                ? labelfill('dashboard.account.backupDone', { count: String(count) })
+                : label('dashboard.account.backupEmpty'));
+        }
+        catch {
+            setstatus(label('dashboard.account.backupFailed'));
+        }
+        setbusy(false);
+    }
+    /** imports accounts from the chosen keyfile (merge, never overwrite). */
+    async function restore(file) {
+        setbusy(true);
+        setstatus('');
+        try {
+            const imported = await importaccounts(file);
+            setstatus(imported > 0
+                ? labelfill('dashboard.account.restoreDone', { count: String(imported) })
+                : label('dashboard.account.restoreEmpty'));
+            window.location.reload();
+        }
+        catch (error) {
+            const message = error instanceof Error && error.message ? error.message : label('dashboard.account.importFailed');
+            setstatus(message);
+            setbusy(false);
+        }
+    }
+    if (mode === 'local' && local !== null) {
+        const isadmin = local.role === 'admin';
+        return (_jsxs("div", { children: [_jsxs("dl", { className: "dash-kv", children: [_jsx("dt", { children: label('dashboard.account.username') }), _jsx("dd", { children: local.user }), _jsx("dt", { children: label('dashboard.account.role') }), _jsx("dd", { children: isadmin
+                                ? labelfill('dashboard.account.adminRole', { list: adminusers.join(', ') })
+                                : local.role }), _jsx("dt", { children: label('dashboard.account.mode') }), _jsx("dd", { children: label('dashboard.account.modeLocal') }), _jsx("dt", { children: label('dashboard.account.signedIn') }), _jsx("dd", { children: fmtdate(new Date(local.issuedat).toISOString()) }), _jsx("dt", { children: label('dashboard.account.expires') }), _jsx("dd", { children: fmtdate(new Date(local.expiresat).toISOString()) })] }), _jsxs("div", { className: "dash-actions", children: [_jsx("button", { type: "button", className: "dash-btn", disabled: busy, onClick: () => void backup(), children: label('dashboard.account.backup') }), _jsx("button", { type: "button", className: "dash-btn", disabled: busy, onClick: () => {
+                                fileref.current?.click();
+                            }, children: label('dashboard.account.restore') })] }), status !== '' && (_jsx("p", { className: "dash-statusnote", role: "status", "aria-live": "polite", children: status })), _jsx("input", { ref: fileref, type: "file", accept: "application/json,.json", hidden: true, onChange: (event) => {
+                        const file = event.target.files?.[0];
+                        if (file !== undefined) {
+                            void restore(file);
+                        }
+                    } })] }));
+    }
+    /* api mode: the account is null only while the session bootstrap runs —
+       the skeleton is the honest load, never a invented field */
+    const account = user;
+    return (_jsxs("dl", { className: "dash-kv", children: [_jsx("dt", { children: label('dashboard.account.username') }), _jsx("dd", { children: account === null ? _jsx("span", { className: "dash-skeleton" }) : account.username }), _jsx("dt", { children: label('dashboard.account.role') }), _jsx("dd", { children: account === null ? _jsx("span", { className: "dash-skeleton" }) : account.role }), _jsx("dt", { children: label('dashboard.account.created') }), _jsx("dd", { children: account === null ? _jsx("span", { className: "dash-skeleton" }) : fmtdate(account.createdat) }), _jsx("dt", { children: label('dashboard.account.lastLogin') }), _jsx("dd", { children: account === null ? _jsx("span", { className: "dash-skeleton" }) : fmtdate(account.lastloginat) }), account?.id !== null && account?.id !== undefined && (_jsxs(_Fragment, { children: [_jsx("dt", { children: label('dashboard.account.id') }), _jsx("dd", { children: String(account.id) })] }))] }));
+}

package/dist/Sol/wingets/DashboardAdminpanel.d.ts

@@ -0,0 +1,6 @@
+type AdminPanelProps = {
+    /** "api" reads the admin surface; "local" the browser-local overview. */
+    mode: 'api' | 'local';
+};
+export default function AdminPanel({ mode }: AdminPanelProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/DashboardAdminpanel.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Signal & Ledger: the admin view absorbed from dashboard.js — overview
+// cards with global refresh, mesh nodes, users, global sandboxes and
+// audit; on the static edge, the browser's own overview.
+import { useEffect, useState } from 'react';
+import { apiresult, fmtuptime, pick, readlocalsandboxes } from '../../dashboardlib.ts';
+import { label } from '../../labels.ts';
+import { available } from '../../localauth.ts';
+import AuditLog from './DashboardAuditlog.tsx';
+import GlobalSandboxesTable from './DashboardGlobalsandboxestable.tsx';
+import MeshNodesTable from './DashboardMeshnodestable.tsx';
+import UsersTable from './DashboardUserstable.tsx';
+/** the honest failure state: every counter names its absence. */
+function unavailableoverview() {
+    const na = label('dashboard.admin.na');
+    return { users: na, nodes: na, sandboxes: na, sessions: na, events: na, uptime: na };
+}
+/** the browser-local overview of the static edge admin. */
+function localoverview() {
+    let accounts = 0;
+    try {
+        const raw = window.localStorage.getItem('saddle_local_users');
+        const parsed = raw ? JSON.parse(raw) : {};
+        if (parsed !== null && typeof parsed === 'object') {
+            accounts = Object.keys(parsed).length;
+        }
+    }
+    catch {
+        /* no registry in this browser */
+    }
+    const localboxes = available() ? readlocalsandboxes().length : 0;
+    return {
+        users: String(accounts),
+        nodes: label('dashboard.admin.localNodes'),
+        sandboxes: String(localboxes),
+        sessions: label('dashboard.admin.localSessions'),
+        events: label('dashboard.admin.na'),
+        uptime: label('dashboard.admin.na'),
+    };
+}
+export default function AdminPanel({ mode }) {
+    /* null while the overview loads: the cards render the honest skeleton */
+    const [overview, setoverview] = useState(null);
+    const [reloadkey, setreloadkey] = useState(0);
+    useEffect(() => {
+        if (mode === 'local') {
+            setoverview(localoverview());
+            return;
+        }
+        let stopped = false;
+        (async () => {
+            try {
+                const result = await apiresult('/api/v1/admin/overview');
+                if (stopped) {
+                    return;
+                }
+                if (!result.ok || result.body === null || typeof result.body !== 'object') {
+                    setoverview(unavailableoverview());
+                    return;
+                }
+                const body = result.body;
+                const counts = body.counts !== null && typeof body.counts === 'object'
+                    ? body.counts
+                    : body.overview !== null && typeof body.overview === 'object'
+                        ? body.overview
+                        : body;
+                setoverview({
+                    users: String(pick(counts, ['users', 'userCount', 'totalUsers', 'usercount'], label('dashboard.admin.na'))),
+                    nodes: String(pick(counts, ['nodes', 'nodeCount', 'totalNodes', 'nodecount'], label('dashboard.admin.na'))),
+                    sandboxes: String(pick(counts, ['sandboxes', 'sandboxCount', 'totalSandboxes'], label('dashboard.admin.na'))),
+                    sessions: String(pick(counts, ['sessions', 'sessionCount', 'totalSessions'], label('dashboard.admin.na'))),
+                    events: String(pick(counts, ['events', 'eventCount', 'totalEvents'], label('dashboard.admin.na'))),
+                    uptime: fmtuptime(pick(counts, ['uptime', 'uptimeSeconds', 'uptime_seconds'], 0)),
+                });
+            }
+            catch {
+                if (!stopped) {
+                    setoverview(unavailableoverview());
+                }
+            }
+        })();
+        return () => {
+            stopped = true;
+        };
+    }, [mode, reloadkey]);
+    return (_jsxs("div", { children: [_jsxs("section", { className: "dash-panel", "aria-labelledby": "overtitle", children: [_jsx("h2", { id: "overtitle", children: label('dashboard.admin.overview') }), _jsxs("div", { className: "dash-cards", children: [_jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.users') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.users })] }), _jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.nodes') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.nodes })] }), _jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.sandboxes') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.sandboxes })] }), _jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.sessions') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.sessions })] }), _jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.events') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.events })] }), _jsxs("div", { className: "dash-card", children: [_jsx("div", { className: "k", children: label('dashboard.card.uptime') }), _jsx("div", { className: "v", children: overview === null ? _jsx("span", { className: "dash-skeleton" }) : overview.uptime })] })] }), _jsx("div", { className: "dash-actions", children: _jsx("button", { type: "button", className: "button", "aria-label": label('dashboard.admin.refreshAria'), "aria-busy": overview === null ? 'true' : undefined, onClick: () => {
+                                setoverview(null);
+                                setreloadkey((key) => key + 1);
+                            }, children: label('dashboard.admin.refresh') }) })] }), _jsxs("section", { className: "dash-panel", "aria-labelledby": "nodestitle", children: [_jsx("h2", { id: "nodestitle", children: label('dashboard.admin.nodes') }), _jsx(MeshNodesTable, { mode: mode, reloadkey: reloadkey })] }), _jsxs("section", { className: "dash-panel", "aria-labelledby": "userstitle", children: [_jsx("h2", { id: "userstitle", children: label('dashboard.admin.users') }), _jsx(UsersTable, { mode: mode, reloadkey: reloadkey })] }), _jsxs("section", { className: "dash-panel", "aria-labelledby": "boxestitle", children: [_jsx("h2", { id: "boxestitle", children: label('dashboard.admin.sandboxes') }), _jsx(GlobalSandboxesTable, { mode: mode, reloadkey: reloadkey })] }), _jsxs("section", { className: "dash-panel", "aria-labelledby": "audittitle", children: [_jsx("h2", { id: "audittitle", children: label('dashboard.admin.audit') }), _jsx(AuditLog, { mode: mode, reloadkey: reloadkey })] })] }));
+}

package/dist/Sol/wingets/DashboardAuditlog.d.ts

@@ -0,0 +1,8 @@
+type AuditLogProps = {
+    /** "api" lists /api/v1/admin/audit; "local" shows the static note. */
+    mode: 'api' | 'local';
+    /** bumped by the admin refresh-all action. */
+    reloadkey: number;
+};
+export default function AuditLog({ mode, reloadkey }: AuditLogProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/DashboardAuditlog.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Signal & Ledger: the audit log absorbed from dashboard.js — action,
+// user, ip and instant of the entries the main node registers; on the
+// static edge, the honest note.
+import { useEffect, useState } from 'react';
+import { apiresult, asarray, fmtdate, pick } from '../../dashboardlib.ts';
+import { label, labelfill } from '../../labels.ts';
+export default function AuditLog({ mode, reloadkey }) {
+    const [items, setitems] = useState([]);
+    const [error, seterror] = useState('');
+    useEffect(() => {
+        if (mode !== 'api') {
+            return undefined;
+        }
+        let stopped = false;
+        (async () => {
+            try {
+                const result = await apiresult('/api/v1/admin/audit');
+                if (stopped) {
+                    return;
+                }
+                if (!result.ok) {
+                    seterror(labelfill('dashboard.audit.unavailable', { status: String(result.status) }));
+                    return;
+                }
+                seterror('');
+                setitems(asarray(result.body, ['entries', 'audit', 'items', 'data', 'list', 'logs']));
+            }
+            catch {
+                if (!stopped) {
+                    seterror(label('dashboard.audit.unreachable'));
+                }
+            }
+        })();
+        return () => {
+            stopped = true;
+        };
+    }, [mode, reloadkey]);
+    if (mode === 'local') {
+        return _jsx("p", { className: "dash-empty", children: label('dashboard.audit.localNote') });
+    }
+    return (_jsxs("div", { children: [_jsx("div", { className: "dash-tablescroll", 
+                // biome-ignore lint/a11y/noNoninteractiveTabindex: deliberate wcag scrollable-region pattern: the tabIndex keeps the overflowing table keyboard-scrollable; the rows are display data and the interactive cells (none here) use real buttons
+                tabIndex: 0, role: "region", "aria-label": label('dashboard.audit.tableAria'), children: _jsxs("table", { children: [items.length === 0 && error === '' && (_jsx("caption", { className: "dash-empty", children: label('dashboard.audit.empty') })), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: label('dashboard.audit.colAction') }), _jsx("th", { scope: "col", children: label('dashboard.audit.colUser') }), _jsx("th", { scope: "col", children: label('dashboard.audit.colIp') }), _jsx("th", { scope: "col", children: label('dashboard.audit.colWhen') })] }) }), _jsx("tbody", { children: items.map((entry) => {
+                                const action = String(pick(entry, ['action', 'type', 'event'], '?'));
+                                const username = String(pick(entry, ['username', 'actor', 'by', 'user', 'userid', 'user_id'], '-'));
+                                const ip = String(pick(entry, ['ip', 'sourceIp', 'address'], '-'));
+                                return (_jsxs("tr", { children: [_jsx("td", { children: action }), _jsx("td", { children: username }), _jsx("td", { className: "wrapcell", children: ip }), _jsx("td", { children: fmtdate(pick(entry, ['at', 'ts', 'time', 'createdAt', 'when'], null)) })] }, `${action}|${username}|${ip}`));
+                            }) })] }) }), error !== '' && _jsx("p", { className: "dash-panelerror", children: error })] }));
+}

package/dist/Sol/wingets/DashboardCreatesandboxform.d.ts

@@ -0,0 +1,10 @@
+type CreateSandboxFormProps = {
+    /** "api" posts /api/v1/sandboxes; "local" drives the browser engine shelf. */
+    mode: 'api' | 'local';
+    /** fires after a successful creation so the list reloads. */
+    oncreated: () => void;
+    /** the refresh action beside the submit button. */
+    onrefresh: () => void;
+};
+export default function CreateSandboxForm({ mode, oncreated, onrefresh }: CreateSandboxFormProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/DashboardCreatesandboxform.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Signal & Ledger: the creation form absorbed from dashboard.js —
+// engine catalogs (sandbox.ts) with static fallback, spec posted to the
+// api or materialized in the local engine (static mode).
+import { useState } from 'react';
+import { apiresult, errormessage, fallbackcpus, fallbackgpus, readlocalsandboxes, writelocalsandboxes, } from '../../dashboardlib.ts';
+import { label, labelfill } from '../../labels.ts';
+import { cpudata, createSandboxState, gpudata } from '../../sandbox.ts';
+/** the spec fields of one creation request (model from the reviewed catalog). */
+function catalogs() {
+    const cpumodels = Array.isArray(cpudata) && cpudata.length > 0 ? cpudata.map((cpu) => cpu.model) : fallbackcpus;
+    const gpuids = Array.isArray(gpudata) && gpudata.length > 0 ? gpudata.map((gpu) => gpu.id) : fallbackgpus;
+    return { cpumodels, gpuids };
+}
+export default function CreateSandboxForm({ mode, oncreated, onrefresh }) {
+    const { cpumodels, gpuids } = catalogs();
+    const [model, setmodel] = useState(cpumodels[0] ?? fallbackcpus[0]);
+    const [vcpus, setvcpus] = useState(8);
+    const [ramgb, setramgb] = useState(32);
+    const [gpu, setgpu] = useState(gpuids[0] ?? fallbackgpus[0]);
+    const [mig, setmig] = useState('off');
+    const [busy, setbusy] = useState(false);
+    const [error, seterror] = useState('');
+    async function submit(event) {
+        event.preventDefault();
+        seterror('');
+        const spec = { model, vcpus: Number(vcpus) || 8, ramgb: Number(ramgb) || 32, gpu, mig };
+        if (mode === 'local') {
+            /* the browser-pure engine port drives the shelf: the same
+             * createSandboxState the console runs, no server involved.
+             * the record is a stored spec — nothing executes here —
+             * so the honest state chip reads 'created', never
+             * 'running'. */
+            const state = createSandboxState(spec);
+            const list = readlocalsandboxes();
+            list.unshift({
+                id: state.id,
+                spec: {
+                    model: state.model,
+                    vcpus: state.vcpus,
+                    ramgb: state.ramgb,
+                    gpu: state.gpu,
+                    mig: state.mig,
+                },
+                createdat: new Date().toISOString(),
+                state: 'created',
+            });
+            writelocalsandboxes(list);
+            oncreated();
+            return;
+        }
+        setbusy(true);
+        try {
+            const result = await apiresult('/api/v1/sandboxes', {
+                method: 'POST',
+                body: JSON.stringify(spec),
+            });
+            if (result.ok) {
+                oncreated();
+            }
+            else {
+                seterror(errormessage(result, labelfill('dashboard.create.failedStatus', { status: String(result.status) })));
+            }
+        }
+        catch {
+            seterror(label('dashboard.create.unreachable'));
+        }
+        setbusy(false);
+    }
+    return (_jsxs("form", { noValidate: true, "aria-label": label('dashboard.create.formAria'), onSubmit: submit, children: [_jsxs("div", { className: "dash-formrow", children: [_jsxs("div", { className: "dash-field", children: [_jsx("label", { htmlFor: "newmodel", children: label('dashboard.create.cpuLabel') }), _jsx("select", { id: "newmodel", "aria-label": label('dashboard.create.cpuAria'), value: model, onChange: (event) => setmodel(event.target.value), children: cpumodels.map((entry) => (_jsx("option", { value: entry, children: entry }, entry))) })] }), _jsxs("div", { className: "dash-field", children: [_jsx("label", { htmlFor: "newvcpus", children: label('dashboard.create.vcpusLabel') }), _jsx("input", { type: "number", id: "newvcpus", min: 1, max: 192, value: vcpus, "aria-label": label('dashboard.create.vcpusAria'), onChange: (event) => setvcpus(Number(event.target.value)) })] }), _jsxs("div", { className: "dash-field", children: [_jsx("label", { htmlFor: "newram", children: label('dashboard.create.ramLabel') }), _jsx("input", { type: "number", id: "newram", min: 1, max: 1024, value: ramgb, "aria-label": label('dashboard.create.ramAria'), onChange: (event) => setramgb(Number(event.target.value)) })] }), _jsxs("div", { className: "dash-field", children: [_jsx("label", { htmlFor: "newgpu", children: label('dashboard.create.gpuLabel') }), _jsx("select", { id: "newgpu", "aria-label": label('dashboard.create.gpuAria'), value: gpu, onChange: (event) => setgpu(event.target.value), children: gpuids.map((entry) => (_jsx("option", { value: entry, children: entry }, entry))) })] }), _jsxs("div", { className: "dash-field", children: [_jsx("label", { htmlFor: "newmig", children: label('dashboard.create.migLabel') }), _jsxs("select", { id: "newmig", "aria-label": label('dashboard.create.migAria'), value: mig, onChange: (event) => setmig(event.target.value), children: [_jsx("option", { value: "off", children: "off" }), _jsx("option", { value: "1g.24gb", children: "1g.24gb" }), _jsx("option", { value: "2g.48gb", children: "2g.48gb" }), _jsx("option", { value: "4g.96gb", children: "4g.96gb" })] })] })] }), error !== '' && (_jsx("p", { className: "dash-panelerror", role: "alert", children: error })), _jsxs("div", { className: "dash-actions", children: [_jsx("button", { type: "submit", className: "primary", disabled: busy, "aria-busy": busy ? 'true' : undefined, "aria-label": label('dashboard.create.submitAria'), children: label('dashboard.create.submit') }), _jsx("button", { type: "button", className: "button", "aria-label": label('dashboard.create.refreshAria'), onClick: onrefresh, children: label('dashboard.create.refresh') })] })] }));
+}

package/dist/Sol/wingets/DashboardEventstimeline.d.ts

@@ -0,0 +1,8 @@
+type EventsTimelineProps = {
+    /** "api" polls the bus; "local" shows the static-edge note. */
+    mode: 'api' | 'local';
+    /** false while the session bootstrap runs (avoids a premature 401). */
+    ready: boolean;
+};
+export default function EventsTimeline({ mode, ready }: EventsTimelineProps): import("react").JSX.Element;
+export {};

package/dist/Sol/wingets/DashboardEventstimeline.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Signal & Ledger: the bus event timeline absorbed from
+// dashboard.js — poll of /api/v1/events?since= every 10 s with cursor,
+// prepend and a 50-entry cap; on the static edge it becomes the honest note.
+import { useEffect, useRef, useState } from 'react';
+import { apiresult, asarray, fmtdate, pick } from '../../dashboardlib.ts';
+import { label } from '../../labels.ts';
+/** classifies one topic into the timeline color kinds. */
+function kindfor(topic) {
+    if (/exec/i.test(topic)) {
+        return 'exec';
+    }
+    if (/mesh|node|ping/i.test(topic)) {
+        return 'mesh';
+    }
+    return 'lifecycle';
+}
+/** projects one bus event into a rendered entry (defensive). */
+function toentry(record, index) {
+    const topic = String(pick(record, ['topic', 'type', 'event', 'name'], 'event'));
+    const detail = pick(record, ['detail', 'data', 'message', 'payload'], '');
+    const at = pick(record, ['at', 'ts', 'time', 'createdAt', 'created_at', 'when'], null);
+    return {
+        key: `${String(pick(record, ['id', 'seq'], index))}-${index}`,
+        kind: kindfor(topic),
+        time: fmtdate(at),
+        topic,
+        detail: typeof detail === 'string' ? detail : JSON.stringify(detail),
+    };
+}
+export default function EventsTimeline({ mode, ready }) {
+    const [entries, setentries] = useState([]);
+    const cursorref = useRef('');
+    useEffect(() => {
+        if (mode !== 'api' || !ready) {
+            return undefined;
+        }
+        let stopped = false;
+        const tick = async () => {
+            if (document.visibilityState !== 'visible') {
+                return;
+            }
+            try {
+                const query = cursorref.current === '' ? '' : `?since=${encodeURIComponent(cursorref.current)}`;
+                const result = await apiresult(`/api/v1/events${query}`);
+                if (stopped || !result.ok) {
+                    return;
+                }
+                const items = asarray(result.body, ['events', 'items', 'data', 'list']);
+                const lastid = pick(result.body, ['lastid', 'lastId'], null);
+                if (lastid !== null && lastid !== undefined) {
+                    cursorref.current = String(lastid);
+                }
+                if (items.length === 0) {
+                    return;
+                }
+                const projected = items.map((item, index) => {
+                    const next = pick(item, ['id', 'seq'], null);
+                    if (next !== null && next !== undefined) {
+                        cursorref.current = String(next);
+                    }
+                    return toentry(item, index);
+                });
+                setentries((previous) => [...projected, ...previous].slice(0, 50));
+            }
+            catch {
+                /* the next poll retries silently */
+            }
+        };
+        void tick();
+        const timer = setInterval(() => {
+            void tick();
+        }, 10000);
+        return () => {
+            stopped = true;
+            clearInterval(timer);
+        };
+    }, [mode, ready]);
+    if (mode === 'local') {
+        return (_jsx("ol", { className: "dash-timeline", role: "log", "aria-live": "polite", "aria-label": label('dashboard.events.aria'), children: _jsx("li", { className: "dash-empty", children: _jsx("span", { children: label('dashboard.events.localNote') }) }) }));
+    }
+    return (_jsxs("div", { children: [_jsxs("ol", { className: "dash-timeline", role: "log", "aria-live": "polite", "aria-label": label('dashboard.events.aria'), children: [entries.length === 0 && _jsx("li", { className: "dash-empty", children: label('dashboard.events.empty') }), entries.map((entry) => (_jsxs("li", { className: entry.kind, children: [_jsxs("span", { className: "time", children: [entry.time, " "] }), _jsx("span", { className: "topic", children: entry.topic }), _jsx("span", { className: "detail", children: entry.detail })] }, entry.key)))] }), _jsx("p", { className: "dash-statusnote", children: label('dashboard.events.pollNote') })] }));
+}