@wenathlan/saddle 2.0.150 → 2.0.152

package/dist/Sol/home/home.js

@@ -0,0 +1,239 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * home 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.
+ *
+ * R3-saddle: home is the LANDING of the platform — one sand light over the
+ * window stage, the prompt-giga field where the operator declares a sandbox
+ * (a giant mono input with the embedded boot key and the real declared
+ * vocabulary of sandboxprofile.ts as chips), the sandbox matrix as a
+ * hairline ledger of the three runtime bases (base / guests / arch / vgpu /
+ * ceiling — the documented development bootstrap limits of
+ * sandboxenvprofile.ts), the thesis, the runtime chain, the surfaces
+ * ledger, the 01–03 steps and the footer meta-quad. The boot key parses the
+ * draft against the declared vocabulary and hands the parsed declaration to
+ * the console over the `saddle.declared` session key — the console reads
+ * and spends it once on mount (a real handoff: the hardware identities stay
+ * caller choices there).
+ *
+ * The flow law rides this anchor: the default export is the ENTRY GATE
+ * (entrygate.tsx, beside this anchor) — the seen flags are consulted before
+ * the landing shows, an unfinished flow is replaced at /intro or
+ * /onboarding, and only a visitor that finished both stages ever sees the
+ * surface below.
+ */
+import { ArrowDownRightRegular as ArrowDownRight, ArrowUpRightRegular as ArrowUpRight, PlugConnectedRegular as Cable, KeyboardRegular as Command, LayerRegular as Layers3, ArrowRightRegular as MoveRight, BoxRegular as Package, } from '@fluentui/react-icons';
+// Signal & Ledger: home as the landing — declare the sandbox, read the matrix, boot the console.
+import { useEffect, useMemo, useState } from 'react';
+import { Link, useLocation } from 'wouter';
+import { SectionRail } from '../shell/Shell.tsx';
+import { mediaSlots } from '../../catalog';
+import { label, labelfill } from '../../labels.ts';
+import { specenvlimits } from '../../sandboxenvprofile.ts';
+import { SANDBOXARCHES, SANDBOXBASES, SANDBOXFORMS, SANDBOXOSES, } from '../../sandboxprofile.ts';
+import { HomeEntrygate as EntryGate } from '../wingets';
+import { MetricStrip as MetricStrip } from '../wingets';
+import { RuntimeDiagram as RuntimeDiagram } from '../wingets';
+export * from '../wingets';
+/** the session key the boot key writes and the console reads (once, then spent). */
+const DECLARED_KEY = 'saddle.declared';
+/** parses one draft line against the declared vocabularies of sandboxprofile. */
+function parsedraft(raw) {
+    const words = raw
+        .toLowerCase()
+        .split(/[^a-z0-9]+/)
+        .filter(Boolean);
+    return {
+        base: SANDBOXBASES.find((entry) => words.includes(entry)) ?? null,
+        os: SANDBOXOSES.find((entry) => words.includes(entry)) ?? null,
+        arch: SANDBOXARCHES.find((entry) => words.includes(entry)) ?? null,
+    };
+}
+/** the chip groups of the hero: the three fixed vocabularies — the tokens
+ * are the declared data, the group labels ride the store. */
+function chipgroups() {
+    return [
+        { key: 'base', label: label('home.chips.base'), items: SANDBOXBASES },
+        { key: 'os', label: label('home.chips.guest'), items: SANDBOXOSES },
+        { key: 'arch', label: label('home.chips.arch'), items: SANDBOXARCHES },
+    ];
+}
+/** the surfaces ledger: one engine, three shells (the labels ride the store). */
+function surfaces() {
+    return [
+        {
+            index: '01',
+            icon: Cable,
+            title: label('home.surface.browser.title'),
+            body: label('home.surface.browser.body'),
+            href: '/agent-browser',
+        },
+        {
+            index: '02',
+            icon: Layers3,
+            title: label('home.surface.compute.title'),
+            body: label('home.surface.compute.body'),
+            href: '/compute',
+        },
+        {
+            index: '03',
+            icon: Package,
+            title: label('home.surface.packages.title'),
+            body: label('home.surface.packages.body'),
+            href: '/integrations',
+        },
+    ];
+}
+/** the 01–03 steps of the landing: declare → boot → keep. */
+function steps() {
+    return [
+        {
+            index: '01',
+            title: label('home.steps.declare.title'),
+            body: label('home.steps.declare.body'),
+        },
+        {
+            index: '02',
+            title: label('home.steps.boot.title'),
+            body: label('home.steps.boot.body'),
+            href: '/console',
+        },
+        {
+            index: '03',
+            title: label('home.steps.keep.title'),
+            body: label('home.steps.keep.body'),
+            href: '/dashboard',
+        },
+    ];
+}
+/** the footer meta-quad: the four moves of the platform. */
+function quad() {
+    return [
+        {
+            index: '01',
+            title: label('home.quad.boot.title'),
+            body: label('home.quad.boot.body'),
+            href: '/console',
+        },
+        {
+            index: '02',
+            title: label('home.quad.operate.title'),
+            body: label('home.quad.operate.body'),
+            href: '/dashboard',
+        },
+        {
+            index: '03',
+            title: label('home.quad.chain.title'),
+            body: label('home.quad.chain.body'),
+            href: '/compute',
+        },
+        {
+            index: '04',
+            title: label('home.quad.thesis.title'),
+            body: label('home.quad.thesis.body'),
+            href: '/architecture',
+        },
+    ];
+}
+/** the landing surface: the hero stage, the ledgers and the footer quad
+ * (mounted only when the entry gate lets the flow through). */
+function HomeSurface() {
+    const [, navigate] = useLocation();
+    const [media, setMedia] = useState([]);
+    const [draft, setDraft] = useState('');
+    useEffect(() => {
+        void mediaSlots().then(setMedia);
+    }, []);
+    const runtimeSlot = media.find((slot) => slot.id === 'media.runtime.map');
+    /** the live parse: chips and the typed draft share one source of truth. */
+    const parsed = useMemo(() => parsedraft(draft), [draft]);
+    const declaredbits = [
+        parsed.base !== null ? labelfill('home.declared.base', { value: parsed.base }) : null,
+        parsed.os !== null ? labelfill('home.declared.guest', { value: parsed.os }) : null,
+        parsed.arch !== null ? labelfill('home.declared.arch', { value: parsed.arch }) : null,
+    ].filter(Boolean);
+    const declaredline = declaredbits.length > 0
+        ? labelfill('home.declared.line', { parts: declaredbits.join(' · ') })
+        : label('home.declared.none');
+    /** toggles one vocabulary token inside the draft line. */
+    const toggletoken = (token) => {
+        setDraft((prev) => {
+            const words = prev
+                .toLowerCase()
+                .split(/[^a-z0-9]+/)
+                .filter(Boolean);
+            const next = words.includes(token)
+                ? words.filter((word) => word !== token)
+                : [...words, token];
+            return next.join(' · ');
+        });
+    };
+    /** the boot key: parse, hand the declaration over, open the console. */
+    const spin = () => {
+        try {
+            sessionStorage.setItem(DECLARED_KEY, JSON.stringify(parsedraft(draft)));
+        }
+        catch {
+            /* storage unavailable: the boot key still navigates */
+        }
+        navigate('/console');
+    };
+    /** the sandbox matrix: the three bases over the documented bootstrap limits. */
+    const limits = specenvlimits({}).bases;
+    const matrixrows = ['lite', 'balanced', 'max'].map((id) => {
+        const row = limits[id];
+        return {
+            id,
+            featured: id === 'max',
+            guests: labelfill('home.matrix.guests', { n: String(SANDBOXOSES.length) }),
+            arch: label('home.matrix.archValue'),
+            vgpu: row.maxvgpus === 0
+                ? label('home.matrix.vgpuNone')
+                : labelfill(row.maxvgpus === 1 ? 'home.matrix.vgpuOne' : 'home.matrix.vgpuMany', { n: String(row.maxvgpus) }),
+            ceiling: labelfill('home.matrix.ceiling', {
+                vcpus: String(row.maxvcpus),
+                ram: String(row.maxramgb),
+                disk: String(row.maxdiskgb),
+                minutes: String(Math.round(row.maxtimeoutseconds / 60)),
+            }),
+        };
+    });
+    return (_jsxs("div", { className: "site-frame home-page", children: [_jsxs("main", { children: [_jsx("section", { className: "r3-hero halftone", "aria-labelledby": "r3herotitle", children: _jsxs("div", { className: "r3-hero-inner", children: [_jsxs("div", { className: "r3-hero-copy", children: [_jsxs("p", { className: "eyebrow r3-hero-eyebrow", children: [_jsx("span", { className: "status-dot" }), " ", label('home.hero.eyebrow')] }), _jsxs("h1", { className: "r3-display", id: "r3herotitle", children: [label('home.hero.titleLine1'), _jsx("br", {}), _jsx("em", { children: label('home.hero.titleLine2') })] }), _jsx("p", { className: "r3-hero-lede", children: label('home.hero.lede') }), _jsxs("form", { className: "r3-prompt", "aria-label": label('home.hero.formAria'), onSubmit: (event) => {
+                                                event.preventDefault();
+                                                spin();
+                                            }, children: [_jsx("label", { className: "r3-prompt-label", htmlFor: "r3declare", children: label('home.hero.declareLabel') }), _jsx("input", { id: "r3declare", className: "r3-prompt-input", type: "text", value: draft, placeholder: label('home.hero.placeholder'), spellCheck: false, autoComplete: "off", onChange: (event) => setDraft(event.target.value) }), _jsxs("button", { className: "r3-prompt-key", type: "submit", children: [label('home.hero.boot'), _jsx(ArrowDownRight, { fontSize: 15, "aria-hidden": "true" })] })] }), _jsxs("fieldset", { className: "r3-chips", children: [_jsx("legend", { className: "r3-chips-legend", children: label('home.hero.chipsLegend') }), chipgroups().map((group) => (_jsxs("div", { className: "r3-chipgroup", children: [_jsx("span", { className: "r3-chipgroup-label", children: group.label }), group.items.map((token) => (_jsx("button", { type: "button", className: parsed[group.key] === token ? 'r3-chip is-on' : 'r3-chip', "aria-pressed": parsed[group.key] === token, onClick: () => toggletoken(token), children: token }, token)))] }, group.key)))] }), _jsx("p", { className: "r3-declared", role: "status", "aria-live": "polite", children: declaredline })] }), _jsxs("aside", { className: "r3-matrix", "aria-label": label('home.matrix.aria'), children: [_jsxs("div", { className: "r3-matrix-head", children: [_jsx("span", { children: label('home.matrix.title') }), _jsx("span", { className: "mono-label", children: label('home.matrix.subtitle') })] }), _jsxs("table", { className: "r3-matrix-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: label('home.matrix.colBase') }), _jsx("th", { scope: "col", children: label('home.matrix.colGuests') }), _jsx("th", { scope: "col", children: label('home.matrix.colArch') }), _jsx("th", { scope: "col", children: label('home.matrix.colVgpu') }), _jsx("th", { scope: "col", children: label('home.matrix.colCeiling') })] }) }), _jsx("tbody", { children: matrixrows.map((row) => (_jsxs("tr", { className: row.featured ? 'is-featured' : undefined, children: [_jsx("th", { scope: "row", children: row.id }), _jsx("td", { children: row.guests }), _jsx("td", { children: row.arch }), _jsx("td", { children: row.vgpu }), _jsx("td", { children: row.ceiling })] }, row.id))) })] }), _jsx("p", { className: "r3-matrix-note", children: labelfill('home.matrix.note', { oses: SANDBOXOSES.join(' · ') }) })] })] }) }), _jsx("section", { className: "metric-section container", children: _jsx(MetricStrip, { metrics: [
+                                {
+                                    value: String(SANDBOXBASES.length).padStart(2, '0'),
+                                    label: label('home.metric.bases.label'),
+                                    detail: label('home.metric.bases.detail'),
+                                },
+                                {
+                                    value: label('home.metric.storage.value'),
+                                    label: label('home.metric.storage.label'),
+                                    detail: label('home.metric.storage.detail'),
+                                },
+                                {
+                                    value: String(SANDBOXFORMS.length).padStart(2, '0'),
+                                    label: label('home.metric.forms.label'),
+                                    detail: label('home.metric.forms.detail'),
+                                },
+                            ] }) }), _jsxs("section", { id: "thesis", className: "thesis-section container section-with-rail", children: [_jsx(SectionRail, { number: "01", label: label('home.thesis.railLabel') }), _jsxs("div", { className: "thesis-content", children: [_jsx("p", { className: "eyebrow", children: label('home.thesis.eyebrow') }), _jsxs("h2", { className: "section-title", children: [label('home.thesis.title'), _jsx("span", { children: label('home.thesis.titleAccent') })] }), _jsxs("div", { className: "thesis-grid", children: [_jsxs("p", { children: [label('home.thesis.bodyLead'), _jsx("b", { children: label('home.thesis.keep') }), label('home.thesis.join'), _jsx("b", { children: label('home.thesis.process') }), label('home.thesis.bodyTail')] }), _jsxs("div", { className: "evidence-card", children: [_jsxs("div", { className: "evidence-card-head", children: [_jsx(Command, { fontSize: 16 }), _jsx("span", { children: label('home.evidence.head') }), _jsx("span", { className: "card-index", children: label('home.evidence.index') })] }), _jsxs("div", { className: "evidence-equation", children: [_jsx("span", { children: label('home.evidence.storage') }), _jsx("b", { children: label('home.evidence.equals') }), _jsx("span", { children: label('home.evidence.memory') })] }), _jsxs("div", { className: "evidence-card-foot", children: [_jsx("span", { children: label('home.evidence.difference') }), _jsx("b", { children: label('home.evidence.usageFlag') })] })] })] })] })] }), _jsx("section", { className: "runtime-section", children: _jsxs("div", { className: "container section-with-rail", children: [_jsx(SectionRail, { number: "02", label: label('home.chain.railLabel') }), _jsxs("div", { className: "runtime-content", children: [_jsxs("div", { className: "section-heading-row", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: label('home.chain.eyebrow') }), _jsx("h2", { className: "section-title", children: label('home.chain.title') })] }), _jsxs(Link, { href: "/architecture", className: "small-arrow-link", children: [label('home.chain.archLink'), _jsx(MoveRight, { fontSize: 15 })] })] }), _jsxs("div", { className: "runtime-layout", children: [_jsx(RuntimeDiagram, {}), _jsxs("div", { className: "runtime-art-frame", children: [runtimeSlot && (_jsx("figure", { className: "media-area", style: { aspectRatio: runtimeSlot.ratio }, "aria-label": label('home.media.area'), children: _jsxs("figcaption", { children: [_jsx("span", { children: runtimeSlot.label }), _jsx("span", { children: runtimeSlot.caption })] }) })), _jsx("span", { children: label('home.chain.fig') })] })] })] })] }) }), _jsxs("section", { className: "surfaces-section container section-with-rail", children: [_jsx(SectionRail, { number: "03", label: label('home.surfaces.railLabel') }), _jsxs("div", { className: "surfaces-content", children: [_jsxs("div", { className: "section-heading-row", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: label('home.surfaces.eyebrow') }), _jsxs("h2", { className: "section-title", children: [label('home.surfaces.titleLine1'), _jsx("br", {}), label('home.surfaces.titleLine2')] })] }), _jsx("span", { className: "mono-label", children: labelfill('home.surfaces.available', {
+                                                    n: String(surfaces().length).padStart(2, '0'),
+                                                }) })] }), _jsx("div", { className: "surface-list", children: surfaces().map((surface) => {
+                                            const Icon = surface.icon;
+                                            return (_jsxs(Link, { className: "surface-row", href: surface.href, children: [_jsx("span", { className: "surface-number", children: surface.index }), _jsx(Icon, { fontSize: 21, strokeWidth: 1.5, "aria-hidden": "true" }), _jsxs("div", { className: "surface-copy", children: [_jsx("h3", { children: surface.title }), _jsx("p", { children: surface.body })] }), _jsx(ArrowUpRight, { className: "surface-arrow", fontSize: 18, "aria-hidden": "true" })] }, surface.title));
+                                        }) })] })] }), _jsx("section", { className: "r3-steps container", "aria-label": label('home.steps.aria'), children: steps().map((step) => (_jsxs("div", { className: "r3-step", children: [_jsx("span", { className: "r3-step-index", children: step.index }), _jsx("h3", { className: "r3-step-title", children: step.title }), _jsx("p", { className: "r3-step-body", children: step.body }), step.href && (_jsxs(Link, { className: "r3-step-link", href: step.href, children: [labelfill('home.steps.link', { title: step.title }), _jsx(ArrowUpRight, { fontSize: 14, "aria-hidden": "true" })] }))] }, step.index))) })] }), _jsxs("footer", { className: "r3-quad", children: [_jsx("div", { className: "r3-quad-grid container", children: quad().map((cell) => (_jsxs(Link, { className: "r3-quad-cell", href: cell.href, children: [_jsx("span", { className: "r3-quad-index", children: cell.index }), _jsx("span", { className: "r3-quad-title", children: cell.title }), _jsx("span", { className: "r3-quad-body", children: cell.body })] }, cell.index))) }), _jsxs("div", { className: "site-footer container", children: [_jsx("span", { children: label('home.footer.copyright') }), _jsx("span", { className: "mono-label", children: label('home.footer.mono') })] })] })] }));
+}
+/**
+ * The home page anchor: the entry gate rides the surface — the flow law
+ * (intro → onboarding → the platform) is consulted before the home shows.
+ *
+ * @returns the gated home element.
+ */
+export default function Home() {
+    return (_jsx(EntryGate, { children: _jsx(HomeSurface, {}) }));
+}

