@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/scene/character-motion.js

@@ -1,187 +0,0 @@
-import { characterAssets } from './character-assets.js';
-import { createCharacterMotionClock } from './character-motion-clock.js';
-import { createRigRenderer } from './character-rig-renderer.js';
-import { EYE_RIGS } from './character-eye-rig.js';
-import { createCharacterGaze } from './character-gaze.js';
-/** Owns loading and lifecycle only. Rig math and painting stay independent. */
-export function createCharacterMotion(doc) {
-    const win = doc.defaultView, reduced = win.matchMedia('(prefers-reduced-motion: reduce)');
-    const images = new Map(), loading = new Map();
-    let disposed = false, part, rig;
-    let canvas, render;
-    let pose = '', appearance = '', revision = 0, nearby = false, lastPointer = 0;
-    let selection = '';
-    let attentionTimer, lastAttention = -Infinity;
-    let gazePoint = [0, 0], activeAction, activeProgress = 0;
-    let bounds;
-    const paint = () => { if (render && part) {
-        render(activeAction, activeProgress, gazePoint);
-        part.dataset.motion = activeAction ?? 'rig-rest';
-    } };
-    const gaze = createCharacterGaze(win, point => { gazePoint = point; paint(); });
-    const cancelAttention = () => { if (attentionTimer !== undefined)
-        win.clearTimeout(attentionTimer); attentionTimer = undefined; };
-    function decode(src) {
-        if (loading.has(src))
-            return loading.get(src);
-        if (images.has(src))
-            return Promise.resolve();
-        const image = new win.Image();
-        image.src = src;
-        const pending = image.decode().then(() => { if (!disposed)
-            images.set(src, image); }, () => { })
-            .finally(() => loading.delete(src));
-        loading.set(src, pending);
-        return pending;
-    }
-    const clock = createCharacterMotionClock(win, (action, progress) => {
-        if (!canvas || !part || !render)
-            return;
-        // Keep the same layered rest drawing after an action: no plate swap/pop.
-        activeAction = action;
-        activeProgress = progress;
-        paint();
-    });
-    function update() {
-        if (disposed)
-            return;
-        const mode = doc.documentElement.dataset.xiaoheiAppearance === 'light' ? 'light' : 'dark';
-        const moving = doc.documentElement.hasAttribute('data-xiaohei-sidebar-resizing');
-        const key = !doc.hidden && !reduced.matches && !moving && part ? `${pose}-${mode}` : '';
-        if (key === selection && appearance === mode)
-            return;
-        selection = key;
-        cancelAttention();
-        render = undefined;
-        clock.setClips(undefined);
-        gaze.reset();
-        bounds = undefined;
-        activeAction = undefined;
-        activeProgress = 0;
-        const current = ++revision;
-        canvas?.remove();
-        canvas = undefined;
-        if (part)
-            part.dataset.motion = 'rest';
-        rig = undefined;
-        appearance = mode;
-        nearby = false;
-        if (!key || !part)
-            return;
-        const currentPart = part;
-        void characterAssets.rig(pose, mode).then(async (next) => {
-            if (!next || disposed || current !== revision)
-                return;
-            await Promise.all(Object.values(next.layers).map(layer => decode(layer.src)));
-            if (disposed || current !== revision || Object.values(next.layers).some(layer => !images.get(layer.src)))
-                return;
-            rig = next;
-            canvas = doc.createElement('canvas');
-            canvas.className = 'xiaohei-character-motion';
-            canvas.width = next.size[0];
-            canvas.height = next.size[1];
-            const ctx = canvas.getContext('2d');
-            if (!ctx) {
-                canvas = undefined;
-                return;
-            }
-            currentPart.append(canvas);
-            render = createRigRenderer(ctx, next, images, EYE_RIGS[pose]);
-            clock.setClips({
-                blink: { duration: 280 },
-                ...Object.fromEntries(next.ears.map((_, i) => ['ear' + i, { duration: 1050 }])),
-                ...(next.layers.tail ? { tail: { duration: 2400 } } : {}),
-                attention: { duration: 2400 },
-            });
-        }).catch(() => { });
-    }
-    const pointer = (event) => {
-        if (!part || !render || event.pointerType !== 'mouse')
-            return;
-        const now = win.performance.now();
-        if (!bounds || now - lastPointer >= 100) {
-            bounds = part.getBoundingClientRect();
-            lastPointer = now;
-        }
-        const rect = bounds, eyes = EYE_RIGS[pose];
-        if (rig && eyes?.length) {
-            const scale = Math.min(rect.width / rig.size[0], rect.height / rig.size[1]);
-            const eyeX = eyes.reduce((sum, eye) => sum + eye.iris[0], 0) / eyes.length / 2;
-            const eyeY = eyes.reduce((sum, eye) => sum + eye.iris[1], 0) / eyes.length / 2;
-            const cx = rect.left + eyeX * scale;
-            const cy = rect.top + (rect.height - rig.size[1] * scale) / 2 + eyeY * scale;
-            gaze.target((event.clientX - cx) / Math.max(220, win.innerWidth * .32), (event.clientY - cy) / Math.max(180, win.innerHeight * .32));
-        }
-        const near = event.clientX >= rect.left - 70 && event.clientX <= rect.right + 70
-            && event.clientY >= rect.top - 50 && event.clientY <= rect.bottom + 50;
-        if (!near)
-            cancelAttention();
-        if (near && !nearby && now - lastAttention > 6000) {
-            const current = revision;
-            // A passing pointer should not trigger a performance. Brief dwell gives
-            // an intentional approach one quiet, coordinated response.
-            attentionTimer = win.setTimeout(() => {
-                attentionTimer = undefined;
-                if (!disposed && nearby && current === revision) {
-                    lastAttention = win.performance.now();
-                    clock.attention();
-                }
-            }, 180);
-        }
-        nearby = near;
-    };
-    reduced.addEventListener('change', update);
-    const neutral = () => { gaze.target(0, 0); nearby = false; cancelAttention(); };
-    const leave = (event) => { if (!event.relatedTarget)
-        neutral(); };
-    const resize = () => { bounds = undefined; };
-    doc.addEventListener('pointerout', leave);
-    win.addEventListener('blur', neutral);
-    win.addEventListener('resize', resize);
-    doc.addEventListener('visibilitychange', update);
-    doc.addEventListener('pointermove', pointer, { passive: true });
-    const observer = new win.MutationObserver(update);
-    observer.observe(doc.documentElement, { attributes: true, attributeFilter: ['data-xiaohei-appearance', 'data-xiaohei-sidebar-resizing'] });
-    return {
-        setPose(nextPart, nextPose) {
-            if (nextPart !== part || pose !== nextPose) {
-                cancelAttention();
-                revision++;
-                selection = '';
-                render = undefined;
-                clock.setClips(undefined);
-                gaze.reset();
-                bounds = undefined;
-                canvas?.remove();
-                canvas = undefined;
-                rig = undefined;
-                if (part)
-                    part.dataset.motion = 'rest';
-            }
-            part = nextPart;
-            pose = nextPose;
-            update();
-        },
-        dispose() {
-            disposed = true;
-            cancelAttention();
-            revision++;
-            clock.dispose();
-            gaze.dispose();
-            canvas?.remove();
-            render = undefined;
-            images.clear();
-            loading.clear();
-            if (part)
-                part.dataset.motion = 'rest';
-            reduced.removeEventListener('change', update);
-            observer.disconnect();
-            doc.removeEventListener('visibilitychange', update);
-            doc.removeEventListener('pointermove', pointer);
-            doc.removeEventListener('pointerout', leave);
-            win.removeEventListener('blur', neutral);
-            win.removeEventListener('resize', resize);
-        },
-    };
-}
-//# sourceMappingURL=character-motion.js.map

