@wenathlan/saddle 2.0.154 → 2.0.159

package/dist/Sol/onboarding/onboarding.d.ts

@@ -1,25 +0,0 @@
-/**
- * onboarding.tsx — the first-run steps of the APPLICATION (the family
- * window recipe): three short frames presented like a Windows 11 first-run
- * dialog over the canvas backdrop — what the app IS (the honest role: the
- * sandbox engine of the family, not an operating system), what it DOES
- * (the surfaces the window hosts — console, playground, compute and the
- * agent browser over the storage == compute engine — read straight from
- * the rail map) and the ENTER frame with the hand-over button. The finish
- * AND the skip mark onboarding seen through the one accessor
- * (onboardingstate.ts — seen = may skip; the flow is never forced again)
- * and navigate to "/" so the window takes over. Frames remount on step
- * change so the 250ms entry plays each time; reduced motion rides the
- * stylesheet hard stop. No opt-in switches here: the app holds no account
- * write and no visitor storage beyond the shared onboarding state. Every
- * word of the dialog rides the label store (labels.ts — the copy law):
- * the three frame names arrive as the onboarding.steps row the page
- * splits, so no fixed step array lives in the component.
- */
-/**
- * The onboarding page: a three-step first-run dialog that hands the
- * surface to the home of the window.
- *
- * @returns the onboarding element.
- */
-export default function Onboarding(): import("react").JSX.Element;

