@nadicodeai/ui 8.5.0 → 9.0.0

package/dist/components/forma-avatar.d.ts

@@ -1,23 +0,0 @@
-import { type CSSProperties } from "react";
-import { type FormaChoice, type FormaColor, type FormaForm, type FormaOptions, type FormaState, type FormaView } from "../internal/forma/model.js";
-type AccessibleAvatar = {
-    decorative?: true;
-    label?: never;
-} | {
-    decorative: false;
-    label: string;
-};
-type FormaAvatarProps = FormaOptions & AccessibleAvatar & {
-    className?: string;
-    style?: CSSProperties;
-};
-/**
- * The Forma avatar: Nadia's approved shell and face, or one of the seven
- * forms in the shell colour the customer chose, with the approved lifecycle
- * gestures. One SVG per avatar; the server renders the state's resting frame
- * and the client rig animates it in place.
- */
-declare function FormaAvatar({ form, color, state, size, paused, view, motionKey, decorative, label, className, style, }: FormaAvatarProps): import("react").JSX.Element;
-export { FormaAvatar, type FormaAvatarProps, type FormaChoice, type FormaColor, type FormaForm, type FormaState, type FormaView, };
-export { defaultForm, formDetails, formaChoices, formaColorVariable, formaColors, formaForms, formaStates, } from "../internal/forma/model.js";
-//# sourceMappingURL=forma-avatar.d.ts.map

package/dist/components/forma-avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"forma-avatar.d.ts","sourceRoot":"","sources":["../../src/components/forma-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsC,MAAM,OAAO,CAAC;AAW/E,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EAMf,MAAM,wBAAwB,CAAC;AAIhC,KAAK,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpG,KAAK,gBAAgB,GAAG,YAAY,GAClC,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAiBJ;;;;;GAKG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,KAAc,EACd,IAAS,EACT,MAAc,EACd,IAAc,EACd,SAAS,EACT,UAAiB,EACjB,KAAK,EACL,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,+BA4blB;AAED,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,GACf,CAAC;AACF,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,wBAAwB,CAAC"}

package/dist/components/forma-avatar.js