package/lib/scene/character-poses.d.ts

@@ -1,26 +0,0 @@
-/** Shared catalog: runtime preloading and CSS must always use the same assets. */
-export declare const CHARACTER_POSES: {
-    readonly seated: {
-        readonly light: string;
-        readonly dark: string;
-    };
-    readonly chin: {
-        readonly light: string;
-        readonly dark: string;
-    };
-    readonly doze: {
-        readonly light: string;
-        readonly dark: string;
-    };
-    readonly peek: {
-        readonly light: string;
-        readonly dark: string;
-    };
-    readonly halfpeek: {
-        readonly light: string;
-        readonly dark: string;
-    };
-};
-export type CharacterPose = keyof typeof CHARACTER_POSES;
-export declare const CHARACTER_POSE_NAMES: CharacterPose[];
-//# sourceMappingURL=character-poses.d.ts.map

package/lib/scene/character-poses.js

@@ -1,11 +0,0 @@
-import { XIAOHEI_SEATED_LIGHT, XIAOHEI_SEATED_DARK, XIAOHEI_PEEK_LIGHT, XIAOHEI_PEEK_DARK, XIAOHEI_CHIN_LIGHT, XIAOHEI_CHIN_DARK, XIAOHEI_DOZE_LIGHT, XIAOHEI_DOZE_DARK, XIAOHEI_HALFPEEK_LIGHT, XIAOHEI_HALFPEEK_DARK, } from '../generated-backgrounds.js';
-/** Shared catalog: runtime preloading and CSS must always use the same assets. */
-export const CHARACTER_POSES = {
-    seated: { light: XIAOHEI_SEATED_LIGHT, dark: XIAOHEI_SEATED_DARK },
-    chin: { light: XIAOHEI_CHIN_LIGHT, dark: XIAOHEI_CHIN_DARK },
-    doze: { light: XIAOHEI_DOZE_LIGHT, dark: XIAOHEI_DOZE_DARK },
-    peek: { light: XIAOHEI_PEEK_LIGHT, dark: XIAOHEI_PEEK_DARK },
-    halfpeek: { light: XIAOHEI_HALFPEEK_LIGHT, dark: XIAOHEI_HALFPEEK_DARK },
-};
-export const CHARACTER_POSE_NAMES = Object.keys(CHARACTER_POSES);
-//# sourceMappingURL=character-poses.js.map