package/dist/Sol/onboarding/onboarding.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// the saddle onboarding of the theme.
-/**
- * onboarding.tsx — the first-run steps of the APPLICATION (the family
- * window recipe): three short frames presented like a Windows 11 first-run
- * dialog over the canvas backdrop — what the app IS (the honest role: the
- * sandbox engine of the family, not an operating system), what it DOES
- * (the surfaces the window hosts — console, playground, compute and the
- * agent browser over the storage == compute engine — read straight from
- * the rail map) and the ENTER frame with the hand-over button. The finish
- * AND the skip mark onboarding seen through the one accessor
- * (onboardingstate.ts — seen = may skip; the flow is never forced again)
- * and navigate to "/" so the window takes over. Frames remount on step
- * change so the 250ms entry plays each time; reduced motion rides the
- * stylesheet hard stop. No opt-in switches here: the app holds no account
- * write and no visitor storage beyond the shared onboarding state. Every
- * word of the dialog rides the label store (labels.ts — the copy law):
- * the three frame names arrive as the onboarding.steps row the page
- * splits, so no fixed step array lives in the component.
- */
-import { ArrowLeftRegular as ArrowLeft, ArrowRightRegular as ArrowRight, TableRegular as LayoutDashboard, } from '@fluentui/react-icons';
-import { useCallback, useState } from 'react';
-import { useLocation } from 'wouter';
-import { markOnboardingSeen } from '../../onboardingstate.ts';
-import { label, labelfill } from '../../labels.ts';
-import { SaddleMark, START_APPS } from '../shell/Shell.tsx';
-/** the three frames of the first run, in order — one config row of the
- * label store the page splits (the onboarding.steps precedent of the
- * provider chain row of the architecture page). */
-const steps = label('onboarding.steps').split(' · ');
-/**
- * The onboarding page: a three-step first-run dialog that hands the
- * surface to the home of the window.
- *
- * @returns the onboarding element.
- */
-export default function Onboarding() {
-    const [, navigate] = useLocation();
-    const [step, setStep] = useState(0);
-    const last = step === steps.length - 1;
-    /** the hand-over: the onboarding counts as seen (finish and skip alike —
-     * seen = may skip; never forced again) and the window opens on the home. */
-    const enterHome = useCallback(() => {
-        markOnboardingSeen();
-        navigate('/');
-    }, [navigate]);
-    return (_jsx("div", { className: "winonboard", children: _jsxs("section", { className: "winonboard__card", "aria-label": label('onboarding.cardAria'), children: [_jsxs("header", { className: "winonboard__head", children: [_jsx(SaddleMark, { size: 18, hidden: true }), _jsx("span", { className: "winonboard__title", children: label('onboarding.title') }), _jsx("button", { type: "button", className: "winonboard__skip", onClick: enterHome, children: label('onboarding.skip') })] }), _jsxs("div", { className: "winonboard__body", children: [step === 0 && (_jsxs("article", { className: "winonboard__step", children: [_jsx("p", { className: "winonboard__eyebrow", children: labelfill('onboarding.eyebrow', {
-                                        index: String(step + 1),
-                                        step: steps[step],
-                                    }) }), _jsx("h2", { className: "winonboard__lead", children: label('onboarding.what.title') }), _jsx("p", { className: "winonboard__lede", children: label('onboarding.what.body') })] }, "what")), step === 1 && (_jsxs("article", { className: "winonboard__step", children: [_jsx("p", { className: "winonboard__eyebrow", children: labelfill('onboarding.eyebrow', {
-                                        index: String(step + 1),
-                                        step: steps[step],
-                                    }) }), _jsx("h2", { className: "winonboard__lead", children: label('onboarding.does.title') }), _jsx("ul", { className: "winonboard__facts", children: START_APPS.map((app) => {
-                                        const Icon = app.icon ?? LayoutDashboard;
-                                        return (_jsxs("li", { className: "winonboard__fact", children: [_jsx(Icon, { fontSize: 16, strokeWidth: 1.7, "aria-hidden": "true" }), _jsxs("span", { children: [_jsx("strong", { children: app.label }), " \u2014 ", app.detail] })] }, app.href));
-                                    }) })] }, "does")), step === 2 && (_jsxs("article", { className: "winonboard__step", children: [_jsx("p", { className: "winonboard__eyebrow", children: labelfill('onboarding.eyebrow', {
-                                        index: String(step + 1),
-                                        step: steps[step],
-                                    }) }), _jsx("h2", { className: "winonboard__lead", children: label('onboarding.enter.title') }), _jsx("p", { className: "winonboard__lede", children: label('onboarding.enter.body') })] }, "enter"))] }), _jsxs("footer", { className: "winonboard__foot", children: [_jsx("div", { className: "winonboard__ladder", "aria-hidden": "true", children: steps.map((stepname, index) => (_jsx("span", { className: "winonboard__segrun", "data-active": index === step ? 'true' : undefined }, stepname))) }), _jsxs("div", { className: "winonboard__actions", children: [step > 0 && (_jsxs("button", { type: "button", className: "winonboard__act", onClick: () => setStep((value) => value - 1), children: [_jsx(ArrowLeft, { fontSize: 14, "aria-hidden": "true" }), label('onboarding.back')] })), last ? (_jsxs("button", { type: "button", className: "winonboard__act winonboard__act--primary", onClick: enterHome, children: [label('onboarding.enterCta'), _jsx(ArrowRight, { fontSize: 14, "aria-hidden": "true" })] })) : (_jsxs("button", { type: "button", className: "winonboard__act winonboard__act--primary", onClick: () => setStep((value) => value + 1), children: [label('onboarding.continue'), _jsx(ArrowRight, { fontSize: 14, "aria-hidden": "true" })] }))] })] })] }) }));
-}

package/dist/Sol/playground/playground.d.ts

@@ -1,9 +0,0 @@
-/**
- * playground page anchor — layer 3 of the anchor architecture.
- * The file carrying the folder's own name is the path manager of the page:
- * it imports the loose components beside it, mounts the page and re-exports
- * the public component surface. Only the theme anchor (Sol/Sol.tsx) consumes
- * this file. This anchor carries the former main component of the folder,
- * which now lives here as the page mount itself.
- */
-export default function Playground(): import("react").JSX.Element;

