@lemoncat7/dsh-theme-xiaohei 0.4.6 → 0.5.1

package/lib/metallic-brand-mark.js

@@ -1,296 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { XIAOHEI_BRAND_AVATAR } from './generated-identity.js';
-// Native wide/rail switches remount this slot. A tiny navigation mark does not
-// need a fresh GPU context and shader compilation on every toggle.
-const metallicSnapshots = new Map();
-const VERTEX_SHADER = `#version 300 es
-precision highp float;
-in vec2 a_position;
-out vec2 vP;
-void main(){vP=a_position*.5+.5;gl_Position=vec4(a_position,0.,1.);}`;
-/* Adapted from React Bits MetallicPaint. The source avatar is already a
- * transparent tonal map, so the expensive browser-side depth solve is not
- * needed for this compact brand mark. */
-const FRAGMENT_SHADER = `#version 300 es
-precision highp float;
-in vec2 vP;
-out vec4 oC;
-uniform sampler2D u_tex;
-uniform float u_time,u_ratio,u_imgRatio,u_seed,u_scale,u_refract,u_blur,u_liquid;
-uniform float u_bright,u_contrast,u_angle,u_fresnel,u_sharp,u_wave,u_noise,u_chroma;
-uniform float u_distort,u_contour;
-uniform vec3 u_lightColor,u_darkColor,u_tint;
-
-vec3 sC,sM;
-
-vec3 pW(vec3 v){
-  vec3 i=floor(v),f=fract(v),s=sign(fract(v*.5)-.5),h=fract(sM*i+i.yzx),c=f*(f-1.);
-  return s*c*((h*16.-4.)*c-1.);
-}
-
-vec3 aF(vec3 b,vec3 c){return pW(b+c.zxy-pW(b.zxy+c.yzx)+pW(b.yzx+c.xyz));}
-vec3 lM(vec3 s,vec3 p){return(p+aF(s,p))*.5;}
-
-vec2 fA(){
-  vec2 c=vP-.5;
-  c.x*=u_ratio>u_imgRatio?u_ratio/u_imgRatio:1.;
-  c.y*=u_ratio>u_imgRatio?1.:u_imgRatio/u_ratio;
-  return vec2(c.x+.5,.5-c.y);
-}
-
-vec2 rot(vec2 p,float r){float c=cos(r),s=sin(r);return vec2(p.x*c+p.y*s,p.y*c-p.x*s);}
-
-float bM(vec2 c,float t){
-  vec2 l=smoothstep(vec2(0.),vec2(t),c),u=smoothstep(vec2(0.),vec2(t),1.-c);
-  return l.x*l.y*u.x*u.y;
-}
-
-float mG(float hi,float lo,float t,float sh,float cv){
-  sh*=(2.-u_sharp);
-  float ci=smoothstep(.15,.85,cv),r=lo;
-  float e1=.08/u_scale;
-  r=mix(r,hi,smoothstep(0.,sh*1.5,t));
-  r=mix(r,lo,smoothstep(e1-sh,e1+sh,t));
-  float e2=e1+.05/u_scale*(1.-ci*.35);
-  r=mix(r,hi,smoothstep(e2-sh,e2+sh,t));
-  float e3=e2+.025/u_scale*(1.-ci*.45);
-  r=mix(r,lo,smoothstep(e3-sh,e3+sh,t));
-  float e4=e1+.1/u_scale;
-  r=mix(r,hi,smoothstep(e4-sh,e4+sh,t));
-  float rm=1.-e4,gT=clamp((t-e4)/rm,0.,1.);
-  r=mix(r,mix(hi,lo,smoothstep(0.,1.,gT)),smoothstep(e4-sh*.5,e4+sh*.5,t));
-  return r;
-}
-
-void main(){
-  sC=fract(vec3(.7548,.5698,.4154)*(u_seed+17.31))+.5;
-  sM=fract(sC.zxy-sC.yzx*1.618);
-  vec2 sc=vec2(vP.x*u_ratio,1.-vP.y);
-  float angleRad=u_angle*3.14159/180.;
-  sc=rot(sc-.5,angleRad)+.5;
-  sc=clamp(sc,0.,1.);
-  float sl=sc.x-sc.y,an=u_time*.001;
-  vec2 iC=fA();
-  vec4 texSample=texture(u_tex,iC);
-  float dp=texSample.r;
-  float shapeMask=texSample.a;
-  vec3 hi=u_lightColor*u_bright;
-  vec3 lo=u_darkColor*(2.-u_bright);
-  lo.b+=smoothstep(.6,1.4,sc.x+sc.y)*.08;
-  vec2 fC=sc-.5;
-  float rd=length(fC+vec2(0.,sl*.15));
-  vec2 ag=rot(fC,(.22-sl*.18)*3.14159);
-  float cv=1.-pow(rd*1.65,1.15);
-  cv*=pow(sc.y,.35);
-  float vs=shapeMask;
-  vs*=bM(iC,.01);
-  float fr=pow(1.-cv,u_fresnel)*.3;
-  vs=min(vs+fr*vs,1.);
-  float mT=an*.0625;
-  vec3 wO=vec3(-1.05,1.35,1.55);
-  vec3 wA=aF(vec3(31.,73.,56.),mT+wO)*.22*u_wave;
-  vec3 wB=aF(vec3(24.,64.,42.),mT-wO.yzx)*.22*u_wave;
-  vec2 nC=sc*45.*u_noise;
-  nC+=aF(sC.zxy,an*.17*sC.yzx-sc.yxy*.35).xy*18.*u_wave;
-  vec3 tC=vec3(.00041,.00053,.00076)*mT+wB*nC.x+wA*nC.y;
-  tC=lM(sC,tC);
-  tC=lM(sC+1.618,tC);
-  float tb=sin(tC.x*3.14159)*.5+.5;
-  tb=tb*2.-1.;
-  float noiseVal=pW(vec3(sc*8.+an,an*.5)).x;
-  float edgeFactor=smoothstep(0.,.5,dp)*smoothstep(1.,.5,dp);
-  float lD=dp+(1.-dp)*u_liquid*tb;
-  lD+=noiseVal*u_distort*.15*edgeFactor;
-  float rB=clamp(1.-cv,0.,1.);
-  float fl=ag.x+sl;
-  fl+=noiseVal*sl*u_distort*edgeFactor;
-  fl*=mix(1.,1.-dp*.5,u_contour);
-  fl-=dp*u_contour*.8;
-  float eI=smoothstep(0.,1.,lD)*smoothstep(1.,0.,lD);
-  fl-=tb*sl*1.8*eI;
-  float cA=cv*clamp(pow(sc.y,.12),.25,1.);
-  fl*=.12+(1.05-lD)*cA;
-  fl*=smoothstep(1.,.65,lD);
-  float vA1=smoothstep(.08,.18,sc.y)*smoothstep(.38,.18,sc.y);
-  float vA2=smoothstep(.08,.18,1.-sc.y)*smoothstep(.38,.18,1.-sc.y);
-  fl+=vA1*.16+vA2*.025;
-  fl*=.45+pow(sc.y,2.)*.55;
-  fl*=u_scale;
-  fl-=an;
-  float rO=rB+cv*tb*.025;
-  float vM1=smoothstep(-.12,.18,sc.y)*smoothstep(.48,.08,sc.y);
-  float cM1=smoothstep(.35,.55,cv)*smoothstep(.95,.35,cv);
-  rO+=vM1*cM1*4.5;
-  rO-=sl;
-  float bO=rB*1.25;
-  float vM2=smoothstep(-.02,.35,sc.y)*smoothstep(.75,.08,sc.y);
-  float cM2=smoothstep(.35,.55,cv)*smoothstep(.75,.35,cv);
-  bO+=vM2*cM2*.9;
-  bO-=lD*.18;
-  rO*=u_refract*u_chroma;
-  bO*=u_refract*u_chroma;
-  float sf=u_blur;
-  float rP=fract(fl+rO);
-  float rC=mG(hi.r,lo.r,rP,sf+.018+u_refract*cv*.025,cv);
-  float gP=fract(fl);
-  float gC=mG(hi.g,lo.g,gP,sf+.008/max(.01,1.-sl),cv);
-  float bP=fract(fl-bO);
-  float bC=mG(hi.b,lo.b,bP,sf+.008,cv);
-  vec3 col=vec3(rC,gC,bC);
-  col=(col-.5)*u_contrast+.5;
-  col=clamp(col,0.,1.);
-  col=mix(col,1.-min(vec3(1.),(1.-col)/max(u_tint,vec3(.001))),length(u_tint-1.)*.5);
-  col=clamp(col,0.,1.);
-  oC=vec4(col*vs,vs);
-}`;
-const UNIFORM_NAMES = [
-    'u_tex', 'u_time', 'u_ratio', 'u_imgRatio', 'u_seed', 'u_scale', 'u_refract',
-    'u_blur', 'u_liquid', 'u_bright', 'u_contrast', 'u_angle', 'u_fresnel',
-    'u_sharp', 'u_wave', 'u_noise', 'u_chroma', 'u_distort', 'u_contour',
-    'u_lightColor', 'u_darkColor', 'u_tint',
-];
-function compileShader(gl, type, source) {
-    const shader = gl.createShader(type);
-    if (shader === null)
-        return undefined;
-    gl.shaderSource(shader, source);
-    gl.compileShader(shader);
-    if (gl.getShaderParameter(shader, gl.COMPILE_STATUS) === true)
-        return shader;
-    gl.deleteShader(shader);
-    return undefined;
-}
-function setRgb(gl, location, color) {
-    gl.uniform3f(location, color[0], color[1], color[2]);
-}
-/** Official sidebar brand occupant with a compact, lifecycle-safe metallic shader. */
-export function XiaoheiMetallicBrandMark({ size, className }) {
-    const canvasRef = useRef(null);
-    const [ready, setReady] = useState(false);
-    const visualSize = Math.max(24, size + 4);
-    const context = size >= 32 ? 'hero' : 'sidebar';
-    const [snapshot, setSnapshot] = useState(metallicSnapshots.get(visualSize));
-    useEffect(() => {
-        if (snapshot !== undefined)
-            return;
-        const canvas = canvasRef.current;
-        if (canvas === null)
-            return;
-        const gl = canvas.getContext('webgl2', {
-            alpha: true,
-            antialias: false,
-            powerPreference: 'low-power',
-            premultipliedAlpha: true,
-        });
-        if (gl === null)
-            return;
-        const vertex = compileShader(gl, gl.VERTEX_SHADER, VERTEX_SHADER);
-        const fragment = compileShader(gl, gl.FRAGMENT_SHADER, FRAGMENT_SHADER);
-        if (vertex === undefined || fragment === undefined) {
-            if (vertex !== undefined)
-                gl.deleteShader(vertex);
-            if (fragment !== undefined)
-                gl.deleteShader(fragment);
-            return;
-        }
-        const program = gl.createProgram();
-        const buffer = gl.createBuffer();
-        if (program === null || buffer === null) {
-            gl.deleteShader(vertex);
-            gl.deleteShader(fragment);
-            return;
-        }
-        gl.attachShader(program, vertex);
-        gl.attachShader(program, fragment);
-        gl.linkProgram(program);
-        gl.deleteShader(vertex);
-        gl.deleteShader(fragment);
-        if (gl.getProgramParameter(program, gl.LINK_STATUS) !== true) {
-            gl.deleteBuffer(buffer);
-            gl.deleteProgram(program);
-            return;
-        }
-        const uniforms = Object.fromEntries(UNIFORM_NAMES.map(name => [name, gl.getUniformLocation(program, name)]));
-        const pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
-        const renderSize = Math.max(64, Math.ceil(visualSize * pixelRatio));
-        canvas.width = renderSize;
-        canvas.height = renderSize;
-        gl.viewport(0, 0, renderSize, renderSize);
-        gl.useProgram(program);
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);
-        const position = gl.getAttribLocation(program, 'a_position');
-        gl.enableVertexAttribArray(position);
-        gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
-        gl.uniform1f(uniforms.u_ratio, 1);
-        gl.uniform1f(uniforms.u_imgRatio, 1);
-        gl.uniform1f(uniforms.u_seed, 42);
-        gl.uniform1f(uniforms.u_scale, 3.2);
-        gl.uniform1f(uniforms.u_refract, 0.012);
-        gl.uniform1f(uniforms.u_blur, 0.018);
-        gl.uniform1f(uniforms.u_liquid, 0.58);
-        gl.uniform1f(uniforms.u_bright, 1.35);
-        gl.uniform1f(uniforms.u_contrast, 1.08);
-        gl.uniform1f(uniforms.u_angle, -12);
-        gl.uniform1f(uniforms.u_fresnel, 0.8);
-        gl.uniform1f(uniforms.u_sharp, 1.15);
-        gl.uniform1f(uniforms.u_wave, 0.65);
-        gl.uniform1f(uniforms.u_noise, 0.45);
-        gl.uniform1f(uniforms.u_chroma, 0.7);
-        gl.uniform1f(uniforms.u_distort, 0.35);
-        gl.uniform1f(uniforms.u_contour, 0.38);
-        setRgb(gl, uniforms.u_lightColor, [0.96, 0.97, 0.95]);
-        setRgb(gl, uniforms.u_darkColor, [0.025, 0.04, 0.045]);
-        setRgb(gl, uniforms.u_tint, [0.84, 0.92, 0.89]);
-        let disposed = false;
-        const metallicTime = 1450;
-        const texture = gl.createTexture();
-        const image = new Image();
-        const draw = () => {
-            gl.uniform1f(uniforms.u_time, metallicTime);
-            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-        };
-        image.onload = () => {
-            if (disposed || texture === null)
-                return;
-            gl.activeTexture(gl.TEXTURE0);
-            gl.bindTexture(gl.TEXTURE_2D, texture);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-            gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
-            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
-            gl.uniform1i(uniforms.u_tex, 0);
-            draw();
-            // Preserve the metallic appearance without a permanent GPU animation.
-            // Updating snapshot unmounts the canvas and runs the resource cleanup.
-            const result = canvas.toDataURL();
-            metallicSnapshots.set(visualSize, result);
-            setSnapshot(result);
-            setReady(true);
-        };
-        image.src = XIAOHEI_BRAND_AVATAR;
-        return () => {
-            disposed = true;
-            image.onload = null;
-            if (texture !== null)
-                gl.deleteTexture(texture);
-            gl.deleteBuffer(buffer);
-            gl.deleteProgram(program);
-            gl.getExtension('WEBGL_lose_context')?.loseContext();
-        };
-    }, [visualSize, context, snapshot]);
-    const geometry = {
-        '--xiaohei-brand-mark-size': `${visualSize}px`,
-    };
-    return (_jsxs("span", { className: className === undefined ? 'xiaohei-brand-mark' : `${className} xiaohei-brand-mark`, "data-brand-context": context, "data-xiaohei-sidebar-brand": context === 'sidebar' ? '' : undefined, "data-metallic-ready": ready || snapshot !== undefined ? 'true' : 'false', style: geometry, "aria-hidden": "true", children: [_jsx("img", { className: "xiaohei-brand-mark__fallback", src: XIAOHEI_BRAND_AVATAR, alt: "" }), snapshot !== undefined
-                ? _jsx("img", { className: "xiaohei-brand-mark__metal", src: snapshot, alt: "" })
-                : _jsx("canvas", { className: "xiaohei-brand-mark__metal", ref: canvasRef })] }));
-}
-/** Official sidebar brand-name occupant paired with the Xiaohei mark. */
-export function XiaoheiBrandName() {
-    return _jsx("span", { className: "xiaohei-brand-name", "data-xiaohei-sidebar-brand": "", children: "\u7F57\u5C0F\u9ED1 \u00B7 \u5996\u7075\u4F1A\u9986" });
-}
-//# sourceMappingURL=metallic-brand-mark.js.map