package/lib/scene/character-rig-renderer.d.ts

@@ -1,5 +0,0 @@
-import type { CharacterRig, Point } from './character-motion-types.js';
-import type { EyeRig } from './character-eye-rig.js';
-/** Small CPU-skinned tail only; body and ears use normal image draws. */
-export declare function createRigRenderer(ctx: CanvasRenderingContext2D, rig: CharacterRig, images: ReadonlyMap<string, HTMLImageElement | null>, eyes?: readonly EyeRig[]): (action: string | undefined, progress: number, gaze?: Point) => void;
-//# sourceMappingURL=character-rig-renderer.d.ts.map

package/lib/scene/character-rig-renderer.js

@@ -1,95 +0,0 @@
-import { attentionBlink, blinkClosure } from './character-expression.js';
-import { createEyeRenderer } from './character-eye-renderer.js';
-import { bindVertex, earOffset, rigAngles, skinVertex, solveBones, TAIL_JOINTS } from './character-rig.js';
-/** Small CPU-skinned tail only; body and ears use normal image draws. */
-export function createRigRenderer(ctx, rig, images, eyes = []) {
-    const body = images.get(rig.layers.body.src);
-    const drawEyes = body ? createEyeRenderer(ctx, body, eyes) : undefined;
-    const tail = rig.layers.tail;
-    const vertices = [], triangles = [];
-    if (tail) {
-        const [x, y, r, b] = tail.box, cols = Math.ceil((r - x) / 10), rows = Math.ceil((b - y) / 10);
-        for (let row = 0; row <= rows; row++)
-            for (let col = 0; col <= cols; col++)
-                vertices.push(bindVertex(x + (r - x) * col / cols, y + (b - y) * row / rows));
-        for (let row = 0; row < rows; row++)
-            for (let col = 0; col < cols; col++) {
-                const i = row * (cols + 1) + col;
-                triangles.push([i, i + 1, i + cols + 1], [i + 1, i + cols + 2, i + cols + 1]);
-            }
-    }
-    function layer(name) {
-        const layer = rig.layers[name], image = layer && images.get(layer.src);
-        if (layer && image) {
-            const [x, y, r, b] = layer.box;
-            ctx.drawImage(image, x, y, r - x, b - y);
-        }
-    }
-    function drawTail(progress) {
-        if (!tail)
-            return;
-        const image = images.get(tail.src);
-        if (!image)
-            return;
-        if (progress <= 0 || progress >= 1) {
-            layer('tail');
-            return;
-        }
-        const joints = solveBones(TAIL_JOINTS, rigAngles(progress, TAIL_JOINTS.length, true));
-        const posed = vertices.map(v => skinVertex(v, joints));
-        const [left, top] = tail.box;
-        for (const indices of triangles) {
-            const [ia, ib, ic] = indices;
-            const a = vertices[ia], b = vertices[ib], c = vertices[ic];
-            const p = posed[ia], q = posed[ib], r = posed[ic];
-            const ux = b.x - a.x, uy = b.y - a.y, vx = c.x - a.x, vy = c.y - a.y, det = ux * vy - uy * vx;
-            const aa = ((q[0] - p[0]) * vy - (r[0] - p[0]) * uy) / det;
-            const bb = ((q[1] - p[1]) * vy - (r[1] - p[1]) * uy) / det;
-            const cc = ((r[0] - p[0]) * ux - (q[0] - p[0]) * vx) / det;
-            const dd = ((r[1] - p[1]) * ux - (q[1] - p[1]) * vx) / det;
-            ctx.save();
-            ctx.beginPath();
-            // Slightly overlap the interior triangles to avoid antialias hairlines.
-            const cx = (p[0] + q[0] + r[0]) / 3, cy = (p[1] + q[1] + r[1]) / 3;
-            [p, q, r].forEach((v, i) => {
-                const dx = v[0] - cx, dy = v[1] - cy, scale = 1 + 1.2 / Math.max(1, Math.hypot(dx, dy));
-                if (i)
-                    ctx.lineTo(cx + dx * scale, cy + dy * scale);
-                else
-                    ctx.moveTo(cx + dx * scale, cy + dy * scale);
-            });
-            ctx.closePath();
-            ctx.clip();
-            ctx.transform(aa, bb, cc, dd, p[0] - aa * (a.x - left) - cc * (a.y - top), p[1] - bb * (a.x - left) - dd * (a.y - top));
-            ctx.drawImage(image, 0, 0);
-            ctx.restore();
-        }
-    }
-    return (action, progress, gaze = [0, 0]) => {
-        ctx.clearRect(0, 0, rig.size[0], rig.size[1]);
-        const earProgress = action === 'attention' ? Math.max(0, Math.min(1, (progress - .03) / .65)) : progress;
-        const ears = rigAngles(earProgress, rig.ears.length, false);
-        rig.ears.forEach(([, root], i) => {
-            const part = rig.layers['ear' + i], image = part && images.get(part.src);
-            if (!part || !image)
-                return;
-            const angle = action === 'attention' || action === 'ear' + i ? ears[i] : 0;
-            if (Math.abs(angle) < 1e-8) {
-                layer('ear' + i);
-                return;
-            }
-            const [x, top, right, bottom] = part.box;
-            // Non-overlapping source rows preserve alpha and never rotate a rectangle
-            // of hair out from behind the head. The lower attachment stays identical.
-            for (let row = 0; row < image.height; row++) {
-                const y = top + row * (bottom - top) / image.height;
-                ctx.drawImage(image, 0, row, image.width, 1, x + earOffset(y, top, root, angle), y, right - x, (bottom - top) / image.height);
-            }
-        });
-        layer('body');
-        drawTail(action === 'attention' ? Math.max(0, Math.min(1, (progress - .22) / .78)) : action === 'tail' ? progress : 0);
-        const closure = action === 'blink' ? blinkClosure(progress) : action === 'attention' ? attentionBlink(progress) : 0;
-        drawEyes?.(gaze, closure);
-    };
-}
-//# sourceMappingURL=character-rig-renderer.js.map