package/dist/Sol/playground/playground.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * playground page anchor — layer 3 of the anchor architecture.
- * The file carrying the folder's own name is the path manager of the page:
- * it imports the loose components beside it, mounts the page and re-exports
- * the public component surface. Only the theme anchor (Sol/Sol.tsx) consumes
- * this file. This anchor carries the former main component of the folder,
- * which now lives here as the page mount itself.
- */
-import { internalapi } from '@saddle/isolation';
-// Signal & Ledger: playground as the ledger of internal plans, never a console that executes bytes.
-// Every word of the page rides the label store (labels.ts — the copy law);
-// the fixture and the stage states stay the honest data of the projection.
-import { PulseRegular as Activity, ProhibitedRegular as Ban, CubeRegular as Blocks, BracesRegular as Braces, DatabaseRegular as Database, DocumentErrorRegular as FileWarning, CommunicationRegular as Network, ShieldTaskRegular as ShieldCheck, } from '@fluentui/react-icons';
-import { useMemo, useState } from 'react';
-import { PageShell } from '../shell/Shell.tsx';
-import { label, labelfill } from '../../labels.ts';
-const fixture = Object.freeze({
-    id: 'fixture.binary.001',
-    effect: 'binary-execution',
-    target: 'remote',
-    // biome-ignore lint/security/noSecrets: a deterministic demo payload digest for the sandbox spec fixture, not a credential
-    source: '8c3d2e7b6a5f4c1d0e9b8a7f6c5d4e3b2a1908172635445566778899aabbccdd',
-    budget: { maxbytes: 65536, maxmilliseconds: 250 },
-});
-/** the six boundaries of the projection: the glyph and the two-digit index
- * are presentation code, the words ride the store (playground.boundary.*). */
-const boundaries = [
-    {
-        index: '01',
-        namekey: 'playground.boundary.gateway.name',
-        detailkey: 'playground.boundary.gateway.detail',
-        icon: Braces,
-    },
-    {
-        index: '02',
-        namekey: 'playground.boundary.plan.name',
-        detailkey: 'playground.boundary.plan.detail',
-        icon: Blocks,
-    },
-    {
-        index: '03',
-        namekey: 'playground.boundary.policy.name',
-        detailkey: 'playground.boundary.policy.detail',
-        icon: ShieldCheck,
-    },
-    {
-        index: '04',
-        namekey: 'playground.boundary.materialize.name',
-        detailkey: 'playground.boundary.materialize.detail',
-        icon: Database,
-    },
-    {
-        index: '05',
-        namekey: 'playground.boundary.execute.name',
-        detailkey: 'playground.boundary.execute.detail',
-        icon: Activity,
-    },
-    {
-        index: '06',
-        namekey: 'playground.boundary.evidence.name',
-        detailkey: 'playground.boundary.evidence.detail',
-        icon: FileWarning,
-    },
-];
-/** the two policy modalities of the projection: each is one card, and each
- * card walks the six boundaries as its own stage ladder (the windows
- * stepper — the ::after indicator: 0 closed, 6px #858585 done, 12px accent
- * active). the card words ride the store (playground.card.*). */
-const modalitycards = [
-    {
-        id: 'default',
-        index: '01',
-        namekey: 'playground.card.default.name',
-        codekey: 'playground.card.default.code',
-        verdictkey: 'playground.card.default.verdict',
-        tipkey: 'playground.card.default.tip',
-    },
-    {
-        id: 'delegated',
-        index: '02',
-        namekey: 'playground.card.delegated.name',
-        codekey: 'playground.card.delegated.code',
-        verdictkey: 'playground.card.delegated.verdict',
-        tipkey: 'playground.card.delegated.tip',
-    },
-];
-/** the stage states per modality, boundary order: done (6px gray), active
- * (12px accent), denied (12px gray), armed (6px gray) and closed (0). */
-const stageladder = {
-    default: ['done', 'done', 'done', 'done', 'denied', 'closed'],
-    delegated: ['done', 'done', 'done', 'done', 'active', 'armed'],
-};
-/** walks the six boundaries of one modality into the stage rows. */
-function walkstages(modality) {
-    return boundaries.map((boundary, index) => ({
-        index: boundary.index,
-        namekey: boundary.namekey,
-        state: stageladder[modality][index],
-    }));
-}
-function fixtureenvelope(boundary, configuration = {}) {
-    if (boundary === 'planning')
-        return { boundary, requestid: 'web.fixture.plan', payload: fixture };
-    if (boundary === 'policy' || boundary === 'execution')
-        return {
-            boundary,
-            requestid: `web.fixture.${boundary}`,
-            payload: { request: fixture, configuration },
-        };
-    return { boundary, requestid: `web.fixture.${boundary}`, payload: {} };
-}
-export default function Playground() {
-    const [mode, setMode] = useState('default');
-    const configuration = useMemo(() => mode === 'delegated'
-        ? {
-            policy: { alloweffects: ['binary-execution'], allowtargets: ['remote'] },
-            approval: { effects: ['binary-execution'], targets: ['remote'] },
-            adapter: { owner: 'operator', capabilities: ['binary-execution'] },
-        }
-        : {}, [mode]);
-    const projection = useMemo(() => internalapi().handle(fixtureenvelope('execution', configuration)), [configuration]);
-    const handoff = projection.data.handoff;
-    return (_jsxs(PageShell, { section: label('playground.shell.section'), label: label('playground.shell.label'), title: label('playground.shell.title'), intro: label('playground.shell.intro'), children: [_jsxs("section", { className: "content-section split-content", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: label('playground.split.eyebrow') }), _jsxs("h2", { className: "section-title", children: [label('playground.split.title1'), _jsx("br", {}), _jsx("span", { children: label('playground.split.title2') })] })] }), _jsxs("div", { className: "prose-copy", children: [_jsx("p", { children: label('playground.split.body1') }), _jsx("p", { children: label('playground.split.body2') })] })] }), _jsxs("section", { className: "content-section", children: [_jsxs("div", { className: "content-section-heading", children: [_jsx("p", { className: "eyebrow", children: label('playground.boundaries.eyebrow') }), _jsx("span", { className: "mono-label", children: label('playground.boundaries.mono') })] }), _jsx("div", { className: "playground-boundaries", children: boundaries.map(({ index, namekey, detailkey, icon: Icon }, cardindex) => (_jsxs("article", { className: "playground-boundary", style: { '--stagger-i': cardindex }, children: [_jsx("span", { children: index }), _jsx(Icon, { fontSize: 18 }), _jsx("strong", { children: label(namekey) }), _jsx("small", { children: label(detailkey) })] }, namekey))) })] }), _jsxs("section", { className: "content-section", "aria-label": label('playground.modalities.aria'), children: [_jsxs("div", { className: "content-section-heading", children: [_jsx("p", { className: "eyebrow", children: label('playground.modalities.eyebrow') }), _jsx("span", { className: "mono-label", children: label('playground.modalities.mono') })] }), _jsx("div", { className: "r3-modality", children: modalitycards.map((card, cardindex) => (_jsxs("article", { className: mode === card.id ? 'r3-modality-card is-on' : 'r3-modality-card', style: { '--stagger-i': cardindex }, children: [_jsxs("button", { type: "button", className: "r3-modality-key", "aria-pressed": mode === card.id, "data-tip": label(card.tipkey), onClick: () => setMode(card.id), children: [_jsx("span", { className: "r3-modality-index", children: card.index }), _jsx("span", { className: "r3-modality-name", children: label(card.namekey) }), _jsx("span", { className: "r3-modality-code", children: label(card.codekey) })] }), _jsx("p", { className: "r3-modality-verdict", children: label(card.verdictkey) }), _jsx("ol", { className: "r3-walk", "aria-label": labelfill('playground.walkAria', { name: label(card.namekey) }), children: walkstages(card.id).map((stage) => (_jsxs("li", { className: "r3-walkstage", "data-state": stage.state, children: [_jsx("span", { className: "r3-walkstage-index", children: stage.index }), _jsx("span", { className: "r3-walkstage-name", children: label(stage.namekey) }), _jsx("span", { className: "r3-walkstage-state", children: stage.state })] }, stage.namekey))) })] }, card.id))) })] }), _jsxs("section", { className: "content-section playground-layout", children: [_jsxs("div", { className: "playground-console", children: [_jsxs("div", { className: "console-head", children: [_jsxs("span", { children: [_jsx(Activity, { fontSize: 14 }), " ", label('playground.projection.title')] }), _jsxs("span", { className: handoff.state === 'execution-disabled' ? 'console-denied' : 'console-pass', children: [handoff.state === 'execution-disabled' ? (_jsx(Ban, { fontSize: 13 })) : (_jsx(ShieldCheck, { fontSize: 13 })), ' ', handoff.code] })] }), _jsxs("div", { className: "playground-console-body", children: [_jsxs("div", { className: "playground-row", children: [_jsx("span", { children: label('playground.row.request') }), _jsx("b", { children: fixture.id })] }), _jsxs("div", { className: "playground-row", children: [_jsx("span", { children: label('playground.row.effect') }), _jsx("b", { children: fixture.effect })] }), _jsxs("div", { className: "playground-row", children: [_jsx("span", { children: label('playground.row.target') }), _jsx("b", { children: fixture.target })] }), _jsxs("div", { className: "playground-row", children: [_jsx("span", { children: label('playground.row.outcome') }), _jsx("b", { children: handoff.state })] }), _jsxs("div", { className: "playground-row", children: [_jsx("span", { children: label('playground.row.effects') }), _jsx("b", { children: JSON.stringify(projection.effects) })] }), _jsx("pre", { children: JSON.stringify(handoff, null, 2) })] }), _jsxs("div", { className: "console-footer", children: [_jsx("span", { children: label('playground.footer.fixture') }), _jsx("span", { children: label('playground.footer.adapter') })] })] }), _jsxs("aside", { className: "playground-controls", children: [_jsx("p", { className: "eyebrow", children: label('playground.controls.eyebrow') }), _jsx("h3", { children: label('playground.controls.title') }), _jsx("p", { children: label('playground.controls.body') }), _jsx("p", { className: "r3-modality-note", role: "status", children: label(mode === 'delegated'
-                                    ? 'playground.controls.projectingDelegated'
-                                    : 'playground.controls.projectingDefault') })] })] }), _jsxs("section", { className: "content-section note-band", children: [_jsx(Network, { fontSize: 21 }), _jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: label('playground.note.eyebrow') }), _jsx("p", { children: label('playground.note.body') })] })] })] }));
-}

