@kitn.ai/ui 0.19.0 → 0.20.0

package/dist/components/audio-visualizer/variant-aurora.d.ts

@@ -0,0 +1,89 @@
+import { JSX } from 'solid-js';
+import { VisualizerState } from '../../primitives/visualizer-sequences';
+import { ShaderVariantProps } from './index';
+/**
+ * Per-state uniform targets, straight from fact sheet section 5's measured
+ * table (`.superpowers/sdd/2026-08-07-audio-visualizers/reference/
+ * aura-prototype/lk-aura-factsheet.md`) and reconciled against `aurora.glsl.ts`'s
+ * own module doc / the Task 14 report's "Uniform list for Task 15" table.
+ *
+ * ATTRIBUTION: these same values are upstream's, and upstream's copy is
+ * Apache-2.0. They live in `packages/shadcn/hooks/agents-ui/
+ * use-agent-audio-visualizer-aura.ts` -- the aura DRIVING hook, which carries
+ * no Polyform header and is ordinary Apache-2.0 code, unlike the aura
+ * COMPONENT and its inline shader. Every row below matches that hook: the
+ * four state rows, the listening spring (1.0s, bounce 0.35), the tween and
+ * pulse cadences, and the analyser settings the visualizer feeds from
+ * (fftSize 512, smoothingTimeConstant 0.55). Recorded in `packages/ui/NOTICE`
+ * as an attribution rather than a port, since no code was copied. This is
+ * the BEHAVIOUR layer only -- `aurora.glsl.ts` (the rendering) is original
+ * work and owes the hook nothing. See `docs/provenance/aurora-clean-room.md`
+ * section 7 for the license map that separates the two upstream files.
+ *
+ * Deliberately NOT `shaderTargets()` (primitives/visualizer-sequences.ts):
+ * that helper only carries two axes -- a 0..1 "energy" intensity and a 1..4
+ * speed -- built for the OLD custom/aura convention. This shader's real table
+ * is non-monotonic across those same two axes (thinking/connecting has LOWER
+ * amplitude than idle despite HIGHER brightness) and every value below is a
+ * direct fact-sheet pass-through, not a normalized knob, so reusing that
+ * helper cannot reproduce it. The Task 14 report calls this out explicitly
+ * and asks for this shader's own mapping, parallel to how `waveTargets()`
+ * already exists alongside `shaderTargets()` for the wave shader.
+ *
+ * `speed` here is fact sheet section 5's `S / 20` (state speed 10..70,
+ * divided by 20) -- NOT the raw 10..70 value. `complexity` is `freqParam`
+ * directly.
+ *
+ * `rotation` (deg/s, positive = clockwise ON SCREEN) is NOT from the fact
+ * sheet: it is this port's own solid-body trim on top of the wind's
+ * emergent angular drift, calibrated offline (campaign task #6's probe,
+ * replicating scripts/aurora-audit.mjs's estimator at its capture cadence)
+ * so the audit-measured per-state rotation lands on the reference values:
+ * speaking ~+17 (their +12.9, Rob's reference ~20 CW), listening ~+4.6,
+ * thinking ~+9. The wind supplies most of the apparent motion (post-flip
+ * it reads ~+22 CW at speaking, ~0 elsewhere); these trims close the
+ * per-state gaps. Like `speed`, rotation is never tweened.
+ *
+ * Connecting originally carried the probe's -4.7 CCW as a -5.5 trim,
+ * flipped to the clockwise equivalent (same magnitude) 2026-08-10
+ * (supervisor call, Rob delegated): the direction split came from the
+ * screenshot-cadence estimator later shown unreliable (closing-sweep
+ * finding: IQR swamps the medians), upstream's hook drives thinking and
+ * connecting with identical dynamics, and opposite spins on adjacent
+ * transitional states read inconsistent. Single-line revert (connecting's
+ * `rotation` below) if the eye test ever disagrees.
+ */
+declare function auroraTargets(state: VisualizerState): {
+    intensity: number | [number, number];
+    speed: number;
+    complexity: number;
+    amplitude: number;
+    scale: number;
+    rotation: number;
+};
+/**
+ * A glowing, drifting aura: 36 phase-offset rings folded through a warp
+ * cascade into soft veils. See `aurora.glsl.ts`'s module doc for the shader
+ * itself and its provenance.
+ *
+ * The uniform contract is a direct pass-through of fact sheet section 5's
+ * measured per-state table (`auroraTargets` above), NOT the 0..1 convention
+ * `wave` and `custom` use. There is deliberately no `uVolume` uniform: the
+ * shader would double-apply voice-driven growth if it read one itself on top
+ * of whatever this component also does at the state layer, so the live
+ * volume drives the scale TWEEN here, in exactly one place (the
+ * volume-override effect below), and nowhere else.
+ *
+ * `dark` is an extra field on top of `ShaderVariantProps`, not yet a member
+ * of that shared type: it is meant to carry the FACADE's already-resolved
+ * `theme="light"|"dark"|"auto"` decision (see `define.tsx`'s
+ * `createDarkMode`), threaded down through the dispatcher, once that wiring
+ * lands (see the task report for the exact shape requested). Optional, with
+ * a live `prefers-color-scheme` fallback, so this component still works
+ * correctly when mounted standalone (no facade above it resolving a
+ * `theme` attribute at all).
+ */
+export default function AuroraVisualizer(props: ShaderVariantProps & {
+    dark?: boolean;
+}): JSX.Element;
+export { auroraTargets };

package/dist/components/audio-visualizer/variant-bar.d.ts