package/lib/scene/character-rig.d.ts

@@ -1,22 +0,0 @@
-import type { Point } from './character-motion-types.js';
-/** Bind-space joint positions. Each child inherits its parent's rotation. */
-export declare const TAIL_JOINTS: readonly Point[];
-export interface Joint {
-    x: number;
-    y: number;
-    angle: number;
-}
-export interface Vertex {
-    x: number;
-    y: number;
-    bone: number;
-    weight: number;
-}
-/** Keep the ear root (and any hair below it) fixed; only flex the upper tip. */
-export declare function earOffset(y: number, top: number, root: number, angle: number): number;
-export declare function solveBones(rest: readonly Point[], angles: readonly number[]): Joint[];
-export declare function bindVertex(x: number, y: number, rest?: readonly Point[]): Vertex;
-/** Linear blend skinning, inverse bind translation followed by posed rotation. */
-export declare function skinVertex(v: Vertex, joints: readonly Joint[], rest?: readonly Point[]): Point;
-export declare function rigAngles(progress: number, count: number, tail: boolean): number[];
-//# sourceMappingURL=character-rig.d.ts.map

package/lib/scene/character-rig.js

@@ -1,61 +0,0 @@
-/** Bind-space joint positions. Each child inherits its parent's rotation. */
-export const TAIL_JOINTS = [
-    [284, 328], [310, 347], [324, 373], [319, 398],
-    [307, 423], [307, 448], [319, 464],
-];
-/** Keep the ear root (and any hair below it) fixed; only flex the upper tip. */
-export function earOffset(y, top, root, angle) {
-    const span = Math.max(1, root - top);
-    const weight = Math.max(0, Math.min(1, (root - y) / span));
-    if (weight === 0)
-        return 0;
-    return Math.sin(angle) * Math.min(20, span * .55) * weight * weight;
-}
-export function solveBones(rest, angles) {
-    return rest.reduce((out, p, i) => {
-        const parent = out[i - 1];
-        const angle = (parent?.angle ?? 0) + (angles[i] ?? 0);
-        if (!parent)
-            out.push({ x: p[0], y: p[1], angle });
-        else {
-            const prev = rest[i - 1], dx = p[0] - prev[0], dy = p[1] - prev[1];
-            const c = Math.cos(parent.angle), s = Math.sin(parent.angle);
-            out.push({ x: parent.x + dx * c - dy * s, y: parent.y + dx * s + dy * c, angle });
-        }
-        return out;
-    }, []);
-}
-export function bindVertex(x, y, rest = TAIL_JOINTS) {
-    let distance = Infinity, bone = 0, weight = 0;
-    for (let i = 0; i < rest.length - 1; i++) {
-        const a = rest[i], b = rest[i + 1], dx = b[0] - a[0], dy = b[1] - a[1];
-        const t = Math.max(0, Math.min(1, ((x - a[0]) * dx + (y - a[1]) * dy) / (dx * dx + dy * dy)));
-        const d = (x - a[0] - dx * t) ** 2 + (y - a[1] - dy * t) ** 2;
-        if (d < distance) {
-            distance = d;
-            bone = i;
-            weight = t;
-        }
-    }
-    return { x, y, bone, weight };
-}
-/** Linear blend skinning, inverse bind translation followed by posed rotation. */
-export function skinVertex(v, joints, rest = TAIL_JOINTS) {
-    let x = 0, y = 0;
-    for (let k = 0; k < 2; k++) {
-        const i = v.bone + k, p = rest[i], j = joints[i], w = k ? v.weight : 1 - v.weight;
-        const dx = v.x - p[0], dy = v.y - p[1], c = Math.cos(j.angle), s = Math.sin(j.angle);
-        x += w * (j.x + dx * c - dy * s);
-        y += w * (j.y + dx * s + dy * c);
-    }
-    return [x, y];
-}
-export function rigAngles(progress, count, tail) {
-    const t = Math.max(0, Math.min(1, progress));
-    const envelope = Math.sin(Math.PI * t) ** 2;
-    // Delayed distal joints create follow-through, with zero displacement/velocity
-    // at both ends; no discrete frame lookup and no idle simulation.
-    return Array.from({ length: count }, (_, i) => envelope * (tail ? (i ? .12 : 0) : .32)
-        * Math.sin(t * Math.PI * (tail ? 3 : 4) - i * (tail ? .65 : 1.1)));
-}
-//# sourceMappingURL=character-rig.js.map