package/dist/Sol/integrations/integrations.d.ts

@@ -0,0 +1,9 @@
+/**
+ * integrations 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 Integrations(): import("react").JSX.Element;

package/dist/Sol/integrations/integrations.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * integrations 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.
+ */
+// Signal & Ledger: integrations as surfaces of the same engine, not
+// disconnected products. The glyphs are presentation code; every word rides
+// the label store (labels.ts — the copy law).
+import { FoodAppleRegular as Apple, BotRegular as Bot, BoxRegular as Box, BoxRegular as Container, BranchForkRegular as GitBranch, GlobeRegular as Globe, PhoneRegular as Smartphone, WindowConsoleRegular as Terminal, } from '@fluentui/react-icons';
+import { PageShell } from '../shell/Shell.tsx';
+import { label, labelfill } from '../../labels.ts';
+/** the surface groups: the glyph is presentation code, the group and item
+ * words ride the store (integrations.group.* / integrations.item.*). */
+const integrationGroups = [
+    {
+        labelkey: 'integrations.group.package.label',
+        items: [
+            {
+                icon: Box,
+                namekey: 'integrations.item.npm.name',
+                bodykey: 'integrations.item.npm.body',
+            },
+            {
+                icon: Terminal,
+                namekey: 'integrations.item.cli.name',
+                bodykey: 'integrations.item.cli.body',
+            },
+            {
+                icon: Container,
+                namekey: 'integrations.item.container.name',
+                bodykey: 'integrations.item.container.body',
+            },
+        ],
+    },
+    {
+        labelkey: 'integrations.group.client.label',
+        items: [
+            {
+                icon: Globe,
+                namekey: 'integrations.item.crx.name',
+                bodykey: 'integrations.item.crx.body',
+            },
+            {
+                icon: Smartphone,
+                namekey: 'integrations.item.mobile.name',
+                bodykey: 'integrations.item.mobile.body',
+            },
+            {
+                icon: Apple,
+                namekey: 'integrations.item.desktop.name',
+                bodykey: 'integrations.item.desktop.body',
+            },
+        ],
+    },
+    {
+        labelkey: 'integrations.group.bot.label',
+        items: [
+            {
+                icon: GitBranch,
+                namekey: 'integrations.item.forge.name',
+                bodykey: 'integrations.item.forge.body',
+            },
+            { icon: Bot, namekey: 'integrations.item.n8n.name', bodykey: 'integrations.item.n8n.body' },
+            {
+                icon: Terminal,
+                namekey: 'integrations.item.webhook.name',
+                bodykey: 'integrations.item.webhook.body',
+            },
+        ],
+    },
+];
+export default function Integrations() {
+    return (_jsxs(PageShell, { section: label('integrations.shell.section'), label: label('integrations.shell.label'), title: label('integrations.shell.title'), intro: label('integrations.shell.intro'), children: [_jsxs("section", { className: "content-section split-content", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: label('integrations.split.eyebrow') }), _jsx("h2", { className: "section-title", children: label('integrations.split.title') })] }), _jsxs("div", { className: "prose-copy", children: [_jsx("p", { children: label('integrations.split.body1') }), _jsx("p", { children: label('integrations.split.body2') })] })] }), _jsx("section", { className: "content-section integration-groups", children: integrationGroups.map((group) => (_jsxs("div", { className: "integration-group", children: [_jsxs("div", { className: "content-section-heading", children: [_jsx("p", { className: "eyebrow", children: label(group.labelkey) }), _jsx("span", { className: "mono-label", children: labelfill('integrations.group.mono', {
+                                        n: String(group.items.length),
+                                    }) })] }), _jsx("div", { className: "integration-grid", children: group.items.map((item) => {
+                                const Icon = item.icon;
+                                return (_jsxs("div", { className: "integration-card", children: [_jsx(Icon, { fontSize: 20, strokeWidth: 1.5 }), _jsx("strong", { children: label(item.namekey) }), _jsx("span", { children: label(item.bodykey) })] }, item.namekey));
+                            }) })] }, group.labelkey))) }), _jsxs("section", { className: "content-section integration-quote", children: [_jsx("p", { children: label('integrations.quote.body') }), _jsx("span", { className: "mono-label", children: label('integrations.quote.mono') })] })] }));
+}

