veryfront 0.1.47 → 0.1.49

package/esm/src/provider/local/model-catalog.js

@@ -31,9 +31,70 @@ const MODEL_CATALOG = {
         sizeMB: 1000,
         description: "SmolLM2 1.7B — highest quality local model",
     },
+    "qwen3-1.7b": {
+        hfId: "onnx-community/Qwen3-1.7B-ONNX",
+        dtype: "q4",
+        sizeMB: 1200,
+        description: "Qwen3 1.7B — strong multilingual reasoning and tool use",
+    },
+    "gemma3-1b": {
+        hfId: "onnx-community/gemma-3-1b-it-ONNX",
+        dtype: "q4",
+        sizeMB: 700,
+        description: "Gemma 3 1B — Google's compact instruction-tuned model",
+    },
 };
 /** Default model used when no specific model ID is provided */
 export const DEFAULT_LOCAL_MODEL = "smollm2-135m";
+/**
+ * Catalog of supported local embedding models.
+ *
+ * Uses the same `q4` quantization as language models for consistency.
+ */
+const EMBEDDING_MODEL_CATALOG = {
+    "all-MiniLM-L6-v2": {
+        hfId: "Xenova/all-MiniLM-L6-v2",
+        dtype: "q4",
+        sizeMB: 23,
+        description: "All-MiniLM-L6-v2 — fast 384-dim embeddings",
+    },
+    "nomic-embed-text-v1.5": {
+        hfId: "nomic-ai/nomic-embed-text-v1.5",
+        dtype: "q4",
+        sizeMB: 130,
+        description: "Nomic Embed Text v1.5 — 768-dim, variable-length embeddings",
+    },
+    "bge-base-en-v1.5": {
+        hfId: "Xenova/bge-base-en-v1.5",
+        dtype: "q4",
+        sizeMB: 110,
+        description: "BGE Base EN v1.5 — 768-dim, strong English embeddings",
+    },
+    "qwen3-embedding-0.6b": {
+        hfId: "onnx-community/Qwen3-Embedding-0.6B-ONNX",
+        dtype: "q8",
+        sizeMB: 620,
+        pooling: "last_token",
+        description: "Qwen3 Embedding 0.6B — SOTA multilingual embeddings",
+    },
+};
+/** Default embedding model used when no specific model ID is provided */
+export const DEFAULT_LOCAL_EMBEDDING_MODEL = "all-MiniLM-L6-v2";
+/**
+ * Resolve a friendly embedding model ID to its HuggingFace model info.
+ * Falls back to treating the ID as a raw HuggingFace repository ID.
+ */
+export function resolveLocalEmbeddingModel(modelId) {
+    const catalogEntry = EMBEDDING_MODEL_CATALOG[modelId];
+    if (catalogEntry)
+        return catalogEntry;
+    return {
+        hfId: modelId,
+        dtype: "q4",
+        sizeMB: 0,
+        description: `Custom embedding model: ${modelId}`,
+    };
+}
 /**
  * Resolve a friendly model ID to its HuggingFace model info.
  * Falls back to treating the ID as a raw HuggingFace repository ID.

package/esm/src/provider/model-registry.d.ts

@@ -24,6 +24,16 @@ export type ModelProviderFactory = (modelId: string) => LanguageModel;
  * ```
  */
 export declare function registerModelProvider(name: string, factory: ModelProviderFactory): void;