package/lib/scene/heixiu-feedback.d.ts

@@ -1,3 +0,0 @@
-/** Session feedback runs on an inner plane so ambient drifting stays untouched. */
-export declare const XIAOHEI_HEIXIU_FEEDBACK_CSS = "\n.xiaohei-scene__heixiu-body {\n  position: absolute;\n  inset: 0;\n  display: block;\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--mascot .xiaohei-scene__heixiu-body,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {\n  animation: xiaohei-heixiu-feedback-complete 760ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {\n  animation-delay: 140ms;\n}\n\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body {\n  animation: xiaohei-heixiu-feedback-error 880ms cubic-bezier(0.22, 0.72, 0.24, 1) both;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open {\n  animation: xiaohei-heixiu-feedback-eyes-open 620ms step-end both;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink,\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {\n  animation: xiaohei-heixiu-feedback-eyes-blink 620ms step-end both;\n}\n\n@keyframes xiaohei-heixiu-feedback-complete {\n  0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }\n  38% { transform: translate3d(0, -0.42rem, 0); opacity: 1; }\n  68% { transform: translate3d(0, -0.12rem, 0); opacity: 0.96; }\n}\n\n@keyframes xiaohei-heixiu-feedback-error {\n  0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }\n  30% { transform: translate3d(0, 0.2rem, 0); opacity: 0.52; }\n  62% { transform: translate3d(0, 0.08rem, 0); opacity: 0.72; }\n}\n\n@keyframes xiaohei-heixiu-feedback-eyes-open {\n  0%, 24%, 48%, 100% { opacity: 1; }\n  25%, 47% { opacity: 0; }\n}\n\n@keyframes xiaohei-heixiu-feedback-eyes-blink {\n  0%, 24%, 48%, 100% { opacity: 0; }\n  25%, 47% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body,\n  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,\n  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {\n    animation: none;\n  }\n}\n";
-//# sourceMappingURL=heixiu-feedback.d.ts.map