package/dist/Sol/intro/intro.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The intro page: the brand lands, holds ~1.6s, slides up and hands the
+ * surface to the onboarding. Click, any key or reduced motion skips.
+ *
+ * @returns the intro element (null while the seen state resolves).
+ */
+export default function Intro(): import("react").JSX.Element;

package/dist/Sol/intro/intro.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// the saddle intro of the theme.
+/**
+ * intro.tsx — the opening splash of the APPLICATION: the akash floor. The
+ * drawn mark lands with the Akash spring (the overshoot curve
+ * cubic-bezier(.34,1.56,.64,1)), the name rises with the backOut lift and
+ * the honest role line fades in under the 1.6s hold. The exit slides the
+ * whole stage up over 0.8s (cubic-bezier(0.76,0,0.24,1)) and hands the
+ * surface DIRECTLY to the onboarding at /onboarding — the intro itself
+ * advances the flow. No loading dots, no spinner: the mark speaks. A click,
+ * any key or prefers-reduced-motion skips. The seen flags ride the one
+ * accessor (onboardingstate.ts — the database, the offline cache, the
+ * memory): while the state resolves the page renders null, a finished flow
+ * replaces straight back to the home (the close-caption relaunch lands
+ * there, the intro never replays) and a mid-flow visitor resumes at
+ * /onboarding.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useLocation } from 'wouter';
+import { loadOnboardingState, markIntroSeen, readOnboardingState, } from '../../onboardingstate.ts';
+import { label } from '../../labels.ts';
+import { SaddleMark } from '../shell/Shell.tsx';
+/** how long the brand holds before the exit (ms) — the doctrine asks ~1.6s */
+const HOLD_MS = 1600;
+/** how long the slide-up exit runs before the hand-over (ms) */
+const LEAVE_MS = 800;
+/**
+ * The intro page: the brand lands, holds ~1.6s, slides up and hands the
+ * surface to the onboarding. Click, any key or reduced motion skips.
+ *
+ * @returns the intro element (null while the seen state resolves).
+ */
+export default function Intro() {
+    const [, navigate] = useLocation();
+    const [phase, setPhase] = useState('pending');
+    const seenRef = useRef({ introseen: false, onboardingseen: false });
+    const leftRef = useRef(false);
+    /** the hand-over route: the onboarding, unless the flow already finished. */
+    const handover = useCallback(() => (seenRef.current.onboardingseen ? '/' : '/onboarding'), []);
+    /** the leave: the intro counts as seen (leaving counts — the visitor
+     * answered the stage), the stage slides, the hand-over follows. One
+     * guarded run — the skip listeners and the hold timer share it. */
+    const leave = useCallback(() => {
+        if (leftRef.current)
+            return;
+        leftRef.current = true;
+        markIntroSeen();
+        setPhase('leaving');
+        window.setTimeout(() => navigate(handover()), LEAVE_MS);
+    }, [handover, navigate]);
+    useEffect(() => {
+        let live = true;
+        const known = readOnboardingState();
+        if (known)
+            seenRef.current = known;
+        loadOnboardingState().then((state) => {
+            if (!live)
+                return;
+            seenRef.current = state;
+            // the flow law: a finished visitor never replays the opening (the
+            // close-caption relaunch lands home); a mid-flow one resumes ahead
+            if (state.onboardingseen)
+                navigate('/', { replace: true });
+            else if (state.introseen)
+                navigate('/onboarding', { replace: true });
+            else
+                setPhase('playing');
+        });
+        return () => {
+            live = false;
+        };
+    }, [navigate]);
+    useEffect(() => {
+        if (phase !== 'playing')
+            return;
+        // reduced motion skips the choreography and hands over at once
+        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+            if (!leftRef.current) {
+                leftRef.current = true;
+                markIntroSeen();
+                navigate(handover());
+            }
+            return;
+        }
+        const hold = window.setTimeout(leave, HOLD_MS);
+        const skip = (event) => {
+            if (event.type === 'keydown' || event.button === 0)
+                leave();
+        };
+        window.addEventListener('keydown', skip);
+        window.addEventListener('pointerdown', skip);
+        return () => {
+            window.clearTimeout(hold);
+            window.removeEventListener('keydown', skip);
+            window.removeEventListener('pointerdown', skip);
+        };
+    }, [handover, leave, navigate, phase]);
+    // the state read holds the page: nothing renders, the canvas alone shows — no flash
+    if (phase === 'pending')
+        return null;
+    return (_jsxs("div", { className: "winintro", "data-leaving": phase === 'leaving' ? 'true' : undefined, role: "status", "aria-label": label('intro.status'), children: [_jsxs("div", { className: "winintro__stage", children: [_jsx("span", { className: "winintro__mark", "aria-hidden": "true", children: _jsx(SaddleMark, { size: 96 }) }), _jsx("h1", { className: "winintro__name", children: label('intro.name') }), _jsx("p", { className: "winintro__role", children: label('intro.role') })] }), _jsx("p", { className: "winintro__skip", "aria-hidden": "true", children: label('intro.skip') })] }));
+}