package/dist/Sol/register/register.d.ts

@@ -1,16 +0,0 @@
-/**
- * register page anchor — layer 3 of the anchor architecture.
- * The file carrying the folder's own name is the path manager of the page:
- * it imports the loose components beside it, mounts the page and re-exports
- * the public component surface. Only the theme anchor (Sol/Sol.tsx) consumes
- * this file. This anchor carries the former main component of the folder,
- * which now lives here as the page mount itself.
- */
-export * from '../wingets';
-/** meta description carried by the absorbed static page. */
-export declare const registerpagedescription = "saddle account creation: username and password only, no e-mail by project policy";
-/**
- * the create-account page: brand lockup, the instrument card (form beside
- * the live trust rail) and the policy footer.
- */
-export default function Register(): import("react").JSX.Element;

package/dist/Sol/register/register.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * register page anchor — layer 3 of the anchor architecture.
- * The file carrying the folder's own name is the path manager of the page:
- * it imports the loose components beside it, mounts the page and re-exports
- * the public component surface. Only the theme anchor (Sol/Sol.tsx) consumes
- * this file. This anchor carries the former main component of the folder,
- * which now lives here as the page mount itself.
- */
-// Account creation page: faithful absorption of register.html + register.js —
-// username charset validation (3-32 of [a-z0-9.-], lowercased as the visitor
-// types), password strength meter, confirmation match, then POST
-// /api/v1/auth/register with the localauth fallback for the static edge.
-// R3-saddle: one instrument card with an asymmetric interior — the form
-// (1.2fr) beside the trust rail (1fr) that carries the live rules checklist,
-// the strength meter and the real policy facts; 44px inputs, sand focus ring.
-import { useEffect, useRef, useState } from 'react';
-import { Link, useLocation } from 'wouter';
-import { apibase, apierrormessage, apifetch, apistatustext } from '../../api';
-import { label } from '../../labels.ts';
-import { PasswordConfirm as PasswordConfirm } from '../wingets';
-import { PasswordMeter as PasswordMeter } from '../wingets';
-import { UsernameRules as UsernameRules, usernamere } from '../wingets';
-export * from '../wingets';
-/** meta description carried by the absorbed static page. */
-export const registerpagedescription = 'saddle account creation: username and password only, no e-mail by project policy';
-/** the real policy facts of the trust rail: the labels ride the store. */
-function trustfacts() {
-    return [
-        {
-            label: label('register.trust.identityLabel'),
-            body: label('register.trust.identityBody'),
-        },
-        {
-            label: label('register.trust.hashingLabel'),
-            body: label('register.trust.hashingBody'),
-        },
-        {
-            label: label('register.trust.charsetLabel'),
-            body: label('register.trust.charsetBody'),
-        },
-        {
-            label: label('register.trust.sessionLabel'),
-            body: label('register.trust.sessionBody'),
-        },
-    ];
-}
-/**
- * the create-account page: brand lockup, the instrument card (form beside
- * the live trust rail) and the policy footer.
- */
-export default function Register() {
-    const [, navigate] = useLocation();
-    const usernameref = useRef(null);
-    const [username, setUsername] = useState('');
-    const [password, setPassword] = useState('');
-    const [confirmation, setConfirmation] = useState('');
-    const [usernameinvalid, setUsernameinvalid] = useState(false);
-    const [passwordinvalid, setPasswordinvalid] = useState(false);
-    const [confirminvalid, setConfirminvalid] = useState(false);
-    const [error, setError] = useState('');
-    const [pending, setPending] = useState(false);
-    const [succeeded, setSucceeded] = useState(false);
-    const [apimode, setApimode] = useState('probing');
-    const [statusline, setStatusline] = useState(apistatustext());
-    /** static edge detection: probe the api once; no answer -> local mode. */
-    useEffect(() => {
-        let cancelled = false;
-        const detect = async () => {
-            const base = apibase();
-            const localauth = await import('../../localauth.ts');
-            const apianswers = await localauth.probe(base);
-            if (cancelled)
-                return;
-            if (!apianswers) {
-                setApimode('local');
-                setStatusline(label('register.status.local'));
-            }
-            else {
-                setApimode('remote');
-            }
-        };
-        detect().catch(() => {
-            if (!cancelled)
-                setApimode('local');
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    /** username field focus, like the static page controller. */
-    useEffect(() => {
-        usernameref.current?.focus();
-    }, []);
-    /** auto-lowercase the username while typing (selection restored). */
-    const onusernamechange = (event) => {
-        const input = event.target;
-        const lowered = input.value.toLowerCase();
-        if (lowered !== input.value) {
-            const start = input.selectionStart ?? input.value.length;
-            const position = start - (input.value.length - lowered.length);
-            input.value = lowered;
-            try {
-                input.setSelectionRange(position, position);
-            }
-            catch {
-                /* selection restore is cosmetic */
-            }
-        }
-        setUsername(input.value);
-    };
-    const onsubmit = async (event) => {
-        event.preventDefault();
-        setError('');
-        let valid = true;
-        if (!usernamere.test(username)) {
-            setUsernameinvalid(true);
-            valid = false;
-        }
-        else {
-            setUsernameinvalid(false);
-        }
-        if (password.length < 8) {
-            setPasswordinvalid(true);
-            valid = false;
-        }
-        else {
-            setPasswordinvalid(false);
-        }
-        if (password !== confirmation) {
-            setConfirminvalid(true);
-            valid = false;
-        }
-        else {
-            setConfirminvalid(false);
-        }
-        if (!valid) {
-            setError(label('register.error.fixFields'));
-            return;
-        }
-        setPending(true);
-        /* static edge: no api at this base -> browser-local account */
-        if (apimode === 'local') {
-            try {
-                const localauth = await import('../../localauth.ts');
-                await localauth.register(username, password);
-                setSucceeded(true);
-                navigate('/dashboard');
-            }
-            catch (registererror) {
-                const message = registererror instanceof Error ? registererror.message : label('register.error.localFailed');
-                setError(message);
-                setPending(false);
-            }
-            return;
-        }
-        try {
-            const response = await apifetch('/api/v1/auth/register', {
-                method: 'POST',
-                body: JSON.stringify({ username, password }),
-            });
-            if (response.ok) {
-                /* the backend sets the saddlesession cookie: straight to the dashboard */
-                setSucceeded(true);
-                navigate('/dashboard');
-                return;
-            }
-            if (response.status === 404) {
-                setError(label('register.error.noRegister'));
-            }
-            else {
-                let message = label('register.error.generic');
-                if (response.status === 400 || response.status === 409 || response.status === 429) {
-                    const payloadmessage = await apierrormessage(response);
-                    if (payloadmessage !== null) {
-                        message = payloadmessage;
-                    }
-                }
-                setError(message);
-            }
-        }
-        catch {
-            setError(label('register.error.unreachable'));
-        }
-        setPending(false);
-    };
-    const hintstate = username.length > 0 && !usernamere.test(username)
-        ? 'auth-hint bad'
-        : usernamere.test(username)
-            ? 'auth-hint ok'
-            : 'auth-hint';
-    return (_jsx("div", { className: "auth-frame", children: _jsxs("div", { className: "r3-authcard r3-authcard-wide", children: [_jsxs("header", { className: "auth-head", children: [_jsx(Link, { href: "/", className: "brand-lockup", children: _jsx("span", { className: "brand-wordmark", children: label('register.brand') }) }), _jsx("span", { className: "auth-tagline", children: label('register.tagline') })] }), _jsxs("main", { className: "r3-authgrid", children: [_jsxs("section", { className: "auth-panel", "aria-labelledby": "formtitle", children: [_jsx("h2", { className: "auth-panel-title", id: "formtitle", children: label('register.panel.title') }), succeeded ? (_jsxs("div", { className: "auth-success", children: [_jsx("p", { className: "auth-success-title", role: "status", "aria-live": "polite", children: label('register.success.title') }), _jsxs("p", { className: "auth-statusline", children: [label('register.success.continue'), ' ', _jsx(Link, { href: "/dashboard", children: label('register.success.dashboardLink') }), _jsx("span", { "aria-hidden": "true", children: " \u00B7 " }), _jsx(Link, { href: "/login", children: label('register.success.signinLink') })] })] })) : (_jsxs("form", { className: "auth-form", noValidate: true, onSubmit: onsubmit, children: [_jsxs("div", { className: "auth-field", children: [_jsx("label", { htmlFor: "username", children: label('register.field.username') }), _jsx("input", { ref: usernameref, className: "auth-input", id: "username", name: "username", type: "text", autoComplete: "username", spellCheck: false, autoCapitalize: "none", required: true, minLength: 3, maxLength: 32, pattern: "[a-z0-9.-]{3,32}", "aria-invalid": usernameinvalid ? 'true' : undefined, "aria-describedby": "usernamehint", value: username, onChange: onusernamechange }), _jsx("p", { className: hintstate, id: "usernamehint", children: label('register.hint.username') })] }), _jsxs("div", { className: "auth-field", children: [_jsx("label", { htmlFor: "password", children: label('register.field.password') }), _jsx("input", { className: "auth-input", id: "password", name: "password", type: "password", autoComplete: "new-password", required: true, minLength: 8, "aria-invalid": passwordinvalid ? 'true' : undefined, "aria-describedby": "passwordhint", value: password, onChange: (event) => setPassword(event.target.value) })] }), _jsx(PasswordConfirm, { password: password, value: confirmation, invalid: confirminvalid, onChange: setConfirmation }), error !== '' && (_jsx("p", { className: "auth-formerror", role: "alert", "aria-live": "polite", children: error })), _jsx("button", { className: "button button-primary auth-submit", type: "submit", disabled: pending, children: pending ? label('register.submitPending') : label('register.submit') })] }))] }), _jsxs("aside", { className: "r3-authtrust", "aria-label": label('register.trust.aria'), children: [_jsx("p", { className: "eyebrow", children: label('register.trust.eyebrow') }), _jsx(UsernameRules, { value: username }), _jsx("div", { className: "r3-trustmeter", children: _jsx(PasswordMeter, { password: password }) }), _jsx("ul", { className: "r3-trustlist", children: trustfacts().map((fact) => (_jsxs("li", { className: "r3-trustfact", children: [_jsx("span", { className: "r3-trustlabel", children: fact.label }), _jsx("span", { className: "r3-trustbody", children: fact.body })] }, fact.label))) })] })] }), _jsx("p", { className: "auth-statusline", children: statusline }), _jsxs("p", { className: "auth-statusline", children: [label('register.already'), " ", _jsx(Link, { href: "/login", children: label('register.signinLink') }), _jsx("span", { "aria-hidden": "true", children: " \u00B7 " }), _jsx(Link, { href: "/console", children: label('register.backConsole') })] }), _jsxs("footer", { className: "auth-foot", children: [_jsx("span", { children: label('register.footer.policy') }), _jsx("span", { className: "auth-foot-right", children: label('register.footer.hashing') })] })] }) }));
-}

package/dist/Sol/shell/Shell.d.ts

@@ -1,124 +0,0 @@
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { type VariantProps } from 'class-variance-authority';
-import { TableRegular as LayoutDashboard } from '@fluentui/react-icons';
-import type * as React from 'react';
-import { Component, type ReactNode } from 'react';
-import { type ToasterProps } from 'sonner';
-import type { MediaSlot } from '../../catalog.ts';
-type Theme = 'light' | 'dark';
-interface ThemeContextType {
-    theme: Theme;
-    toggleTheme?: () => void;
-    switchable: boolean;
-}
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    defaultTheme?: Theme;
-    switchable?: boolean;
-}
-export declare function ThemeProvider({ children, defaultTheme, switchable, }: ThemeProviderProps): React.JSX.Element;
-export declare function useTheme(): ThemeContextType;
-interface ErrorBoundaryProps {
-    children: ReactNode;
-}
-interface ErrorBoundaryState {
-    hasError: boolean;
-    error: Error | null;
-}
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal>;
-}
-type SaddleMarkProps = {
-    className?: string;
-    label?: string;
-    /** rendered square size in px; omitted, the mark is sized by the class */
-    size?: number;
-    /** hides the mark from the accessibility tree (decorative placements) */
-    hidden?: boolean;
-    /** the hero flow: the light band riding INSIDE the glyph strokes (spec §9);
-     * only the landing hero consumes it — the chrome and intro sizes stay still */
-    flow?: boolean;
-};
-export declare function SaddleMark({ className, label, size, hidden, flow }: SaddleMarkProps): React.JSX.Element;
-type SectionRailProps = {
-    number: string;
-    label: string;
-};
-export declare function SectionRail({ number, label }: SectionRailProps): React.JSX.Element;
-/** one legacy nav entry (the prop shape the page anchors type against) */
-export type NavLink = {
-    label: string;
-    href: string;
-};
-/** one entry of the window rail: a page surface of the app with its glyph. */
-export type StartApp = {
-    href: string;
-    label: string;
-    detail: string;
-    icon: typeof LayoutDashboard;
-};
-/** one rail SECTION: a mono-labelled group of page entries. */
-export type RailSection = {
-    id: string;
-    label: string;
-    apps: readonly StartApp[];
-};
-/** the rail of the app, SECTIONED: workspace, platform, library and
- * account — one entry per page route, the apex home first. exported for
- * the onboarding copy beside this folder. */
-export declare const NAV_SECTIONS: readonly RailSection[];
-/** the pages the window hosts, flattened (the onboarding facts read this). */
-export declare const START_APPS: readonly StartApp[];
-/** the app surface props: the routed page plus the legacy page props the
- * anchors still pass (name, nav, cta, footer links, container width) — the
- * app grammar names itself, so only the theme toggle switch is consumed. */
-type ShellProps = {
-    children: ReactNode;
-    name?: string;
-    nav?: readonly NavLink[];
-    cta?: NavLink;
-    contained?: boolean;
-    footerLinks?: readonly NavLink[];
-    themeButton?: boolean;
-    domain?: string;
-};
-/**
- * the app surface: the SECTIONED page rail and the routed stage beside it,
- * owning the whole viewport.
- *
- * @param children the routed page.
- * @returns the app surface element.
- */
-export declare function Shell({ children, themeButton }: ShellProps): React.JSX.Element;
-export default Shell;
-type PageShellProps = {
-    section: string;
-    label: string;
-    title: string;
-    intro: string;
-    children: ReactNode;
-    media?: MediaSlot;
-};
-export declare function PageShell({ section, label: pagelabel, title, intro, children, media }: PageShellProps): React.JSX.Element;
-declare const buttonVariants: (props?: {
-    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
-    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
-declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
-export { Button, buttonVariants, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, };