package/lib/scene/heixiu-feedback.js

@@ -1,64 +0,0 @@
-/** Session feedback runs on an inner plane so ambient drifting stays untouched. */
-export const XIAOHEI_HEIXIU_FEEDBACK_CSS = `
-.xiaohei-scene__heixiu-body {
-  position: absolute;
-  inset: 0;
-  display: block;
-  transform: translate3d(0, 0, 0);
-  opacity: 1;
-}
-
-html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--mascot .xiaohei-scene__heixiu-body,
-html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {
-  animation: xiaohei-heixiu-feedback-complete 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
-}
-
-html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {
-  animation-delay: 140ms;
-}
-
-html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body {
-  animation: xiaohei-heixiu-feedback-error 880ms cubic-bezier(0.22, 0.72, 0.24, 1) both;
-}
-
-html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,
-html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open {
-  animation: xiaohei-heixiu-feedback-eyes-open 620ms step-end both;
-}
-
-html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink,
-html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {
-  animation: xiaohei-heixiu-feedback-eyes-blink 620ms step-end both;
-}
-
-@keyframes xiaohei-heixiu-feedback-complete {
-  0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }
-  38% { transform: translate3d(0, -0.42rem, 0); opacity: 1; }
-  68% { transform: translate3d(0, -0.12rem, 0); opacity: 0.96; }
-}
-
-@keyframes xiaohei-heixiu-feedback-error {
-  0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }
-  30% { transform: translate3d(0, 0.2rem, 0); opacity: 0.52; }
-  62% { transform: translate3d(0, 0.08rem, 0); opacity: 0.72; }
-}
-
-@keyframes xiaohei-heixiu-feedback-eyes-open {
-  0%, 24%, 48%, 100% { opacity: 1; }
-  25%, 47% { opacity: 0; }
-}
-
-@keyframes xiaohei-heixiu-feedback-eyes-blink {
-  0%, 24%, 48%, 100% { opacity: 0; }
-  25%, 47% { opacity: 1; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body,
-  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,
-  html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {
-    animation: none;
-  }
-}
-`;
-//# sourceMappingURL=heixiu-feedback.js.map

package/lib/scene/heixiu-interactions.d.ts