package/lib/plugin.d.ts

@@ -1,6 +0,0 @@
-import type { Context as ClientContext } from '@deepseek-ai/cordis';
-/** Boot decoration has no service dependency; the full theme waits below. */
-export declare const inject: string[];
-/** Shade DSH's native appearance modes without replacing its preference UI. */
-export declare function apply(ctx: ClientContext): void;
-//# sourceMappingURL=plugin.d.ts.map

package/lib/plugin.js

@@ -1,60 +0,0 @@
-import { bindXiaoheiAppearance } from './appearance.js';
-import { installXiaoheiChrome } from './chrome.js';
-import { installXiaoheiComposerSendHeixiu } from './composer-send-heixiu.js';
-import { XiaoheiDraftPreview } from './composer-draft-preview.js';
-import { installXiaoheiPluginLoading } from './loading-heixiu.js';
-import { installDeferredDecorations } from './deferred-decorations.js';
-import { installXiaoheiScene } from './scene/runtime.js';
-import { installXiaoheiSidebarGlass } from './sidebar-glass.js';
-import { installDeferredCompanion } from './deferred-companion.js';
-import { bindHeixiuSessions, createHeixiuSignals } from './bloub-heixiu/signals.js';
-import { XIAOHEI_THEME_TOKEN_OVERRIDES } from './theme.js';
-import { XiaoheiBrandName, XiaoheiMetallicBrandMark } from './metallic-brand-mark.js';
-/** Boot decoration has no service dependency; the full theme waits below. */
-export const inject = [];
-/** Shade DSH's native appearance modes without replacing its preference UI. */
-export function apply(ctx) {
-    ctx.effect(installXiaoheiPluginLoading, 'xiaohei-theme: replace plugin spinner with hopping Heixiu');
-    ctx.inject(['slots'], readyCtx => {
-        const disposeDraftPreview = readyCtx.slots.inject('conversation.input.dock', () => readyCtx.slots.register({
-            name: 'conversation.input.dock',
-            id: 'xiaohei-draft-preview',
-            order: 100,
-        }, XiaoheiDraftPreview));
-        const disposeSidebarMark = readyCtx.slots.inject('sidebar.brand.mark', () => readyCtx.slots.register({
-            name: 'sidebar.brand.mark',
-            priority: -20,
-        }, XiaoheiMetallicBrandMark));
-        const disposeSidebarName = readyCtx.slots.inject('sidebar.brand.name', () => readyCtx.slots.register({
-            name: 'sidebar.brand.name',
-            priority: -20,
-        }, XiaoheiBrandName));
-        const disposeHeroMark = readyCtx.slots.inject('conversation.hero.brand.mark', () => readyCtx.slots.register({
-            name: 'conversation.hero.brand.mark',
-            priority: -20,
-        }, XiaoheiMetallicBrandMark));
-        return () => {
-            disposeDraftPreview();
-            disposeHeroMark();
-            disposeSidebarName();
-            disposeSidebarMark();
-        };
-    });
-    ctx.inject(['theme'], (readyCtx) => installXiaoheiTheme(readyCtx));
-}
-/** Mount the complete theme only after its runtime services become available. */
-function installXiaoheiTheme(ctx) {
-    ctx.effect(() => {
-        return ctx.theme.overrideTokens('@lemoncat7/dsh-theme-xiaohei', XIAOHEI_THEME_TOKEN_OVERRIDES);
-    }, 'xiaohei-theme: shade native Light / Dark / System palettes');
-    ctx.effect(() => bindXiaoheiAppearance(ctx), 'xiaohei-theme: follow resolved appearance');
-    ctx.effect(installXiaoheiChrome, 'xiaohei-theme: install spirit control skin');
-    ctx.effect(installXiaoheiScene, 'xiaohei-theme: paint wallpaper immediately');
-    ctx.effect(installXiaoheiComposerSendHeixiu, 'xiaohei-theme: turn the native send action into blinking Heixiu');
-    ctx.effect(installDeferredDecorations, 'xiaohei-theme: load decorations after first paint');
-    ctx.effect(installXiaoheiSidebarGlass, 'xiaohei-theme: install isolated sidebar glass');
-    const heixiuSignals = createHeixiuSignals();
-    ctx.effect(() => installDeferredCompanion(heixiuSignals), 'xiaohei-theme: mount Heixiu after conversation paint');
-    ctx.inject(['sessions'], ready => bindHeixiuSessions(ready.sessions, heixiuSignals));
-}
-//# sourceMappingURL=plugin.js.map