package/dist/Sol/login/login.d.ts

@@ -0,0 +1,16 @@
+/**
+ * login 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 loginpagedescription = "saddle sign in: username and password only, session in a secure cookie";
+/**
+ * the sign-in page frame: brand lockup, the instrument card (form beside
+ * the trust rail) and the static-edge footer notes.
+ */
+export default function Login(): import("react").JSX.Element;

package/dist/Sol/login/login.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * login 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.
+ */
+// Sign-in page: faithful absorption of login.html — the account panel with
+// the login form, the api status line and the project footer. the session
+// is carried exclusively by the saddlesession cookie (nothing sensitive is
+// ever stored in localstorage). R3-saddle: one instrument card with an
+// asymmetric interior — the form (1.2fr) beside the trust rail (1fr) that
+// carries the real session facts; 44px inputs, the sand focus ring.
+import { Link } from 'wouter';
+import { label } from '../../labels.ts';
+import { LoginForm as LoginForm } from '../wingets';
+export * from '../wingets';
+/** meta description carried by the absorbed static page. */
+export const loginpagedescription = 'saddle sign in: username and password only, session in a secure cookie';
+/** the real session facts of the trust rail: the labels ride the store. */
+function trustfacts() {
+    return [
+        {
+            label: label('login.trust.sessionLabel'),
+            body: label('login.trust.sessionBody'),
+        },
+        {
+            label: label('login.trust.transportLabel'),
+            body: label('login.trust.transportBody'),
+        },
+        {
+            label: label('login.trust.errorsLabel'),
+            body: label('login.trust.errorsBody'),
+        },
+        {
+            label: label('login.trust.fallbackLabel'),
+            body: label('login.trust.fallbackBody'),
+        },
+    ];
+}
+/**
+ * the sign-in page frame: brand lockup, the instrument card (form beside
+ * the trust rail) and the static-edge footer notes.
+ */
+export default function Login() {
+    return (_jsx("div", { className: "auth-frame", children: _jsxs("div", { className: "r3-authcard", children: [_jsxs("header", { className: "auth-head", children: [_jsx(Link, { href: "/", className: "brand-lockup", children: _jsx("span", { className: "brand-wordmark", children: label('login.brand') }) }), _jsx("span", { className: "auth-tagline", children: label('login.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('login.panel.title') }), _jsx(LoginForm, {})] }), _jsxs("aside", { className: "r3-authtrust", "aria-label": label('login.trust.aria'), children: [_jsx("p", { className: "eyebrow", children: label('login.trust.eyebrow') }), _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))) })] })] }), _jsxs("footer", { className: "auth-foot", children: [_jsx("span", { children: label('login.footer.cookie') }), _jsx("span", { className: "auth-foot-right", children: label('login.footer.api') })] })] }) }));
+}

package/dist/Sol/notfound/notfound.d.ts

@@ -0,0 +1,9 @@
+/**
+ * notfound 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 NotFound(): import("react").JSX.Element;

package/dist/Sol/notfound/notfound.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * notfound 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.
+ */
+// # NotFound — the 404 of the saddle theme: a route the static edge never mapped.
+import { Link } from 'wouter';
+import { label } from '../../labels.ts';
+export default function NotFound() {
+    return (_jsx("div", { className: "site-frame notfound-page", children: _jsx("main", { children: _jsxs("section", { className: "container notfound-frame", children: [_jsx("p", { className: "eyebrow", children: label('notfound.eyebrow') }), _jsx("h1", { children: label('notfound.title') }), _jsx("p", { children: label('notfound.body') }), _jsxs("div", { className: "notfound-actions", children: [_jsx(Link, { href: "/", className: "button button-primary", children: label('notfound.backHome') }), _jsx(Link, { href: "/agent-browser", className: "button", children: label('notfound.agentBrowser') })] })] }) }) }));
+}

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

@@ -0,0 +1,25 @@
+/**
+ * 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;