@@ -1,3 +0,0 @@
-/** Direct pointer attention and synchronized Heixiu-to-Xiaohei greetings. */
-export declare const XIAOHEI_HEIXIU_INTERACTION_CSS = "\n.xiaohei-scene__heixiu-body {\n  transition: transform 150ms ease-out, opacity 150ms ease-out;\n}\n\n.xiaohei-scene__heixiu-body::after {\n  content: '';\n  position: absolute;\n  inset: 8%;\n  border-radius: 50%;\n  pointer-events: none;\n  background: radial-gradient(circle, rgb(126 239 219 / 20%), transparent 68%);\n  opacity: 0;\n  transition: opacity 150ms ease-out;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {\n  opacity: 0.92;\n  filter:\n    drop-shadow(0 0.32rem 0.68rem rgb(109 233 211 / 32%))\n    drop-shadow(0 0.68rem 1.15rem rgb(1 9 10 / 20%));\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body {\n  transform: translate3d(\n    var(--xiaohei-heixiu-attention-x, 0px),\n    var(--xiaohei-heixiu-attention-y, 0px),\n    0\n  );\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body::after {\n  opacity: 1;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body {\n  animation: xiaohei-heixiu-greet-xiaohei 760ms cubic-bezier(0.2, 0.72, 0.24, 1) both;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open {\n  animation: xiaohei-heixiu-greeting-open 760ms step-end both;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {\n  animation: xiaohei-heixiu-greeting-blink 760ms step-end both;\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu-body::after {\n  background: radial-gradient(circle, rgb(44 135 113 / 14%), transparent 68%);\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {\n  filter:\n    drop-shadow(0 0.3rem 0.62rem rgb(47 133 118 / 22%))\n    drop-shadow(0 0.62rem 1rem rgb(45 64 56 / 10%));\n}\n\n@keyframes xiaohei-heixiu-greet-xiaohei {\n  0%, 100% { transform: translate3d(0, 0, 0); }\n  30% { transform: translate3d(0.42rem, -0.28rem, 0); }\n  62% { transform: translate3d(0.16rem, -0.08rem, 0); }\n}\n\n@keyframes xiaohei-heixiu-greeting-open {\n  0%, 20%, 40%, 62%, 80%, 100% { opacity: 1; }\n  21%, 39%, 63%, 79% { opacity: 0; }\n}\n\n@keyframes xiaohei-heixiu-greeting-blink {\n  0%, 20%, 40%, 62%, 80%, 100% { opacity: 0; }\n  21%, 39%, 63%, 79% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {\n  .xiaohei-scene__heixiu-body,\n  .xiaohei-scene__heixiu-body::after {\n    transition: none;\n  }\n\n  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body,\n  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open,\n  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {\n    animation: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .xiaohei-scene__heixiu-body::after { display: none; }\n}\n";
-//# sourceMappingURL=heixiu-interactions.d.ts.map

package/lib/scene/heixiu-interactions.js

@@ -1,92 +0,0 @@
-/** Direct pointer attention and synchronized Heixiu-to-Xiaohei greetings. */
-export const XIAOHEI_HEIXIU_INTERACTION_CSS = `
-.xiaohei-scene__heixiu-body {
-  transition: transform 150ms ease-out, opacity 150ms ease-out;
-}
-
-.xiaohei-scene__heixiu-body::after {
-  content: '';
-  position: absolute;
-  inset: 8%;
-  border-radius: 50%;
-  pointer-events: none;
-  background: radial-gradient(circle, rgb(126 239 219 / 20%), transparent 68%);
-  opacity: 0;
-  transition: opacity 150ms ease-out;
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {
-  opacity: 0.92;
-  filter:
-    drop-shadow(0 0.32rem 0.68rem rgb(109 233 211 / 32%))
-    drop-shadow(0 0.68rem 1.15rem rgb(1 9 10 / 20%));
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body {
-  transform: translate3d(
-    var(--xiaohei-heixiu-attention-x, 0px),
-    var(--xiaohei-heixiu-attention-y, 0px),
-    0
-  );
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body::after {
-  opacity: 1;
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body {
-  animation: xiaohei-heixiu-greet-xiaohei 760ms cubic-bezier(0.2, 0.72, 0.24, 1) both;
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open {
-  animation: xiaohei-heixiu-greeting-open 760ms step-end both;
-}
-
-.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {
-  animation: xiaohei-heixiu-greeting-blink 760ms step-end both;
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu-body::after {
-  background: radial-gradient(circle, rgb(44 135 113 / 14%), transparent 68%);
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {
-  filter:
-    drop-shadow(0 0.3rem 0.62rem rgb(47 133 118 / 22%))
-    drop-shadow(0 0.62rem 1rem rgb(45 64 56 / 10%));
-}
-
-@keyframes xiaohei-heixiu-greet-xiaohei {
-  0%, 100% { transform: translate3d(0, 0, 0); }
-  30% { transform: translate3d(0.42rem, -0.28rem, 0); }
-  62% { transform: translate3d(0.16rem, -0.08rem, 0); }
-}
-
-@keyframes xiaohei-heixiu-greeting-open {
-  0%, 20%, 40%, 62%, 80%, 100% { opacity: 1; }
-  21%, 39%, 63%, 79% { opacity: 0; }
-}
-
-@keyframes xiaohei-heixiu-greeting-blink {
-  0%, 20%, 40%, 62%, 80%, 100% { opacity: 0; }
-  21%, 39%, 63%, 79% { opacity: 1; }
-}
-
-@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
-  .xiaohei-scene__heixiu-body,
-  .xiaohei-scene__heixiu-body::after {
-    transition: none;
-  }
-
-  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body,
-  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open,
-  .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {
-    animation: none;
-  }
-}
-
-@media (forced-colors: active) {
-  .xiaohei-scene__heixiu-body::after { display: none; }
-}
-`;
-//# sourceMappingURL=heixiu-interactions.js.map