package/lib/portal.d.ts

@@ -1,40 +0,0 @@
-export declare const XIAOHEI_PORTAL_STYLE_ID = "dsh-theme-xiaohei/portal-style";
-export declare const XIAOHEI_PORTAL_LAYER_ID = "dsh-theme-xiaohei/portal-layer";
-export declare const XIAOHEI_PORTAL_DURATION_MS = 2600;
-export declare const XIAOHEI_PORTAL_ACTIVITY_EVENT = "dsh-theme-xiaohei:portal-activity";
-export declare const XIAOHEI_PORTAL_PROXIMITY_EVENT = "dsh-theme-xiaohei:portal-proximity";
-export interface XiaoheiPortalActivityDetail {
-    active: boolean;
-}
-export interface XiaoheiPortalProximityDetail {
-    active: boolean;
-    target?: {
-        x: number;
-        y: number;
-    };
-}
-interface PortalPoint {
-    x: number;
-    y: number;
-    angle: number;
-}
-interface PortalInteraction {
-    phase: 'entry' | 'exit';
-    target: {
-        x: number;
-        y: number;
-    };
-    delayMs: number;
-}
-interface RectLike {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-}
-/** Resolve the closest visible portal phase without overlapping distant visits. */
-export declare function resolveXiaoheiPortalInteraction(start: PortalPoint, finish: PortalPoint, mascotRect: RectLike): PortalInteraction | undefined;
-/** Install ambient random visits without coupling them to conversation state. */
-export declare function installXiaoheiPortalTransit(doc?: Document | undefined): () => void;
-export {};
-//# sourceMappingURL=portal.d.ts.map