@@ -0,0 +1,46 @@
+import { JSX } from 'solid-js';
+import { VisualizerState } from '../../primitives/visualizer-sequences';
+import { VisualizerSize } from './sizes';
+/** Props every DOM variant takes. The dispatcher supplies all of them. */
+export interface VariantProps {
+    state: VisualizerState;
+    size: VisualizerSize;
+    /** Multiband levels, 0..1. Only read while `state === 'speaking'`. */
+    bands: number[];
+    /** `prefers-reduced-motion`: pin the sequencer at its first frame. */
+    frozen: boolean;
+    /** Overrides the inherited `currentColor` the bars are painted with. */
+    color?: string;
+    class?: string;
+    /**
+     * Render each element yourself. Receives the element's static index plus
+     * `highlighted` and `value` as live accessors, not plain values: the
+     * markup is only mapped once per position (see the `<Index>` note below),
+     * so you must CALL `highlighted()` and `value()` from inside your own JSX
+     * for them to stay live. Destructuring them into a plain variable freezes
+     * them at that moment. `::part(bar)` / `::part(bar highlighted)` (or
+     * `cell`) handle restyling from outside; this render-prop is for replacing
+     * the markup outright.
+     *
+     * In bar and grid, your returned element IS the drawn item. Radial is the
+     * exception: it always wraps whatever you return in its own positioning
+     * element, because each spoke must be absolutely placed around the ring.
+     * You still control the markup inside that wrapper, just not its position.
+     */
+    children?: (item: {
+        index: number;
+        highlighted: () => boolean;
+        value: () => number;
+    }) => JSX.Element;
+}
+/**
+ * Vertical bars that rise with the audio while speaking, and run a scripted
+ * pattern in every other state.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-bar.tsx`
+ * (Apache License 2.0).
+ */
+export declare function BarVisualizer(props: VariantProps & {
+    barCount?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-custom.d.ts

@@ -0,0 +1,73 @@
+import { JSX } from 'solid-js';
+import { UniformSpec } from './shader-canvas';
+import { ShaderVariantProps } from './index';
+/**
+ * Uniforms every custom shader receives without asking: the standard set
+ * (`uColor`, `uIntensity`, `uSpeed`, `uComplexity`) plus the audio pair that
+ * ONLY this variant gets. Upstream's shader path only ever hands a shader a
+ * scalar volume; `uBands` -- a per-band `float` array -- has no equivalent
+ * there, so a spectrum-reactive custom shader is possible here and not
+ * there. `iTime`/`iResolution`/`iMouse`/`iFrame`/`iDate` are declared by
+ * `ShaderCanvas` itself for every shader, custom or not, so they are not
+ * repeated here.
+ *
+ * `extra` is a consumer's `ShaderSpec.uniforms` -- untrusted input. Every
+ * entry is checked with `uniformProblem` before being merged in; a bad
+ * `type`/`value` pairing throws rather than being handed to `ShaderCanvas`,
+ * where the mismatch would otherwise throw a `TypeError` inside WebGL's
+ * `uniform*` setters, called from `ShaderCanvas`'s OWN
+ * `requestAnimationFrame` loop, where nothing catches it and the canvas
+ * silently stops animating. `CustomVisualizer` below is what turns that
+ * throw into the same `onUnavailable` seam every other shader failure uses
+ * -- see its own doc for how.
+ *
+ * Pure and synchronous: reads no signals, schedules nothing. Task 15 reuses
+ * it as-is.
+ */
+export declare function customUniforms(values: {
+    color: string;
+    intensity: number;
+    speed: number;
+    complexity: number;
+    volume: number;
+    bands: number[];
+}, extra?: Record<string, UniformSpec>): Record<string, UniformSpec>;
+/**
+ * Renders a consumer-supplied fragment shader.
+ *
+ * The shader must define `mainImage(out vec4 fragColor, in vec2 fragCoord)`
+ * and gets the five ShaderToy built-ins (`iTime`, `iResolution`, `iMouse`,
+ * `iFrame`, `iDate`) plus every uniform `customUniforms` above declares.
+ * `ShaderCanvas` DECLARES all of them for you -- declaring the SAME name
+ * again inside the shader body is a GLSL redefinition and fails to compile.
+ *
+ * `fragColor` MUST be premultiplied: `vec4(rgb * alpha, alpha)`, never
+ * `vec4(rgb, alpha)`. The canvas composites using the browser's default
+ * `premultipliedAlpha: true`; a translucent edge written the natural
+ * (straight-alpha) way gets a dark fringe where it meets a light page. For
+ * example, a shader painting a soft circle that fades to transparent at its
+ * edge:
+ *
+ * ```glsl
+ * void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+ *   vec2 uv = fragCoord / iResolution.xy;
+ *   float alpha = smoothstep(1.0, 0.0, length(uv - 0.5) * 2.0) * uIntensity;
+ *   fragColor = vec4(uColor * alpha, alpha); // premultiplied -- NOT vec4(uColor, alpha)
+ * }
+ * ```
+ *
+ * `uVolume` (scalar) and `uBands` (a `float[N]` array, `N` tracking the
+ * visualizer's actual band count) are this task's differentiating feature:
+ * upstream's shader path only ever hands a shader a scalar, so a
+ * spectrum-reactive custom shader is only possible here.
+ *
+ * A bad `props.shader.uniforms` entry (an unrecognized `type`, or a `value`
+ * that does not match it) is logged loudly via `console.error` -- it is a
+ * bug in the consumer's shader spec they need to see -- and routed through
+ * `props.onUnavailable`, same as a shader compile or link failure. A
+ * missing WebGL context logs quietly via `console.warn`: that is an
+ * expected environment limitation, not a bug. `props.shader` being absent
+ * entirely is neither: it renders an empty placeholder and does not call
+ * `onUnavailable` at all, since nothing was ever asked to render.
+ */
+export default function CustomVisualizer(props: ShaderVariantProps): JSX.Element;

package/dist/components/audio-visualizer/variant-grid.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from 'solid-js';
+import { VariantProps } from './variant-bar';
+/**
+ * A grid of dots that pulses with the audio.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-grid.tsx`
+ * (Apache License 2.0), except the speaking threshold remap — see the
+ * divergence note above.
+ */
+export declare function GridVisualizer(props: VariantProps & {
+    /** Rows AND columns of the (always square) grid. Default from the size
+     *  preset. Replaced the former independent rowCount/columnCount pre-1.0:
+     *  columns alone carry the audio signal, so a non-square grid only ever
+     *  changed threshold-ring resolution — never expression (Rob, 2026-08-09;
+     *  upstream is square-by-default via `rowCount ?? columnCount` too). */
+    count?: number;
+    /** Ring distance from center for the connecting animation, in cells. */
+    spread?: number;
+    /** Ms between scripted frames. Default 100. */
+    interval?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-radial.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from 'solid-js';
+import { VariantProps } from './variant-bar';
+/**
+ * Bars arranged around a circle, growing outward with the audio.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-radial.tsx`
+ * (Apache License 2.0).
+ */
+export declare function RadialVisualizer(props: VariantProps & {
+    barCount?: number;
+    radius?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-wave.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { ShaderVariantProps } from './index';
+/**
+ * A flowing oscilloscope line.
+ *
+ * Ported from livekit/components-js `agent-audio-visualizer-wave.tsx`
+ * (Apache License 2.0). The shader itself (`wave.glsl.ts`) is copied
+ * verbatim; this wrapper replaces upstream's React component and its
+ * `motion` dependency with Solid signals and `createTween`.
+ */
+export default function WaveVisualizer(props: ShaderVariantProps): JSX.Element;

package/dist/components/audio-visualizer/wave.glsl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Oscilloscope wave fragment shader.
+ *
+ * Copied verbatim from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-wave.tsx`
+ * (Apache License 2.0). Unmodified apart from being extracted to its own
+ * module: no GLSL lines were added, removed, or reformatted. The source
+ * contained no `uniform ...;` declarations to strip -- `uFrequency`,
+ * `uSpeed`, `uAmplitude`, `uLineWidth`, `uSmoothing`, `uColor`,
+ * `uColorShift`, and `uMix` are all bound by the caller (see uses of
+ * `ShaderCanvas` below), which is what declares them.
+ *
+ * Uniforms are declared by ShaderCanvas. Do not declare them here.
+ */
+declare const _default: "\nconst float TAU = 6.28318530718;\n\n// Noise for dithering\nvec2 randFibo(vec2 p) {\n  p = fract(p * vec2(443.897, 441.423));\n  p += dot(p, p.yx + 19.19);\n  return fract((p.xx + p.yx) * p.xy);\n}\n\n// Luma for alpha\nfloat luma(vec3 color) {\n  return dot(color, vec3(0.299, 0.587, 0.114));\n}\n\n// RGB to HSV\nvec3 rgb2hsv(vec3 c) {\n  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n  float d = q.x - min(q.w, q.y);\n  float e = 1.0e-10;\n  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n}\n\n// HSV to RGB\nvec3 hsv2rgb(vec3 c) {\n  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n\n// Bell curve function for attenuation from center with rounded top\nfloat bellCurve(float distanceFromCenter, float maxDistance) {\n  float normalizedDistance = distanceFromCenter / maxDistance;\n  // Use cosine with high power for smooth rounded top\n  return pow(cos(normalizedDistance * (3.14159265359 / 4.0)), 16.0);\n}\n\n// Calculate the sine wave\nfloat oscilloscopeWave(float x, float centerX, float time) {\n  float relativeX = x - centerX;\n  float maxDistance = centerX;\n  float distanceFromCenter = abs(relativeX);\n\n  // Apply bell curve for amplitude attenuation\n  float bell = bellCurve(distanceFromCenter, maxDistance);\n\n  // Calculate wave with uniforms and bell curve attenuation\n  float wave = sin(relativeX * uFrequency + time * uSpeed) * uAmplitude * bell;\n\n  return wave;\n}\n\nvoid mainImage(out vec4 fragColor, in vec2 fragCoord) {\n  vec2 uv = fragCoord / iResolution.xy;\n  vec2 pos = uv - 0.5;\n\n  // Calculate center and positions\n  float centerX = 0.5;\n  float centerY = 0.5;\n  float x = uv.x;\n  float y = uv.y;\n\n  // Convert line width from pixels to UV space\n  // Use the average of width and height to handle aspect ratio\n  float pixelSize = 2.0 / (iResolution.x + iResolution.y);\n  float lineWidthUV = uLineWidth * pixelSize;\n  float smoothingUV = uSmoothing * pixelSize;\n\n  // Find minimum distance to the wave by sampling nearby points\n  // This gives us consistent line width without high-frequency artifacts\n  const int NUM_SAMPLES = 50; // Must be const for GLSL loop\n  float minDist = 1000.0;\n  float sampleRange = 0.02; // Range to search for closest point\n\n  for(int i = 0; i < NUM_SAMPLES; i++) {\n    float offset = (float(i) / float(NUM_SAMPLES - 1) - 0.5) * sampleRange;\n    float sampleX = x + offset;\n    float waveY = centerY + oscilloscopeWave(sampleX, centerX, iTime);\n\n    // Calculate distance from current pixel to this point on the wave\n    vec2 wavePoint = vec2(sampleX, waveY);\n    vec2 currentPoint = vec2(x, y);\n    float dist = distance(currentPoint, wavePoint);\n\n    minDist = min(minDist, dist);\n  }\n\n  // Solid line with smooth edges using minimum distance\n  float line = smoothstep(lineWidthUV + smoothingUV, lineWidthUV - smoothingUV, minDist);\n\n  vec3 color = uColor;\n  if(abs(uColorShift) > 0.01) {\n    // Keep the center 50% at base color, then ramp shift across outer 25% on each side.\n    float centerBandHalfWidth = 0.2;\n    float edgeBandWidth = 0.5;\n    float distanceFromCenter = abs(x - centerX);\n    float edgeFactor = clamp((distanceFromCenter - centerBandHalfWidth) / edgeBandWidth, 0.0, 1.0);\n    vec3 hsv = rgb2hsv(color);\n    // Hue shift is zero in the center band and strongest at far edges.\n    hsv.x = fract(hsv.x + edgeFactor * uColorShift * 0.3);\n    color = hsv2rgb(hsv);\n  }\n\n  // Apply line intensity\n  color *= line;\n\n  // Add dithering for smoother gradients\n  // color += (randFibo(fragCoord).x - 0.5) / 255.0;\n\n  // Calculate alpha based on line intensity\n  float alpha = line * uMix;\n\n  fragColor = vec4(color * uMix, alpha);\n}";
+export default _default;

package/dist/create-tween-hvpmSuwW.js

@@ -0,0 +1,7 @@
+import{t as we,u as Le,c as ye,e as Re}from"./register-impl-DQyejdfb.js";import{c as B,o as U,d as le,u as fe,b as Ie,f as ce}from"./kai.es.js";var Pe=we("<canvas part=canvas>");const ue="#1FD5F9";function me(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return me(ue);const[,o,a,l]=n;return[parseInt(o,16)/255,parseInt(a,16)/255,parseInt(l,16)/255]}const Ce={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},_e={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function Oe(e){const n=_e[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function ve(e){return e.arraySize??Oe(e)}const ke=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
+`),Te=`
+attribute vec3 aVertexPosition;
+void main() { gl_Position = vec4(aVertexPosition, 1.0); }
+`;function De(e,n,o){const a=Object.entries(n).map(([l,i])=>{const v=ve(i),m=v?`[${v}]`:"";return`uniform ${Ce[i.type]} ${l}${m};`}).join(`
+`);return[`precision ${o} float;`,ke,a,e,"void main() { mainImage(gl_FragColor, gl_FragCoord.xy); }"].join(`
+`)}function Be(e){return Object.keys(e).sort().map(n=>{const o=e[n];return`${n}:${o.type}:${ve(o)??""}`}).join("|")}function de(e,n,o){const a=e.createShader(n);if(!a)return"Could not create a WebGL shader.";if(e.shaderSource(a,o),e.compileShader(a),!e.getShaderParameter(a,e.COMPILE_STATUS)){const l=e.getShaderInfoLog(a)??"Unknown shader compile error.";return e.deleteShader(a),l}return a}function Ne(e,n,o){const a=o.value;switch(o.type){case"1f":e.uniform1f(n,a);break;case"1i":e.uniform1i(n,a);break;case"1fv":e.uniform1fv(n,a);break;case"2f":e.uniform2fv(n,a);break;case"3f":case"3fv":e.uniform3fv(n,a);break;case"4f":case"4fv":e.uniform4fv(n,a);break;case"Matrix2fv":e.uniformMatrix2fv(n,!1,a);break;case"Matrix3fv":e.uniformMatrix3fv(n,!1,a);break;case"Matrix4fv":e.uniformMatrix4fv(n,!1,a);break}}function $e(e){let n;const o=B(()=>Be(e.uniforms??{})),a=B(()=>e.fragment),l=B(()=>e.precision??"highp");let i="none",v=null,m=null,r=null,c=null,f=0,h=null,u=!1,M=!1,F=!1,E=!1,p,A=!1,w=!0,R=!1,I=0,P=0,q=0;const ge=()=>{var s;return v||(v=n.getContext("webgl")??n.getContext("experimental-webgl"),v&&(i="live",m=((s=v.getExtension)==null?void 0:s.call(v,"WEBGL_lose_context"))??null),v)},j=()=>{f!==0||!c||E||(P=performance.now(),f=requestAnimationFrame(c))},G=()=>{f!==0&&(cancelAnimationFrame(f),f=0,I+=Math.max(0,performance.now()-P))},T=()=>{G();const s=r;r=null,s?.()},be=()=>{!m||i!=="live"||(i="losing",m.loseContext())},V=()=>{m&&(i="restoring",m.restoreContext())},O=()=>{if(!(E||M||F))if(w||R){if(i==="losing"||i==="restoring")return;if(i==="lost"){V();return}Ae()}else m&&i==="live"?(T(),be()):G()},xe=s=>{s===w||E||(w=s,O())},H=s=>{var g;s.preventDefault();const L=i==="losing";if(i="lost",T(),L){O();return}F=!0,(g=e.onError)==null||g.call(e,"WebGL context was lost.")},Y=()=>{i="live",O()},pe=()=>{A||(A=!0,n.addEventListener("webglcontextlost",H,!1),n.addEventListener("webglcontextrestored",Y,!1),!(typeof IntersectionObserver>"u")&&(w=!1,p=new IntersectionObserver(s=>{const g=s[s.length-1];g&&xe(g.isIntersecting)},{threshold:0}),p.observe(n)))},Ae=()=>{var s,g,L,z,X;if(E||M||F||u)return;const K=h;if(!K)return;if(r){j();return}const t=ge();if(!t){M=!0,(s=e.onError)==null||s.call(e,"WebGL is not available in this browser.");return}if(t.isContextLost()){V();return}const{source:Se,uniforms:Fe}=K,y=de(t,t.VERTEX_SHADER,Te);if(typeof y=="string"){u=!0,(g=e.onError)==null||g.call(e,y);return}const C=de(t,t.FRAGMENT_SHADER,Se);if(typeof C=="string"){t.deleteShader(y),u=!0,(L=e.onError)==null||L.call(e,C);return}const b=t.createProgram();if(!b){t.deleteShader(y),t.deleteShader(C),u=!0,(z=e.onError)==null||z.call(e,"Could not create a WebGL program.");return}if(t.attachShader(b,y),t.attachShader(b,C),t.linkProgram(b),!t.getProgramParameter(b,t.LINK_STATUS)){const d=t.getProgramInfoLog(b)??"Shader program failed to link.";t.deleteProgram(b),t.deleteShader(y),t.deleteShader(C),u=!0,(X=e.onError)==null||X.call(e,d);return}t.useProgram(b);const J=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,J),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,0,1,-1,0,-1,1,0,1,1,0]),t.STATIC_DRAW);const Q=t.getAttribLocation(b,"aVertexPosition");t.enableVertexAttribArray(Q),t.vertexAttribPointer(Q,3,t.FLOAT,!1,0,0),t.enable(t.BLEND),t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA);const _=d=>t.getUniformLocation(b,d),Z=_("iTime"),ee=_("iResolution"),te=_("iMouse"),ne=_("iFrame"),re=_("iDate"),Ee=Object.keys(Fe).map(d=>[d,_(d)]),N=[0,0,0,0],oe=d=>{const x=n.getBoundingClientRect();N[0]=d.clientX-x.left,N[1]=x.height-(d.clientY-x.top)};n.addEventListener("pointermove",oe,{passive:!0});const $=()=>{const d=globalThis.devicePixelRatio??1,x=Math.max(1,Math.floor(n.clientWidth*d)),k=Math.max(1,Math.floor(n.clientHeight*d));(n.width!==x||n.height!==k)&&(n.width=x,n.height=k,t.viewport(0,0,x,k))},D=typeof ResizeObserver<"u"?new ResizeObserver($):void 0;D?.observe(n),$();const ae=d=>{var x;if(F||t.isContextLost())return;$();const k=Math.max(0,(I+(d-P))/1e3);if(Z&&t.uniform1f(Z,k),ee&&t.uniform2fv(ee,[n.width,n.height]),te&&t.uniform4fv(te,N),ne&&t.uniform1i(ne,q),re){const S=new Date;t.uniform4fv(re,[S.getFullYear(),S.getMonth(),S.getDate(),S.getHours()*3600+S.getMinutes()*60+S.getSeconds()])}for(const[S,ie]of Ee){const se=(x=e.uniforms)==null?void 0:x[S];se&&ie&&Ne(t,ie,se)}t.clearColor(0,0,0,0),t.clear(t.COLOR_BUFFER_BIT),t.drawArrays(t.TRIANGLE_STRIP,0,4),q++,f=requestAnimationFrame(ae)};r=()=>{c=null,D?.disconnect(),n.removeEventListener("pointermove",oe),t.deleteProgram(b),t.deleteShader(y),t.deleteShader(C),t.deleteBuffer(J)},c=ae,j()};U(()=>{E=!0,p?.disconnect(),A&&(n.removeEventListener("webglcontextlost",H),n.removeEventListener("webglcontextrestored",Y)),T(),m&&i==="live"&&m.loseContext()});const Me=B(()=>e.animateWhenNotVisible??!1);return le(()=>{R=Me(),O()}),le(()=>{const s=a(),g=l();o();const L=fe(()=>e.uniforms??{});h={source:De(s,L,g),uniforms:L},u=!1,pe(),O(),U(T)}),(()=>{var s=Pe(),g=n;return typeof g=="function"?Le(g,s):n=s,Ie(()=>ye(s,Re("block h-full w-full",e.class))),s})()}function W(e,n,o,a){const l=r=>3*(1-r)*(1-r)*r*e+3*(1-r)*r*r*o+r*r*r,i=r=>3*(1-r)*(1-r)*r*n+3*(1-r)*r*r*a+r*r*r,v=r=>3*(1-r)*(1-r)*e+6*(1-r)*r*(o-e)+3*r*r*(1-o);function m(r){let c=0,f=1;for(let h=0;h<30;h++){const u=(c+f)/2;l(u)<r?c=u:f=u}return(c+f)/2}return r=>{if(r<=0)return 0;if(r>=1)return 1;let c=r;for(let f=0;f<8;f++){const h=v(c);if(Math.abs(h)<1e-6)return i(m(r));const u=c-(l(c)-r)/h;if(u<=0||u>=1)return i(m(r));c=u}return i(c)}}const Ue={linear:e=>e,easeIn:W(.42,0,1,1),easeOut:W(0,0,.58,1),easeInOut:W(.42,0,.58,1)};function We(e,n){const o=Math.max(.05,1-Math.min(.95,n)),a=10,l=a*Math.sqrt(Math.max(0,1-o*o));return 1-Math.exp(-o*a*e)*(Math.cos(l*e)+o*a/(l||1)*Math.sin(l*e))}function he(e){return"type"in e&&e.type==="spring"}function qe(e){const[n,o]=ce(e),[a,l]=ce(!1);let i=0,v=!1;const m=()=>{i&&cancelAnimationFrame(i),i=0};U(()=>{v=!0,m(),l(!1)});function r(c,f){if(m(),v)return;const h=Array.isArray(c),[u,M]=h?c:[fe(n),c];if(!f||!he(f)&&f.duration===0){l(!1),o(h?u:M);return}const F=f.duration*1e3;if(F<=0){l(!1),o(M);return}if(typeof requestAnimationFrame>"u"){l(!1),o(M);return}const E=he(f)?I=>We(I,f.bounce):Ue[f.ease??"easeOut"];let p=u,A=M;h&&o(u);let w=performance.now();const R=I=>{const P=Math.min(1,(I-w)/F);if(o(p+(A-p)*E(P)),P<1){i=requestAnimationFrame(R);return}if(!h){o(A),i=0,l(!1);return}o(A),[p,A]=[A,p],w=performance.now(),i=requestAnimationFrame(R)};l(!0),i=requestAnimationFrame(R)}return{value:n,animating:a,to:r}}export{ue as D,$e as S,qe as c,me as h};

