@kitn.ai/ui 0.25.2 → 0.27.0

package/src/wire/index.ts

@@ -52,6 +52,28 @@ export { anthropicMessagesFormat } from './formats/anthropic';
 export { sseDataFrames, sseJson, readableToAsyncIterable } from './sse';
 export type { ByteSource } from './sse';
 
+// The diagnostic event stream: metadata about what the pipeline SAW.
+//
+// Only the subscription and the types are public. `emitWireDiagnostic`,
+// `wireDiagnosticsActive` and `nextStreamId` stay internal on purpose -- they
+// are the producer side, and a consumer that can forge events or reset the
+// stream counter can make a panel lie about a stream that never happened.
+export { subscribeWireDiagnostics } from './diagnostics';
+export type {
+  AppRequestEvent,
+  EncodeAttachmentReport,
+  EncodeDroppedEvent,
+  EncodeRequestEvent,
+  WireCloseEvent,
+  WireDiagnosticBase,
+  WireDiagnosticEvent,
+  WireFailedEvent,
+  WireFrameEvent,
+  WireInterruptedEvent,
+  WireOpenEvent,
+  WirePartEvent,
+} from './diagnostics';
+
 export { normalizeStopReason } from './chunk';
 export type {
   AssistantStreamSink,

package/src/wire/read.ts

@@ -21,6 +21,85 @@ import type {
 } from './chunk';
 import { openaiChatFormat } from './formats/openai';
 import { anthropicMessagesFormat } from './formats/anthropic';
+import {
+  emitWireDiagnostic,
+  nextStreamId,
+  wireCorrelation,
+  wireDiagnosticsActive,
+  withPayload,
+  type WireCorrelation,
+} from './diagnostics';
+
+/** Byte length, not `String.length`: a multibyte frame is bigger than its
+ *  character count and the number is meant to be comparable with what the socket
+ *  carried.
+ *
+ *  Built on first use and cached, never at module scope -- the same rule
+ *  `sseJson` follows for its TextDecoder, so this module keeps importing cleanly
+ *  in a runtime that lacks the global. Only ever reached from inside an
+ *  active-diagnostics branch. */
+let encoder: TextEncoder | undefined;
+
+function byteLength(raw: string): number {
+  encoder ??= new TextEncoder();
+  return encoder.encode(raw).length;
+}
+
+/** What the caller handed over, for `wire.open`. Duck-typed on the same terms as
+ *  `isResponse`, because none of these globals is guaranteed to exist. */
+function sourceKind(source: StreamSource): 'response' | 'stream' | 'iterable' {
+  if (isResponse(source)) return 'response';
+  return typeof (source as ReadableStream<Uint8Array>).getReader === 'function'
+    ? 'stream'
+    : 'iterable';
+}
+
+/**
+ * The connection identity fields of `wire.open`, for a `Response` source.
+ *
+ * ORIGIN AND PATHNAME ONLY. The query string is dropped here and is reported
+ * nowhere, under no switch: `?api_key=sk-...` is a credential rather than
+ * conversation content, so it is not the payload key's business either. What a
+ * reader actually needs from it is one bit -- was there one -- and that is
+ * `hasQuery`.
+ *
+ * EVERY FIELD IS OMITTED RATHER THAN GUESSED. A `Response` constructed in a test
+ * or handed back by a service worker carries `url: ''`, and an empty string
+ * would read as "served from the origin root". Same for a missing content-type:
+ * absent means "the response did not say", which is a different fact from
+ * "it said nothing", and only one of them is true.
+ *
+ * Only ever called from inside an active-diagnostics branch.
+ */
+function connectionOf(res: Response): {
+  url?: string;
+  hasQuery?: boolean;
+  status?: number;
+  contentType?: string;
+} {
+  const out: { url?: string; hasQuery?: boolean; status?: number; contentType?: string } = {};
+
+  if (typeof res.status === 'number') out.status = res.status;
+
+  // `headers` is duck-typed like the rest of this file: a Response-shaped object
+  // from a runtime we have not met may not carry a full Headers implementation.
+  const contentType = res.headers?.get?.('content-type');
+  if (typeof contentType === 'string' && contentType !== '') out.contentType = contentType;
+
+  const raw = typeof res.url === 'string' ? res.url : '';
+  if (raw !== '') {
+    try {
+      const parsed = new URL(raw);
+      out.url = `${parsed.origin}${parsed.pathname}`;
+      out.hasQuery = parsed.search !== '';
+    } catch {
+      // A relative or malformed URL. Reporting the raw string would leak the
+      // very query string this function exists to strip, so it is dropped whole.
+    }
+  }
+
+  return out;
+}
 
 export type StreamSource =
   | Response
@@ -71,6 +150,21 @@ function providerMessage(body: unknown): string | undefined {
   return typeof top === 'string' ? top : undefined;
 }
 
+/** The provider's error CODE, by the same walk `providerMessage` does for the
+ *  message. The code is the half that can travel on a diagnostic event: it is a
+ *  closed vocabulary a panel can key its own explanation off, while the message
+ *  is free text some providers fill with echoed request content. */
+function providerErrorCode(body: unknown): string | number | undefined {
+  if (typeof body !== 'object' || body === null) return undefined;
+  const error = (body as { error?: unknown }).error;
+  if (typeof error === 'object' && error !== null) {
+    const code = (error as { code?: unknown }).code;
+    if (typeof code === 'string' || typeof code === 'number') return code;
+  }
+  const top = (body as { code?: unknown }).code;
+  return typeof top === 'string' || typeof top === 'number' ? top : undefined;
+}
+
 function buildMessage(status: number, statusText: string, bodyText: string, body: unknown): string {
   const head = `Model request failed: HTTP ${status}${statusText ? ` ${statusText}` : ''}`;
   const provider = providerMessage(body);
@@ -79,6 +173,20 @@ function buildMessage(status: number, statusText: string, bodyText: string, body
   return snippet ? `${head}: ${snippet}` : head;
 }
 
+/**
+ * The `name` of whatever was thrown, when there is one to read.
+ *
+ * Duck-typed rather than `instanceof Error`: a `DOMException` from a fetch
+ * abort, an error from another realm, and a host object that merely looks like
+ * an error all carry a usable `name`, and only the first of those is an `Error`
+ * in this realm. A bare string or number carries none, and that is reported as
+ * ABSENT -- filling in `'Error'` would invent a class the throw never claimed.
+ */
+function errorNameOf(err: unknown): string | undefined {
+  const name = (err as { name?: unknown } | null | undefined)?.name;
+  return typeof name === 'string' && name !== '' ? name : undefined;
+}
+
 /** Duck-typed, because `Response` may not be a global in every runtime the kit
  *  is imported into. A ReadableStream has no `ok`, and an async iterable that
  *  happens to have all three of these is not a shape any transport produces. */
@@ -103,9 +211,40 @@ async function wireErrorFrom(res: Response): Promise<WireError> {
   return new WireError(res.status, res.statusText, bodyText, body);
 }
 
-async function toByteSource(source: StreamSource): Promise<ByteSource> {
+async function toByteSource(
+  source: StreamSource,
+  correlation?: WireCorrelation,
+): Promise<ByteSource> {
   if (!isResponse(source)) return source;
-  if (!source.ok) throw await wireErrorFrom(source);
+  if (!source.ok) {
+    const err = await wireErrorFrom(source);
+    if (wireDiagnosticsActive()) {
+      emitWireDiagnostic({
+        type: 'wire.failed',
+        t: Date.now(),
+        ...correlation,
+        status: err.status,
+        statusText: err.statusText,
+        bodyBytes: byteLength(err.bodyText),
+        // `wireErrorFrom` leaves `body` undefined when the text was empty or did
+        // not parse, so this is exactly "the body was JSON".
+        bodyIsJson: err.body !== undefined,
+        // The code travels; `bodyText` and the provider's message do NOT.
+        ...(providerErrorCode(err.body) !== undefined
+          ? { providerCode: providerErrorCode(err.body) }
+          : {}),
+        // The message is the field that echoes request content back, which is
+        // precisely why it is here and not beside `providerCode`.
+        ...withPayload(() => ({
+          bodyText: err.bodyText,
+          ...(providerMessage(err.body) !== undefined
+            ? { message: providerMessage(err.body) }
+            : {}),
+        })),
+      });
+    }
+    throw err;
+  }
   if (!source.body) {
     throw new Error(
       'The model response has no body to stream. Check that the request set stream: true and that nothing between you and the provider buffered it.',
@@ -120,16 +259,121 @@ export async function readModelStream(
   sink: AssistantStreamSink,
   opts: ReadOptions,
 ): Promise<ModelTurn> {
-  const bytes = await toByteSource(source);
+  // FIRST, before the source is even resolved: a failure inside `toByteSource`
+  // still needs an id to report itself under.
+  const streamId = opts.streamId ?? nextStreamId();
+  // Built once and spread onto every event this read emits, `wire.failed`
+  // included -- a read that dies before its first frame still belongs to the
+  // app's trace, and that is exactly the read someone is looking for.
+  const correlation = wireCorrelation(streamId, opts);
+  const bytes = await toByteSource(source, correlation);
+  if (wireDiagnosticsActive()) {
+    emitWireDiagnostic({
+      type: 'wire.open',
+      t: Date.now(),
+      ...correlation,
+      format: opts.format.id,
+      source: sourceKind(source),
+      ...(isResponse(source) ? connectionOf(source) : {}),
+    });
+  }
   // Opened ONCE per stream, which is the whole point of the open()/push() shape:
   // a stateful format (Anthropic) gets a fresh block map per call.
   const reader = opts.format.open();
+
+  let frames = 0;
+  // Chunks YIELDED by this generator, counted here rather than read back off
+  // `consumeModelStream`: when the read dies, that function is mid-throw and
+  // has nothing to hand back.
+  let yielded = 0;
+  // The raw payload of the frame currently being handed over. `onRawFrame` fires
+  // immediately before `sseJson` yields, so this is always the frame the next
+  // loop iteration is about to push.
+  //
+  // ALWAYS INSTALLED, deliberately. Deciding this once at read entry meant a
+  // subscriber attaching mid-stream saw `bytes: 0` on every later frame -- a
+  // confident zero, and the forward-compat rule exists precisely so a consumer
+  // is never handed one. The capture is a reference stash and nothing else; the
+  // UTF-8 length is computed only inside the active-gated branch below, so with
+  // nobody listening the cost is one closure call and one assignment per frame.
+  let rawFrame = '';
+  const onRawFrame = (raw: string) => {
+    rawFrame = raw;
+  };
+
   async function* chunks(): AsyncGenerator<ModelStreamChunk> {
-    for await (const frame of sseJson<unknown>(bytes)) {
-      for (const chunk of reader.push(frame)) yield chunk;
+    for await (const frame of sseJson<unknown>(bytes, onRawFrame)) {
+      frames++;
+      const produced = reader.push(frame);
+      // Gated BEFORE the event object exists, and before the keys are walked.
+      if (wireDiagnosticsActive()) {
+        const fields = new Set<string>();
+        let model: string | undefined;
+        for (const chunk of produced) {
+          for (const key of Object.keys(chunk)) fields.add(key);
+          if (chunk.model) model = chunk.model;
+        }
+        emitWireDiagnostic({
+          type: 'wire.frame',
+          t: Date.now(),
+          ...correlation,
+          seq: frames,
+          bytes: byteLength(rawFrame),
+          chunks: produced.length,
+          fields: [...fields],
+          ...(model ? { model } : {}),
+          ...withPayload(() => ({ raw: rawFrame })),
+        });
+      }
+      for (const chunk of produced) {
+        yielded++;
+        yield chunk;
+      }
+    }
+  }
+  // `_frames` is INTERNAL and deliberately not on `ConsumeOptions`: it is read
+  // once, at the close event, and a public option would invite a caller to
+  // supply one. A direct `consumeModelStream` caller passes nothing and its
+  // `wire.close` correctly omits `frames` -- there were none.
+  //
+  // OBSERVE AND RETHROW. `wire.close` is emitted inside `consumeModelStream`, so
+  // a read that throws before reaching it ended with no terminal event at all --
+  // a stream a panel showed open forever. This is the terminal event for that
+  // case, and it is the ONLY thing this wrapper does: the error is not caught,
+  // not wrapped, not delayed and not swallowed. `return await` rather than a
+  // bare `return` is what puts the rejection inside this try at all.
+  //
+  // It covers a throw from anywhere under the read -- the byte source dying, the
+  // format reader, the host's own sink -- because from the outside all of them
+  // are the same fact: this read stopped and produced no turn.
+  try {
+    return await consumeModelStream(chunks(), sink, {
+      ...opts,
+      streamId,
+      _frames: () => frames,
+    } as ConsumeOptions);
+  } catch (err) {
+    if (wireDiagnosticsActive()) {
+      const name = errorNameOf(err);
+      emitWireDiagnostic({
+        type: 'wire.interrupted',
+        t: Date.now(),
+        ...correlation,
+        frames,
+        chunks: yielded,
+        // Only a self-identifying abort is called one. Guessing would turn "the
+        // provider dropped the connection" into "your user navigated away", and
+        // those two have opposite fixes.
+        reason: name === 'AbortError' ? 'abort' : 'error',
+        ...(name !== undefined ? { errorName: name } : {}),
+        ...withPayload(() => {
+          const message = (err as { message?: unknown } | null | undefined)?.message;
+          return typeof message === 'string' ? { message } : {};
+        }),
+      });
     }
+    throw err;
   }
-  return consumeModelStream(chunks(), sink, opts);
 }
 
 /** OpenAI chat-completions SSE. Also what all nine catalog integrations except

package/src/wire/sse.ts

@@ -122,8 +122,19 @@ export async function* sseDataFrames(source: ByteSource): AsyncGenerator<string>
  *  iteration, which is the only thing that makes `drained` mean what it says.
  *  In practice that costs exactly one more `read()`: a server that has sent
  *  `[DONE]` has finished the response body. Frames after the sentinel are
- *  dropped, so what a caller sees is unchanged. */
-export async function* sseJson<T>(source: ByteSource): AsyncGenerator<T> {
+ *  dropped, so what a caller sees is unchanged.
+ *
+ *  `onRawFrame` is the diagnostics seam: it receives the raw `data:` payload
+ *  STRING for each frame that parsed, immediately before that frame is yielded,
+ *  because the payload is discarded here and its byte length cannot be recovered
+ *  downstream. It is not called for `[DONE]`, for a keep-alive, or for a payload
+ *  that failed to parse -- so a caller counting calls counts exactly the frames
+ *  it will be handed. Default undefined: with no diagnostics subscriber nothing
+ *  passes one in and this is a dead branch. */
+export async function* sseJson<T>(
+  source: ByteSource,
+  onRawFrame?: (raw: string) => void,
+): AsyncGenerator<T> {
   let done = false;
   for await (const payload of sseDataFrames(source)) {
     if (done) continue; // drain the rest of the body; yield nothing more
@@ -132,7 +143,9 @@ export async function* sseJson<T>(source: ByteSource): AsyncGenerator<T> {
       continue;
     }
     try {
-      yield JSON.parse(payload) as T;
+      const frame = JSON.parse(payload) as T;
+      onRawFrame?.(payload);
+      yield frame;
     } catch {
       // a keep-alive or a provider's stray line: ignore rather than throw
     }

package/theme.css

@@ -74,8 +74,45 @@
      added at the bottom. */
   --color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
   --color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
+  /* MARKED text — the fill behind a keyword the app has flagged (the composer's
+     `highlights` rules, decorated through the CSS Custom Highlight API). This is
+     `<mark>`, not a selection and not a status: a warm yellow, the convention
+     every browser already ships for <mark> and every reader already reads as
+     "someone marked this". Deliberately NOT derived from --color-primary — that
+     token is a NEUTRAL near-black in light and near-white in dark, so any tint of
+     it is grey, which is why the highlight used to be invisible. Also not blue
+     (the browser's own ::selection is blue — a highlight must not read as a
+     selection), not red (error) and not the skill/agent pill hues (blue/violet).
+     OPAQUE, so it composites predictably over whichever field it lands on.
+     Override via --kai-color-highlight. Light: near-black text over it is 15.6:1;
+     dark: near-white text over it is 6.7:1 — both well clear of WCAG AA. */
+  --color-highlight: var(--kai-color-highlight, hsl(45 96% 78%));
+  /* SELECTED text — the kit's own ::selection fill, applied inside every kai-*
+     shadow root (see src/elements/styles.css for the scoping rationale). The kit
+     owns this because leaving it to the UA meant the browser's blue outranked the
+     kit's own deliberate emphasis: a marked keyword was LESS prominent than an
+     incidental drag-select. Stays in the cool/blue family the UA trained everyone
+     to read as "selected", so it can never be confused with the warm --color-highlight
+     mark above; OPAQUE, so a selection over a mark composites cleanly (selection
+     paints on top of a custom highlight) instead of muddying into a third colour.
+     The FOREGROUND is set too, and that is not cosmetic: without it the selected
+     glyph keeps its own colour, and the kit's coloured text — muted text (3.8:1),
+     the skill/agent pill hues (3.6:1 / 4.0:1), inline code (4.7:1) — lands at or
+     under WCAG AA on this fill. Forcing the foreground token makes the guarantee
+     hold for every glyph regardless of what colour it had. Light 13.99:1,
+     dark 8.87:1. Override via --kai-color-selection(-foreground). */
+  --color-selection: var(--kai-color-selection, hsl(213 94% 87%));
+  --color-selection-foreground: var(--kai-color-selection-foreground, hsl(240 10% 3.9%));
   --color-border: var(--kai-color-border, hsl(240 5.9% 90%));
-  --color-input: var(--kai-color-input, hsl(240 5.9% 90%));
+  /* CONTROL boundary — the visible edge of an interactive form control (text
+     input, textarea, select, the radio/checkbox ring). WCAG 2.1 SC 1.4.11
+     Non-text Contrast requires >=3:1 against the adjacent surface for exactly
+     this: a control whose boundary you cannot see is not perceivable. That is
+     why this is NOT --color-border: a divider or a card outline is decorative
+     and may sit below 3:1, a control's edge may not. Do NOT use border-input
+     for list wrappers or panel outlines — use border-border there.
+     Contrast is the requirement; a thicker border does not satisfy 1.4.11. */
+  --color-input: var(--kai-color-input, hsl(240 5% 53%));
   /* Focus ring — a deliberate blue (not a neutral) so keyboard focus is always
      obvious and on-brand in both modes. Light uses a strong blue; dark uses a
      brighter one for contrast on dark surfaces. Both clear WCAG 2.1 non-text
@@ -108,18 +145,42 @@
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 
-  /* Typography scale — semantic sizes shared by all components. Each generates a
-     Tailwind utility (text-caption / text-meta / text-body / text-title). To
-     restyle the kit's typography, override the namespaced --kai-text-* token on
-     :root (e.g. `--kai-text-body: 0.9375rem`) — it pierces the Shadow DOM via the
+  /* Typography scale — ONE scale for the whole kit. Each semantic name
+     (text-micro / text-caption / text-meta / text-compact / text-body /
+     text-title / text-lg)
+     resolves through a namespaced --kai-text-* token, so overriding that token
+     on :root restyles the kit globally — it pierces the Shadow DOM via the
      var() fallback, exactly like the --kai-color-* tokens. The bare --text-*
-     names stay internal so a host's own --text-* can't collide. (Message/markdown/
-     input reading size also scales with the `proseSize` prop; these tokens cover
-     the fixed chrome & controls.) */
-  --text-caption: var(--kai-text-caption, 0.6875rem);  --text-caption--line-height: 1rem;      /* 11px — micro labels, badges, sub-counts */
-  --text-meta: var(--kai-text-meta, 0.75rem);     --text-meta--line-height: 1.1rem;       /* 12px — controls, toggles, switchers, captions */
-  --text-body: var(--kai-text-body, 0.875rem);    --text-body--line-height: 1.45rem;      /* 14px — primary reading text */
-  --text-title: var(--kai-text-title, 1rem);        --text-title--line-height: 1.5rem;      /* 16px — emphasis / headers */
+     names stay internal so a host's own --text-* can't collide.
+
+     Tailwind's OWN scale is re-pointed at the same tokens: in Tailwind v4 the
+     `text-xs` / `text-sm` / `text-base` / `text-lg` utilities are generated FROM
+     --text-xs/sm/base/lg in this very @theme block, so aliasing them makes
+     text-xs ≡ text-meta, text-sm ≡ text-body, text-base ≡ text-title and
+     text-lg ≡ text-lg. That matters because the vast majority of the kit's call
+     sites spell the Tailwind name; without the alias the --kai-text-* knobs
+     reached ~12% of them and the "globally" promise in the theming guide was
+     false. Defaults are byte-identical to stock Tailwind, so nothing moves
+     until a consumer actually sets a --kai-text-* token — including in a
+     consumer's own Tailwind build that imports this file, which is the point:
+     one scale everywhere, kit and app moving together.
+
+     Line-heights are UNITLESS RATIOS (Tailwind's own), never fixed rem. A fixed
+     leading does not scale: --kai-text-body: 1.25rem under the old 1.45rem
+     leading gave 20px text on 23.2px leading — near solid-set — which made the
+     themable token unsafe to actually theme.
+     (Message/markdown reading size also scales with the `proseSize` prop; these
+     tokens cover the fixed chrome & controls.) */
+  --text-micro: var(--kai-text-micro, 0.625rem);      --text-micro--line-height: calc(0.875 / 0.625);   /* 10px — badges, pills, uppercase eyebrows */
+  --text-caption: var(--kai-text-caption, 0.6875rem); --text-caption--line-height: calc(1 / 0.6875);    /* 11px — micro labels, sub-counts, xs code */
+  --text-meta: var(--kai-text-meta, 0.75rem);         --text-meta--line-height: calc(1 / 0.75);         /* 12px — controls, toggles, switchers, captions */
+  --text-xs: var(--kai-text-meta, 0.75rem);           --text-xs--line-height: calc(1 / 0.75);           /* ≡ text-meta */
+  --text-compact: var(--kai-text-compact, 0.8125rem); --text-compact--line-height: calc(1.21875 / 0.8125); /* 13px — dense chrome & code: a notch below body */
+  --text-body: var(--kai-text-body, 0.875rem);        --text-body--line-height: calc(1.25 / 0.875);     /* 14px — primary reading text */
+  --text-sm: var(--kai-text-body, 0.875rem);          --text-sm--line-height: calc(1.25 / 0.875);       /* ≡ text-body */
+  --text-title: var(--kai-text-title, 1rem);          --text-title--line-height: calc(1.5 / 1);         /* 16px — emphasis / headers */
+  --text-base: var(--kai-text-title, 1rem);           --text-base--line-height: calc(1.5 / 1);          /* ≡ text-title */
+  --text-lg: var(--kai-text-lg, 1.125rem);            --text-lg--line-height: calc(1.75 / 1.125);       /* 18px — section headings, lg prose */
 
   @keyframes typing { 0%,100% { transform: translateY(0); opacity: .5 } 50% { transform: translateY(-2px); opacity: 1 } }
   @keyframes loading-dots { 0%,100% { opacity: 0 } 50% { opacity: 1 } }
@@ -180,8 +241,18 @@
   --color-destructive-soft: var(--kai-color-destructive-soft, color-mix(in oklab, var(--color-destructive) 14%, var(--color-background)));
   --color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
   --color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
+  /* Marked text — dark. A deep warm amber rather than the light yellow: a pale
+     highlighter on a near-black field would blow out and force the text to flip
+     colour. See the light block for the full note. */
+  --color-highlight: var(--kai-color-highlight, hsl(40 75% 26%));
+  /* Selected text — dark. A deep blue rather than the light one, for the same
+     reason the mark darkens. See the light block for the full note. */
+  --color-selection: var(--kai-color-selection, hsl(217 60% 32%));
+  --color-selection-foreground: var(--kai-color-selection-foreground, hsl(0 0% 98%));
   --color-border: var(--kai-color-border, hsl(45 4% 17%));
-  --color-input: var(--kai-color-input, hsl(45 4% 17%));
+  /* Control boundary — see the light block. Lifted to clear 3:1 (SC 1.4.11)
+     against the dark background and card surfaces. */
+  --color-input: var(--kai-color-input, hsl(45 4% 48%));
   --color-ring: var(--kai-color-ring, hsl(217 91% 68%));
   --color-scrollbar-thumb: var(--kai-color-scrollbar-thumb, hsl(45 3% 30%));
   --color-scrollbar-thumb-hover: var(--kai-color-scrollbar-thumb-hover, hsl(45 3% 42%));

package/dist/elements/chunks/action-icons-DW9muWrY.js

@@ -1 +0,0 @@
-import{I as a}from"./Icon-b5A8hlHs.js";import{c as o,m as r}from"./define-B_tXMYRm.js";import{f as t,b as i,s,p,c as m}from"./share-DgNbkJKY.js";import{c as k}from"./check-MdLzbxrm.js";import{d}from"./download-DnCyWFJE.js";import{e as y}from"./ellipsis-CVxqfsDZ.js";import{l as n}from"./link-BdsfLB7b.js";import{s as c}from"./star-DHvACxtm.js";import{a as l,t as h}from"./thumbs-up-DQe0hvkZ.js";import{x as f}from"./x-BOhjBeOd.js";var v=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],M=e=>o(a,r(e,{name:"RefreshCw",iconNode:v})),u=M,x=[["polyline",{points:"9 17 4 12 9 7",key:"hvgpf2"}],["path",{d:"M20 18v-2a4 4 0 0 0-4-4H4",key:"5vmcpk"}]],g=e=>o(a,r(e,{name:"Reply",iconNode:x})),N=g,w=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]],L=e=>o(a,r(e,{name:"Trash2",iconNode:w})),R=L,b=[["polygon",{points:"11 5 6 9 2 9 2 15 6 15 11 19 11 5",key:"16drj5"}],["path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",key:"ltjumu"}],["path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",key:"1kegas"}]],j=e=>o(a,r(e,{name:"Volume2",iconNode:b})),C=j;const H={copy:m,like:h,dislike:l,regenerate:u,edit:p,share:s,bookmark:i,download:d,link:n,trash:R,check:k,x:f,star:c,flag:t,reply:N,more:y,"volume-2":C};function V(e){if(e)return H[e]}const D={copy:"Copy",like:"Like",dislike:"Dislike",regenerate:"Regenerate",edit:"Edit"};export{D as B,V as a};

package/dist/elements/chunks/arrow-left-iJVnQmxA.js

@@ -1 +0,0 @@
-import{I as o}from"./Icon-b5A8hlHs.js";import{c as m,m as r}from"./define-B_tXMYRm.js";var e=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],t=a=>m(o,r(a,{name:"ArrowLeft",iconNode:e})),p=t;export{p as a};

package/dist/elements/chunks/artifact-BSuPYFHY.js

@@ -1 +0,0 @@
-import{c as a,m as P,s as fe,g as k,l as y,k as F,x as J,o as Q,q as ge,i as c,S as g,t as v,d as p,a as z,b as X,v as Y,j as be,h as ve,e as me}from"./define-B_tXMYRm.js";import{c as H}from"./cn-CU7UAWzk.js";import{B as C}from"./button-B9okqG73.js";import{C as pe,a as we}from"./code-block-ClhQO9RW.js";import{F as xe}from"./file-tree-yGWNK0Js.js";import{L as ke}from"./loader-B5QzK_8_.js";import{i as ye,a as ee}from"./card-routing-BK09BdmL.js";import{a as ze}from"./arrow-left-iJVnQmxA.js";import{I as re}from"./Icon-b5A8hlHs.js";import{r as Ce,h as Te,c as Fe}from"./rotate-cw-DzVDJOA1.js";import{d as Pe}from"./download-DnCyWFJE.js";import{e as ne}from"./external-link-DG2sRdQL.js";import{f as Oe}from"./file-text-D0J9F6M7.js";import{m as Re,a as Se}from"./minimize-2-SegJ_oku.js";var je=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],Ie=r=>a(re,P(r,{name:"ArrowRight",iconNode:je})),Ne=Ie,He=[["path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z",key:"rwhkz3"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],Me=r=>a(re,P(r,{name:"Eye",iconNode:He})),Ee=Me;const $e="6.0.227",te=`https://cdn.jsdelivr.net/npm/pdfjs-dist@${$e}/build`,Be=()=>import(/*@vite-ignore*/`${te}/pdf.min.mjs`),Le=`${te}/pdf.worker.min.mjs`;let Ue=Be,De=Le,M=null;function Ae(){if(!M){const r=Ue;M=(async()=>{const t=await r(),e=t.default??t;return e.GlobalWorkerOptions.workerSrc=De,e})()}return M}async function Ve(r,t,e){const i=await(await Ae()).getDocument({url:r}).promise;t.replaceChildren();const l=typeof window<"u"&&window.devicePixelRatio?window.devicePixelRatio:1;for(let s=1;s<=i.numPages;s++){const d=await i.getPage(s),u=d.getViewport({scale:1}),h=u.width>0?e/u.width:1,f=d.getViewport({scale:h*l}),b=document.createElement("canvas");b.width=Math.max(1,Math.floor(f.width)),b.height=Math.max(1,Math.floor(f.height)),b.setAttribute("role","img"),b.setAttribute("aria-label",`Page ${s}`),b.style.width="100%",b.style.height="auto",b.style.display="block";const w=b.getContext("2d");t.appendChild(b),await d.render({canvasContext:w,viewport:f}).promise}return{pages:i.numPages}}var We=v('<div><div class="relative min-h-0 flex-1">'),qe=v('<form class="min-w-0 flex-1"><label class=sr-only for=kai-artifact-path>Address</label><input id=kai-artifact-path name=kai-artifact-path type=text autocomplete=off placeholder="Enter a path or URL\u2026">'),Ke=v("<div class=flex-1 aria-hidden=true>"),_e=v('<div role=tablist aria-label=View class="flex shrink-0 items-center gap-0.5 rounded-md bg-muted p-0.5">'),Ge=v('<div data-artifact-toolbar class="flex shrink-0 items-center gap-1.5 border-b border-border bg-surface px-2 py-1.5">'),Ze=v("<button type=button role=tab>"),Je=v('<iframe class="absolute inset-0 h-full w-full border-0 bg-white">'),Qe=v('<div class="absolute inset-0 flex"><div class="w-56 shrink-0 overflow-auto border-r border-border bg-surface-sunken py-1.5 scrollbar-thin"></div><div class="min-w-0 flex-1 overflow-auto scrollbar-thin">'),Xe=v('<div class="flex h-full items-center justify-center p-6 text-sm text-muted-foreground">Select a file to view its source.'),Ye=v('<div class="flex h-full items-center justify-center p-6 text-sm text-muted-foreground">No source \u2014 this file (<!>) has no code view.'),er=v('<div class="flex flex-wrap items-center justify-center gap-2"><a class="inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"target=_blank rel="noopener noreferrer">Open in new tab</a><a class="inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"download>Download'),rr=v(`<div role=region aria-label="PDF preview unavailable"class="absolute inset-0 flex flex-col items-center justify-center gap-3 bg-card p-6 text-center"><div class="text-sm font-medium text-foreground"></div><div class="text-xs text-muted-foreground">Can't preview this PDF inline.`),nr=v(`<div class="text-xs text-muted-foreground">Blocked: that address uses a scheme this viewer won't open.`),tr=v('<div class="pointer-events-none absolute inset-0 flex items-center justify-center">'),ar=v('<div class="absolute inset-0"><div role=region aria-label="PDF preview"tabindex=0 class="absolute inset-0 flex flex-col items-center gap-3 overflow-auto bg-surface-sunken p-3 scrollbar-thin focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset">');const ir="allow-scripts allow-forms";function E(r,t){console.warn(`[kai-artifact] blocked unsafe url in ${r}: ${t}`)}function or(r,t){if(r.url)return r.url;if(!t)return r.path;try{return new URL(r.path,t).href}catch{return r.path}}function lr(r,t){if(!r)return!1;const e=t.find(l=>l.url===r||l.path===r);if(e?.type==="pdf")return!0;const i=r.split(/[?#]/)[0];return/\.pdf$/i.test(i)}function sr(r){const t=P({files:[],defaultTab:"preview",sandbox:ir,showNav:!0,showReload:!0,showHome:!0,showPathField:!0,showTabs:!0,expandable:!1,openInTab:!1,standalone:!1,readonlyPath:!1,maximized:!1},r),[e,i]=fe(t,["src","files","tab","defaultTab","activeFile","sandbox","iframeTitle","onNavigate","onTabChange","onFileSelect","maximized","onMaximizeChange","showNav","showReload","showHome","showPathField","showTabs","expandable","openInTab","standalone","readonlyPath","displayUrl","controllerRef","class"]),[l,s]=k(e.src?[e.src]:[]),[d,u]=k(e.src?0:-1),h=()=>l()[d()]??"",f=()=>d()>0,b=()=>d()<l().length-1,w=y(()=>{const n=h();return n&&ye(n)?(E("preview",n),""):n}),[O,$]=k(e.tab??e.defaultTab),[B,L]=k(e.activeFile),[ie,oe]=k(0),[R,S]=k(e.maximized??!1);F(()=>S(e.maximized??!1));const le=()=>{var n;const o=!R();S(o),(n=e.onMaximizeChange)==null||n.call(e,o)},U=y(()=>{const n=h();return!!n&&n!=="about:blank"&&ee(n)}),D=()=>{const n=h();if(!U()){n&&n!=="about:blank"&&E("openExternal",n);return}window.open(n,"_blank","noopener,noreferrer")},A=y(()=>e.expandable&&!e.standalone),se=y(()=>e.showNav||e.showReload||e.showHome||e.showPathField||e.showTabs||A()||e.openInTab);let x;F(()=>{e.tab!==void 0&&$(e.tab)}),F(()=>L(e.activeFile)),F(J(()=>e.src,n=>{n&&n!==h()&&T(n)},{defer:!0}));const V=n=>n===void 0?void 0:e.files.find(o=>o.path===n),W=y(()=>V(B())),de=y(()=>{const n=W();return!!n&&n.type!=="image"&&n.type!=="pdf"&&typeof n.code=="string"});function T(n){if(n===h()){I();return}s(o=>[...o.slice(0,d()+1),n]),u(o=>o+1),j()}function j(){var n;x&&(x.src=w()||"about:blank"),(n=e.onNavigate)==null||n.call(e,h())}function ue(n){var o;n!==O()&&($(n),(o=e.onTabChange)==null||o.call(e,n))}function q(n,o){var m;L(n),(m=e.onFileSelect)==null||m.call(e,n),T(or(o,e.src))}const K=()=>{f()&&(u(n=>n-1),j())},_=()=>{b()&&(u(n=>n+1),j())};function I(){var n;x&&(x.src="about:blank",x.src=w()||"about:blank"),oe(o=>o+1),(n=e.onNavigate)==null||n.call(e,h())}const G=()=>{e.src&&T(e.src)},Z=n=>{var o;R()!==n&&(S(n),(o=e.onMaximizeChange)==null||o.call(e,n))};Q(()=>{var n;(n=e.controllerRef)==null||n.call(e,{back:()=>K(),forward:()=>_(),reload:()=>I(),home:()=>G(),navigate:o=>T(o),selectFile:o=>{const m=V(o);m&&q(o,m)},openExternal:()=>D(),maximize:()=>Z(!0),restore:()=>Z(!1)})});const ce=()=>{var n,o;try{const m=(n=x?.contentWindow)==null?void 0:n.location.href;m&&m!=="about:blank"&&m!==h()&&(s(N=>[...N.slice(0,d()+1),m]),u(N=>N+1),(o=e.onNavigate)==null||o.call(e,m))}catch{}},he=n=>{n.preventDefault();const o=n.currentTarget.elements.namedItem("kai-artifact-path");if(e.readonlyPath||e.displayUrl!=null){o&&(o.value=e.displayUrl??h());return}o&&o.value&&T(o.value)};return(()=>{var n=We(),o=n.firstChild;return ge(n,P({get class(){return H("flex h-full w-full flex-col overflow-hidden bg-card text-card-foreground",e.standalone&&"rounded-xl border border-border",e.class)}},i),!1,!0),c(n,a(g,{get when(){return se()},get children(){return a(dr,{url:()=>e.displayUrl??h(),tab:O,canBack:f,canForward:b,canHome:()=>!!e.src,onBack:K,onForward:_,onReload:I,onHome:G,onSubmitPath:he,onTab:ue,showNav:()=>e.showNav,showReload:()=>e.showReload,showHome:()=>e.showHome,showPathField:()=>e.showPathField,showTabs:()=>e.showTabs,showExpand:A,showOpenInTab:()=>e.openInTab,maximized:R,onToggleMaximize:le,canOpenInTab:U,onOpenInTab:D,readonlyPath:()=>e.readonlyPath||e.displayUrl!=null})}}),o),c(o,a(g,{get when(){return O()==="preview"},get fallback(){return a(cr,{get files(){return e.files},activeFile:B,activeFileObj:W,hasSource:de,onSelect:q})},get children(){return a(g,{get when(){return lr(h(),e.files)},get fallback(){return a(ur,{ref:m=>x=m,src:w,get sandbox(){return e.sandbox},get title(){return e.iframeTitle??"Artifact preview"},onLoad:ce})},get children(){return a(fr,{get url(){return h()},get reloadKey(){return ie()}})}})}})),n})()}function dr(r){return(()=>{var t=Ge();return c(t,a(g,{get when(){return r.showNav()},get children(){return[a(C,{variant:"ghost",size:"icon-sm","aria-label":"Back",get disabled(){return!r.canBack()},onClick:()=>r.onBack(),get children(){return a(ze,{size:16,"aria-hidden":"true"})}}),a(C,{variant:"ghost",size:"icon-sm","aria-label":"Forward",get disabled(){return!r.canForward()},onClick:()=>r.onForward(),get children(){return a(Ne,{size:16,"aria-hidden":"true"})}})]}}),null),c(t,a(g,{get when(){return r.showReload()},get children(){return a(C,{variant:"ghost",size:"icon-sm","aria-label":"Reload",onClick:()=>r.onReload(),get children(){return a(Ce,{size:15,"aria-hidden":"true"})}})}}),null),c(t,a(g,{get when(){return r.showHome()},get children(){return a(C,{variant:"ghost",size:"icon-sm","aria-label":"Home",get disabled(){return!r.canHome()},onClick:()=>r.onHome(),get children(){return a(Te,{size:15,"aria-hidden":"true"})}})}}),null),c(t,a(g,{get when(){return r.showPathField()},get children(){var e=qe(),i=e.firstChild,l=i.nextSibling;return e.addEventListener("submit",s=>r.onSubmitPath(s)),p(l,"spellcheck",!1),z(s=>{var d=r.readonlyPath()||void 0,u=r.readonlyPath()?"true":void 0,h=H("h-7 w-full rounded-md border border-border px-2.5 text-xs text-foreground font-mono outline-none",r.readonlyPath()?"bg-muted/40 cursor-default":"bg-background focus-visible:ring-2 focus-visible:ring-ring");return d!==s.e&&(l.readOnly=s.e=d),u!==s.t&&p(l,"aria-readonly",s.t=u),h!==s.a&&X(l,s.a=h),s},{e:void 0,t:void 0,a:void 0}),z(()=>l.value=r.url()),e}}),null),c(t,a(g,{get when(){return!r.showPathField()},get children(){return Ke()}}),null),c(t,a(g,{get when(){return r.showExpand()},get children(){return a(C,{variant:"ghost",size:"icon-sm",get"aria-label"(){return r.maximized()?"Collapse":"Expand"},get"aria-expanded"(){return r.maximized()},onClick:()=>r.onToggleMaximize(),get children(){return a(g,{get when(){return r.maximized()},get fallback(){return a(Se,{size:15,"aria-hidden":"true"})},get children(){return a(Re,{size:15,"aria-hidden":"true"})}})}})}}),null),c(t,a(g,{get when(){return r.showOpenInTab()},get children(){return a(C,{variant:"ghost",size:"icon-sm","aria-label":"Open in new tab",get disabled(){return!r.canOpenInTab()},onClick:()=>r.onOpenInTab(),get children(){return a(ne,{size:15,"aria-hidden":"true"})}})}}),null),c(t,a(g,{get when(){return r.showTabs()},get children(){var e=_e();return c(e,a(ae,{label:"Preview",get icon(){return a(Ee,{size:14,"aria-hidden":"true"})},get selected(){return r.tab()==="preview"},onClick:()=>r.onTab("preview")}),null),c(e,a(ae,{label:"Code",get icon(){return a(Fe,{size:14,"aria-hidden":"true"})},get selected(){return r.tab()==="code"},onClick:()=>r.onTab("code")}),null),e}}),null),t})()}function ae(r){return(()=>{var t=Ze();return t.$$click=()=>r.onClick(),c(t,()=>r.icon,null),c(t,()=>r.label,null),z(e=>{var i=r.selected,l=H("inline-flex h-6 items-center gap-1.5 rounded px-2 text-xs font-medium transition-colors outline-none","focus-visible:ring-2 focus-visible:ring-ring",r.selected?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground");return i!==e.e&&p(t,"aria-selected",e.e=i),l!==e.t&&X(t,e.t=l),e},{e:void 0,t:void 0}),t})()}function ur(r){return(()=>{var t=Je();t.addEventListener("load",()=>r.onLoad());var e=r.ref;return typeof e=="function"?Y(e,t):r.ref=t,z(i=>{var l=r.src()||"about:blank",s=r.sandbox,d=r.title;return l!==i.e&&p(t,"src",i.e=l),s!==i.t&&p(t,"sandbox",i.t=s),d!==i.a&&p(t,"title",i.a=d),i},{e:void 0,t:void 0,a:void 0}),t})()}function cr(r){return(()=>{var t=Qe(),e=t.firstChild,i=e.nextSibling;return c(e,a(xe,{get files(){return r.files},get activeFile(){return r.activeFile()},onSelect:(l,s)=>r.onSelect(l,s)})),c(i,a(g,{get when(){return r.activeFileObj()},get fallback(){return Xe()},get children(){return a(g,{get when(){return r.hasSource()},get fallback(){return(()=>{var l=Ye(),s=l.firstChild,d=s.nextSibling;return d.nextSibling,c(l,()=>r.activeFileObj().type??"binary",d),l})()},get children(){return a(pe,{class:"h-full rounded-none border-0",get children(){return a(we,{get code(){return r.activeFileObj().code??""},get language(){return r.activeFileObj().language}})}})}})}})),t})()}function hr(r){const t=()=>{const i=r.url.split(/[?#]/)[0];return i.slice(i.lastIndexOf("/")+1)||"document.pdf"},e=y(()=>{if(r.url){if(ee(r.url))return r.url;E("pdf fallback",r.url)}});return(()=>{var i=rr(),l=i.firstChild;return l.nextSibling,c(i,a(Oe,{size:40,class:"text-muted-foreground","aria-hidden":"true"}),l),c(l,t),c(i,a(g,{get when(){return e()},get fallback(){return nr()},get children(){var s=er(),d=s.firstChild;d.firstChild;var u=d.nextSibling,h=u.firstChild;return c(d,a(ne,{size:13,"aria-hidden":"true"}),null),c(u,a(Pe,{size:13,"aria-hidden":"true"}),h),z(f=>{var b=e(),w=e();return b!==f.e&&p(d,"href",f.e=b),w!==f.t&&p(u,"href",f.t=w),f},{e:void 0,t:void 0}),s}}),null),i})()}function fr(r){const[t,e]=k("loading");let i,l=0,s;const d=async()=>{if(!i){e("error");return}const u=++l;e("loading");try{const h=i.clientWidth||600;await Ve(r.url,i,h),u===l&&e("success")}catch{u===l&&e("error")}};return F(J(()=>[r.url,r.reloadKey],()=>{d()})),Q(()=>{if(!i||typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{t()==="success"&&(clearTimeout(s),s=setTimeout(()=>{d()},200))});u.observe(i),ve(()=>{u.disconnect(),clearTimeout(s),l++})}),(()=>{var u=ar(),h=u.firstChild;return Y(f=>i=f,h),c(u,a(g,{get when(){return be(()=>!0)()&&t()==="loading"},get children(){var f=tr();return c(f,a(ke,{variant:"circular",size:"md"})),f}}),null),c(u,a(g,{get when(){return t()==="error"},get children(){return a(hr,{get url(){return r.url}})}}),null),z(()=>p(h,"aria-busy",t()==="loading")),u})()}me(["click"]);export{sr as A};

package/dist/elements/chunks/attachments-CL6TaqIb.js

@@ -1 +0,0 @@
-import{c as n,m,s as h,q as p,i as u,S as w,j as R,t as g,z as C,A as I,a as k,d as y}from"./define-B_tXMYRm.js";import{c as d}from"./cn-CU7UAWzk.js";import{B as D}from"./button-B9okqG73.js";import{H as M,a as P,b as N}from"./hover-card-6KtXpLwT.js";import{x as S}from"./x-BOhjBeOd.js";import{f as q}from"./file-text-D0J9F6M7.js";import{p as B,g as E,i as H}from"./paperclip-Bg0ITU3b.js";import{I as V}from"./Icon-b5A8hlHs.js";import{v as F}from"./video-Bb86fVYI.js";var G=[["circle",{cx:"8",cy:"18",r:"4",key:"1fc0mg"}],["path",{d:"M12 18V2l7 4",key:"g04rme"}]],J=r=>n(V,m(r,{name:"Music2",iconNode:G})),K=J,b=g("<div>"),L=g('<img class="size-full object-cover"height=96 width=96>'),O=g('<img class="size-full rounded object-cover"height=20 width=20>'),Q=g('<video class="size-full object-cover"muted>'),U=g('<span class="text-muted-foreground text-caption block truncate">'),X=g('<div><span class="block truncate">'),Y=g("<span class=sr-only>");const _={audio:K,document:q,image:H,source:E,unknown:B,video:F},z=r=>{if(r.type==="source-document")return"source";const t=r.mediaType??"";return t.startsWith("image/")?"image":t.startsWith("video/")?"video":t.startsWith("audio/")?"audio":t.startsWith("application/")||t.startsWith("text/")?"document":"unknown"},A=r=>{if(r.type==="source-document")return r.title||r.filename||"Source";const t=z(r);return r.filename||(t==="image"?"Image":"Attachment")},T=C(),W=C(),$=()=>I(T)??{variant:"grid"},j=()=>{const r=I(W);if(!r)throw new Error("Attachment components must be used within <Attachment>");return r};function Z(r){const[t,i]=h(r,["variant","class","children"]),e=()=>t.variant??"grid";return n(T.Provider,{value:{get variant(){return e()}},get children(){var a=b();return p(a,m({get class(){return d("flex items-start",e()==="list"?"flex-col gap-2":"flex-wrap gap-2",e()==="grid"&&"w-fit",t.class)}},i),!1,!0),u(a,()=>t.children),a}})}function ee(r){const[t,i]=h(r,["data","onRemove","class","children"]),e=$(),a=()=>z(t.data);return n(W.Provider,{value:{get data(){return t.data},get mediaCategory(){return a()},get onRemove(){return t.onRemove},get variant(){return e.variant}},get children(){var o=b();return p(o,m({get class(){return d("group relative",e.variant==="grid"&&"size-24 overflow-hidden rounded-lg",e.variant==="inline"&&["flex h-8 cursor-pointer select-none items-center gap-1.5","rounded-md bg-surface-strong px-1.5 text-foreground","font-medium text-sm transition-all","hover:bg-muted"],e.variant==="list"&&["flex w-full items-center gap-3 rounded-lg bg-surface p-3 text-foreground","hover:bg-muted/50"],t.class)}},i),!1,!0),u(o,()=>t.children),o}})}function re(r){const[t,i]=h(r,["fallbackIcon","class"]),e=j(),a=()=>e.variant==="inline"?"size-3":"size-4",o=c=>n(c,{get class(){return d(a(),"text-muted-foreground")}}),x=()=>{if(e.mediaCategory==="image"&&e.data.type==="file"&&e.data.url)return e.variant==="grid"?(()=>{var l=L();return k(s=>{var v=e.data.filename||"Image",f=e.data.url;return v!==s.e&&y(l,"alt",s.e=v),f!==s.t&&y(l,"src",s.t=f),s},{e:void 0,t:void 0}),l})():(()=>{var l=O();return k(s=>{var v=e.data.filename||"Image",f=e.data.url;return v!==s.e&&y(l,"alt",s.e=v),f!==s.t&&y(l,"src",s.t=f),s},{e:void 0,t:void 0}),l})();if(e.mediaCategory==="video"&&e.data.type==="file"&&e.data.url)return(()=>{var l=Q();return k(()=>y(l,"src",e.data.url)),l})();const c=_[e.mediaCategory];return t.fallbackIcon??o(c)};return(()=>{var c=b();return p(c,m({get class(){return d("flex shrink-0 items-center justify-center overflow-hidden",e.variant==="grid"&&"size-full bg-muted",e.variant==="inline"&&"size-5 rounded bg-background",e.variant==="list"&&"size-12 rounded bg-muted",t.class)}},i),!1,!0),u(c,x),c})()}function te(r){const[t,i]=h(r,["showMediaType","class"]),e=j(),a=()=>A(e.data);return n(w,{get when(){return e.variant!=="grid"},get children(){var o=X(),x=o.firstChild;return p(o,m({get class(){return d("min-w-0 flex-1",t.class)}},i),!1,!0),u(x,a),u(o,n(w,{get when(){return R(()=>!!(t.showMediaType&&e.variant==="list"))()&&e.data.mediaType},get children(){var c=U();return u(c,()=>e.data.mediaType),c}}),null),o}})}function ae(r){const t=j(),i=e=>{var a;e.stopPropagation(),(a=t.onRemove)==null||a.call(t)};return n(w,{get when(){return t.onRemove},get children(){return n(D,{get"aria-label"(){return r.label??"Remove"},get class(){return d(t.variant==="grid"&&["absolute top-2 right-2 size-6 rounded-full p-0","bg-background/80 backdrop-blur-sm","opacity-0 transition-opacity group-hover:opacity-100","hover:bg-background","[&>svg]:size-3"],t.variant==="inline"&&["size-5 rounded p-0","opacity-0 transition-opacity group-hover:opacity-100","[&>svg]:size-2.5"],t.variant==="list"&&["size-8 shrink-0 rounded p-0","[&>svg]:size-4"],r.class)},onClick:i,type:"button",variant:"ghost",get children(){return[R(()=>r.children??n(S,{})),(()=>{var e=Y();return u(e,()=>r.label??"Remove"),e})()]}})}})}function ne(r){return n(M,{get openDelay(){return r.openDelay??0},get closeDelay(){return r.closeDelay??0},get children(){return r.children}})}function ie(r){return n(P,{get class(){return r.class},get children(){return r.children}})}function se(r){return n(N,{get class(){return d("w-auto p-2",r.class)},get children(){return r.children}})}function oe(r){const[t,i]=h(r,["class","children"]);return(()=>{var e=b();return p(e,m({get class(){return d("flex items-center justify-center p-4 text-muted-foreground text-sm",t.class)}},i),!1,!0),u(e,()=>t.children??"No attachments"),e})()}export{Z as A,ee as a,ne as b,ie as c,re as d,te as e,se as f,A as g,z as h,ae as i,oe as j};

package/dist/elements/chunks/audio-visualizer-BuUqQmaO.js

@@ -1 +0,0 @@
-import{g as z,k as W,h as V,l as ut,i as L,c as M,a as C,d as w,b as E,n as A,I as j,p as B,t as F,q as dt,m as D,M as U,S as ht,j as gt,r as ft,f as mt}from"./define-B_tXMYRm.js";import{c as q}from"./cn-CU7UAWzk.js";const vt=-100,pt=-10;function bt(t){if(t===-1/0)return 0;const e=Math.max(vt,Math.min(pt,t));return Math.sqrt(1-e*-1/100)}function xt(t,e,n,r){const a=t.slice(Math.max(0,n),Math.max(0,r)),s=a.length,c=[];for(let i=0;i<e;i++){const l=Math.floor(i*s/e),h=Math.floor((i+1)*s/e);if(h<=l){c.push(0);continue}let g=0;for(let u=l;u<h;u++)g+=bt(a[u]);c.push(g/(h-l))}return c}function yt(t){if(t.length===0)return 0;let e=0;for(let n=0;n<t.length;n++){const r=t[n];e+=r*r}return Math.sqrt(e/t.length)/255}function Y(t,e){if(t.length===e)return t;if(t.length>e)return t.slice(0,e);const n=t[t.length-1]??0;return[...t,...new Array(e-t.length).fill(n)]}function kt(t,e){const n=(e-1)/2,r=new Array(e);for(let a=0;a<e;a++){const s=Math.floor(Math.abs(a-n));r[a]=t[Math.min(s,t.length-1)]??0}return r}function Mt(t,e){const n=new Array(e);for(let r=0;r<e;r++){const a=Math.min(r,e-r);n[r]=t[Math.min(a,t.length-1)]??0}return n}const wt={bands:5,loPass:100,hiPass:200,updateInterval:32},Q={fftSize:2048,smoothingTimeConstant:.8},I={fftSize:512,smoothingTimeConstant:.55,minDecibels:-100,maxDecibels:-80};function R(t){return typeof t=="function"?t():t}let G;function At(){if(!(typeof AudioContext>"u"))return G??(G=new AudioContext),G}const X=new WeakMap,Z=new WeakMap;function zt(t){return"tagName"in t}function Ct(t){if(t.state!=="suspended")return()=>{};if(typeof document>"u")return()=>{};const e=()=>{t.resume().catch(()=>{})},n=["pointerdown","keydown","touchstart"];return n.forEach(r=>document.addEventListener(r,e,{once:!0,passive:!0})),()=>n.forEach(r=>document.removeEventListener(r,e))}function qt(t,e={}){const n={...wt,...e},[r,a]=z(new Array(R(n.bands)).fill(0)),[s,c]=z(0);return W(()=>{const i=t(),l=R(n.bands);if(a(new Array(l).fill(0)),c(0),!i)return;const h=At();if(!h||typeof requestAnimationFrame>"u"||typeof cancelAnimationFrame>"u")return;const g=cancelAnimationFrame.bind(globalThis),u=Ct(h);let o;if(zt(i)){const b=i;let k=X.get(b);k||(k=h.createMediaElementSource(b),k.connect(h.destination),X.set(b,k)),o=k}else{let b=Z.get(i);b||(b=h.createMediaStreamSource(i),Z.set(i,b)),o=b}const f=h.createAnalyser();f.fftSize=Q.fftSize,f.smoothingTimeConstant=Q.smoothingTimeConstant;const m=h.createAnalyser();m.fftSize=I.fftSize,m.smoothingTimeConstant=I.smoothingTimeConstant,m.minDecibels=I.minDecibels,m.maxDecibels=I.maxDecibels,o.connect(f),o.connect(m);const v=new Float32Array(f.frequencyBinCount),d=new Uint8Array(m.frequencyBinCount);let p=0,x=0;const y=b=>{b-x>=n.updateInterval&&(f.getFloatFrequencyData(v),m.getByteFrequencyData(d),a(xt(v,l,n.loPass,n.hiPass)),c(yt(d)),x=b),p=requestAnimationFrame(y)};p=requestAnimationFrame(y),V(()=>{g(p),u(),f.disconnect(),m.disconnect(),o.disconnect(f),o.disconnect(m)})}),{bands:r,volume:s}}const $t=["idle","connecting","listening","thinking","speaking","disconnected"],Et={failed:"disconnected",initializing:"connecting","pre-connect-buffering":"connecting"};function Ft(t){return t?$t.includes(t)?t:Et[t]??"idle":"idle"}function Dt(t,e){switch(t){case"connecting":{const n=[];for(let r=0;r<e;r++)n.push([r,e-1-r]);return n.length?n:[[]]}case"listening":case"thinking":return[[Math.floor(e/2)],[-1]];case"speaking":return[Array.from({length:e},(n,r)=>r)];case"disconnected":return[[]];default:return[[]]}}function Nt(t,e){switch(t){case"connecting":return 2e3/Math.max(1,e);case"listening":return 500;case"thinking":return 150;default:return 1e3}}function St(t,e,n){const r=[],a=Math.floor(e/2),s=Math.floor(t/2),c={x:Math.max(0,a-n),y:Math.max(0,s-n)},i={x:Math.min(e-1,a+n),y:Math.min(t-1,s+n)};for(let l=c.x;l<=i.x;l++)r.push({x:l,y:c.y});for(let l=c.y+1;l<=i.y;l++)r.push({x:i.x,y:l});for(let l=i.x-1;l>=c.x;l--)r.push({x:l,y:i.y});for(let l=i.y-1;l>c.y;l--)r.push({x:c.x,y:l});return r}function Tt(t,e,n,r){const a={x:Math.floor(n/2),y:Math.floor(e/2)};switch(t){case"connecting":{const s=Math.floor(Math.max(e,n)/2),c=r!==void 0?Math.min(r,s):s,i=St(e,n,c);return i.length?i:[a]}case"listening":{const s={x:-1,y:-1};return[a,s,s,s,s,s,s,s,s]}case"thinking":{const s=Math.floor(e/2),c=[];for(let i=0;i<n;i++)c.push({x:i,y:s});for(let i=n-1;i>=0;i--)c.push({x:i,y:s});return c.length?c:[a]}case"disconnected":return[a];default:return[a]}}function _(t,e){const n=(r,a)=>{for(;a!==0;){const s=a;a=r%a,r=s}return r};for(let r=e;r>=1;r--)if(n(t,r)===r)return r;return 1}function Wt(t){const e=t>8?t/_(t,4):_(t,2),n=Math.max(1,Math.floor(e)),r=Math.floor(t/n);return Array.from({length:n},(a,s)=>Array.from({length:r},(c,i)=>i*n+s))}function Vt(t,e){switch(t){case"connecting":{const n=Math.floor(e/2),r=[];for(let a=0;a<e;a++)r.push([a,(a+n)%e]);return r.length?r:[[]]}case"listening":case"thinking":{const n=Wt(e);return n.length?n:[[]]}case"speaking":return[Array.from({length:e},(n,r)=>r)];case"disconnected":return[[]];default:return[[]]}}function Lt(t){switch(t){case"connecting":case"listening":return 500;case"thinking":return 1/0;default:return 1e3}}function Pt(t){switch(t){case"listening":return{intensity:[.5,.8],speed:2.5};case"thinking":return{intensity:[.25,.5],speed:4};case"connecting":return{intensity:[.25,.5],speed:6};case"speaking":return{intensity:.3,speed:2.5};case"disconnected":return{intensity:.3,speed:.5};default:return{intensity:.3,speed:1}}}const P=5,H=.025,J=10;function It(t){switch(t){case"listening":return{speed:P,amplitude:H,frequency:J,opacity:[1,.3],pulseDuration:.75};case"thinking":case"connecting":return{speed:P*4,amplitude:H/4,frequency:J*4,opacity:[1,.3],pulseDuration:.4};case"speaking":case"idle":return{speed:P*2,amplitude:H,frequency:J,opacity:1,pulseDuration:0};case"disconnected":return{speed:P,amplitude:0,frequency:0,opacity:1,pulseDuration:0};default:return{speed:P,amplitude:0,frequency:0,opacity:1,pulseDuration:0}}}function K(t){const[e,n]=z(0),r=ut(()=>t());return W(()=>{const a=r();if(n(0),!Number.isFinite(a)||a<=0||typeof requestAnimationFrame>"u"||typeof cancelAnimationFrame>"u")return;const s=cancelAnimationFrame.bind(globalThis);let c=0,i=performance.now();const l=h=>{h-i>=a&&(n(g=>g+1),i=h),c=requestAnimationFrame(l)};c=requestAnimationFrame(l),V(()=>s(c))}),e}const O={icon:24,sm:56,md:112,lg:224,xl:448},jt={icon:2,sm:4,md:8,lg:16,xl:32},tt={icon:4,sm:8,md:16,lg:32,xl:64},et={icon:2,sm:4,md:8,lg:12,xl:16},Bt={icon:2,sm:4,md:8,lg:12,xl:16},Ut={icon:6,sm:16,md:32,lg:64,xl:128};function nt(t){return t==="icon"||t==="sm"?3:5}function rt(t){return t==="icon"||t==="sm"?12:24}function at(t){return t==="icon"?3:5}var it=F("<div>");function ot(t){const e=()=>t.barCount??nt(t.size),n=K(()=>t.frozen?1/0:Nt(t.state,e())),r=()=>Dt(t.state,e()),a=()=>r()[n()%r().length]??[],s=()=>t.state==="speaking"?Y(t.bands,e()):new Array(e()).fill(0);return(()=>{var c=it();return L(c,M(j,{get each(){return s()},children:(i,l)=>{var h;const g={index:l,highlighted:()=>a().includes(l),value:()=>i()};return((h=t.children)==null?void 0:h.call(t,g))??(()=>{var u=it();return C(o=>{var f=g.highlighted()?"bar highlighted":"bar",m=g.index,v=g.highlighted(),d=q("rounded-full bg-current/10","data-[kai-highlighted=true]:bg-current"),p=`${tt[t.size]}px`,x=`${tt[t.size]}px`,y=`${i()*100}%`,b=t.frozen?"none":"height 100ms ease-linear, background-color 250ms ease-linear";return f!==o.e&&w(u,"part",o.e=f),m!==o.t&&w(u,"data-kai-index",o.t=m),v!==o.a&&w(u,"data-kai-highlighted",o.a=v),d!==o.o&&E(u,o.o=d),p!==o.i&&A(u,"width",o.i=p),x!==o.n&&A(u,"min-height",o.n=x),y!==o.s&&A(u,"height",o.s=y),b!==o.h&&A(u,"transition",o.h=b),o},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0}),u})()}})),C(i=>{var l=t.state,h=q("relative flex items-center justify-center",t.class),g={height:`${O[t.size]}px`,gap:`${jt[t.size]}px`,...t.color?{color:t.color}:{}};return l!==i.e&&w(c,"data-kai-state",i.e=l),h!==i.t&&E(c,i.t=h),i.a=B(c,g,i.a),i},{e:void 0,t:void 0,a:void 0}),c})()}var st=F("<div>");const Yt=.65,Gt=.02;function Ht(t){const e=()=>t.count??at(t.size),n=()=>e(),r=()=>t.interval??100,a=()=>Array.from({length:e()*n()},(u,o)=>o),s=K(()=>t.frozen||t.state==="speaking"?1/0:r()),c=()=>Tt(t.state,e(),n(),t.spread),i=()=>c()[s()%c().length]??{x:-1,y:-1},l=()=>t.state==="speaking"?Y(t.bands,n()):new Array(n()).fill(0);function h(u){if(t.state==="speaking"){const o=Math.floor(u/n()),f=Math.floor(e()/2),m=Math.abs(f-o)/(f+1)*Yt,v=Math.max(m,Gt);return(l()[u%n()]??0)>=v}return t.state==="idle"||t.state==="disconnected"?!1:i().x===u%n()&&i().y===Math.floor(u/n())}function g(u){return t.state==="speaking"?"150ms":`${r()/(h(u)?1e3:100)}s`}return(()=>{var u=st();return L(u,M(j,{get each(){return a()},children:(o,f)=>{var m;const v={index:f,highlighted:()=>h(f),value:()=>l()[f%n()]??0};return((m=t.children)==null?void 0:m.call(t,v))??(()=>{var d=st();return C(p=>{var x=v.highlighted()?"cell highlighted":"cell",y=v.index,b=v.highlighted(),k=q("place-self-center rounded-full bg-current/10 transition-all ease-out","data-[kai-highlighted=true]:bg-current"),N=`${et[t.size]}px`,S=`${et[t.size]}px`,T=g(f);return x!==p.e&&w(d,"part",p.e=x),y!==p.t&&w(d,"data-kai-index",p.t=y),b!==p.a&&w(d,"data-kai-highlighted",p.a=b),k!==p.o&&E(d,p.o=k),N!==p.i&&A(d,"width",p.i=N),S!==p.n&&A(d,"height",p.n=S),T!==p.s&&A(d,"transition-duration",p.s=T),p},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),d})()}})),C(o=>{var f=t.state,m=q("grid",t.class),v={"grid-template-columns":`repeat(${n()}, 1fr)`,gap:`${Bt[t.size]}px`,...t.color?{color:t.color}:{}};return f!==o.e&&w(u,"data-kai-state",o.e=f),m!==o.t&&E(u,o.t=m),o.a=B(u,v,o.a),o},{e:void 0,t:void 0,a:void 0}),u})()}var Jt=F("<div style=aspect-ratio:1>"),Kt=F('<div data-kai-spoke class="absolute top-1/2 left-1/2 h-1 w-1 -translate-x-1/2 -translate-y-1/2"style=transform-origin:center>'),Ot=F("<div>");function Qt(t){const e=()=>Math.max(1,t.barCount??rt(t.size)),n=()=>t.radius??Ut[t.size];e()%4!==0&&console.warn(`<kai-audio-visualizer variant="radial">: barCount ${e()} is not divisible by 4. The ring will look asymmetric.`);const r=()=>n()*Math.PI/e(),a=K(()=>t.frozen?1/0:Lt(t.state)),s=()=>Vt(t.state,e()),c=()=>t.state==="thinking"?Array.from({length:e()},(h,g)=>g):s()[a()%s().length]??[],i=()=>t.state==="speaking"?Y(t.bands,e()):new Array(e()).fill(0),l=()=>t.state==="thinking"&&!t.frozen;return(()=>{var h=Jt();return L(h,M(j,{get each(){return i()},children:(g,u)=>{const o={index:u,highlighted:()=>c().includes(u),value:()=>g()};return(()=>{var f=Kt();return L(f,()=>{var m;return((m=t.children)==null?void 0:m.call(t,o))??(()=>{var v=Ot();return C(d=>{var p=o.highlighted()?"bar highlighted":"bar",x=o.index,y=o.highlighted(),b=q("origin-bottom rounded-full bg-current/10","data-[kai-highlighted=true]:bg-current"),k=`${r()}px`,N=`${r()}px`,S=`${r()*10*g()}px`,T=t.frozen?"none":"height 100ms ease-linear, background-color 150ms ease-linear";return p!==d.e&&w(v,"part",d.e=p),x!==d.t&&w(v,"data-kai-index",d.t=x),y!==d.a&&w(v,"data-kai-highlighted",d.a=y),b!==d.o&&E(v,d.o=b),k!==d.i&&A(v,"width",d.i=k),N!==d.n&&A(v,"min-height",d.n=N),S!==d.s&&A(v,"height",d.s=S),T!==d.h&&A(v,"transition",d.h=T),d},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0}),v})()}),C(m=>A(f,"transform",`rotate(${u/e()*Math.PI*2}rad) translateY(${n()}px)`)),f})()}})),C(g=>{var u=t.state,o=q("relative flex items-center justify-center",l()&&"animate-spin",t.class),f={height:`${O[t.size]}px`,...l()?{"animation-duration":"5s"}:{},...t.color?{color:t.color}:{}};return u!==g.e&&w(h,"data-kai-state",g.e=u),o!==g.t&&E(h,g.t=o),g.a=B(h,f,g.a),g},{e:void 0,t:void 0,a:void 0}),h})()}var Rt=F("<div>");const Xt=["bar","grid","radial","wave","aurora","custom"],Zt={aura:"aurora"};function _t(t){return t?Xt.includes(t)?t:Zt[t]??"bar":"bar"}function te(){const[t,e]=z(!1);return W(()=>{var n;if(typeof matchMedia!="function")return;const r=matchMedia("(prefers-reduced-motion: reduce)");e(r.matches);const a=s=>e(s.matches);(n=r.addEventListener)==null||n.call(r,"change",a),V(()=>{var s;return(s=r.removeEventListener)==null?void 0:s.call(r,"change",a)})}),t}function ee(t){const[e,n]=z(!1);return W(()=>{var r;if(typeof matchMedia!="function")return;const a=matchMedia("(prefers-color-scheme: dark)");n(a.matches);const s=c=>n(c.matches);(r=a.addEventListener)==null||r.call(a,"change",s),V(()=>{var c;return(c=a.removeEventListener)==null?void 0:c.call(a,"change",s)})}),()=>{const r=t()??"auto";return r==="dark"||r==="auto"&&e()}}const ct={wave:()=>import("./variant-wave-DDCwhLas.js"),aurora:()=>import("./variant-aurora-QXTZPyST.js"),custom:()=>import("./variant-custom-D5ZlmziF.js")};function ne(t){const e=()=>_t(t.variant),n=()=>t.size??"md",r=()=>Ft(t.state),a=te(),s=ee(()=>t.theme),c=()=>e()in ct,i=()=>e()==="grid"?t.count??at(n()):e()==="radial"?t.barCount??rt(n()):t.barCount??nt(n()),l=qt(()=>t.bands?void 0:t.stream??t.audioElement,{bands:()=>Math.ceil(i()/2)}),h=()=>t.bands?t.bands:e()==="radial"?Mt(l.bands(),i()):kt(l.bands(),i()),g=()=>{if(!t.bands)return l.volume();if(t.bands.length===0)return 0;let x=0;for(const y of t.bands)x+=y*y;return Math.sqrt(x/t.bands.length)},[u,o]=z(),[f,m]=z(!1);W(()=>{const x=e(),y=ct[x];if(o(void 0),m(!1),!y)return;let b=!1;y().then(k=>{b||o(()=>k.default)}).catch(k=>{b||console.warn(`<kai-audio-visualizer variant="${x}">: failed to load the shader chunk, falling back to bars.`,k)}),V(()=>{b=!0})});const v=()=>({state:r(),size:n(),frozen:a(),color:t.color}),d=()=>({...v(),children:t.children}),p=()=>t.label?{role:"img","aria-label":t.label}:{"aria-hidden":"true"};return(()=>{var x=Rt();return dt(x,D({get class(){return q("inline-flex",t.class)}},p),!1,!0),L(x,M(ft,{get fallback(){return M(ot,D(d,{get bands(){return h()},get barCount(){return t.barCount}}))},get children(){return[M(U,{get when(){return e()==="grid"},get children(){return M(Ht,D(d,{get bands(){return h()},get count(){return t.count},get spread(){return t.spread},get interval(){return t.interval}}))}}),M(U,{get when(){return e()==="radial"},get children(){return M(Qt,D(d,{get bands(){return h()},get barCount(){return t.barCount},get radius(){return t.radius}}))}}),M(U,{get when(){return c()},get children(){return M(ht,{get when(){return gt(()=>!f())()&&u()},get fallback(){return M(ot,D(d,{get bands(){return h()},get barCount(){return t.barCount}}))},children:y=>{const b=y();return M(b,D(v,{get bands(){return h()},get volume(){return g()},get complexity(){return t.complexity},get shader(){return t.shader},get dark(){return s()},get animateWhenNotVisible(){return t.animateWhenNotVisible},onUnavailable:()=>m(!0)}))}})}})]}})),x})()}function $(t){if(t==null||t==="")return;const e=Number(t);return Number.isFinite(e)?e:void 0}function lt(t,e){var n;const r=((n=e?.dark)==null?void 0:n.call(e))??!1,a=e!=null&&e.flag?e.flag("animateWhenNotVisible"):t.animateWhenNotVisible===!0;return M(ne,{get variant(){return t.variant},get state(){return t.state},get size(){return t.size},get barCount(){return $(t.barCount)},get count(){return $(t.count)},get radius(){return $(t.radius)},get spread(){return $(t.spread)},get interval(){return $(t.interval)},get color(){return t.color},get complexity(){return $(t.complexity)},get label(){return t.label},get stream(){return t.stream},get audioElement(){return t.audioElement},get bands(){return t.bands},get shader(){return t.shader},animateWhenNotVisible:a,theme:r?"dark":"light"})}mt("kai-audio-visualizer",{variant:"bar",state:"idle",size:"md",barCount:void 0,count:void 0,radius:void 0,spread:void 0,interval:void 0,color:void 0,complexity:void 0,label:void 0,stream:void 0,audioElement:void 0,bands:void 0,shader:void 0,animateWhenNotVisible:void 0},lt);export{lt as A,O as C,$ as n,Pt as s,It as w};

package/dist/elements/chunks/badge-TIMiJFKc.js

@@ -1 +0,0 @@
-import{s as n,q as i,m as s,i as o,t as u}from"./define-B_tXMYRm.js";import{c as m}from"./index-BCRhi84a.js";import{c}from"./cn-CU7UAWzk.js";var d=u("<span>");const f=m("inline-flex items-center justify-center rounded-full text-xs font-medium min-h-5 min-w-5",{variants:{variant:{default:"bg-muted text-muted-foreground px-2 py-0.5",count:"bg-muted text-muted-foreground h-5 px-1.5",citation:"bg-primary text-primary-foreground px-1.5 py-0.5 cursor-pointer"}},defaultVariants:{variant:"default"}});function p(a){const[t,e]=n(a,["variant","class","children"]);return(()=>{var r=d();return i(r,s({get class(){return c(f({variant:t.variant}),t.class)}},e),!1,!0),o(r,()=>t.children),r})()}export{p as B};