@@ -1,95 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useId, useRef, useState } from "react";
-import { ORBIT_DOTS, ORBIT_TILTS, RIBBON_BEADS, RIBBON_TILTS, SHELL_LAYERS, } from "../internal/forma/frame.js";
-import { bodies, eyeProfiles } from "../internal/forma/geometry.js";
-import { ITALY_PATH } from "../internal/forma/hallmark.js";
-import { celebrationColors, formDetails, formaColorVariable, resolveFormaOptions, shellColor, } from "../internal/forma/model.js";
-import { stillFrame } from "../internal/forma/still.js";
-const WHITE = "var(--nc-identity-white)";
-const INK = "var(--nc-identity-ink)";
-function part(frame, name) {
-    const { display, ...attributes } = frame[name] ?? {};
-    return {
-        "data-part": name,
-        ...attributes,
-        ...(display === undefined ? {} : { style: { display } }),
-    };
-}
-const orbitDotRadius = (i) => (i % 10 === 0 ? 0.036 : 0.022 * (1 - (i % 10) / 13)).toFixed(4);
-/**
- * The Forma avatar: Nadia's approved shell and face, or one of the seven
- * forms in the shell colour the customer chose, with the approved lifecycle
- * gestures. One SVG per avatar; the server renders the state's resting frame
- * and the client rig animates it in place.
- */
-function FormaAvatar({ form, color, state = "idle", size = 32, paused = false, view = "front", motionKey, decorative = true, label, className, style, }) {
-    const options = resolveFormaOptions({ form, color, state, size, paused, view, motionKey });
-    const id = useId().replace(/:/g, "");
-    const host = useRef(null);
-    const handle = useRef(null);
-    const latest = useRef(options);
-    const [mode, setMode] = useState("still");
-    useEffect(() => {
-        latest.current = options;
-        handle.current?.update(options);
-    }, [options]);
-    useEffect(() => {
-        const element = host.current;
-        if (!element)
-            return;
-        let generation = 0;
-        const preference = typeof matchMedia === "function" ? matchMedia("(prefers-reduced-motion: reduce)") : null;
-        const reconcile = () => {
-            const token = ++generation;
-            handle.current?.dispose();
-            handle.current = null;
-            setMode("still");
-            if (paused || preference?.matches)
-                return;
-            import("../internal/forma/rig.js").then(({ mountForma }) => {
-                if (generation !== token)
-                    return;
-                handle.current = mountForma(element, latest.current, { onModeChange: setMode });
-            });
-        };
-        reconcile();
-        preference?.addEventListener("change", reconcile);
-        return () => {
-            generation++;
-            preference?.removeEventListener("change", reconcile);
-            handle.current?.dispose();
-            handle.current = null;
-        };
-    }, [paused]);
-    const detail = formDetails[options.form];
-    const nadia = options.form === "nadia";
-    const shade = shellColor(options);
-    const pigment = `var(${formaColorVariable[shade]})`;
-    const visorFill = detail.visor === "ivory" ? "var(--nc-forma-avorio)" : "var(--nc-forma-visor)";
-    const bezelStroke = detail.visor === "ivory" ? "var(--nc-seam)" : "var(--nc-forma-bezel)";
-    const eye = nadia ? "var(--nc-forma-eye)" : detail.eyes === "ink" ? INK : WHITE;
-    const frame = stillFrame(options);
-    const signature = eyeProfiles[options.form].signature === true;
-    const { width: w, height: h } = bodies[options.form];
-    const shadow = nadia ? INK : pigment;
-    const shading = { mixBlendMode: "multiply" };
-    const body = `scale(${w} ${h})`;
-    const url = (name) => `url(#${name}-${id})`;
-    const renderEye = (name) => (_jsxs("g", { ...part(frame, `eye${name}`), children: [_jsx("ellipse", { cx: "0", cy: "0", fill: url("halo"), ...part(frame, `halo${name}`) }), _jsx("path", { fill: eye, ...part(frame, `light${name}`) }), _jsx("path", { fill: url("glint"), ...part(frame, `glint${name}`) }), signature ? (_jsx("path", { d: "M0.045 0.103 Q0.092 0.102 0.112 0.147", fill: "none", stroke: eye, strokeLinecap: "round", strokeWidth: "0.021", ...part(frame, `flick${name}`) })) : null, _jsx("path", { d: "M-0.084 -0.012 Q0 0.082 0.084 -0.012", fill: "none", stroke: eye, strokeLinecap: "round", strokeWidth: "0.036", ...part(frame, `happy${name}`) }), _jsx("ellipse", { cx: "0", cy: "0", fill: url("pauseHalo"), rx: "0.17", ry: "0.32", ...part(frame, `pauseHalo${name}`) }), _jsx("rect", { fill: "var(--nc-identity-giallo)", height: "0.388", rx: "0.044", width: "0.088", x: "-0.044", y: "-0.194", ...part(frame, `pause${name}`) })] }));
-    const renderOrbitDots = (layer) => ORBIT_TILTS.map((_, index) => Array.from({ length: ORBIT_DOTS }, (__, i) => (_jsx("circle", { fill: pigment, r: orbitDotRadius(i), ...part(frame, `orbit${index}${layer}${i}`) }, `${index}-${i}`))));
-    return (_jsx("span", { "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: className, "data-color": options.color ?? "default", "data-forma-avatar": options.form, "data-state": options.state, role: decorative ? undefined : "img", style: {
-            display: "inline-block",
-            position: "relative",
-            flexShrink: 0,
-            verticalAlign: "middle",
-            ...style,
-            width: options.size,
-            height: options.size,
-        }, children: _jsxs("svg", { "aria-hidden": "true", "data-render-mode": mode, height: options.size, overflow: "visible", ref: host, style: { display: "block", overflow: "visible" }, viewBox: "-1.55 -1.55 3.1 3.1", width: options.size, children: [_jsxs("defs", { children: [_jsxs("radialGradient", { cx: "-0.18", cy: "0.3", gradientTransform: body, gradientUnits: "userSpaceOnUse", id: `tone-${id}`, r: "1.34", children: [_jsx("stop", { offset: "0", stopColor: shadow, stopOpacity: nadia ? "0.04" : "0.4" }), _jsx("stop", { offset: "1", stopColor: shadow, stopOpacity: nadia ? "0.14" : "0.95" })] }), _jsxs("radialGradient", { cx: "-0.18", cy: "0.3", gradientTransform: body, gradientUnits: "userSpaceOnUse", id: `form-${id}`, r: "1.34", children: [_jsx("stop", { offset: "0", stopColor: INK, stopOpacity: "0.02" }), _jsx("stop", { offset: "0.5", stopColor: INK, stopOpacity: "0.1" }), _jsx("stop", { offset: "0.8", stopColor: INK, stopOpacity: "0.26" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.52" })] }), _jsxs("linearGradient", { gradientTransform: body, gradientUnits: "userSpaceOnUse", id: `floor-${id}`, x1: "0", x2: "0", y1: "1", y2: "-1", children: [_jsx("stop", { offset: "0.45", stopColor: INK, stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.42" })] }), _jsxs("radialGradient", { cx: "0.05", cy: "3.6", gradientTransform: `scale(${w} ${h * 0.3})`, gradientUnits: "userSpaceOnUse", id: `key-${id}`, r: "1.05", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.62" }), _jsx("stop", { offset: "0.4", stopColor: WHITE, stopOpacity: "0.22" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "0.5", cy: "0.5", id: `spec-${id}`, r: "0.5", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.85" }), _jsx("stop", { offset: "0.5", stopColor: WHITE, stopOpacity: "0.25" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "-0.16", cy: "-0.12", gradientTransform: body, gradientUnits: "userSpaceOnUse", id: `rim-${id}`, r: "1.2", children: [_jsx("stop", { offset: "0.7", stopColor: WHITE, stopOpacity: "0" }), _jsx("stop", { offset: "0.9", stopColor: WHITE, stopOpacity: "0.26" }), _jsx("stop", { offset: "0.975", stopColor: WHITE, stopOpacity: "0.5" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0.1" })] }), _jsxs("radialGradient", { cx: "0", cy: "0", gradientUnits: "userSpaceOnUse", id: `tube-${id}`, r: "1", children: [_jsx("stop", { offset: "0.64", stopColor: INK, stopOpacity: "0.45" }), _jsx("stop", { offset: "0.7", stopColor: INK, stopOpacity: "0.1" }), _jsx("stop", { offset: "0.76", stopColor: WHITE, stopOpacity: "0" }), _jsx("stop", { offset: "0.82", stopColor: WHITE, stopOpacity: "0.36" }), _jsx("stop", { offset: "0.89", stopColor: WHITE, stopOpacity: "0" }), _jsx("stop", { offset: "0.95", stopColor: INK, stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.45" })] }), _jsxs("radialGradient", { cx: "0.3", cy: "1", gradientTransform: "translate(0.3 1) scale(1 0.6) translate(-0.3 -1)", id: `glass-${id}`, r: "0.7", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.36" }), _jsx("stop", { offset: "0.5", stopColor: WHITE, stopOpacity: "0.14" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "0.2", cy: "0.84", gradientTransform: "translate(0.2 0.84) scale(1 0.5) translate(-0.2 -0.84)", id: `streak-${id}`, r: "0.24", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.9" }), _jsx("stop", { offset: "0.62", stopColor: WHITE, stopOpacity: "0.72" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "0.98", cy: "0.58", gradientTransform: "translate(0.98 0.58) scale(0.3 1) translate(-0.98 -0.58)", id: `sole-${id}`, r: "0.42", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.28" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `visorShade-${id}`, x1: "0", x2: "0", y1: "1", y2: "0", children: [_jsx("stop", { offset: "0.45", stopColor: INK, stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.22" })] }), _jsxs("linearGradient", { id: `bezelLight-${id}`, x1: "0", x2: "1", y1: "1", y2: "0", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.5" }), _jsx("stop", { offset: "0.35", stopColor: WHITE, stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.25" })] }), _jsxs("radialGradient", { cx: "0.5", cy: "0.5", id: `halo-${id}`, r: "0.5", children: [_jsx("stop", { offset: "0", stopColor: eye, stopOpacity: "0.55" }), _jsx("stop", { offset: "0.45", stopColor: eye, stopOpacity: "0.18" }), _jsx("stop", { offset: "1", stopColor: eye, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "0.5", cy: "0.62", id: `glint-${id}`, r: "0.55", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.6" }), _jsx("stop", { offset: "1", stopColor: WHITE, stopOpacity: "0" })] }), _jsxs("radialGradient", { cx: "0.5", cy: "0.5", id: `pauseHalo-${id}`, r: "0.5", children: [_jsx("stop", { offset: "0", stopColor: "var(--nc-identity-giallo)", stopOpacity: "0.5" }), _jsx("stop", { offset: "0.5", stopColor: "var(--nc-identity-giallo)", stopOpacity: "0.14" }), _jsx("stop", { offset: "1", stopColor: "var(--nc-identity-giallo)", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `bar-${id}`, x1: "0", x2: "1", y1: "0", y2: "0", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.55" }), _jsx("stop", { offset: "0.4", stopColor: WHITE, stopOpacity: "0.08" }), _jsx("stop", { offset: "0.7", stopColor: INK, stopOpacity: "0.06" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.4" })] }), _jsxs("radialGradient", { cx: "0.36", cy: "0.68", id: `bead-${id}`, r: "0.72", children: [_jsx("stop", { offset: "0", stopColor: WHITE, stopOpacity: "0.65" }), _jsx("stop", { offset: "0.45", stopColor: WHITE, stopOpacity: "0" }), _jsx("stop", { offset: "0.78", stopColor: INK, stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: INK, stopOpacity: "0.45" })] }), _jsx("clipPath", { id: `shell-${id}`, children: _jsx("path", { clipRule: "evenodd", ...part(frame, "shellClip") }) }), _jsx("clipPath", { id: `visor-${id}`, children: _jsx("path", { ...part(frame, "visorClip") }) })] }), _jsxs("g", { "data-part": "root", transform: "scale(1 -1)", children: [_jsx("g", { ...part(frame, "effectsBack"), children: renderOrbitDots("Back") }), _jsxs("g", { ...part(frame, "object"), children: [_jsxs("g", { clipPath: url("shell"), children: [_jsx("path", { fill: pigment, fillRule: "evenodd", ...part(frame, "shell") }), nadia ? (_jsxs(_Fragment, { children: [_jsx("path", { fill: "var(--nc-forma-avorio)", ...part(frame, "bandW") }), _jsx("path", { fill: "var(--nc-identity-rosso)", ...part(frame, "bandR") }), _jsx("path", { fill: "var(--nc-forma-sabbia)", ...part(frame, "bandSand") }), _jsx("g", { fill: "none", opacity: "0.82", stroke: "var(--nc-forma-avorio)", strokeLinecap: "round", strokeLinejoin: "round", strokeOpacity: "0.72", strokeWidth: "12", ...part(frame, "hallmark"), children: _jsx("path", { d: ITALY_PATH }) })] })) : null, SHELL_LAYERS.map((layer) => (_jsx("path", { fill: url(layer), fillRule: "evenodd", style: layer === "tone" ? shading : undefined, ...part(frame, layer) }, layer))), _jsx("ellipse", { cx: -0.4 * w, cy: 0.6 * h, fill: url("spec"), rx: 0.27 * w, ry: 0.11 * h, transform: `rotate(-24 ${-0.4 * w} ${0.6 * h})`, ...part(frame, "hot") }), _jsx("path", { fill: url("tube"), fillRule: "evenodd", ...part(frame, "tube") }), _jsx("path", { fill: "var(--nc-forma-sabbia)", fillRule: "evenodd", ...part(frame, "fade") }), _jsxs("g", { ...part(frame, "face"), children: [_jsx("path", { fill: "none", stroke: bezelStroke, strokeWidth: "0.014", ...part(frame, "bezel") }), _jsx("path", { fill: "none", stroke: url("bezelLight"), strokeWidth: "0.014", ...part(frame, "bezelLight") }), _jsx("path", { fill: visorFill, ...part(frame, "visor") }), _jsxs("g", { clipPath: url("visor"), children: [_jsx("path", { fill: url("visorShade"), ...part(frame, "visorShade") }), _jsx("path", { fill: url("glass"), ...part(frame, "glass") }), _jsx("path", { fill: url("streak"), ...part(frame, "streak") }), _jsx("path", { fill: url("sole"), ...part(frame, "sole") }), _jsx("path", { fill: "none", stroke: WHITE, strokeOpacity: "0.05", strokeWidth: "0.04", ...part(frame, "visorEdge") })] }), renderEye("L"), renderEye("R"), [0, 1, 2].map((i) => (_jsx("rect", { fill: eye, height: "0.024", rx: "0.012", width: "0.047", ...part(frame, `tick${i}`) }, i)))] })] }), _jsxs("g", { ...part(frame, "blockedBar"), children: [_jsx("rect", { fill: nadia ? "var(--nc-forma-avorio)" : pigment, height: "1.664", rx: "0.112", transform: "rotate(45)", width: "0.224", x: "-0.112", y: "-0.832" }), nadia ? null : (_jsx("rect", { fill: "var(--nc-forma-sabbia)", height: "1.664", opacity: "0.28", rx: "0.112", transform: "rotate(45)", width: "0.224", x: "-0.112", y: "-0.832" })), _jsx("rect", { fill: url("bar"), height: "1.664", rx: "0.112", transform: "rotate(45)", width: "0.224", x: "-0.112", y: "-0.832" })] })] }), _jsxs("g", { ...part(frame, "effectsFront"), children: [renderOrbitDots("Front"), [0, 1, 2].map((i) => (_jsxs("g", { ...part(frame, `thought${i}`), children: [_jsx("circle", { fill: pigment, r: (0.042 + i * 0.015).toFixed(3) }), _jsx("circle", { fill: url("bead"), r: (0.042 + i * 0.015).toFixed(3) })] }, i))), RIBBON_TILTS.map((tilt, index) => {
-                                    const ribbon = `var(${formaColorVariable[celebrationColors[shade][index]]})`;
-                                    return (_jsx("g", { transform: `rotate(${tilt})`, ...part(frame, `ribbon${index}Plane`), children: _jsxs("g", { ...part(frame, `ribbon${index}Sweep`), children: [_jsx("path", { fill: "none", stroke: ribbon, strokeLinecap: "round", strokeWidth: "0.024", ...part(frame, `ribbon${index}Arc`) }), _jsx("circle", { fill: ribbon, r: "0.03", ...part(frame, `ribbon${index}Head`) }), Array.from({ length: RIBBON_BEADS }, (_, i) => (_jsx("circle", { fill: ribbon, ...part(frame, `ribbon${index}Bead${i}`) }, i)))] }) }, index));
-                                })] })] })] }) }));
-}
-export { FormaAvatar, };
-export { defaultForm, formDetails, formaChoices, formaColorVariable, formaColors, formaForms, formaStates, } from "../internal/forma/model.js";