package/lib/scene/ids.d.ts

@@ -1,5 +0,0 @@
-/** Asset-free identifiers shared by the startup shell and deferred scenery. */
-export declare const XIAOHEI_SCENE_STYLE_ID = "dsh-theme-xiaohei/scene-style";
-export declare const XIAOHEI_SCENE_LAYER_ID = "dsh-theme-xiaohei/scene-layer";
-export declare const XIAOHEI_SCENE_WORLD_CLASS = "xiaohei-scene__world";
-//# sourceMappingURL=ids.d.ts.map

package/lib/scene/ids.js

@@ -1,5 +0,0 @@
-/** Asset-free identifiers shared by the startup shell and deferred scenery. */
-export const XIAOHEI_SCENE_STYLE_ID = 'dsh-theme-xiaohei/scene-style';
-export const XIAOHEI_SCENE_LAYER_ID = 'dsh-theme-xiaohei/scene-layer';
-export const XIAOHEI_SCENE_WORLD_CLASS = 'xiaohei-scene__world';
-//# sourceMappingURL=ids.js.map

package/lib/scene/pointer-bridge.d.ts

@@ -1,21 +0,0 @@
-export declare const XIAOHEI_SYLVA_POINTER_CHANNEL = "dsh-theme-xiaohei/sylva-pointer-v1";
-export declare const XIAOHEI_SYLVA_POINTER_ACK_CHANNEL = "dsh-theme-xiaohei/sylva-pointer-ack-v1";
-export declare const XIAOHEI_SYLVA_POINTER_MARKER = "data-xiaohei-pointer-bridge";
-export type XiaoheiSylvaPointerMessage = {
-    channel: typeof XIAOHEI_SYLVA_POINTER_CHANNEL;
-    event: 'move' | 'leave';
-    x?: number;
-    y?: number;
-    pointerType?: string;
-};
-type FrameBounds = Pick<DOMRectReadOnly, 'left' | 'top' | 'width' | 'height'>;
-/** Translate a host-page pointer into the isolated scene viewport. */
-export declare function resolveXiaoheiSylvaPointer(clientX: number, clientY: number, bounds: FrameBounds): Pick<XiaoheiSylvaPointerMessage, 'event' | 'x' | 'y'>;
-/** Add the receiver to a derived srcDoc without changing the registered ThreeUI source. */
-export declare function injectXiaoheiSylvaPointerBridge(source: string): string;
-/** Prepare a frame before it is connected, so WebGL boots exactly once. */
-export declare function prepareXiaoheiSylvaPointerFrame(frame: HTMLIFrameElement): boolean;
-/** Install a movement-only bridge. It never forwards clicks or presses. */
-export declare function installXiaoheiSylvaPointerBridge(host: HTMLElement, prepareSceneFrame?: (frame: HTMLIFrameElement) => void): () => void;
-export {};
-//# sourceMappingURL=pointer-bridge.d.ts.map