@surf-kit/agent 0.1.1 → 0.2.0

package/dist/streaming/index.d.cts

@@ -0,0 +1,81 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as StreamState } from '../streaming-DfT22A0z.cjs';
+import { S as Source } from '../agent-BNSmiexZ.cjs';
+import React from 'react';
+import '../chat-ChYl2XjV.cjs';
+
+type StreamingMessageProps = {
+    stream: StreamState;
+    onComplete?: () => void;
+    showPhases?: boolean;
+    className?: string;
+};
+declare function StreamingMessage({ stream, onComplete, showPhases, className, }: StreamingMessageProps): react_jsx_runtime.JSX.Element;
+
+type ThinkingIndicatorProps = {
+    label?: string;
+    className?: string;
+};
+declare function ThinkingIndicator({ label, className }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type ToolExecutionProps = {
+    tool: string;
+    label?: string;
+    className?: string;
+};
+declare function ToolExecution({ tool, label, className }: ToolExecutionProps): react_jsx_runtime.JSX.Element;
+
+type RetrievalProgressProps = {
+    sources: Source[];
+    isActive: boolean;
+    className?: string;
+};
+declare function RetrievalProgress({ sources, isActive, className }: RetrievalProgressProps): react_jsx_runtime.JSX.Element;
+
+type VerificationProgressProps = {
+    isActive: boolean;
+    label?: string;
+    className?: string;
+};
+declare function VerificationProgress({ isActive, label, className, }: VerificationProgressProps): react_jsx_runtime.JSX.Element | null;
+
+type TypewriterTextProps = {
+    text: string;
+    speed?: number;
+    delay?: number;
+    onComplete?: () => void;
+    className?: string;
+    showCursor?: boolean;
+};
+declare function TypewriterText({ text, speed, delay, onComplete, className, showCursor, }: TypewriterTextProps): react_jsx_runtime.JSX.Element;
+
+type TypingIndicatorProps = {
+    label?: string;
+    dotCount?: number;
+    className?: string;
+};
+declare function TypingIndicator({ label, dotCount, className, }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type TextGlimmerProps = {
+    lines?: number;
+    className?: string;
+};
+declare function TextGlimmer({ lines, className }: TextGlimmerProps): react_jsx_runtime.JSX.Element;
+
+type StreamingListProps<T> = {
+    items: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    isStreaming?: boolean;
+    className?: string;
+    emptyMessage?: string;
+};
+declare function StreamingList<T>({ items, renderItem, isStreaming, className, emptyMessage, }: StreamingListProps<T>): react_jsx_runtime.JSX.Element | null;
+
+type StreamingStructureProps = {
+    data: Record<string, unknown>;
+    isStreaming?: boolean;
+    className?: string;
+};
+declare function StreamingStructure({ data, isStreaming, className, }: StreamingStructureProps): react_jsx_runtime.JSX.Element;
+
+export { RetrievalProgress, type RetrievalProgressProps, StreamingList, type StreamingListProps, StreamingMessage, type StreamingMessageProps, StreamingStructure, type StreamingStructureProps, TextGlimmer, type TextGlimmerProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolExecution, type ToolExecutionProps, TypewriterText, type TypewriterTextProps, TypingIndicator, type TypingIndicatorProps, VerificationProgress, type VerificationProgressProps };

package/dist/streaming/index.d.ts

@@ -0,0 +1,81 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as StreamState } from '../streaming-DbQxScpi.js';
+import { S as Source } from '../agent-BNSmiexZ.js';
+import React from 'react';
+import '../chat--OifhIRe.js';
+
+type StreamingMessageProps = {
+    stream: StreamState;
+    onComplete?: () => void;
+    showPhases?: boolean;
+    className?: string;
+};
+declare function StreamingMessage({ stream, onComplete, showPhases, className, }: StreamingMessageProps): react_jsx_runtime.JSX.Element;
+
+type ThinkingIndicatorProps = {
+    label?: string;
+    className?: string;
+};
+declare function ThinkingIndicator({ label, className }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type ToolExecutionProps = {
+    tool: string;
+    label?: string;
+    className?: string;
+};
+declare function ToolExecution({ tool, label, className }: ToolExecutionProps): react_jsx_runtime.JSX.Element;
+
+type RetrievalProgressProps = {
+    sources: Source[];
+    isActive: boolean;
+    className?: string;
+};
+declare function RetrievalProgress({ sources, isActive, className }: RetrievalProgressProps): react_jsx_runtime.JSX.Element;
+
+type VerificationProgressProps = {
+    isActive: boolean;
+    label?: string;
+    className?: string;
+};
+declare function VerificationProgress({ isActive, label, className, }: VerificationProgressProps): react_jsx_runtime.JSX.Element | null;
+
+type TypewriterTextProps = {
+    text: string;
+    speed?: number;
+    delay?: number;
+    onComplete?: () => void;
+    className?: string;
+    showCursor?: boolean;
+};
+declare function TypewriterText({ text, speed, delay, onComplete, className, showCursor, }: TypewriterTextProps): react_jsx_runtime.JSX.Element;
+
+type TypingIndicatorProps = {
+    label?: string;
+    dotCount?: number;
+    className?: string;
+};
+declare function TypingIndicator({ label, dotCount, className, }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type TextGlimmerProps = {
+    lines?: number;
+    className?: string;
+};
+declare function TextGlimmer({ lines, className }: TextGlimmerProps): react_jsx_runtime.JSX.Element;
+
+type StreamingListProps<T> = {
+    items: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    isStreaming?: boolean;
+    className?: string;
+    emptyMessage?: string;
+};
+declare function StreamingList<T>({ items, renderItem, isStreaming, className, emptyMessage, }: StreamingListProps<T>): react_jsx_runtime.JSX.Element | null;
+
+type StreamingStructureProps = {
+    data: Record<string, unknown>;
+    isStreaming?: boolean;
+    className?: string;
+};
+declare function StreamingStructure({ data, isStreaming, className, }: StreamingStructureProps): react_jsx_runtime.JSX.Element;
+
+export { RetrievalProgress, type RetrievalProgressProps, StreamingList, type StreamingListProps, StreamingMessage, type StreamingMessageProps, StreamingStructure, type StreamingStructureProps, TextGlimmer, type TextGlimmerProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolExecution, type ToolExecutionProps, TypewriterText, type TypewriterTextProps, TypingIndicator, type TypingIndicatorProps, VerificationProgress, type VerificationProgressProps };

package/dist/streaming/index.js

@@ -0,0 +1,495 @@
+// src/streaming/StreamingMessage/StreamingMessage.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { Spinner } from "@surf-kit/core";
+
+// src/hooks/useCharacterDrain.ts
+import { useState, useRef, useEffect } from "react";
+function useCharacterDrain(target, msPerChar = 15) {
+  const [displayed, setDisplayed] = useState("");
+  const indexRef = useRef(0);
+  const lastTimeRef = useRef(0);
+  const rafRef = useRef(null);
+  const drainTargetRef = useRef("");
+  const msPerCharRef = useRef(msPerChar);
+  msPerCharRef.current = msPerChar;
+  if (target !== "") {
+    drainTargetRef.current = target;
+  }
+  const drainTarget = drainTargetRef.current;
+  const isDraining = displayed.length < drainTarget.length;
+  const tickRef = useRef(() => {
+  });
+  tickRef.current = (now) => {
+    const currentTarget = drainTargetRef.current;
+    if (currentTarget === "") {
+      rafRef.current = null;
+      return;
+    }
+    if (lastTimeRef.current === 0) lastTimeRef.current = now;
+    const elapsed = now - lastTimeRef.current;
+    const charsToAdvance = Math.floor(elapsed / msPerCharRef.current);
+    if (charsToAdvance > 0 && indexRef.current < currentTarget.length) {
+      const nextIndex = Math.min(indexRef.current + charsToAdvance, currentTarget.length);
+      indexRef.current = nextIndex;
+      lastTimeRef.current = now;
+      setDisplayed(currentTarget.slice(0, nextIndex));
+    }
+    if (indexRef.current < currentTarget.length) {
+      rafRef.current = requestAnimationFrame((t) => tickRef.current(t));
+    } else {
+      rafRef.current = null;
+    }
+  };
+  useEffect(() => {
+    if (drainTargetRef.current !== "" && indexRef.current < drainTargetRef.current.length && rafRef.current === null) {
+      rafRef.current = requestAnimationFrame((t) => tickRef.current(t));
+    }
+  }, [drainTarget]);
+  useEffect(() => {
+    if (target === "" && !isDraining && displayed !== "") {
+      indexRef.current = 0;
+      lastTimeRef.current = 0;
+      drainTargetRef.current = "";
+      setDisplayed("");
+    }
+  }, [target, isDraining, displayed]);
+  useEffect(() => {
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+    };
+  }, []);
+  return { displayed, isDraining };
+}
+
+// src/streaming/StreamingMessage/StreamingMessage.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var phaseLabels = {
+  idle: "",
+  waiting: "Waiting...",
+  thinking: "Thinking...",
+  retrieving: "Searching...",
+  generating: "Writing...",
+  verifying: "Verifying..."
+};
+function StreamingMessage({
+  stream,
+  onComplete,
+  showPhases = true,
+  className
+}) {
+  const onCompleteRef = useRef2(onComplete);
+  onCompleteRef.current = onComplete;
+  const wasActiveRef = useRef2(stream.active);
+  useEffect2(() => {
+    if (wasActiveRef.current && !stream.active) {
+      onCompleteRef.current?.();
+    }
+    wasActiveRef.current = stream.active;
+  }, [stream.active]);
+  const phaseLabel = phaseLabels[stream.phase];
+  const { displayed: displayedContent } = useCharacterDrain(stream.content);
+  return /* @__PURE__ */ jsxs("div", { className, "data-testid": "streaming-message", children: [
+    /* @__PURE__ */ jsxs("div", { "aria-live": "assertive", className: "sr-only", children: [
+      stream.active && stream.phase !== "idle" && "Response started",
+      !stream.active && stream.content && "Response complete"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "max-w-[88%] px-4 py-3 rounded-[18px] rounded-tl-[4px] bg-surface border border-border motion-safe:animate-springFromLeft", children: [
+      showPhases && stream.active && stream.phase !== "idle" && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-2 mb-2 text-sm text-text-secondary",
+          "data-testid": "phase-indicator",
+          children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }),
+            /* @__PURE__ */ jsx("span", { children: phaseLabel })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm leading-relaxed text-text-primary whitespace-pre-wrap", children: [
+        displayedContent,
+        stream.active && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-block w-0.5 h-4 bg-accent align-text-bottom animate-pulse ml-0.5",
+            "aria-hidden": "true",
+            "data-testid": "streaming-cursor"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/streaming/ThinkingIndicator/ThinkingIndicator.tsx
+import { useReducedMotion } from "@surf-kit/hooks";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ThinkingIndicator({ label = "Thinking...", className }) {
+  const reducedMotion = useReducedMotion();
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      role: "status",
+      className: `inline-flex items-center gap-2 text-sm motion-safe:animate-fadeSlideUpSm ${className ?? ""}`,
+      "data-testid": "thinking-indicator",
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-text-secondary", children: label }),
+        !reducedMotion && /* @__PURE__ */ jsxs2("span", { className: "flex gap-1", "aria-hidden": "true", "data-testid": "animated-dots", children: [
+          /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:0ms]" }),
+          /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:150ms]" }),
+          /* @__PURE__ */ jsx2("span", { className: "w-1.5 h-1.5 rounded-full bg-current animate-bounce [animation-delay:300ms]" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/streaming/ToolExecution/ToolExecution.tsx
+import { Spinner as Spinner2 } from "@surf-kit/core";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var defaultLabels = {
+  search: "Searching knowledge base...",
+  retrieve: "Retrieving documents...",
+  calculate: "Calculating..."
+};
+function ToolExecution({ tool, label, className }) {
+  const displayLabel = label ?? defaultLabels[tool] ?? `Running ${tool}...`;
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: `flex items-center gap-2 text-sm text-text-secondary ${className ?? ""}`,
+      role: "status",
+      "data-testid": "tool-execution",
+      children: [
+        /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx3(Spinner2, { size: "sm" }) }),
+        /* @__PURE__ */ jsx3("span", { children: displayLabel })
+      ]
+    }
+  );
+}
+
+// src/streaming/RetrievalProgress/RetrievalProgress.tsx
+import { Spinner as Spinner3 } from "@surf-kit/core";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function RetrievalProgress({ sources, isActive, className }) {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: `space-y-2 ${className ?? ""}`,
+      role: "status",
+      "aria-label": isActive ? `Retrieving sources, ${sources.length} found so far` : `${sources.length} sources found`,
+      "data-testid": "retrieval-progress",
+      children: [
+        isActive && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-sm text-text-secondary", children: [
+          /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx4(Spinner3, { size: "sm" }) }),
+          /* @__PURE__ */ jsx4("span", { children: "Retrieving sources..." })
+        ] }),
+        sources.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "space-y-1", "data-testid": "source-list", children: sources.map((source, index) => /* @__PURE__ */ jsxs4(
+          "li",
+          {
+            className: "text-sm text-text-secondary flex items-center gap-2 animate-in fade-in slide-in-from-left-2",
+            style: { animationDelay: `${index * 100}ms`, animationFillMode: "both" },
+            "data-testid": "retrieval-source-item",
+            children: [
+              /* @__PURE__ */ jsx4("span", { className: "w-1.5 h-1.5 rounded-full bg-accent flex-shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx4("span", { className: "truncate", children: source.title })
+            ]
+          },
+          source.document_id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/streaming/VerificationProgress/VerificationProgress.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function VerificationProgress({
+  isActive,
+  label = "Checking accuracy...",
+  className
+}) {
+  if (!isActive) return null;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: `flex items-center gap-2 text-sm ${className ?? ""}`,
+      role: "status",
+      "data-testid": "verification-progress",
+      children: [
+        /* @__PURE__ */ jsxs5(
+          "svg",
+          {
+            className: "w-4 h-4 animate-spin text-accent",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx5("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ jsx5("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5("span", { className: "text-accent animate-pulse", children: label })
+      ]
+    }
+  );
+}
+
+// src/streaming/TypewriterText/TypewriterText.tsx
+import { useEffect as useEffect3, useState as useState2 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function TypewriterText({
+  text,
+  speed = 30,
+  delay = 0,
+  onComplete,
+  className = "",
+  showCursor = true
+}) {
+  const [displayedText, setDisplayedText] = useState2("");
+  const [isComplete, setIsComplete] = useState2(false);
+  useEffect3(() => {
+    setDisplayedText("");
+    setIsComplete(false);
+    let index = 0;
+    let interval;
+    const timeout = setTimeout(() => {
+      interval = setInterval(() => {
+        if (index < text.length) {
+          setDisplayedText(text.slice(0, index + 1));
+          index++;
+        } else {
+          clearInterval(interval);
+          setIsComplete(true);
+          onComplete?.();
+        }
+      }, speed);
+    }, delay);
+    return () => {
+      clearTimeout(timeout);
+      clearInterval(interval);
+    };
+  }, [text, speed, delay, onComplete]);
+  return /* @__PURE__ */ jsxs6("span", { className, children: [
+    displayedText,
+    showCursor && !isComplete && /* @__PURE__ */ jsx6("span", { className: "typewriter-cursor", "aria-hidden": "true" })
+  ] });
+}
+
+// src/streaming/TypingIndicator/TypingIndicator.tsx
+import { twMerge } from "tailwind-merge";
+import { useReducedMotion as useReducedMotion2 } from "@surf-kit/hooks";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var bounceKeyframes = `
+@keyframes typing-bounce {
+  0%, 80%, 100% { transform: translateY(0); }
+  40% { transform: translateY(-6px); }
+}
+`;
+function TypingIndicator({
+  label,
+  dotCount = 3,
+  className
+}) {
+  const reducedMotion = useReducedMotion2();
+  return /* @__PURE__ */ jsxs7(
+    "span",
+    {
+      role: "status",
+      "aria-label": label ?? "typing",
+      className: twMerge("inline-flex items-center gap-2", className),
+      "data-testid": "typing-indicator",
+      children: [
+        !reducedMotion && /* @__PURE__ */ jsx7("style", { children: bounceKeyframes }),
+        label && /* @__PURE__ */ jsx7("span", { className: "text-sm text-text-secondary", children: label }),
+        /* @__PURE__ */ jsx7("span", { className: "flex gap-1", "data-testid": "typing-dots", children: Array.from({ length: dotCount }, (_, i) => /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: "w-2 h-2 rounded-full bg-text-secondary",
+            style: reducedMotion ? void 0 : {
+              animation: "typing-bounce 1.4s infinite ease-in-out",
+              animationDelay: `${i * 160}ms`
+            }
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+
+// src/streaming/TextGlimmer/TextGlimmer.tsx
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { useReducedMotion as useReducedMotion3 } from "@surf-kit/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var shimmerKeyframes = `
+@keyframes text-shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+`;
+var widthPattern = ["100%", "90%", "60%"];
+function TextGlimmer({ lines = 3, className }) {
+  const reducedMotion = useReducedMotion3();
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: twMerge2("flex flex-col gap-2", className),
+      "data-testid": "text-glimmer",
+      children: [
+        !reducedMotion && /* @__PURE__ */ jsx8("style", { children: shimmerKeyframes }),
+        Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: "h-3 rounded bg-surface-raised",
+            style: {
+              width: widthPattern[i % widthPattern.length],
+              ...reducedMotion ? void 0 : {
+                backgroundImage: "linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent)",
+                backgroundSize: "200% 100%",
+                animation: "text-shimmer 1.5s infinite ease-in-out"
+              }
+            },
+            "data-testid": "glimmer-line"
+          },
+          i
+        ))
+      ]
+    }
+  );
+}
+
+// src/streaming/StreamingList/StreamingList.tsx
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { useReducedMotion as useReducedMotion4 } from "@surf-kit/hooks";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var fadeSlideInKeyframes = `
+@keyframes fadeSlideIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+`;
+function StreamingList({
+  items,
+  renderItem,
+  isStreaming = false,
+  className,
+  emptyMessage
+}) {
+  const reducedMotion = useReducedMotion4();
+  if (items.length === 0 && !isStreaming) {
+    return emptyMessage ? /* @__PURE__ */ jsx9("p", { className: twMerge3("text-sm text-text-secondary", className), "data-testid": "streaming-list-empty", children: emptyMessage }) : null;
+  }
+  return /* @__PURE__ */ jsxs9(
+    "ul",
+    {
+      "aria-live": "polite",
+      className: twMerge3("list-none p-0 m-0", className),
+      "data-testid": "streaming-list",
+      children: [
+        !reducedMotion && /* @__PURE__ */ jsx9("style", { children: fadeSlideInKeyframes }),
+        items.map((item, index) => /* @__PURE__ */ jsx9(
+          "li",
+          {
+            style: reducedMotion ? void 0 : { animation: "fadeSlideIn 0.3s ease-out" },
+            "data-testid": "streaming-list-item",
+            children: renderItem(item, index)
+          },
+          index
+        )),
+        isStreaming && /* @__PURE__ */ jsx9("li", { "data-testid": "streaming-list-loading", children: /* @__PURE__ */ jsx9(TypingIndicator, {}) })
+      ]
+    }
+  );
+}
+
+// src/streaming/StreamingStructure/StreamingStructure.tsx
+import { twMerge as twMerge4 } from "tailwind-merge";
+import { useReducedMotion as useReducedMotion5 } from "@surf-kit/hooks";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var fadeSlideInKeyframes2 = `
+@keyframes fadeSlideIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+`;
+function renderValue(value, reducedMotion) {
+  if (value === null) {
+    return /* @__PURE__ */ jsx10("span", { className: "italic text-text-secondary", children: "null" });
+  }
+  if (value === void 0) {
+    return /* @__PURE__ */ jsx10("span", { className: "italic text-text-secondary", children: "undefined" });
+  }
+  if (Array.isArray(value)) {
+    return /* @__PURE__ */ jsx10("ol", { className: "list-decimal pl-4 m-0", children: value.map((item, i) => /* @__PURE__ */ jsx10("li", { className: "text-text-secondary text-sm", children: renderValue(item, reducedMotion) }, i)) });
+  }
+  if (typeof value === "object") {
+    return renderNestedDl(value, reducedMotion);
+  }
+  return String(value);
+}
+function renderNestedDl(data, reducedMotion) {
+  const entries = Object.entries(data);
+  return /* @__PURE__ */ jsx10("dl", { className: "pl-4 m-0", "data-testid": "streaming-structure-nested", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      style: reducedMotion ? void 0 : { animation: "fadeSlideIn 0.3s ease-out" },
+      children: [
+        /* @__PURE__ */ jsx10("dt", { className: "font-medium text-text-primary text-sm", children: key }),
+        /* @__PURE__ */ jsx10("dd", { className: "text-text-secondary text-sm ml-0 mb-3", children: renderValue(value, reducedMotion) })
+      ]
+    },
+    key
+  )) });
+}
+function StreamingStructure({
+  data,
+  isStreaming = false,
+  className
+}) {
+  const reducedMotion = useReducedMotion5();
+  const entries = Object.entries(data);
+  return /* @__PURE__ */ jsxs10(
+    "dl",
+    {
+      "aria-live": "polite",
+      className: twMerge4("m-0", className),
+      "data-testid": "streaming-structure",
+      children: [
+        !reducedMotion && /* @__PURE__ */ jsx10("style", { children: fadeSlideInKeyframes2 }),
+        entries.map(([key, value]) => /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            style: reducedMotion ? void 0 : { animation: "fadeSlideIn 0.3s ease-out" },
+            "data-testid": "streaming-structure-entry",
+            children: [
+              /* @__PURE__ */ jsx10("dt", { className: "font-medium text-text-primary text-sm", children: key }),
+              /* @__PURE__ */ jsx10("dd", { className: "text-text-secondary text-sm ml-0 mb-3", children: renderValue(value, reducedMotion) })
+            ]
+          },
+          key
+        )),
+        isStreaming && /* @__PURE__ */ jsx10("div", { "data-testid": "streaming-structure-loading", children: /* @__PURE__ */ jsx10(TextGlimmer, { lines: 1 }) })
+      ]
+    }
+  );
+}
+export {
+  RetrievalProgress,
+  StreamingList,
+  StreamingMessage,
+  StreamingStructure,
+  TextGlimmer,
+  ThinkingIndicator,
+  ToolExecution,
+  TypewriterText,
+  TypingIndicator,
+  VerificationProgress
+};
+//# sourceMappingURL=index.js.map