+/**
+ * Find the first cloud provider with a valid API key.
+ *
+ * Returns a "provider/model" string that can be passed to `resolveModel`,
+ * or `null` if no cloud provider is available.
+ *
+ * This is intentionally a **query** — it does NOT resolve the model.
+ * The caller (agent runtime) decides whether to use it.
+ */
+export declare function findAvailableCloudModel(): string | null;
 /**
  * Resolve a "provider/model" string to an AI SDK LanguageModel instance.
  *

package/esm/src/provider/model-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-registry.d.ts","sourceRoot":"","sources":["../../../src/src/provider/model-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAmBxC,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,aAAa,CAAC;AAOtE;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,GAC5B,IAAI,CAEN;AAoFD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CA+D/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAGtD;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,EAAE,CAGtD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,gBAAgB,CACpC,KAAK,EAAE,aAAa,GACnB,OAAO,CAAC,IAAI,CAAC,CAMf;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAG1C"}
+{"version":3,"file":"model-registry.d.ts","sourceRoot":"","sources":["../../../src/src/provider/model-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAmBxC,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,aAAa,CAAC;AAOtE;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,oBAAoB,GAC5B,IAAI,CAEN;AAgHD;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,GAAG,IAAI,CAQvD;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CA+D/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAGtD;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,EAAE,CAGtD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,gBAAgB,CACpC,KAAK,EAAE,aAAa,GACnB,OAAO,CAAC,IAAI,CAAC,CAMf;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAG1C"}

package/esm/src/provider/model-registry.js

@@ -104,6 +104,49 @@ function autoInitializeFromEnv() {
         });
     }
 }
+/**
+ * Default cloud models to try when auto-upgrading from a local model.
+ * Ordered by preference: Anthropic → OpenAI → Google.
+ *
+ * NOTE: model IDs are hardcoded — update when default models change.
+ */
+const CLOUD_UPGRADE_CANDIDATES = [
+    {
+        provider: "anthropic",
+        model: "claude-sonnet-4-20250514",
+        hasKey: () => !!getAnthropicEnvConfig().apiKey,
+    },
+    {
+        provider: "openai",
+        model: "gpt-4o-mini",
+        hasKey: () => !!getOpenAIEnvConfig().apiKey,
+    },
+    {
+        provider: "google",
+        model: "gemini-2.0-flash",
+        hasKey: () => !!getGoogleGenAIEnvConfig().apiKey,
+    },
+];
+/**
+ * Find the first cloud provider with a valid API key.
+ *
+ * Returns a "provider/model" string that can be passed to `resolveModel`,
+ * or `null` if no cloud provider is available.
+ *
+ * This is intentionally a **query** — it does NOT resolve the model.
+ * The caller (agent runtime) decides whether to use it.
+ */
+export function findAvailableCloudModel() {
+    autoInitializeFromEnv();
+    for (const { provider, model, hasKey } of CLOUD_UPGRADE_CANDIDATES) {
+        if (!hasKey())
+            continue;
+        if (!manager.has(provider))
+            continue;
+        return `${provider}/${model}`;
+    }
+    return null;
+}
 /**
  * Resolve a "provider/model" string to an AI SDK LanguageModel instance.
  *

package/esm/src/proxy/retry.d.ts

@@ -1,9 +1,9 @@
 /**
  * Retry utilities for the proxy server.
  */
-export declare function isRetryableConnectionError(error: unknown): boolean;
 /**
- * Sleep for the specified number of milliseconds.
+ * Check if a fetch error is a transient connection error worth retrying.
+ * These occur when renderer pods are being recycled or temporarily unavailable.
  */
-export declare function sleep(ms: number): Promise<void>;
+export declare function isRetryableConnectionError(error: unknown): boolean;
 //# sourceMappingURL=retry.d.ts.map