package/lib/portal.js

@@ -1,225 +0,0 @@
-import { XIAOHEI_HEIXIU_BLINK, XIAOHEI_HEIXIU_OPEN } from './generated-keyart.js';
-import { XIAOHEI_PORTAL_CSS } from './chrome/portal.js';
-import { subscribeXiaoheiHostDom } from './host-dom.js';
-import { XIAOHEI_HOST_SELECTORS } from './host-contract.js';
-import { XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_WORLD_CLASS } from './scene/ids.js';
-export const XIAOHEI_PORTAL_STYLE_ID = 'dsh-theme-xiaohei/portal-style';
-export const XIAOHEI_PORTAL_LAYER_ID = 'dsh-theme-xiaohei/portal-layer';
-export const XIAOHEI_PORTAL_DURATION_MS = 2600;
-export const XIAOHEI_PORTAL_ACTIVITY_EVENT = 'dsh-theme-xiaohei:portal-activity';
-export const XIAOHEI_PORTAL_PROXIMITY_EVENT = 'dsh-theme-xiaohei:portal-proximity';
-const INITIAL_VISIT_DELAY_MS = 1800;
-const VISIT_MIN_DELAY_MS = 12_000;
-const VISIT_DELAY_RANGE_MS = 9000;
-const INTERACTION_RADIUS_PX = 420;
-const INTERACTION_DURATION_MS = 520;
-const ENTRY_INTERACTION_DELAY_MS = Math.round(XIAOHEI_PORTAL_DURATION_MS * 0.22);
-const EXIT_INTERACTION_DELAY_MS = Math.round(XIAOHEI_PORTAL_DURATION_MS * 0.76);
-/** Resolve the closest visible portal phase without overlapping distant visits. */
-export function resolveXiaoheiPortalInteraction(start, finish, mascotRect) {
-    const head = {
-        x: mascotRect.left + mascotRect.width * 0.35,
-        y: mascotRect.top + mascotRect.height * 0.42,
-    };
-    const candidates = [
-        { phase: 'entry', target: { x: start.x, y: start.y }, delayMs: ENTRY_INTERACTION_DELAY_MS },
-        { phase: 'exit', target: { x: finish.x, y: finish.y }, delayMs: EXIT_INTERACTION_DELAY_MS },
-    ];
-    const distance = (candidate) => Math.hypot(candidate.target.x - head.x, candidate.target.y - head.y);
-    const nearest = distance(candidates[0]) <= distance(candidates[1])
-        ? candidates[0]
-        : candidates[1];
-    return distance(nearest) <= INTERACTION_RADIUS_PX ? nearest : undefined;
-}
-/** Install ambient random visits without coupling them to conversation state. */
-export function installXiaoheiPortalTransit(doc = typeof document === 'undefined' ? undefined : document) {
-    if (doc?.body === undefined || doc.defaultView === null)
-        return () => { };
-    doc.getElementById(XIAOHEI_PORTAL_STYLE_ID)?.remove();
-    doc.getElementById(XIAOHEI_PORTAL_LAYER_ID)?.remove();
-    const style = doc.createElement('style');
-    style.id = XIAOHEI_PORTAL_STYLE_ID;
-    style.textContent = XIAOHEI_PORTAL_CSS;
-    doc.head.append(style);
-    const layer = doc.createElement('div');
-    layer.id = XIAOHEI_PORTAL_LAYER_ID;
-    layer.setAttribute('aria-hidden', 'true');
-    layer.dataset.running = 'false';
-    const entry = doc.createElement('span');
-    entry.className = 'xiaohei-portal__void xiaohei-portal__void--entry';
-    const exit = doc.createElement('span');
-    exit.className = 'xiaohei-portal__void xiaohei-portal__void--exit';
-    const traveler = doc.createElement('span');
-    traveler.className = 'xiaohei-portal__traveler';
-    traveler.append(createTravelerImage(doc, XIAOHEI_HEIXIU_OPEN, 'xiaohei-portal__traveler-open'), createTravelerImage(doc, XIAOHEI_HEIXIU_BLINK, 'xiaohei-portal__traveler-blink'));
-    layer.append(entry, exit, traveler);
-    const win = doc.defaultView;
-    let disposed = false;
-    let animationTimer = 0;
-    let visitTimer = 0;
-    let interactionStartTimer = 0;
-    let interactionEndTimer = 0;
-    let interactionActive = false;
-    let visitsStarted = false;
-    const mount = () => {
-        const scene = doc.getElementById(XIAOHEI_SCENE_LAYER_ID);
-        if (scene === null)
-            return false;
-        if (layer.parentElement !== scene) {
-            const world = scene.querySelector(`.${XIAOHEI_SCENE_WORLD_CLASS}`);
-            scene.insertBefore(layer, world?.nextSibling ?? scene.firstChild);
-        }
-        return true;
-    };
-    const clearTimer = (timer) => {
-        if (timer !== 0)
-            win.clearTimeout(timer);
-    };
-    const endInteraction = () => {
-        clearTimer(interactionStartTimer);
-        clearTimer(interactionEndTimer);
-        interactionStartTimer = 0;
-        interactionEndTimer = 0;
-        if (!interactionActive)
-            return;
-        interactionActive = false;
-        dispatchPortalProximity(doc, false);
-    };
-    const scheduleVisit = (initial = false) => {
-        clearTimer(visitTimer);
-        if (disposed)
-            return;
-        const delay = initial
-            ? INITIAL_VISIT_DELAY_MS
-            : VISIT_MIN_DELAY_MS + Math.round(Math.random() * VISIT_DELAY_RANGE_MS);
-        visitTimer = win.setTimeout(play, delay);
-    };
-    const play = () => {
-        if (disposed || layer.dataset.running === 'true' || !mount())
-            return;
-        endInteraction();
-        const [start, finish] = choosePortalPoints(doc);
-        const styleMap = layer.style;
-        styleMap.setProperty('--portal-entry-x', `${start.x}px`);
-        styleMap.setProperty('--portal-entry-y', `${start.y}px`);
-        styleMap.setProperty('--portal-exit-x', `${finish.x}px`);
-        styleMap.setProperty('--portal-exit-y', `${finish.y}px`);
-        styleMap.setProperty('--portal-entry-angle', `${start.angle}deg`);
-        styleMap.setProperty('--portal-exit-angle', `${finish.angle}deg`);
-        styleMap.setProperty('--portal-travel-x', `${finish.x - start.x}px`);
-        styleMap.setProperty('--portal-travel-y', `${finish.y - start.y}px`);
-        const emergeDirection = finish.x < win.innerWidth / 2 ? -1 : 1;
-        styleMap.setProperty('--portal-emerge-near', `${emergeDirection * 20}px`);
-        styleMap.setProperty('--portal-emerge-far', `${emergeDirection * 69}px`);
-        styleMap.setProperty('--portal-emerge-end', `${emergeDirection * 86}px`);
-        layer.dataset.running = 'false';
-        void layer.offsetWidth;
-        layer.dataset.running = 'true';
-        dispatchPortalActivity(doc, true);
-        const mascotRect = doc.querySelector('.xiaohei-scene__mascot')?.getBoundingClientRect();
-        const interaction = mascotRect === undefined
-            ? undefined
-            : resolveXiaoheiPortalInteraction(start, finish, mascotRect);
-        layer.dataset.interaction = interaction?.phase ?? 'none';
-        if (interaction !== undefined) {
-            interactionStartTimer = win.setTimeout(() => {
-                interactionStartTimer = 0;
-                if (disposed || layer.dataset.running !== 'true')
-                    return;
-                interactionActive = true;
-                dispatchPortalProximity(doc, true, interaction.target);
-                interactionEndTimer = win.setTimeout(endInteraction, INTERACTION_DURATION_MS);
-            }, interaction.delayMs);
-        }
-        clearTimer(animationTimer);
-        animationTimer = win.setTimeout(() => {
-            animationTimer = 0;
-            if (disposed)
-                return;
-            endInteraction();
-            layer.dataset.running = 'false';
-            dispatchPortalActivity(doc, false);
-            scheduleVisit();
-        }, XIAOHEI_PORTAL_DURATION_MS);
-    };
-    const startVisits = () => {
-        if (visitsStarted || disposed)
-            return;
-        visitsStarted = true;
-        scheduleVisit(true);
-    };
-    let unsubscribeHostDom = () => { };
-    if (mount()) {
-        startVisits();
-    }
-    else {
-        unsubscribeHostDom = subscribeXiaoheiHostDom(doc, () => {
-            if (!mount())
-                return;
-            unsubscribeHostDom();
-            startVisits();
-        });
-    }
-    return () => {
-        disposed = true;
-        clearTimer(animationTimer);
-        clearTimer(visitTimer);
-        endInteraction();
-        unsubscribeHostDom();
-        if (layer.dataset.running === 'true')
-            dispatchPortalActivity(doc, false);
-        layer.remove();
-        style.remove();
-    };
-}
-function dispatchPortalProximity(doc, active, target) {
-    const EventConstructor = doc.defaultView?.CustomEvent;
-    if (EventConstructor === undefined)
-        return;
-    doc.dispatchEvent(new EventConstructor(XIAOHEI_PORTAL_PROXIMITY_EVENT, {
-        detail: target === undefined ? { active } : { active, target },
-    }));
-}
-function dispatchPortalActivity(doc, active) {
-    const EventConstructor = doc.defaultView?.CustomEvent;
-    if (EventConstructor === undefined)
-        return;
-    doc.dispatchEvent(new EventConstructor(XIAOHEI_PORTAL_ACTIVITY_EVENT, {
-        detail: { active },
-    }));
-}
-function createTravelerImage(doc, source, className) {
-    const image = doc.createElement('img');
-    image.className = className;
-    image.alt = '';
-    image.decoding = 'async';
-    image.fetchPriority = 'low';
-    image.src = source;
-    return image;
-}
-/** Pick separated positions from background-biased zones, away from key UI. */
-function choosePortalPoints(doc) {
-    const win = doc.defaultView;
-    const width = Math.max(640, win?.innerWidth ?? 1280);
-    const height = Math.max(480, win?.innerHeight ?? 720);
-    const sidebarRight = doc.querySelector(XIAOHEI_HOST_SELECTORS.sidebar)?.getBoundingClientRect().right ?? 0;
-    const composerRect = doc.querySelector(XIAOHEI_HOST_SELECTORS.composerCard)?.getBoundingClientRect();
-    const contentLeft = composerRect?.left ?? width * 0.37;
-    const contentRight = composerRect?.right ?? width * 0.77;
-    const leftMin = Math.max(sidebarRight + 80, 90);
-    const leftMax = Math.max(leftMin + 60, contentLeft - 90);
-    const rightMin = Math.min(width - 150, contentRight + 90);
-    const rightMax = width - 90;
-    const minY = 100;
-    const maxY = height - 130;
-    const point = (side) => {
-        const start = side === 'left' ? leftMin : rightMin;
-        const end = side === 'left' ? leftMax : rightMax;
-        const x = start + Math.random() * Math.max(40, end - start);
-        const y = minY + Math.random() * Math.max(120, maxY - minY);
-        return { x, y, angle: -8 + Math.round(Math.random() * 16) };
-    };
-    const leftFirst = Math.random() > 0.5;
-    return leftFirst ? [point('left'), point('right')] : [point('right'), point('left')];
-}
-//# sourceMappingURL=portal.js.map

package/lib/reactions.d.ts

@@ -1,20 +0,0 @@
-export declare const XIAOHEI_REACTION_STYLE_ID = "dsh-theme-xiaohei/reaction-style";
-export type EarReaction = 'ear-left' | 'ear-right';
-interface Point {
-    x: number;
-    y: number;
-}
-interface MascotBounds {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-}
-/** Resolve a pointer only inside the two local, non-overlapping ear regions. */
-export declare function resolveXiaoheiPointerEar(bounds: MascotBounds, target: Point, activeEar?: EarReaction): EarReaction | undefined;
-/** Resolve the next sparse tail visit; exported to keep the timing contract testable. */
-export declare function resolveXiaoheiIdleTailDelay(randomValue?: number): number;
-/** Install proximity ear motion and sparse idle tails without a JavaScript frame loop. */
-export declare function installXiaoheiIdleReactions(doc?: Document | undefined): () => void;
-export {};
-//# sourceMappingURL=reactions.d.ts.map