@kitn.ai/ui 0.25.2 → 0.26.0

package/dist/{variant-custom-BhS9wIpU.js → variant-custom-C714mqKl.js}

@@ -1,9 +1,9 @@
-import { createComponent as d, insert as A, effect as m, setAttribute as c, className as y, style as b, template as C } from "solid-js/web";
-import { createEffect as g, createMemo as E, Show as x } from "solid-js";
-import { c as S, D as N, S as k, h as w } from "./create-tween-4z1XYLkR.js";
-import { s as M, C as T } from "./solid-BMuDmFo_.js";
-var h = /* @__PURE__ */ C("<div>");
-const O = {
+import { createComponent as m, insert as C, effect as c, setAttribute as y, className as b, style as h, template as E } from "solid-js/web";
+import { createEffect as x, createMemo as N, Show as S } from "solid-js";
+import { c as z, D as k, S as w, h as M } from "./create-tween-CJNlzoaO.js";
+import { s as R, a as T, C as O } from "./solid-BtdqNZI7.js";
+var g = /* @__PURE__ */ E("<div>");
+const $ = {
   "1f": !0,
   "1i": !0,
   "1fv": !0,
@@ -15,7 +15,7 @@ const O = {
   Matrix2fv: !0,
   Matrix3fv: !0,
   Matrix4fv: !0
-}, R = /* @__PURE__ */ new Set(["1f", "1i"]), $ = {
+}, I = /* @__PURE__ */ new Set(["1f", "1i"]), F = {
   "2f": 2,
   "3f": 3,
   "4f": 4,
@@ -23,24 +23,24 @@ const O = {
   Matrix3fv: 9,
   Matrix4fv: 16
 };
-function I(e, t) {
+function U(e, t) {
   if (t == null || typeof t != "object")
     return `uniform "${e}" is not a valid declaration (expected an object with "type" and "value").`;
-  if (O[t.type] !== !0)
+  if ($[t.type] !== !0)
     return `uniform "${e}" has an unrecognized type "${String(t.type)}".`;
-  if (R.has(t.type))
+  if (I.has(t.type))
     return typeof t.value != "number" || !Number.isFinite(t.value) ? `uniform "${e}" is declared "${t.type}" (a number) but its value is not a finite number.` : void 0;
   if (!Array.isArray(t.value) || t.value.some((u) => typeof u != "number" || !Number.isFinite(u)))
     return `uniform "${e}" is declared "${t.type}" (an array) but its value is not an array of finite numbers.`;
-  const o = $[t.type];
+  const o = F[t.type];
   if (o !== void 0 && t.value.length !== o)
     return `uniform "${e}" is declared "${t.type}", which takes exactly ${o} numbers, but its value has ${t.value.length}.`;
 }
-function F(e, t) {
+function D(e, t) {
   const o = e.bands.length ? e.bands : [0], u = {
     uColor: {
       type: "3fv",
-      value: w(e.color)
+      value: M(e.color)
     },
     uIntensity: {
       type: "1f",
@@ -65,116 +65,116 @@ function F(e, t) {
     }
   };
   if (!t) return u;
-  for (const [l, f] of Object.entries(t)) {
-    const r = I(l, f);
-    if (r) throw new Error(r);
+  for (const [v, f] of Object.entries(t)) {
+    const l = U(v, f);
+    if (l) throw new Error(l);
   }
   return {
     ...u,
     ...t
   };
 }
-function H(e) {
-  const t = S(0.3), o = S(1);
-  g(() => {
-    const r = M(e.state);
-    if (e.state === "speaking")
+function P(e) {
+  const t = z(0.3), o = z(1), u = () => T(e.state, e.listeningAmplitude);
+  x(() => {
+    const a = R(u());
+    if (u() === "speaking")
       t.to(0.3 + 0.7 * e.volume, {
         duration: 0
       });
     else {
-      const a = e.frozen ? {
+      const r = e.frozen ? {
         duration: 0
       } : {
         duration: 0.5,
         ease: "easeOut"
       };
-      t.to(Array.isArray(r.intensity) && e.frozen ? r.intensity[0] : r.intensity, a);
+      t.to(Array.isArray(a.intensity) && e.frozen ? a.intensity[0] : a.intensity, r);
     }
-    o.to(e.frozen ? 0 : r.speed, {
+    o.to(e.frozen ? 0 : a.speed, {
       duration: 0
     });
   });
-  const u = E(() => {
-    var r;
+  const v = N(() => {
+    var a;
     try {
       return {
-        uniforms: F({
-          color: e.color ?? N,
+        uniforms: D({
+          color: e.color ?? k,
           intensity: t.value(),
           speed: o.value(),
           complexity: e.complexity ?? 0.5,
           volume: e.volume,
           bands: e.bands
-        }, (r = e.shader) == null ? void 0 : r.uniforms)
+        }, (a = e.shader) == null ? void 0 : a.uniforms)
       };
-    } catch (a) {
+    } catch (r) {
       return {
-        error: a instanceof Error ? a.message : String(a)
+        error: r instanceof Error ? r.message : String(r)
       };
     }
   });
-  let l = !1;
-  g(() => {
+  let f = !1;
+  x(() => {
     const {
-      error: r
-    } = u();
-    if (!r) {
-      l = !1;
+      error: a
+    } = v();
+    if (!a) {
+      f = !1;
       return;
     }
-    l || (l = !0, console.error(`<kai-audio-visualizer variant="custom">: ${r}`), e.onUnavailable());
+    f || (f = !0, console.error(`<kai-audio-visualizer variant="custom">: ${a}`), e.onUnavailable());
   });
-  const f = () => ({
-    height: `${T[e.size]}px`,
+  const l = () => ({
+    height: `${O[e.size]}px`,
     "aspect-ratio": "1"
   });
-  return d(x, {
+  return m(S, {
     get when() {
-      var r;
-      return (r = e.shader) == null ? void 0 : r.fragment;
+      var a;
+      return (a = e.shader) == null ? void 0 : a.fragment;
     },
     get fallback() {
       return (() => {
-        var r = h();
-        return m((a) => {
-          var i = e.state, n = e.class, s = f();
-          return i !== a.e && c(r, "data-kai-state", a.e = i), n !== a.t && y(r, a.t = n), a.a = b(r, s, a.a), a;
+        var a = g();
+        return c((r) => {
+          var i = e.state, n = e.class, s = l();
+          return i !== r.e && y(a, "data-kai-state", r.e = i), n !== r.t && b(a, r.t = n), r.a = h(a, s, r.a), r;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), r;
+        }), a;
       })();
     },
-    children: (r) => d(x, {
+    children: (a) => m(S, {
       get when() {
-        return u().uniforms;
+        return v().uniforms;
       },
       get fallback() {
         return (() => {
-          var a = h();
-          return m((i) => {
-            var n = e.state, s = e.class, v = f();
-            return n !== i.e && c(a, "data-kai-state", i.e = n), s !== i.t && y(a, i.t = s), i.a = b(a, v, i.a), i;
+          var r = g();
+          return c((i) => {
+            var n = e.state, s = e.class, d = l();
+            return n !== i.e && y(r, "data-kai-state", i.e = n), s !== i.t && b(r, i.t = s), i.a = h(r, d, i.a), i;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
-          }), a;
+          }), r;
         })();
       },
-      children: (a) => (() => {
-        var i = h();
-        return A(i, d(k, {
+      children: (r) => (() => {
+        var i = g();
+        return C(i, m(w, {
           get fragment() {
-            return r();
+            return a();
           },
           get precision() {
             return e.size === "icon" || e.size === "sm" ? "mediump" : "highp";
           },
           get uniforms() {
-            return a();
+            return r();
           },
           get animateWhenNotVisible() {
             return e.animateWhenNotVisible;
@@ -182,9 +182,9 @@ function H(e) {
           onError: (n) => {
             /not available/i.test(n) ? console.warn('<kai-audio-visualizer variant="custom">: shader unavailable', n) : console.error('<kai-audio-visualizer variant="custom">: shader error', n), e.onUnavailable();
           }
-        })), m((n) => {
-          var s = e.state, v = e.class, z = f();
-          return s !== n.e && c(i, "data-kai-state", n.e = s), v !== n.t && y(i, n.t = v), n.a = b(i, z, n.a), n;
+        })), c((n) => {
+          var s = e.state, d = e.class, A = l();
+          return s !== n.e && y(i, "data-kai-state", n.e = s), d !== n.t && b(i, n.t = d), n.a = h(i, A, n.a), n;
         }, {
           e: void 0,
           t: void 0,
@@ -195,6 +195,6 @@ function H(e) {
   });
 }
 export {
-  F as customUniforms,
-  H as default
+  D as customUniforms,
+  P as default
 };

package/dist/variant-custom-L16JLLZy.js

@@ -0,0 +1 @@
+import{d as w,i as S,s as c,c as m,e as p,t as M,b as A,C as N}from"./register-impl-DpE7icIb.js";import{h as g,c as C,l as y,S as x,d as h}from"./kai.es.js";import{c as $,S as E,h as U,D as j}from"./create-tween-CQED4T0g.js";var b=M("<div>");const F={"1f":!0,"1i":!0,"1fv":!0,"2f":!0,"3f":!0,"3fv":!0,"4f":!0,"4fv":!0,Matrix2fv:!0,Matrix3fv:!0,Matrix4fv:!0},O=new Set(["1f","1i"]),V={"2f":2,"3f":3,"4f":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function D(a,e){if(e==null||typeof e!="object")return`uniform "${a}" is not a valid declaration (expected an object with "type" and "value").`;if(F[e.type]!==!0)return`uniform "${a}" has an unrecognized type "${String(e.type)}".`;if(O.has(e.type))return typeof e.value!="number"||!Number.isFinite(e.value)?`uniform "${a}" is declared "${e.type}" (a number) but its value is not a finite number.`:void 0;if(!Array.isArray(e.value)||e.value.some(s=>typeof s!="number"||!Number.isFinite(s)))return`uniform "${a}" is declared "${e.type}" (an array) but its value is not an array of finite numbers.`;const o=V[e.type];if(o!==void 0&&e.value.length!==o)return`uniform "${a}" is declared "${e.type}", which takes exactly ${o} numbers, but its value has ${e.value.length}.`}function z(a,e){const o=a.bands.length?a.bands:[0],s={uColor:{type:"3fv",value:U(a.color)},uIntensity:{type:"1f",value:a.intensity},uSpeed:{type:"1f",value:a.speed},uComplexity:{type:"1f",value:a.complexity},uVolume:{type:"1f",value:a.volume},uBands:{type:"1fv",value:o,arraySize:o.length}};if(!e)return s;for(const[f,v]of Object.entries(e)){const l=D(f,v);if(l)throw new Error(l)}return{...s,...e}}function I(a){const e=$(.3),o=$(1),s=()=>A(a.state,a.listeningAmplitude);g(()=>{const t=w(s());if(s()==="speaking")e.to(.3+.7*a.volume,{duration:0});else{const r=a.frozen?{duration:0}:{duration:.5,ease:"easeOut"};e.to(Array.isArray(t.intensity)&&a.frozen?t.intensity[0]:t.intensity,r)}o.to(a.frozen?0:t.speed,{duration:0})});const f=C(()=>{var t;try{return{uniforms:z({color:a.color??j,intensity:e.value(),speed:o.value(),complexity:a.complexity??.5,volume:a.volume,bands:a.bands},(t=a.shader)==null?void 0:t.uniforms)}}catch(r){return{error:r instanceof Error?r.message:String(r)}}});let v=!1;g(()=>{const{error:t}=f();if(!t){v=!1;return}v||(v=!0,console.error(`<kai-audio-visualizer variant="custom">: ${t}`),a.onUnavailable())});const l=()=>({height:`${N[a.size]}px`,"aspect-ratio":"1"});return y(x,{get when(){var t;return(t=a.shader)==null?void 0:t.fragment},get fallback(){return(()=>{var t=b();return h(r=>{var n=a.state,i=a.class,u=l();return n!==r.e&&c(t,"data-kai-state",r.e=n),i!==r.t&&m(t,r.t=i),r.a=p(t,u,r.a),r},{e:void 0,t:void 0,a:void 0}),t})()},children:t=>y(x,{get when(){return f().uniforms},get fallback(){return(()=>{var r=b();return h(n=>{var i=a.state,u=a.class,d=l();return i!==n.e&&c(r,"data-kai-state",n.e=i),u!==n.t&&m(r,n.t=u),n.a=p(r,d,n.a),n},{e:void 0,t:void 0,a:void 0}),r})()},children:r=>(()=>{var n=b();return S(n,y(E,{get fragment(){return t()},get precision(){return a.size==="icon"||a.size==="sm"?"mediump":"highp"},get uniforms(){return r()},get animateWhenNotVisible(){return a.animateWhenNotVisible},onError:i=>{/not available/i.test(i)?console.warn('<kai-audio-visualizer variant="custom">: shader unavailable',i):console.error('<kai-audio-visualizer variant="custom">: shader error',i),a.onUnavailable()}})),h(i=>{var u=a.state,d=a.class,k=l();return u!==i.e&&c(n,"data-kai-state",i.e=u),d!==i.t&&m(n,i.t=d),i.a=p(n,k,i.a),i},{e:void 0,t:void 0,a:void 0}),n})()})})}export{z as customUniforms,I as default};

package/dist/{elements/chunks/variant-wave-DDCwhLas.js → variant-wave-2S4La2Ka.js}

@@ -1,4 +1,4 @@
-import{k as v,i as p,c as m,a as h,d as x,b as g,n as y,t as b}from"./define-B_tXMYRm.js";import{c as r,h as w,D as C,S as z}from"./create-tween-CUrM6D_o.js";import{C as S,w as U}from"./audio-visualizer-BuUqQmaO.js";const F=`
+import{i as m,s as h,c as x,a as g,C as y,t as b,b as w,w as C}from"./register-impl-DpE7icIb.js";import{h as v,l as z,d as S}from"./kai.es.js";import{c as r,h as U,S as q,D as F}from"./create-tween-CQED4T0g.js";const W=`
 const float TAU = 6.28318530718;
 
 // Noise for dithering
@@ -113,4 +113,4 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   float alpha = line * uMix;
 
   fragColor = vec4(color * uMix, alpha);
-}`;var W=b('<div style="aspect-ratio:1;mask-image:linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)">');const q=.5,A=.05;function D(e){const o=r(0),i=r(0),l=r(1),n=()=>U(e.state),s=()=>e.frozen?{duration:0}:{duration:.2,ease:"easeOut"};v(()=>{const a=n(),t=Array.isArray(a.opacity)&&e.frozen?a.opacity[0]:a.opacity;l.to(t,e.frozen?{duration:0}:{duration:a.pulseDuration||.2})}),v(()=>{if(e.state==="speaking"){const t=e.volume;o.to(.015+.4*t,{duration:0}),i.to(20+60*t,{duration:0});return}const a=n();o.to(a.amplitude,s()),i.to(a.frequency,s())});const d=()=>e.size==="icon"||e.size==="sm"?2:1;return(()=>{var a=W();return p(a,m(z,{fragment:F,get precision(){return e.size==="icon"||e.size==="sm"?"mediump":"highp"},get uniforms(){return{uSpeed:{type:"1f",value:e.frozen?0:n().speed},uAmplitude:{type:"1f",value:o.value()},uFrequency:{type:"1f",value:i.value()},uMix:{type:"1f",value:l.value()},uLineWidth:{type:"1f",value:d()},uSmoothing:{type:"1f",value:q},uColor:{type:"3fv",value:w(e.color??C)},uColorShift:{type:"1f",value:A}}},get animateWhenNotVisible(){return e.animateWhenNotVisible},onError:t=>{console.warn('<kai-audio-visualizer variant="wave">: shader error',t),e.onUnavailable()}})),h(t=>{var c=e.state,u=e.class,f=`${S[e.size]}px`;return c!==t.e&&x(a,"data-kai-state",t.e=c),u!==t.t&&g(a,t.t=u),f!==t.a&&y(a,"height",t.a=f),t},{e:void 0,t:void 0,a:void 0}),a})()}export{D as default};
+}`;var A=b('<div style="aspect-ratio:1;mask-image:linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)">');const D=.5,X=.05;function V(e){const o=r(0),i=r(0),l=r(1),s=()=>w(e.state,e.listeningAmplitude),n=()=>C(s()),c=()=>e.frozen?{duration:0}:{duration:.2,ease:"easeOut"};v(()=>{const a=n(),t=Array.isArray(a.opacity)&&e.frozen?a.opacity[0]:a.opacity;l.to(t,e.frozen?{duration:0}:{duration:a.pulseDuration||.2})}),v(()=>{if(s()==="speaking"){const t=e.volume;o.to(.015+.4*t,{duration:0}),i.to(20+60*t,{duration:0});return}const a=n();o.to(a.amplitude,c()),i.to(a.frequency,c())});const p=()=>e.size==="icon"||e.size==="sm"?2:1;return(()=>{var a=A();return m(a,z(q,{fragment:W,get precision(){return e.size==="icon"||e.size==="sm"?"mediump":"highp"},get uniforms(){return{uSpeed:{type:"1f",value:e.frozen?0:n().speed},uAmplitude:{type:"1f",value:o.value()},uFrequency:{type:"1f",value:i.value()},uMix:{type:"1f",value:l.value()},uLineWidth:{type:"1f",value:p()},uSmoothing:{type:"1f",value:D},uColor:{type:"3fv",value:U(e.color??F)},uColorShift:{type:"1f",value:X}}},get animateWhenNotVisible(){return e.animateWhenNotVisible},onError:t=>{console.warn('<kai-audio-visualizer variant="wave">: shader error',t),e.onUnavailable()}})),S(t=>{var u=e.state,f=e.class,d=`${y[e.size]}px`;return u!==t.e&&h(a,"data-kai-state",t.e=u),f!==t.t&&x(a,t.t=f),d!==t.a&&g(a,"height",t.a=d),t},{e:void 0,t:void 0,a:void 0}),a})()}export{V as default};

package/dist/{variant-wave-CbVsmgwT.js → variant-wave-D7ruiA1W.js}

@@ -1,8 +1,8 @@
-import { insert as m, createComponent as h, effect as p, setAttribute as x, className as g, setStyleProperty as y, template as b } from "solid-js/web";
-import { createEffect as v } from "solid-js";
-import { c as r, S as w, h as C, D as S } from "./create-tween-4z1XYLkR.js";
-import { C as z, w as U } from "./solid-BMuDmFo_.js";
-const A = `
+import { insert as h, createComponent as p, effect as g, setAttribute as x, className as y, setStyleProperty as b, template as w } from "solid-js/web";
+import { createEffect as d } from "solid-js";
+import { c as r, S as C, h as S, D as z } from "./create-tween-CJNlzoaO.js";
+import { C as A, a as U, w as F } from "./solid-BtdqNZI7.js";
+const R = `
 const float TAU = 6.28318530718;
 
 // Noise for dithering
@@ -118,24 +118,24 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 
   fragColor = vec4(color * uMix, alpha);
 }`;
-var F = /* @__PURE__ */ b('<div style="aspect-ratio:1;mask-image:linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)">');
-const W = 0.5, q = 0.05;
-function X(e) {
-  const o = r(0), i = r(0), l = r(1), n = () => U(e.state), c = () => e.frozen ? {
+var W = /* @__PURE__ */ w('<div style="aspect-ratio:1;mask-image:linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)">');
+const q = 0.5, D = 0.05;
+function T(e) {
+  const o = r(0), i = r(0), l = r(1), c = () => U(e.state, e.listeningAmplitude), n = () => F(c()), s = () => e.frozen ? {
     duration: 0
   } : {
     duration: 0.2,
     ease: "easeOut"
   };
-  v(() => {
+  d(() => {
     const a = n(), t = Array.isArray(a.opacity) && e.frozen ? a.opacity[0] : a.opacity;
     l.to(t, e.frozen ? {
       duration: 0
     } : {
       duration: a.pulseDuration || 0.2
     });
-  }), v(() => {
-    if (e.state === "speaking") {
+  }), d(() => {
+    if (c() === "speaking") {
       const t = e.volume;
       o.to(0.015 + 0.4 * t, {
         duration: 0
@@ -145,13 +145,13 @@ function X(e) {
       return;
     }
     const a = n();
-    o.to(a.amplitude, c()), i.to(a.frequency, c());
+    o.to(a.amplitude, s()), i.to(a.frequency, s());
   });
-  const d = () => e.size === "icon" || e.size === "sm" ? 2 : 1;
+  const m = () => e.size === "icon" || e.size === "sm" ? 2 : 1;
   return (() => {
-    var a = F();
-    return m(a, h(w, {
-      fragment: A,
+    var a = W();
+    return h(a, p(C, {
+      fragment: R,
       get precision() {
         return e.size === "icon" || e.size === "sm" ? "mediump" : "highp";
       },
@@ -181,19 +181,19 @@ function X(e) {
           },
           uLineWidth: {
             type: "1f",
-            value: d()
+            value: m()
           },
           uSmoothing: {
             type: "1f",
-            value: W
+            value: q
           },
           uColor: {
             type: "3fv",
-            value: C(e.color ?? S)
+            value: S(e.color ?? z)
           },
           uColorShift: {
             type: "1f",
-            value: q
+            value: D
           }
         };
       },
@@ -203,9 +203,9 @@ function X(e) {
       onError: (t) => {
         console.warn('<kai-audio-visualizer variant="wave">: shader error', t), e.onUnavailable();
       }
-    })), p((t) => {
-      var s = e.state, u = e.class, f = `${z[e.size]}px`;
-      return s !== t.e && x(a, "data-kai-state", t.e = s), u !== t.t && g(a, t.t = u), f !== t.a && y(a, "height", t.a = f), t;
+    })), g((t) => {
+      var u = e.state, f = e.class, v = `${A[e.size]}px`;
+      return u !== t.e && x(a, "data-kai-state", t.e = u), f !== t.t && y(a, t.t = f), v !== t.a && b(a, "height", t.a = v), t;
     }, {
       e: void 0,
       t: void 0,
@@ -214,5 +214,5 @@ function X(e) {
   })();
 }
 export {
-  X as default
+  T as default
 };

package/dist/{variant-wave-CUWGx9Bn.js → variant-wave-ecwykeyL.js}

@@ -1,8 +1,8 @@
-import { ssr as m, ssrAttribute as f, escape as o, ssrStyleProperty as l, createComponent as h } from "solid-js/web";
-import { createEffect as d } from "solid-js";
-import { c, S as p, h as x, D as g } from "./create-tween-B5Y4Im8G.js";
-import { C as y, w as b } from "./solid-CGYNdLRR.js";
-const w = `
+import { ssr as h, ssrAttribute as d, escape as o, ssrStyleProperty as l, createComponent as p } from "solid-js/web";
+import { createEffect as v } from "solid-js";
+import { c, S as g, h as x, D as y } from "./create-tween-BFT6c-Y8.js";
+import { C as b, a as w, w as C } from "./solid-CnavwBye.js";
+const S = `
 const float TAU = 6.28318530718;
 
 // Noise for dithering
@@ -118,24 +118,24 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 
   fragColor = vec4(color * uMix, alpha);
 }`;
-var C = ["<div", ' style="', '">', "</div>"];
-const S = 0.5, z = 0.05;
-function q(e) {
-  const i = c(0), n = c(0), s = c(1), r = () => b(e.state), u = () => e.frozen ? {
+var z = ["<div", ' style="', '">', "</div>"];
+const A = 0.5, U = 0.05;
+function D(e) {
+  const i = c(0), n = c(0), s = c(1), u = () => w(e.state, e.listeningAmplitude), r = () => C(u()), f = () => e.frozen ? {
     duration: 0
   } : {
     duration: 0.2,
     ease: "easeOut"
   };
-  d(() => {
+  v(() => {
     const t = r(), a = Array.isArray(t.opacity) && e.frozen ? t.opacity[0] : t.opacity;
     s.to(a, e.frozen ? {
       duration: 0
     } : {
       duration: t.pulseDuration || 0.2
     });
-  }), d(() => {
-    if (e.state === "speaking") {
+  }), v(() => {
+    if (u() === "speaking") {
       const a = e.volume;
       i.to(0.015 + 0.4 * a, {
         duration: 0
@@ -145,11 +145,11 @@ function q(e) {
       return;
     }
     const t = r();
-    i.to(t.amplitude, u()), n.to(t.frequency, u());
+    i.to(t.amplitude, f()), n.to(t.frequency, f());
   });
-  const v = () => e.size === "icon" || e.size === "sm" ? 2 : 1;
-  return m(C, f("data-kai-state", o(e.state, !0), !1) + f("class", o(e.class, !0), !1), l("height:", `${o(y[e.size], !0)}px`) + l(";aspect-ratio:", "1") + l(";mask-image:", "linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)"), o(h(p, {
-    fragment: w,
+  const m = () => e.size === "icon" || e.size === "sm" ? 2 : 1;
+  return h(z, d("data-kai-state", o(e.state, !0), !1) + d("class", o(e.class, !0), !1), l("height:", `${o(b[e.size], !0)}px`) + l(";aspect-ratio:", "1") + l(";mask-image:", "linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%)"), o(p(g, {
+    fragment: S,
     get precision() {
       return e.size === "icon" || e.size === "sm" ? "mediump" : "highp";
     },
@@ -179,19 +179,19 @@ function q(e) {
         },
         uLineWidth: {
           type: "1f",
-          value: v()
+          value: m()
         },
         uSmoothing: {
           type: "1f",
-          value: S
+          value: A
         },
         uColor: {
           type: "3fv",
-          value: x(e.color ?? g)
+          value: x(e.color ?? y)
         },
         uColorShift: {
           type: "1f",
-          value: z
+          value: U
         }
       };
     },
@@ -204,5 +204,5 @@ function q(e) {
   })));
 }
 export {
-  q as default
+  D as default
 };

package/dist/wire/chunk.d.ts

@@ -36,6 +36,21 @@ export interface ModelUsage {
 }
 export interface ModelStreamChunk {
     text?: string;
+    /**
+     * The model id the RESPONSE stated, verbatim; REPORT, NEVER INFER.
+     *
+     * Read from the response rather than the request, which is what makes it work
+     * at all when the app builds its own fetch and the kit never sees what was
+     * asked for. Providers commonly resolve an alias (ask for `gpt-4o`, get
+     * `gpt-4o-2024-08-06`); through a gateway the value is the gateway's own id.
+     * Both are reasons to pass the string through untouched.
+     *
+     * It is NOT guaranteed. A proxy can strip or rewrite it and a custom endpoint
+     * may omit it, so a consumer renders it as ABSENT when it is absent. Filling
+     * the gap with the requested id would lie in exactly the requested-vs-served
+     * mismatch this field exists to catch.
+     */
+    model?: string;
     /**
      * Reasoning delta. `''` is MEANINGFUL, not a no-op: a redacted block has no
      * readable text but still carries a payload that must round-trip, and a format
@@ -142,6 +157,38 @@ export interface ModelTurn {
 export interface ConsumeOptions {
     /** Label for the reasoning disclosure. Defaults to 'Thinking'. */
     reasoningLabel?: string;
+    /**
+     * Correlates diagnostics and namespaces reasoning parts for this consume call;
+     * assigned automatically when absent.
+     *
+     * Supply one only to tie a read to an id you already hold. Two reads into the
+     * SAME sink must not share a value: the id is what keeps a second round's
+     * block 0 from merging into the first round's reasoning part.
+     */
+    streamId?: string;
+    /**
+     * The app's own grouping of several reads into ONE logical turn, carried onto
+     * every diagnostic event this read emits.
+     *
+     * THE KIT REPORTS WHAT THE APP DECLARES AND GROUPS NOTHING ON ITS OWN. A chat
+     * app running a tool loop, or fanning out to sub-agents, makes several model
+     * calls that belong to one turn; the kit sees one Response at a time and has
+     * no way to know which ones those are. So it does not guess:
+     *
+     *   readOpenAIStream(res, sink, { traceId: 'turn-42', label: 'planner' })
+     *
+     * Absent when not supplied -- the key is not present on the events at all,
+     * rather than present and undefined. Purely diagnostic: nothing in the parse
+     * branches on it and it never reaches a provider.
+     */
+    traceId?: string;
+    /** The app's name for THIS read inside its trace (`'planner'`,
+     *  `'executor'`, `'retry-2'`). Carried onto every diagnostic event, and
+     *  absent when not supplied. Never derived from the format or the model.
+     *
+     *  Not to be confused with `reasoningLabel`, which is UI copy for the
+     *  reasoning disclosure; this one is never rendered to an end user. */
+    label?: string;
     /** Fires once per tool call the moment its arguments parse cleanly. This is
      *  the hook a host's tool loop waits on. There is deliberately no
      *  per-fragment callback: `ToolPart.rawInput` is written on every fragment,