package/esm/src/proxy/retry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"retry.d.ts","sourceRoot":"","sources":["../../../src/src/proxy/retry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAQH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAUlE;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/C"}
+{"version":3,"file":"retry.d.ts","sourceRoot":"","sources":["../../../src/src/proxy/retry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAUlE"}

package/esm/src/proxy/retry.js

@@ -5,7 +5,6 @@
  * Check if a fetch error is a transient connection error worth retrying.
  * These occur when renderer pods are being recycled or temporarily unavailable.
  */
-import * as dntShim from "../../_dnt.shims.js";
 export function isRetryableConnectionError(error) {
     if (!(error instanceof Error))
         return false;
@@ -17,9 +16,3 @@ export function isRetryableConnectionError(error) {
         msg.includes("os error 111") // ECONNREFUSED
     );
 }
-/**
- * Sleep for the specified number of milliseconds.
- */
-export function sleep(ms) {
-    return new Promise((resolve) => dntShim.setTimeout(resolve, ms));
-}

package/esm/src/proxy/tracing.d.ts

@@ -4,9 +4,8 @@
  */
 import * as dntShim from "../../_dnt.shims.js";
 import type { Context, Span } from "@opentelemetry/api";
-export declare function initializeOTLP(): Promise<void>;
+export declare function initializeOTLPWithApis(): Promise<void>;
 export declare function shutdownOTLP(): Promise<void>;
-export declare function isOTLPEnabled(): boolean;
 export declare function extractContext(headers: dntShim.Headers): Context | undefined;
 export declare function injectContext(headers: dntShim.Headers): void;
 export declare function startServerSpan(method: string, path: string, parentContext?: Context): {
@@ -23,8 +22,6 @@ export declare function getTraceContext(): {
  * Span names for proxy tracing.
  */
 export declare const ProxySpanNames: {
-    readonly PROXY_REQUEST: "proxy.request";
-    readonly PROXY_PROCESS: "proxy.process";
     readonly PROXY_TOKEN_FETCH: "proxy.token_fetch";
     readonly PROXY_DOMAIN_LOOKUP: "proxy.domain_lookup";
     readonly OAUTH_TOKEN_REQUEST: "oauth.token_request";
@@ -35,5 +32,4 @@ export declare const ProxySpanNames: {
  * If tracing is disabled, executes the function directly.
  */
 export declare function withSpan<T>(name: string, fn: () => Promise<T>, attributes?: Record<string, string | number | boolean>): Promise<T>;
-export { initializeOTLP as initializeOTLPWithApis };
 //# sourceMappingURL=tracing.d.ts.map

package/esm/src/proxy/tracing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tracing.d.ts","sourceRoot":"","sources":["../../../src/src/proxy/tracing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAG/C,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAU,MAAM,oBAAoB,CAAC;AAgEhE,wBAAsB,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAyDpD;AAED,wBAAsB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CASlD;AAED,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAOD,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,GAAG,SAAS,CAgB5E;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAgB5D;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,aAAa,CAAC,EAAE,OAAO,GACtB;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAMzC;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAiBvF;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAGrF;AAWD,wBAAgB,eAAe,IAAI;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAIvE;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;CAOjB,CAAC;AAEX;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,CAAC,EAC9B,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GACrD,OAAO,CAAC,CAAC,CAAC,CA0BZ;AAED,OAAO,EAAE,cAAc,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"tracing.d.ts","sourceRoot":"","sources":["../../../src/src/proxy/tracing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAG/C,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAU,MAAM,oBAAoB,CAAC;AAgEhE,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAyD5D;AAED,wBAAsB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CASlD;AAOD,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,GAAG,SAAS,CAgB5E;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAgB5D;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,aAAa,CAAC,EAAE,OAAO,GACtB;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAMzC;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAiBvF;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAGrF;AAWD,wBAAgB,eAAe,IAAI;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAIvE;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,CAAC,EAC9B,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GACrD,OAAO,CAAC,CAAC,CAAC,CA0BZ"}

package/esm/src/proxy/tracing.js

@@ -49,7 +49,7 @@ async function loadApis() {
     traceApi = await import("@opentelemetry/api");
     propagationApi = await import("@opentelemetry/core");
 }
-export async function initializeOTLP() {
+export async function initializeOTLPWithApis() {
     if (initialized)
         return;
     const config = getConfig();
@@ -106,9 +106,6 @@ export async function shutdownOTLP() {
         console.warn("[otel] Shutdown error", { error });
     }
 }
-export function isOTLPEnabled() {
-    return initialized && tracerProvider !== null;
-}
 function getPropagator() {
     if (!propagationApi)
         return null;
@@ -181,8 +178,6 @@ export function getTraceContext() {
  * Span names for proxy tracing.
  */
 export const ProxySpanNames = {
-    PROXY_REQUEST: "proxy.request",
-    PROXY_PROCESS: "proxy.process",
     PROXY_TOKEN_FETCH: "proxy.token_fetch",
     PROXY_DOMAIN_LOOKUP: "proxy.domain_lookup",
     OAUTH_TOKEN_REQUEST: "oauth.token_request",
@@ -216,4 +211,3 @@ export async function withSpan(name, fn, attributes) {
         span.end();
     }
 }
-export { initializeOTLP as initializeOTLPWithApis };

package/esm/src/react/components/ai/agent-card.js

@@ -9,7 +9,7 @@ export const AgentCard = React.forwardRef(({ messages, toolCalls = [], status, t
                 ? React.createElement(ToolResult, { output: tool.result, className: theme.toolResult })
                 : null,
             tool.error
-                ? (React.createElement("div", { className: "mt-2 p-3 bg-red-50 dark:bg-red-900/20 text-red-900 dark:text-red-100 rounded-xl text-sm border border-red-200 dark:border-red-800" },
+                ? (React.createElement("div", { className: "mt-2 p-3 bg-red-50 text-red-900 rounded-xl text-sm border border-red-200" },
                     "Error: ",
                     tool.error))
                 : null)));
@@ -24,22 +24,22 @@ export const AgentCard = React.forwardRef(({ messages, toolCalls = [], status, t
             : null,
         hasToolCalls
             ? (React.createElement("div", { className: "space-y-3" },
-                React.createElement("h3", { className: "text-sm font-semibold text-neutral-700 dark:text-neutral-300" }, "Tool Calls"),
+                React.createElement("h3", { className: "text-sm font-semibold text-[var(--card-foreground)]" }, "Tool Calls"),
                 React.createElement("div", { className: "space-y-3" }, toolCalls.map((tool) => (React.createElement(React.Fragment, { key: tool.id }, toolRenderer(tool)))))))
             : null,
         hasMessages
             ? (React.createElement("div", { className: "space-y-3" },
-                React.createElement("h3", { className: "text-sm font-semibold text-neutral-700 dark:text-neutral-300" }, "Messages"),
+                React.createElement("h3", { className: "text-sm font-semibold text-[var(--card-foreground)]" }, "Messages"),
                 React.createElement("div", { className: "space-y-2 max-h-96 overflow-y-auto" }, messages.map((msg) => {
                     const text = msg.parts
                         ?.filter((p) => p.type === "text")
                         .map((p) => p.text)
                         .join("") ?? "";
-                    return (React.createElement("div", { key: msg.id, className: "text-sm p-3 rounded-xl bg-neutral-50 dark:bg-neutral-800" },
-                        React.createElement("span", { className: "font-semibold capitalize text-neutral-900 dark:text-neutral-100" },
+                    return (React.createElement("div", { key: msg.id, className: "text-sm p-3 rounded-xl bg-[var(--accent)]" },
+                        React.createElement("span", { className: "font-semibold capitalize text-[var(--foreground)]" },
                             msg.role,
                             ":"),
-                        React.createElement("span", { className: "text-neutral-600 dark:text-neutral-400 ml-1" },
+                        React.createElement("span", { className: "text-[var(--card-foreground)] ml-1" },
                             text.substring(0, 200),
                             text.length > 200 ? "..." : "")));
                 }))))
@@ -49,18 +49,18 @@ AgentCard.displayName = "AgentCard";
 function getStatusColor(status) {
     switch (status) {
         case "idle":
-            return "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300";
+            return "bg-[var(--accent)] text-[var(--card-foreground)]";
         case "thinking":
-            return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300";
+            return "bg-blue-100 text-blue-700";
         case "tool_execution":
-            return "bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300";
+            return "bg-violet-100 text-violet-700";
         case "streaming":
-            return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300";
+            return "bg-green-100 text-green-700";
         case "completed":
-            return "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300";
+            return "bg-emerald-100 text-emerald-700";
         case "error":
-            return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300";
+            return "bg-red-100 text-red-700";
         default:
-            return "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300";
+            return "bg-[var(--accent)] text-[var(--card-foreground)]";
     }
 }

package/esm/src/react/components/ai/chat/components/animations.d.ts

@@ -6,4 +6,9 @@ export declare function Loader({ className, size, }: {
     className?: string;
     size?: number;
 }): React.ReactElement;
+export declare function FadeIn({ children, duration, className, }: {
+    children: React.ReactNode;
+    duration?: number;
+    className?: string;
+}): React.ReactElement;
 //# sourceMappingURL=animations.d.ts.map

package/esm/src/react/components/ai/chat/components/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/animations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAMvF;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CAcrB"}
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/animations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAMvF;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAc,EACd,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAoBrB"}

package/esm/src/react/components/ai/chat/components/animations.js

@@ -6,5 +6,17 @@ export function Shimmer({ children }) {
 }
 export function Loader({ className, size = 16, }) {
     const dotSize = size / 4;
-    return (React.createElement("div", { className: cn("flex items-center gap-1", className) }, ["0ms", "150ms", "300ms"].map((animationDelay) => (React.createElement("span", { key: animationDelay, className: "animate-bounce rounded-full bg-muted-foreground", style: { width: dotSize, height: dotSize, animationDelay } })))));
+    return (React.createElement("div", { className: cn("flex items-center gap-1", className) }, ["0ms", "150ms", "300ms"].map((animationDelay) => (React.createElement("span", { key: animationDelay, className: "animate-bounce rounded-full bg-[var(--muted-foreground)]", style: { width: dotSize, height: dotSize, animationDelay } })))));
+}
+export function FadeIn({ children, duration = 300, className, }) {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        const frame = requestAnimationFrame(() => setMounted(true));
+        return () => cancelAnimationFrame(frame);
+    }, []);
+    return (React.createElement("div", { className: className, style: {
+            opacity: mounted ? 1 : 0,
+            transform: mounted ? "translateY(0)" : "translateY(8px)",
+            transition: `opacity ${duration}ms ease-out, transform ${duration}ms ease-out`,
+        } }, children));
 }

package/esm/src/react/components/ai/chat/components/attachment-pill.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface AttachmentInfo {
+    id: string;
+    name: string;
+    status?: "uploading" | "ready";
+    type?: string;
+    size?: number;
+    preview?: string;
+}
+export interface AttachmentPillProps {
+    attachment: AttachmentInfo;
+    onRemove?: (id: string) => void;
+}
+export declare function AttachmentPill({ attachment, onRemove, }: AttachmentPillProps): React.ReactElement;
+//# sourceMappingURL=attachment-pill.d.ts.map

package/esm/src/react/components/ai/chat/components/attachment-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-pill.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/attachment-pill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAsBD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,GACT,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAqE1C"}

package/esm/src/react/components/ai/chat/components/attachment-pill.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { cn } from "../../theme.js";
+const FILE_TYPE_COLORS = {
+    pdf: "text-red-500 bg-red-500/10",
+    docx: "text-blue-500 bg-blue-500/10",
+    csv: "text-emerald-500 bg-emerald-500/10",
+    txt: "text-neutral-500 bg-neutral-500/10",
+    md: "text-purple-500 bg-purple-500/10",
+    mdx: "text-purple-500 bg-purple-500/10",
+};
+function getExtension(name) {
+    const dot = name.lastIndexOf(".");
+    return dot >= 0 ? name.slice(dot + 1).toLowerCase() : "";
+}
+function formatSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(0)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+export function AttachmentPill({ attachment, onRemove, }) {
+    const [showPreview, setShowPreview] = React.useState(false);
+    const ext = attachment.type ?? getExtension(attachment.name);
+    const colorClass = FILE_TYPE_COLORS[ext] ?? "text-neutral-400 bg-neutral-400/10";
+    return (React.createElement("span", { className: "relative inline-flex items-center gap-1.5 pl-2.5 pr-1.5 py-1 rounded-lg bg-[var(--accent)] text-xs text-[var(--card-foreground)]", onMouseEnter: () => setShowPreview(true), onMouseLeave: () => setShowPreview(false) },
+        React.createElement("span", { className: cn("inline-flex items-center justify-center rounded px-1 py-0.5 text-[9px] font-bold uppercase leading-none", colorClass) }, ext || "?"),
+        React.createElement("span", { className: "truncate max-w-[120px]" }, attachment.name),
+        attachment.size != null && (React.createElement("span", { className: "text-[10px] text-[var(--input-placeholder)] shrink-0" }, formatSize(attachment.size))),
+        attachment.status === "uploading"
+            ? (React.createElement("span", { className: "size-3 shrink-0 rounded-full border-2 border-neutral-400 border-t-transparent animate-spin" }))
+            : onRemove && (React.createElement("button", { type: "button", onClick: () => onRemove(attachment.id), "aria-label": `Remove ${attachment.name}`, className: "size-4 shrink-0 flex items-center justify-center rounded-full hover:bg-[var(--accent)] text-[var(--input-placeholder)] hover:text-[var(--foreground)] transition-colors" },
+                React.createElement("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" },
+                    React.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    React.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))),
+        showPreview && attachment.preview && (React.createElement("div", { className: "absolute bottom-full left-0 mb-2 z-50 w-64 pointer-events-none" },
+            React.createElement("div", { className: "bg-[var(--card)] border border-[var(--border)] rounded-xl shadow-lg p-3 text-left" },
+                React.createElement("p", { className: "text-[10px] font-medium text-[var(--muted-foreground)] uppercase mb-1" }, "Preview"),
+                React.createElement("p", { className: "text-xs text-[var(--card-foreground)] line-clamp-4 whitespace-pre-wrap" }, attachment.preview))))));
+}

package/esm/src/react/components/ai/chat/components/branch-picker.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface BranchPickerProps {
+    current: number;
+    total: number;
+    onPrev: () => void;
+    onNext: () => void;
+}
+export declare function BranchPicker({ current, total, onPrev, onNext, }: BranchPickerProps): React.ReactElement | null;
+//# sourceMappingURL=branch-picker.d.ts.map

package/esm/src/react/components/ai/chat/components/branch-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/branch-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsD/C"}

package/esm/src/react/components/ai/chat/components/branch-picker.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { cn } from "../../theme.js";
+export function BranchPicker({ current, total, onPrev, onNext, }) {
+    if (total <= 1)
+        return null;
+    return (React.createElement("div", { className: "inline-flex items-center gap-1 text-xs text-[var(--input-placeholder)]" },
+        React.createElement("button", { type: "button", onClick: onPrev, disabled: current <= 1, className: cn("size-5 flex items-center justify-center rounded-full transition-all", "hover:bg-[var(--foreground)]/5", "disabled:opacity-50 disabled:pointer-events-none"), "aria-label": "Previous variant" },
+            React.createElement("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
+                React.createElement("polyline", { points: "15 18 9 12 15 6" }))),
+        React.createElement("span", { className: "tabular-nums min-w-[2ch] text-center" },
+            current,
+            "/",
+            total),
+        React.createElement("button", { type: "button", onClick: onNext, disabled: current >= total, className: cn("size-5 flex items-center justify-center rounded-full transition-all", "hover:bg-[var(--foreground)]/5", "disabled:opacity-50 disabled:pointer-events-none"), "aria-label": "Next variant" },
+            React.createElement("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
+                React.createElement("polyline", { points: "9 18 15 12 9 6" })))));
+}

package/esm/src/react/components/ai/chat/components/code-block.d.ts

@@ -0,0 +1,8 @@
+export interface CodeBlockProps {
+    language?: string;
+    code: string;
+    inline?: boolean;
+    className?: string;
+}
+export declare const RichCodeBlock: any;
+//# sourceMappingURL=code-block.d.ts.map

package/esm/src/react/components/ai/chat/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/code-block.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,KAoEzB,CAAC"}

package/esm/src/react/components/ai/chat/components/code-block.js

@@ -0,0 +1,38 @@
+import * as dntShim from "../../../../../../_dnt.shims.js";
+import * as React from "react";
+import { cn } from "../../theme.js";
+import { CheckIcon, CopyIcon } from "../../icons/index.js";
+export const RichCodeBlock = React.forwardRef(function RichCodeBlock({ language, code, inline, className }, ref) {
+    const [copied, setCopied] = React.useState(false);
+    const handleCopy = React.useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(code);
+        }
+        catch {
+            const textarea = document.createElement("textarea");
+            textarea.value = code;
+            document.body.appendChild(textarea);
+            textarea.select();
+            document.execCommand("copy");
+            document.body.removeChild(textarea);
+        }
+        setCopied(true);
+        dntShim.setTimeout(() => setCopied(false), 2000);
+    }, [code]);
+    if (inline) {
+        return (React.createElement("code", { className: cn("bg-[var(--accent)] px-1.5 py-0.5 rounded text-sm font-mono", className) }, code));
+    }
+    return (React.createElement("div", { ref: ref, className: cn("my-4 rounded-xl overflow-hidden border border-[var(--border)]", className) },
+        React.createElement("div", { className: "flex items-center justify-between px-4 py-2 text-[var(--muted-foreground)] text-xs" },
+            React.createElement("span", { className: "font-mono font-medium" }, language || "text"),
+            React.createElement("button", { type: "button", onClick: handleCopy, className: "inline-flex items-center gap-1.5 text-[var(--input-placeholder)] hover:text-[var(--foreground)] transition-colors" }, copied
+                ? (React.createElement(React.Fragment, null,
+                    React.createElement(CheckIcon, { className: "size-3.5" }),
+                    React.createElement("span", null, "Copied")))
+                : (React.createElement(React.Fragment, null,
+                    React.createElement(CopyIcon, { className: "size-3.5" }),
+                    React.createElement("span", null, "Copy"))))),
+        React.createElement("pre", { className: "p-4 text-[var(--foreground)] bg-[var(--accent)] overflow-auto text-sm [&_.hljs]:bg-transparent [&_.hljs]:p-0" },
+            React.createElement("code", { className: language ? `language-${language}` : undefined }, code))));
+});
+RichCodeBlock.displayName = "RichCodeBlock";

package/esm/src/react/components/ai/chat/components/drop-zone.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface DropZoneOverlayProps {
+    visible: boolean;
+    accept?: string;
+}
+export declare function DropZoneOverlay({ visible, accept, }: DropZoneOverlayProps): React.ReactElement | null;
+//# sourceMappingURL=drop-zone.d.ts.map

package/esm/src/react/components/ai/chat/components/drop-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/drop-zone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAqClD"}

package/esm/src/react/components/ai/chat/components/drop-zone.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { cn } from "../../theme.js";
+export function DropZoneOverlay({ visible, accept, }) {
+    if (!visible)
+        return null;
+    return (React.createElement("div", { className: cn("absolute inset-0 z-50 flex flex-col items-center justify-center gap-3", "bg-[var(--background)]/80 backdrop-blur-sm", "border-2 border-dashed border-[var(--success)] rounded-2xl", "pointer-events-none") },
+        React.createElement("svg", { className: "size-10 text-[var(--success)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" },
+            React.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+            React.createElement("polyline", { points: "17 8 12 3 7 8" }),
+            React.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })),
+        React.createElement("div", { className: "text-center" },
+            React.createElement("p", { className: "text-sm font-medium text-[var(--card-foreground)]" }, "Drop files here"),
+            accept && (React.createElement("p", { className: "text-xs text-[var(--muted-foreground)] mt-1" }, accept.replace(/\./g, "").toUpperCase().replace(/,/g, ", "))))));
+}

package/esm/src/react/components/ai/chat/components/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoBtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,MAAe,GAChB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAMvC;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAc,EACd,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAe3D"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoBtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,MAAe,GAChB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAMvC;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAuBlD;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAc,EACd,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAe3D"}

package/esm/src/react/components/ai/chat/components/empty-state.js

@@ -2,30 +2,32 @@ import * as React from "react";
 import { cn } from "../../theme.js";
 import { ArrowDownIcon } from "../../icons/index.js";
 export function Suggestion({ suggestion, onClick, className, icon, }) {
-    return (React.createElement("button", { type: "button", onClick: () => onClick?.(suggestion), className: cn("group flex items-start gap-3 rounded-xl border border-border bg-background p-4 text-left text-sm text-foreground transition-all hover:bg-muted hover:border-muted-foreground/20", className) },
+    return (React.createElement("button", { type: "button", onClick: () => onClick?.(suggestion), className: cn("group flex items-center gap-2 rounded-full border border-[var(--border)] px-4 py-2 text-left text-sm text-[var(--muted-foreground)] transition-all hover:bg-[var(--accent)] hover:border-[var(--input-border)] hover:text-[var(--foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2", className) },
         icon
-            ? (React.createElement("span", { className: "shrink-0 text-muted-foreground transition-colors group-hover:text-foreground" }, icon))
+            ? (React.createElement("span", { className: "shrink-0 text-[var(--input-placeholder)] transition-colors group-hover:text-[var(--foreground)]" }, icon))
             : null,
-        React.createElement("span", { className: "line-clamp-2" }, suggestion)));
+        React.createElement("span", { className: "line-clamp-1" }, suggestion)));
 }
 export function Suggestions({ children, className, layout = "grid", }) {
     const containerClassName = layout === "horizontal"
         ? "flex gap-2 overflow-x-auto pb-2 scrollbar-hide"
-        : "grid grid-cols-2 gap-3 max-w-2xl mx-auto";
+        : "flex flex-wrap justify-center gap-2 max-w-2xl mx-auto";
     return React.createElement("div", { className: cn(containerClassName, className) }, children);
 }
 export function ConversationEmptyState({ icon, title = "What can I help with?", description, children, className, }) {
     return (React.createElement("div", { className: cn("flex flex-col items-center justify-center text-center", className) },
-        icon ? React.createElement("div", { className: "mb-4 text-muted-foreground" }, icon) : null,
-        React.createElement("h1", { className: "text-3xl font-semibold text-foreground" }, title),
+        icon
+            ? (React.createElement("div", { className: "mb-4 text-[var(--muted-foreground)]" }, icon))
+            : null,
+        React.createElement("h1", { className: "text-2xl font-medium text-[var(--foreground)] tracking-tight" }, title),
         description
-            ? React.createElement("p", { className: "mt-2 max-w-md text-base text-muted-foreground" }, description)
+            ? (React.createElement("p", { className: "mt-2 max-w-sm text-sm text-[var(--muted-foreground)] leading-relaxed" }, description))
             : null,
         children));
 }
 export function ConversationScrollButton({ onClick, visible = true, className, }) {
     if (!visible)
         return null;
-    return (React.createElement("button", { type: "button", onClick: onClick, className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full border border-border bg-background p-2 shadow-lg transition-all hover:bg-muted", className) },
+    return (React.createElement("button", { type: "button", onClick: onClick, className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full border border-[var(--border)] bg-[var(--card)] p-2 shadow-lg transition-all hover:bg-[var(--accent)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2", className) },
         React.createElement(ArrowDownIcon, { className: "size-4" })));
 }

package/esm/src/react/components/ai/chat/components/inference-badge.js

@@ -30,7 +30,7 @@ export function InferenceBadge({ inferenceMode, browserStatus, }) {
         label = "Running locally";
         dotColor = "bg-green-500";
     }
-    return (React.createElement("div", { className: "flex items-center gap-1.5 px-3 py-1 text-xs text-neutral-500 dark:text-neutral-400" },
+    return (React.createElement("div", { className: "flex items-center gap-1.5 px-3 py-1 text-xs text-[var(--muted-foreground)]" },
         React.createElement("span", { className: `size-1.5 rounded-full ${dotColor} ${showProgress ? "animate-pulse" : ""}` }),
         React.createElement("span", null, label)));
 }

package/esm/src/react/components/ai/chat/components/inline-citation.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Source } from "./sources.js";
+export interface InlineCitationProps {
+    index: number;
+    source?: Source;
+    className?: string;
+    onClick?: (index: number) => void;
+}
+export declare function InlineCitation({ index, source, className, onClick, }: InlineCitationProps): React.ReactElement;
+//# sourceMappingURL=inline-citation.d.ts.map

package/esm/src/react/components/ai/chat/components/inline-citation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-citation.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/inline-citation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAoI1C"}