package/dist/custom-elements.json

@@ -698,6 +698,288 @@
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "kai-audio-visualizer",
+          "name": "KaiAudioVisualizerElement",
+          "description": "",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Look to render: `bar` (default), `grid`, `radial`, `wave`, `aurora`, `custom`. `aura` is accepted as a LiveKit-markup alias for `aurora`. Attribute: `variant`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "`idle` (default), `connecting`, `listening`, `thinking`, `speaking`, `disconnected` (connection down: the dead, flat look). LiveKit's room-lifecycle state names are accepted as aliases. Attribute: `state`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "`icon` | `sm` | `md` (default) | `lg` | `xl`. Attribute: `size`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "barCount",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Bars to draw. Bar and radial only. Attribute: `bar-count`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "count",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: rows and columns of the (always square) grid. Attribute: `count`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "radius",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Radial only: ring distance from center, in px. Attribute: `radius`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "spread",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: ring distance for the connecting animation, in cells. Attribute: `spread`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "interval",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: ms between scripted frames. Attribute: `interval`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "CSS color for the geometry, overriding the inherited `currentColor`. Attribute: `color`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "complexity",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Shader variants only: pattern density, 0..1. Attribute: `complexity`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Setting this makes the element an announced image (`role=\"img\"`) instead of decorative (`aria-hidden`). Attribute: `label`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "stream",
+              "type": {
+                "text": "undefined | MediaStream"
+              },
+              "description": "Live microphone or WebRTC audio to analyze. JS property only.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "audioElement",
+              "type": {
+                "text": "undefined | HTMLMediaElement"
+              },
+              "description": "An `<audio>` or `<video>` element to tap for its audio. JS property only.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "bands",
+              "type": {
+                "text": "undefined | number[]"
+              },
+              "description": "Pre-computed levels, 0..1. Set this and no AudioContext is ever built, which is what keeps headless/SSR rendering and browser-speech-synthesis playback (which exposes no audio node) free of Web Audio entirely. JS property only. A new array reference is required for each update; mutating the existing array in place will not re-render.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "shader",
+              "type": {
+                "text": "undefined | { fragment: string; uniforms?: undefined | Record<string, { type: \"1f\" | \"1i\" | \"1fv\" | \"2f\" | \"3f\" | \"3fv\" | \"4f\" | \"4fv\" | \"Matrix2fv\" | \"Matrix3fv\" | \"Matrix4fv\"; value: number | number[] }> }"
+              },
+              "description": "Custom fragment shader for `variant=\"custom\"`. JS property only.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "animateWhenNotVisible",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Shader variants only: keep animating while scrolled off screen. Off by default, which stops drawing and releases the WebGL context until the element comes back (browsers ration contexts to roughly 16 a page). Does not override `prefers-reduced-motion`. Attribute: `animate-when-not-visible`.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | 'auto'"
+              },
+              "description": "Color mode (auto follows prefers-color-scheme)."
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Look to render: `bar` (default), `grid`, `radial`, `wave`, `aurora`, `custom`. `aura` is accepted as a LiveKit-markup alias for `aurora`. Attribute: `variant`."
+            },
+            {
+              "name": "state",
+              "fieldName": "state",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "`idle` (default), `connecting`, `listening`, `thinking`, `speaking`, `disconnected` (connection down: the dead, flat look). LiveKit's room-lifecycle state names are accepted as aliases. Attribute: `state`."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "`icon` | `sm` | `md` (default) | `lg` | `xl`. Attribute: `size`."
+            },
+            {
+              "name": "bar-count",
+              "fieldName": "barCount",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Bars to draw. Bar and radial only. Attribute: `bar-count`."
+            },
+            {
+              "name": "count",
+              "fieldName": "count",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: rows and columns of the (always square) grid. Attribute: `count`."
+            },
+            {
+              "name": "radius",
+              "fieldName": "radius",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Radial only: ring distance from center, in px. Attribute: `radius`."
+            },
+            {
+              "name": "spread",
+              "fieldName": "spread",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: ring distance for the connecting animation, in cells. Attribute: `spread`."
+            },
+            {
+              "name": "interval",
+              "fieldName": "interval",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Grid only: ms between scripted frames. Attribute: `interval`."
+            },
+            {
+              "name": "color",
+              "fieldName": "color",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "CSS color for the geometry, overriding the inherited `currentColor`. Attribute: `color`."
+            },
+            {
+              "name": "complexity",
+              "fieldName": "complexity",
+              "type": {
+                "text": "undefined | number"
+              },
+              "description": "Shader variants only: pattern density, 0..1. Attribute: `complexity`."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "undefined | string"
+              },
+              "description": "Setting this makes the element an announced image (`role=\"img\"`) instead of decorative (`aria-hidden`). Attribute: `label`."
+            },
+            {
+              "name": "animate-when-not-visible",
+              "fieldName": "animateWhenNotVisible",
+              "type": {
+                "text": "undefined | false | true"
+              },
+              "description": "Shader variants only: keep animating while scrolled off screen. Off by default, which stops drawing and releases the WebGL context until the element comes back (browsers ration contexts to roughly 16 a page). Does not override `prefers-reduced-motion`. Attribute: `animate-when-not-visible`."
+            }
+          ],
+          "events": [],
+          "cssProperties": [],
+          "cssParts": [
+            {
+              "name": "bar",
+              "description": "A single bar in the `bar` variant, or a single spoke in the `radial` variant. Also carries `data-kai-index` and `data-kai-highlighted` (\"true\"/\"false\") for use inside the shadow root; to style the lit state from OUTSIDE, combine with the `highlighted` part below rather than an attribute selector.",
+              "recipe": "kai-audio-visualizer::part(bar) { border-radius: 2px }\nkai-audio-visualizer::part(bar highlighted) { background: var(--brand) }"
+            },
+            {
+              "name": "cell",
+              "description": "A single dot in the `grid` variant. Also carries `data-kai-index` and `data-kai-highlighted` (\"true\"/\"false\") for use inside the shadow root; to style the lit state from OUTSIDE, combine with the `highlighted` part below rather than an attribute selector.",
+              "recipe": "kai-audio-visualizer::part(cell) { border-radius: 9999px }\nkai-audio-visualizer::part(cell highlighted) { background: var(--brand) }"
+            },
+            {
+              "name": "highlighted",
+              "description": "A second part TOKEN present on a `bar` or `cell` exactly when the sequencer or live audio has it lit, not a standalone styleable element. Combine it in the same `::part()` argument: `::part(bar highlighted)` or `::part(cell highlighted)`. This is the external equivalent of the internal `data-kai-highlighted=\"true\"` attribute, which a `::part()` selector cannot reach (an attribute selector cannot follow a pseudo-element).",
+              "recipe": "kai-audio-visualizer::part(bar highlighted) { background: var(--brand) }\nkai-audio-visualizer::part(cell highlighted) { background: var(--brand) }"
+            },
+            {
+              "name": "canvas",
+              "description": "The WebGL canvas backing the `wave` and `aurora` variants. Restyle its size or radius, or layer a mask/filter, from outside.",
+              "recipe": "kai-audio-visualizer::part(canvas) { border-radius: 0.75rem }"
+            }
+          ]
+        },
         {
           "kind": "class",
           "customElement": true,

package/dist/elements/agent-card.js

@@ -1 +1 @@
-import{c as r,m as S,s as q,i,a as f,b as d,S as v,d as m,t as b,e as B,f as I}from"./chunks/define-DfTe4zwZ.js";import{c as u}from"./chunks/cn-CU7UAWzk.js";import{I as N}from"./chunks/Icon-11SRdjJ4.js";import{e as j}from"./chunks/ellipsis-B1sOOqiJ.js";var D=[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}]],E=l=>r(N,S(l,{name:"Bell",iconNode:D})),H=E,L=b("<span aria-hidden=true>"),P=b("<span>"),W=b('<span class="inline-flex items-center gap-1 rounded-full bg-tool-amber/15 px-2 py-0.5 text-[11px] font-medium text-tool-amber">Needs you'),O=b("<button type=button part=menu aria-label=More>"),R=b('<div><span class="inline-flex shrink-0 items-center gap-1.5"role=status><span class="relative inline-flex"><span aria-hidden=true part=status></span></span></span><button type=button><span class="block truncate text-sm font-medium leading-tight text-foreground"></span></button><span class="flex shrink-0 items-center gap-2">');const M={working:"bg-tool-blue",idle:"bg-muted-foreground",done:"bg-tool-green",error:"bg-tool-red",blocked:"bg-tool-amber"},T={working:"text-tool-blue",idle:"text-muted-foreground",done:"text-tool-green",error:"text-tool-red",blocked:"text-tool-amber"},X={working:"Working",idle:"Idle",done:"Done",error:"Error",blocked:"Blocked"};function _(l){const[t]=q(l,["name","status","needsAttention","active","onActivate","onClick","onMenu","class","leading","subtitle","lastLine"]),o=()=>t.status.tone,z=()=>{var n,a;(n=t.onActivate)==null||n.call(t),(a=t.onClick)==null||a.call(t)};return(()=>{var n=R(),a=n.firstChild,p=a.firstChild,h=p.firstChild,c=a.nextSibling,$=c.firstChild,x=c.nextSibling;return i(p,r(v,{get when(){return t.status.pulse},get children(){var e=L();return f(()=>d(e,u("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75 motion-reduce:hidden",M[o()]))),e}}),h),i(a,r(v,{get when(){return t.status.label},get children(){var e=P();return i(e,()=>t.status.label),f(()=>d(e,u("text-[11px] font-medium leading-none",T[o()]))),e}}),null),c.$$click=z,i($,()=>t.name),i(x,r(v,{get when(){return t.needsAttention},get children(){var e=W(),s=e.firstChild;return i(e,r(H,{class:"size-3","aria-hidden":"true"}),s),e}}),null),i(x,r(v,{get when(){return t.onMenu},get children(){var e=O();return e.$$click=s=>{var g;s.stopPropagation(),(g=t.onMenu)==null||g.call(t,s)},i(e,r(j,{class:"size-4","aria-hidden":"true"})),f(()=>d(e,u("relative z-10 inline-flex size-7 shrink-0 items-center justify-center rounded-md","text-muted-foreground outline-none transition-colors","hover:bg-surface-sunken hover:text-foreground","focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"))),e}}),null),f(e=>{var s=t.active?"":void 0,g=t.needsAttention?"":void 0,k=u("group relative flex w-full cursor-pointer items-center gap-3 rounded-lg border px-3 py-2.5 text-left","transition-[background-color,border-color,box-shadow]",t.active?"border-primary bg-accent":"border-border bg-surface hover:bg-accent",t.needsAttention&&"border-tool-amber/50 ring-2 ring-inset ring-tool-amber/60",t.class),w=t.status.label??X[o()],y=u("relative inline-block size-2 rounded-full",M[o()]),A=t.active?"true":void 0,C=u("min-w-0 flex-1 text-left outline-none","before:absolute before:inset-0 before:rounded-lg before:content-['']","focus-visible:before:ring-2 focus-visible:before:ring-inset focus-visible:before:ring-ring");return s!==e.e&&m(n,"data-active",e.e=s),g!==e.t&&m(n,"data-needs-attention",e.t=g),k!==e.a&&d(n,e.a=k),w!==e.o&&m(a,"aria-label",e.o=w),y!==e.i&&d(h,e.i=y),A!==e.n&&m(c,"aria-current",e.n=A),C!==e.s&&d(c,e.s=C),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),n})()}B(["click"]),I("kai-agent-card",{name:void 0,active:void 0,needsAttention:void 0,status:void 0},(l,{dispatch:t,flag:o})=>r(_,{get name(){return l.name??""},get active(){return o("active")},get needsAttention(){return o("needsAttention")},get status(){return l.status??{tone:"idle"}},onActivate:()=>t("kai-activate"),onMenu:()=>t("kai-menu")}));
+import{c as r,m as S,s as q,i,a as f,b as d,S as v,d as m,t as b,e as B,f as I}from"./chunks/define-D1din7Ld.js";import{c as u}from"./chunks/cn-CU7UAWzk.js";import{I as N}from"./chunks/Icon-Tj58ES_d.js";import{e as j}from"./chunks/ellipsis-Dw6qrss-.js";var D=[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}]],E=l=>r(N,S(l,{name:"Bell",iconNode:D})),H=E,L=b("<span aria-hidden=true>"),P=b("<span>"),W=b('<span class="inline-flex items-center gap-1 rounded-full bg-tool-amber/15 px-2 py-0.5 text-[11px] font-medium text-tool-amber">Needs you'),O=b("<button type=button part=menu aria-label=More>"),R=b('<div><span class="inline-flex shrink-0 items-center gap-1.5"role=status><span class="relative inline-flex"><span aria-hidden=true part=status></span></span></span><button type=button><span class="block truncate text-sm font-medium leading-tight text-foreground"></span></button><span class="flex shrink-0 items-center gap-2">');const M={working:"bg-tool-blue",idle:"bg-muted-foreground",done:"bg-tool-green",error:"bg-tool-red",blocked:"bg-tool-amber"},T={working:"text-tool-blue",idle:"text-muted-foreground",done:"text-tool-green",error:"text-tool-red",blocked:"text-tool-amber"},X={working:"Working",idle:"Idle",done:"Done",error:"Error",blocked:"Blocked"};function _(l){const[t]=q(l,["name","status","needsAttention","active","onActivate","onClick","onMenu","class","leading","subtitle","lastLine"]),o=()=>t.status.tone,z=()=>{var n,a;(n=t.onActivate)==null||n.call(t),(a=t.onClick)==null||a.call(t)};return(()=>{var n=R(),a=n.firstChild,p=a.firstChild,h=p.firstChild,c=a.nextSibling,$=c.firstChild,x=c.nextSibling;return i(p,r(v,{get when(){return t.status.pulse},get children(){var e=L();return f(()=>d(e,u("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75 motion-reduce:hidden",M[o()]))),e}}),h),i(a,r(v,{get when(){return t.status.label},get children(){var e=P();return i(e,()=>t.status.label),f(()=>d(e,u("text-[11px] font-medium leading-none",T[o()]))),e}}),null),c.$$click=z,i($,()=>t.name),i(x,r(v,{get when(){return t.needsAttention},get children(){var e=W(),s=e.firstChild;return i(e,r(H,{class:"size-3","aria-hidden":"true"}),s),e}}),null),i(x,r(v,{get when(){return t.onMenu},get children(){var e=O();return e.$$click=s=>{var g;s.stopPropagation(),(g=t.onMenu)==null||g.call(t,s)},i(e,r(j,{class:"size-4","aria-hidden":"true"})),f(()=>d(e,u("relative z-10 inline-flex size-7 shrink-0 items-center justify-center rounded-md","text-muted-foreground outline-none transition-colors","hover:bg-surface-sunken hover:text-foreground","focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"))),e}}),null),f(e=>{var s=t.active?"":void 0,g=t.needsAttention?"":void 0,k=u("group relative flex w-full cursor-pointer items-center gap-3 rounded-lg border px-3 py-2.5 text-left","transition-[background-color,border-color,box-shadow]",t.active?"border-primary bg-accent":"border-border bg-surface hover:bg-accent",t.needsAttention&&"border-tool-amber/50 ring-2 ring-inset ring-tool-amber/60",t.class),w=t.status.label??X[o()],y=u("relative inline-block size-2 rounded-full",M[o()]),A=t.active?"true":void 0,C=u("min-w-0 flex-1 text-left outline-none","before:absolute before:inset-0 before:rounded-lg before:content-['']","focus-visible:before:ring-2 focus-visible:before:ring-inset focus-visible:before:ring-ring");return s!==e.e&&m(n,"data-active",e.e=s),g!==e.t&&m(n,"data-needs-attention",e.t=g),k!==e.a&&d(n,e.a=k),w!==e.o&&m(a,"aria-label",e.o=w),y!==e.i&&d(h,e.i=y),A!==e.n&&m(c,"aria-current",e.n=A),C!==e.s&&d(c,e.s=C),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),n})()}B(["click"]),I("kai-agent-card",{name:void 0,active:void 0,needsAttention:void 0,status:void 0},(l,{dispatch:t,flag:o})=>r(_,{get name(){return l.name??""},get active(){return o("active")},get needsAttention(){return o("needsAttention")},get status(){return l.status??{tone:"idle"}},onActivate:()=>t("kai-activate"),onMenu:()=>t("kai-menu")}));