package/dist/internal/agent-visual/color.d.ts

@@ -1,4 +0,0 @@
-type ShaderColor = [number, number, number, number];
-export declare function resolveIdentityColor(element: Element, variable: string): ShaderColor | null;
-export {};
-//# sourceMappingURL=color.d.ts.map

package/dist/internal/agent-visual/color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/color.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAmFpD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAG3F"}

package/dist/internal/agent-visual/color.js

@@ -1,78 +0,0 @@
-const clamp = (value) => Math.min(Math.max(value, 0), 1);
-// CSS compilers may serialize numeric channels as percentages. CSS Color 4
-// gives each channel its own 100% value (OKLCH L: 1, C: 0.4; Lab a/b: 125).
-function numberOrPercentage(value, percentRange) {
-    const number = Number.parseFloat(value ?? "");
-    return value?.endsWith("%") ? (number / 100) * percentRange : number;
-}
-function linearToSrgb(value) {
-    const channel = clamp(value);
-    return channel <= 0.0031308 ? channel * 12.92 : 1.055 * channel ** (1 / 2.4) - 0.055;
-}
-function parseOklch(value) {
-    if (!value.startsWith("oklch"))
-        return null;
-    const start = value.indexOf("(");
-    const end = value.lastIndexOf(")");
-    if (start < 0 || end <= start)
-        return null;
-    const [channels, alphaValue] = value.slice(start + 1, end).split("/");
-    const [lightnessValue, chromaValue, hueValue] = channels?.trim().split(/\s+/) ?? [];
-    const lightness = numberOrPercentage(lightnessValue, 1);
-    const chroma = numberOrPercentage(chromaValue, 0.4);
-    const hue = Number.parseFloat(hueValue ?? "");
-    const alpha = alphaValue ? numberOrPercentage(alphaValue.trim(), 1) : 1;
-    if (![lightness, chroma, hue, alpha].every(Number.isFinite))
-        return null;
-    const radians = (hue * Math.PI) / 180;
-    const a = chroma * Math.cos(radians);
-    const b = chroma * Math.sin(radians);
-    const lPrime = lightness + 0.3963377774 * a + 0.2158037573 * b;
-    const mPrime = lightness - 0.1055613458 * a - 0.0638541728 * b;
-    const sPrime = lightness - 0.0894841775 * a - 1.291485548 * b;
-    const l = lPrime ** 3;
-    const m = mPrime ** 3;
-    const s = sPrime ** 3;
-    return [
-        linearToSrgb(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
-        linearToSrgb(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
-        linearToSrgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
-        clamp(alpha),
-    ];
-}
-function parseLab(value) {
-    if (!value.startsWith("lab"))
-        return null;
-    const start = value.indexOf("(");
-    const end = value.lastIndexOf(")");
-    if (start < 0 || end <= start)
-        return null;
-    const [channels, alphaValue] = value.slice(start + 1, end).split("/");
-    const [lightnessValue, aValue, bValue] = channels?.trim().split(/\s+/) ?? [];
-    const lightness = numberOrPercentage(lightnessValue, 100);
-    const a = numberOrPercentage(aValue, 125);
-    const b = numberOrPercentage(bValue, 125);
-    const alpha = alphaValue ? numberOrPercentage(alphaValue.trim(), 1) : 1;
-    if (![lightness, a, b, alpha].every(Number.isFinite))
-        return null;
-    const delta = 6 / 29;
-    const inverseLab = (channel) => channel > delta ? channel ** 3 : 3 * delta ** 2 * (channel - 4 / 29);
-    const f1 = (lightness + 16) / 116;
-    const x50 = 0.96422 * inverseLab(f1 + a / 500);
-    const y50 = inverseLab(f1);
-    const z50 = 0.82521 * inverseLab(f1 - b / 200);
-    // CSS Lab uses D50; WebGL colors use sRGB's D65 white point.
-    const x65 = 0.9555766 * x50 - 0.0230393 * y50 + 0.0631636 * z50;
-    const y65 = -0.0282895 * x50 + 1.0099416 * y50 + 0.0210077 * z50;
-    const z65 = 0.0122982 * x50 - 0.020483 * y50 + 1.3299098 * z50;
-    return [
-        linearToSrgb(3.2404542 * x65 - 1.5371385 * y65 - 0.4985314 * z65),
-        linearToSrgb(-0.969266 * x65 + 1.8760108 * y65 + 0.041556 * z65),
-        linearToSrgb(0.0556434 * x65 - 0.2040259 * y65 + 1.0572252 * z65),
-        clamp(alpha),
-    ];
-}
-export function resolveIdentityColor(element, variable) {
-    const value = getComputedStyle(element).getPropertyValue(variable).trim();
-    return parseOklch(value) ?? parseLab(value);
-}

package/dist/internal/agent-visual/poster.d.ts

@@ -1,6 +0,0 @@
-import { type AgentVisualRecipe } from "./recipes.js";
-export declare function AgentVisualPoster({ className, recipe, }: {
-    className?: string;
-    recipe: AgentVisualRecipe;
-}): import("react").JSX.Element;
-//# sourceMappingURL=poster.d.ts.map

package/dist/internal/agent-visual/poster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"poster.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/poster.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAiHhG,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,+BA0CA"}

package/dist/internal/agent-visual/poster.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import { cn } from "../../lib/utils.js";
-import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
-function Gradient({ id, recipe }) {
-    const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsx("linearGradient", { id: id, x1: "0", x2: "1", y1: "0", y2: "1", children: colors.map((color, index) => (_jsx("stop", { offset: `${(index / Math.max(colors.length - 1, 1)) * 100}%`, stopColor: `var(${identityVariable(color)})` }, color))) }));
-}
-function Surface({ clipId, gradientId, patternId, recipe, }) {
-    const { colors, material } = AGENT_VISUAL_RECIPE_SPECS[recipe];
-    if (material === "solid") {
-        return (_jsx("rect", { width: "160", height: "120", fill: `url(#${gradientId})`, clipPath: `url(#${clipId})` }));
-    }
-    if (material === "points") {
-        return (_jsx("g", { clipPath: `url(#${clipId})`, children: colors.map((color, index) => (_jsx("g", { transform: `translate(${index * 3} ${index * 2})`, children: Array.from({ length: 8 }, (_, row) => Array.from({ length: 11 }, (__, column) => (_jsx("circle", { cx: column * 16, cy: row * 16, fill: `var(${identityVariable(color)})`, r: 1.45 + ((row + column + index) % 3) * 0.35 }, `${row}-${column}`)))) }, color))) }));
-    }
-    if (material === "wire") {
-        return (_jsxs("g", { clipPath: `url(#${clipId})`, fill: "none", children: [Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 0 L ${42 + index * 14} 120`, stroke: `var(${identityVariable(colors[index % colors.length])})`, strokeWidth: "1" }, `wire-a-${index}`))), Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 120 L ${42 + index * 14} 0`, stroke: `var(${identityVariable(colors[(index + 1) % colors.length])})`, strokeWidth: "1" }, `wire-b-${index}`))), Array.from({ length: 9 }, (_, index) => (_jsx("path", { d: `M 0 ${index * 15} H 160`, stroke: `var(${identityVariable(colors[(index + 2) % colors.length])})`, strokeWidth: "0.8" }, `wire-c-${index}`)))] }));
-    }
-    return (_jsxs("g", { clipPath: `url(#${clipId})`, children: [_jsx("rect", { width: "160", height: "120", fill: `url(#${patternId})` }), Array.from({ length: 46 }, (_, index) => {
-                const color = colors[index % colors.length];
-                const x = 20 + ((index * 37) % 125);
-                const y = 12 + ((index * 53) % 98);
-                const radius = 0.8 + ((index * 7) % 8) * 0.28;
-                return (_jsx("circle", { cx: x, cy: y, fill: `var(${identityVariable(color)})`, opacity: 0.48 + (index % 5) * 0.12, r: radius }, `particle-${index}`));
-            })] }));
-}
-export function AgentVisualPoster({ className, recipe, }) {
-    const id = useId().replaceAll(":", "");
-    const clipId = `${id}-clip`;
-    const gradientId = `${id}-gradient`;
-    const patternId = `${id}-particles`;
-    const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsxs("svg", { "aria-hidden": "true", className: cn("size-full", className), "data-agent-visual-poster": "true", focusable: "false", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 160 120", children: [_jsxs("defs", { children: [_jsx("clipPath", { id: clipId, children: AGENT_VISUAL_RECIPE_SPECS[recipe].posterForm.map(([cx, cy, radius], index) => (_jsx("circle", { cx: cx, cy: cy, r: radius }, index))) }), _jsx(Gradient, { id: gradientId, recipe: recipe }), _jsxs("pattern", { id: patternId, width: "14", height: "14", patternUnits: "userSpaceOnUse", children: [_jsx("circle", { cx: "2", cy: "3", r: "1.1", fill: `var(${identityVariable(colors[0])})` }), _jsx("circle", { cx: "10", cy: "8", r: "2.1", fill: `var(${identityVariable(colors[1] ?? colors[0])})` }), _jsx("circle", { cx: "5", cy: "12", r: "0.7", fill: `var(${identityVariable(colors[2] ?? colors[0])})` })] })] }), _jsx(Surface, { clipId: clipId, gradientId: gradientId, patternId: patternId, recipe: recipe })] }));
-}

package/dist/internal/agent-visual/recipes.d.ts

@@ -1,15 +0,0 @@
-export type AgentVisualRecipe = "general" | "reasoning" | "coordination" | "communication" | "execution";
-export type AgentVisualMaterial = "solid" | "points" | "wire" | "particles";
-type IdentityColor = "arancio" | "cobalto" | "giallo" | "ink" | "rosso" | "verde";
-export type AgentVisualRecipeSpec = {
-    colors: readonly IdentityColor[];
-    count: number;
-    frame: number;
-    material: AgentVisualMaterial;
-    posterForm: readonly (readonly [number, number, number])[];
-    size: number;
-};
-export declare const AGENT_VISUAL_RECIPE_SPECS: Record<AgentVisualRecipe, AgentVisualRecipeSpec>;
-export declare function identityVariable(color: IdentityColor): string;
-export {};
-//# sourceMappingURL=recipes.d.ts.map

package/dist/internal/agent-visual/recipes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/recipes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,cAAc,GACd,eAAe,GACf,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE5E,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAoEtF,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,UAEpD"}

package/dist/internal/agent-visual/recipes.js

@@ -1,72 +0,0 @@
-export const AGENT_VISUAL_RECIPE_SPECS = {
-    general: {
-        colors: ["cobalto", "verde", "arancio", "giallo", "rosso"],
-        count: 10,
-        frame: 0,
-        material: "solid",
-        posterForm: [
-            [45, 64, 29],
-            [68, 42, 32],
-            [99, 45, 34],
-            [116, 71, 27],
-            [79, 80, 35],
-        ],
-        size: 0.83,
-    },
-    reasoning: {
-        colors: ["cobalto", "verde", "giallo"],
-        count: 10,
-        frame: 0,
-        material: "points",
-        posterForm: [
-            [44, 61, 28],
-            [69, 39, 31],
-            [98, 44, 34],
-            [113, 71, 29],
-            [76, 80, 34],
-        ],
-        size: 0.83,
-    },
-    coordination: {
-        colors: ["verde", "cobalto", "arancio"],
-        count: 8,
-        frame: 2_700,
-        material: "wire",
-        posterForm: [
-            [48, 61, 31],
-            [77, 40, 33],
-            [111, 58, 29],
-            [90, 82, 27],
-        ],
-        size: 0.76,
-    },
-    communication: {
-        colors: ["giallo", "arancio", "rosso"],
-        count: 12,
-        frame: 5_400,
-        material: "solid",
-        posterForm: [
-            [51, 55, 29],
-            [79, 43, 35],
-            [107, 63, 30],
-            [77, 80, 28],
-        ],
-        size: 0.69,
-    },
-    execution: {
-        colors: ["rosso", "arancio", "cobalto"],
-        count: 6,
-        frame: 8_100,
-        material: "particles",
-        posterForm: [
-            [48, 65, 28],
-            [78, 52, 39],
-            [109, 64, 32],
-            [82, 86, 24],
-        ],
-        size: 0.92,
-    },
-};
-export function identityVariable(color) {
-    return `--nc-identity-${color}`;
-}

package/dist/internal/agent-visual/renderer.d.ts

@@ -1,10 +0,0 @@
-import { type AgentVisualRecipe } from "./recipes.js";
-type AgentVisualRendererProps = {
-    host: HTMLElement;
-    onReady: () => void;
-    onUnavailable: () => void;
-    recipe: AgentVisualRecipe;
-};
-export default function AgentVisualRenderer({ host, onReady, onUnavailable, recipe, }: AgentVisualRendererProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=renderer.d.ts.map

package/dist/internal/agent-visual/renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/renderer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAUhG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,OAAO,EACP,aAAa,EACb,MAAM,GACP,EAAE,wBAAwB,+BA8G1B"}

package/dist/internal/agent-visual/renderer.js

@@ -1,112 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { defaultObjectSizing, getShaderNoiseTexture, metaballsFragmentShader, ShaderFitOptions, ShaderMount as PaperShaderMount, } from "@paper-design/shaders";
-import { useEffect, useRef } from "react";
-import { resolveIdentityColor } from "./color.js";
-import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
-import { AGENT_VISUAL_SHADER } from "./shader.js";
-const MATERIAL_INDEX = {
-    particles: 3,
-    points: 1,
-    solid: 0,
-    wire: 2,
-};
-export default function AgentVisualRenderer({ host, onReady, onUnavailable, recipe, }) {
-    const mountRef = useRef(null);
-    useEffect(() => {
-        const mount = mountRef.current;
-        if (!mount)
-            return;
-        const spec = AGENT_VISUAL_RECIPE_SPECS[recipe];
-        const isSolid = spec.material === "solid";
-        const colors = spec.colors.map((color) => resolveIdentityColor(host, identityVariable(color)));
-        const colorBack = resolveIdentityColor(host, identityVariable("ink"));
-        const hasPalette = colors.every((color) => color !== null) && colorBack !== null;
-        if (!hasPalette) {
-            onUnavailable();
-            return;
-        }
-        let cancelled = false;
-        let canvas = null;
-        let readyFrame = 0;
-        let shaderMount = null;
-        const clearMount = () => {
-            mount.replaceChildren();
-            mount.removeAttribute("data-paper-shader");
-        };
-        const disposeMount = () => {
-            try {
-                shaderMount?.dispose();
-            }
-            catch {
-                // The deterministic poster remains visible even if vendor cleanup fails.
-            }
-            shaderMount = null;
-            clearMount();
-        };
-        const handleContextLost = (event) => {
-            event.preventDefault();
-            cancelled = true;
-            cancelAnimationFrame(readyFrame);
-            readyFrame = 0;
-            canvas?.removeEventListener("webglcontextlost", handleContextLost);
-            canvas = null;
-            disposeMount();
-            onUnavailable();
-        };
-        const initialize = async () => {
-            try {
-                const noiseTexture = getShaderNoiseTexture();
-                if (noiseTexture && !noiseTexture.complete)
-                    await noiseTexture.decode();
-                if (cancelled)
-                    return;
-                shaderMount = new PaperShaderMount(mount, isSolid ? metaballsFragmentShader : AGENT_VISUAL_SHADER, {
-                    u_colorBack: colorBack,
-                    u_colors: colors,
-                    u_colorsCount: colors.length,
-                    u_count: spec.count,
-                    u_fit: ShaderFitOptions[defaultObjectSizing.fit],
-                    u_noiseTexture: noiseTexture,
-                    u_offsetX: defaultObjectSizing.offsetX,
-                    u_offsetY: defaultObjectSizing.offsetY,
-                    u_originX: defaultObjectSizing.originX,
-                    u_originY: defaultObjectSizing.originY,
-                    u_rotation: defaultObjectSizing.rotation,
-                    u_scale: 1.15,
-                    u_size: spec.size,
-                    u_worldHeight: defaultObjectSizing.worldHeight,
-                    u_worldWidth: defaultObjectSizing.worldWidth,
-                    ...(isSolid
-                        ? {}
-                        : {
-                            u_detail: 0.55,
-                            u_material: MATERIAL_INDEX[spec.material],
-                        }),
-                }, undefined, 0.24, spec.frame, undefined, 720_000);
-                canvas = shaderMount.canvasElement;
-                canvas.addEventListener("webglcontextlost", handleContextLost);
-                readyFrame = requestAnimationFrame(() => {
-                    readyFrame = 0;
-                    if (!cancelled)
-                        onReady();
-                });
-            }
-            catch {
-                canvas?.removeEventListener("webglcontextlost", handleContextLost);
-                canvas = null;
-                disposeMount();
-                if (!cancelled)
-                    onUnavailable();
-            }
-        };
-        void initialize();
-        return () => {
-            cancelled = true;
-            cancelAnimationFrame(readyFrame);
-            canvas?.removeEventListener("webglcontextlost", handleContextLost);
-            disposeMount();
-        };
-    }, [host, onReady, onUnavailable, recipe]);
-    return _jsx("div", { className: "size-full", ref: mountRef });
-}

package/dist/internal/agent-visual/shader.d.ts

@@ -1,2 +0,0 @@
-export declare const AGENT_VISUAL_SHADER = "#version 300 es\nprecision mediump float;\n\nuniform float u_time;\nuniform sampler2D u_noiseTexture;\nuniform vec4 u_colorBack;\nuniform vec4 u_colors[8];\nuniform float u_colorsCount;\nuniform float u_size;\nuniform float u_count;\nuniform float u_material;\nuniform float u_detail;\nuniform vec2 u_resolution;\n\nin vec2 v_objectUV;\nout vec4 fragColor;\n\n#define TWO_PI 6.28318530718\n\nfloat randomR(vec2 p) {\n  vec2 uv = floor(p) / 100. + .5;\n  return texture(u_noiseTexture, fract(uv)).r;\n}\n\nfloat noise(float x) {\n  float i = floor(x);\n  float f = fract(x);\n  float u = f * f * (3.0 - 2.0 * f);\n  return mix(randomR(vec2(i, 0.0)), randomR(vec2(i + 1.0, 0.0)), u);\n}\n\nfloat getBallShape(vec2 uv, vec2 c, float p) {\n  float s = .5 * length(uv - c);\n  s = 1. - clamp(s, 0., 1.);\n  return pow(s, p);\n}\n\nfloat hash21(vec2 p) {\n  p = fract(p * vec2(123.34, 456.21));\n  p += dot(p, p + 45.32);\n  return fract(p.x * p.y);\n}\n\nfloat orderedPoints(vec2 surfaceUV, float depth) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 12.0 * u_detail, 6.0, 34.0);\n  vec2 pointUV = fract(surfaceUV * density) - 0.5;\n  float radius = mix(0.14, 0.23, depth);\n  return 1.0 - smoothstep(radius * 0.7, radius, length(pointUV));\n}\n\nfloat triangularWire(vec2 surfaceUV, float depth) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 16.0 * u_detail, 5.0, 26.0);\n  vec2 grid = surfaceUV * density;\n  float horizontal = abs(fract(grid.y) - 0.5);\n  float diagonalA = abs(fract(grid.x + grid.y * 0.5) - 0.5);\n  float diagonalB = abs(fract(grid.x - grid.y * 0.5) - 0.5);\n  float nearestLine = min(horizontal, min(diagonalA, diagonalB));\n  float width = mix(0.032, 0.072, depth);\n  return 1.0 - smoothstep(width * 0.55, width, nearestLine);\n}\n\nfloat particleLayer(vec2 surfaceUV, float density, float depth, float time, float layerSeed, float threshold) {\n  vec2 gridUV = surfaceUV * density + layerSeed;\n  vec2 cell = floor(gridUV);\n  vec2 local = fract(gridUV) - 0.5;\n  float seed = hash21(cell + layerSeed);\n  vec2 jitter = vec2(hash21(cell + layerSeed + 3.17), hash21(cell + layerSeed + 8.41)) - 0.5;\n  jitter *= 0.72;\n  jitter += 0.08 * vec2(sin(time * 0.42 + seed * 18.0 + layerSeed), cos(time * 0.31 + seed * 14.0 - layerSeed));\n  float radius = mix(0.055, 0.175, hash21(cell + layerSeed + 14.3)) * mix(0.78, 1.35, depth);\n  float particle = 1.0 - smoothstep(radius * 0.68, radius, length(local - jitter));\n  float brightness = mix(0.45, 1.0, hash21(cell + layerSeed + 24.7));\n  return particle * step(threshold, seed) * brightness;\n}\n\nfloat livingParticles(vec2 surfaceUV, float depth, float time) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 6.5 * u_detail, 13.0, 68.0);\n  float dust = particleLayer(surfaceUV, density, depth, time, 0.0, 0.16);\n  float motes = particleLayer(surfaceUV, density * 0.46, depth, time * 0.72, 19.7, 0.62);\n  return max(dust * 0.78, motes);\n}\n\nfloat surfacePattern(vec2 surfaceUV, float depth, float material, float time) {\n  if (material < 0.5) return 1.0;\n  if (material < 1.5) return orderedPoints(surfaceUV, depth);\n  if (material < 2.5) return triangularWire(surfaceUV, depth);\n  return livingParticles(surfaceUV, depth, time);\n}\n\nvoid main() {\n  vec2 shape_uv = v_objectUV + .5;\n  const float firstFrameOffset = 2503.4;\n  float t = .2 * (u_time + firstFrameOffset);\n  vec3 totalColor = vec3(0.);\n  float totalShape = 0.;\n  float totalOpacity = 0.;\n  vec2 weightedCenter = vec2(0.);\n  vec2 weightedOrientation = vec2(0.);\n  float centerWeight = 0.;\n\n  for (int i = 0; i < 20; i++) {\n    if (i >= int(ceil(u_count))) break;\n    float idxFract = float(i) / 20.0;\n    float angle = TWO_PI * idxFract;\n    float speed = 1. - .2 * idxFract;\n    vec2 pos = vec2(.5) + 1e-4 + .9 * (vec2(noise(angle * 10. + float(i) + t * speed), noise(angle * 20. + float(i) - t * speed)) - .5);\n    int safeIndex = i % int(u_colorsCount + 0.5);\n    vec4 ballColor = u_colors[safeIndex];\n    ballColor.rgb *= ballColor.a;\n    float sizeFrac = 1.;\n    if (float(i) > floor(u_count - 1.)) sizeFrac *= fract(u_count);\n    float shape = getBallShape(shape_uv, pos, 45. - 30. * u_size * sizeFrac);\n    shape *= pow(u_size, .2);\n    shape = smoothstep(0., 1., shape);\n    totalColor += ballColor.rgb * shape;\n    totalShape += shape;\n    totalOpacity += ballColor.a * shape;\n    float centerContribution = shape * shape;\n    weightedCenter += pos * centerContribution;\n    weightedOrientation += vec2(cos(angle), sin(angle)) * centerContribution;\n    centerWeight += centerContribution;\n  }\n\n  totalColor /= max(totalShape, 1e-4);\n  totalOpacity /= max(totalShape, 1e-4);\n  float edgeWidth = fwidth(totalShape);\n  float finalShape = smoothstep(.4, .4 + edgeWidth, totalShape);\n  vec2 fieldCenter = weightedCenter / max(centerWeight, 1e-4);\n  vec2 fieldVector = shape_uv - fieldCenter;\n  float depth = smoothstep(0.4, 1.45, totalShape);\n  float fieldRotation = 0.18 * atan(weightedOrientation.y, weightedOrientation.x);\n  float rotationCos = cos(fieldRotation);\n  float rotationSin = sin(fieldRotation);\n  vec2 surfaceUV = fieldCenter + mat2(rotationCos, rotationSin, -rotationSin, rotationCos) * fieldVector * (1.0 + 0.1 * depth);\n  vec2 gradient = vec2(dFdx(totalShape), dFdy(totalShape));\n  vec2 gradientDirection = gradient / max(length(gradient), 1e-4);\n  surfaceUV += gradientDirection * 0.008 * sin(totalShape * 4.0);\n  float feature = surfacePattern(surfaceUV, depth, u_material, t);\n  vec3 normal = normalize(vec3(-gradient * 36.0, 1.0));\n  vec3 lightDirection = normalize(vec3(-0.45, 0.65, 0.8));\n  float surfaceLight = 0.62 + 0.38 * max(dot(normal, lightDirection), 0.0);\n  float baseSurface = mix(0.012, 0.06, depth);\n  float surface = u_material < 0.5 ? 1.0 : mix(baseSurface, surfaceLight, feature);\n  vec3 color = totalColor * finalShape * surface;\n  float opacity = totalOpacity * finalShape * surface;\n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n  color += 1. / 256. * (fract(sin(dot(.014 * gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453123) - .5);\n  fragColor = vec4(color, opacity);\n}\n";
-//# sourceMappingURL=shader.d.ts.map

package/dist/internal/agent-visual/shader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shader.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/shader.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,+oMAuJ/B,CAAC"}