echospace 0.1.0-alpha.1 → 0.1.0-alpha.3

package/README.md

@@ -1,6 +1,10 @@
-# EchoSpace
+<p align="center">
+  <img src="assets/echospace-logo/echospace-logo.png" alt="EchoSpace" width="128" />
+</p>
 
-**The open-source, local-first prompt debugging workspace for LLM developers.**
+<h1 align="center">EchoSpace</h1>
+
+<p align="center"><strong>The open-source, local-first prompt debugging workspace for LLM developers.</strong></p>
 
 Debug, iterate, and manage your prompts across OpenAI, Anthropic, and Google — all from your terminal. No cloud, no accounts, no lock-in.
 
@@ -18,7 +22,7 @@ MIT-licensed. Pluggable provider adapters (OpenAI, Anthropic, Google). YAML-base
 
 ### CLI & SDK
 
-`npx echospace` to launch. Core TypeScript modules (`parseEcho`, `serializeEcho`, `smartParse`, provider registry) can be imported as a library for building your own tools.
+`npx echospace@alpha` to launch. Core TypeScript modules (`parseEcho`, `serializeEcho`, `smartParse`, provider registry) can be imported as a library for building your own tools.
 
 ---
 
@@ -41,28 +45,36 @@ MIT-licensed. Pluggable provider adapters (OpenAI, Anthropic, Google). YAML-base
 
 EchoSpace ships with agent skills that work with any coding agent — [Claude Code](https://docs.anthropic.com/en/docs/claude-code), [OpenAI Codex](https://openai.com/index/codex/), or any tool that supports the skills/SKILL.md convention.
 
-**Claude Code:**
-
 ```bash
-claude install-skill https://github.com/stonexer/echospace/tree/master/skills/echospace
+npx skills add https://github.com/stonexer/echospace/tree/master/skills/echospace
 ```
 
-**Other agents:** Copy the `skills/echospace/` directory into your project's skills folder.
-
 ### 2. Configure providers
 
-Run the interactive setup wizard in your coding agent:
+```bash
+npx echospace init
+```
 
 ```
-/echospace:init
+◆ Which LLM service do you use?
+│ ○ OpenAI
+│ ○ Anthropic (Claude)
+│ ○ Google (Gemini)
+│ ○ Vercel AI Gateway
+│ ○ Custom Gateway (OpenAI-compatible)
+
+◆ Enter your API Key:
+│ sk-xxxxxxxx
+
+✓ Config saved to ~/.echospace/config.yaml
 ```
 
-This will guide you through selecting LLM providers (OpenAI, Anthropic, Google, Vercel AI Gateway) and entering API keys. The config is saved to `~/.echospace/config.yaml`.
+Or use the agent skill: `/echospace:init`
 
 ### 3. Launch
 
 ```bash
-npx echospace
+npx echospace@alpha
 ```
 
 Or install globally:
@@ -82,7 +94,7 @@ This will:
   ║           EchoSpace v0.1.0          ║
   ╠══════════════════════════════════════╣
   ║  Workspace: /my-project/.echo        ║
-  ║  URL:       http://localhost:7788    ║
+  ║  URL:       http://localhost:3240    ║
   ╚══════════════════════════════════════╝
 ```
 
@@ -100,7 +112,7 @@ This will:
 echospace [workdir] [options]
 
   [workdir]           Workspace directory (default: ".")
-  -p, --port <port>   Port to serve on (default: auto-select 7788-7799)
+  -p, --port <port>   Port to serve on (default: auto-select 3240-3249)
   --no-open           Don't open browser automatically
 ```
 
@@ -120,24 +132,6 @@ Each message can contain multiple part types: `text`, `thinking`, `tool_call`, `
 
 ---
 
-## Architecture
-
-```
-┌─────────┐       ┌──────────────┐       ┌──────────────────┐
-│  CLI    │──────▶│  Hono Server │──────▶│ Provider Adapters│
-│ (Commander)     │  (localhost)  │       │ ┌──────────────┐ │
-└─────────┘       │              │       │ │   OpenAI      │ │──▶ LLM APIs
-                  │  /api/*      │       │ │   Anthropic   │ │
-┌─────────┐       │              │       │ │   Google      │ │
-│ React UI│◀─────▶│  Static files│       │ └──────────────┘ │
-│ (browser)│      └──────────────┘       └──────────────────┘
-└─────────┘
-```
-
-**Tech stack:** React 19 · Hono · Zustand · Tailwind CSS 4 · Vite · CodeMirror · tiktoken
-
----
-
 ## Configuration
 
 On first launch, EchoSpace creates `~/.echospace/config.yaml`. Fill in the `api_key` for the providers you want to use — unconfigured providers are automatically ignored.
@@ -177,38 +171,13 @@ providers:
 
 ---
 
-## SDK / Programmatic Usage
-
-Core modules can be imported directly for building your own tooling:
-
-```typescript
-import { parseEcho, serializeEcho } from "echospace/core/echo";
-import { smartParse, detectFormat } from "echospace/core/smart-paste";
-import { createProviderRegistry } from "echospace/core/providers/registry";
-
-// Parse a .echo file
-const conversation = parseEcho(fileContents);
-console.log(conversation.meta.title);
-console.log(conversation.messages.length);
-
-// Detect and convert from other formats
-const format = detectFormat(clipboardText); // "openai" | "anthropic" | "google" | "raw" | ...
-const messages = smartParse(clipboardText);
-
-// Create a provider registry
-const registry = createProviderRegistry();
-const adapter = registry.get("openai");
-```
-
----
-
 ## Development
 
 ```bash
 # Install dependencies
 pnpm install
 
-# Start dev server (UI on :5173, API on :7788)
+# Start dev server (UI on :5173, API on :3240)
 pnpm dev
 
 # Other scripts

package/dist/cli/index.js

@@ -4,8 +4,8 @@
 import { Command } from "commander";
 import getPort, { portNumbers } from "get-port";
 import fs3 from "fs";
-import { homedir } from "os";
-import path4 from "path";
+import { homedir as homedir2 } from "os";
+import path5 from "path";
 import open from "open";
 
 // src/server/services/config.ts
@@ -104,7 +104,7 @@ function toAnthropicContent(msg) {
       case "tool_result":
         blocks.push({
           type: "tool_result",
-          tool_use_id: part.id,
+          tool_use_id: part.tool_call_id,
           content: typeof part.output === "string" ? part.output : JSON.stringify(part.output),
           is_error: part.is_error
         });
@@ -132,7 +132,7 @@ var anthropicAdapter = {
     const url = `${baseUrl.replace(/\/$/, "")}/v1/messages`;
     const systemMessages = messages.filter((m) => m.role === "system");
     const nonSystemMessages = messages.filter((m) => m.role !== "system");
-    const system = systemMessages.flatMap((m) => m.parts.filter((p) => p.type === "text")).map((p) => p.text).join("\n\n");
+    const system = systemMessages.flatMap((m) => m.parts.filter((p2) => p2.type === "text")).map((p2) => p2.text).join("\n\n");
     const body = {
       model: settings.model ?? config.models[0],
       messages: nonSystemMessages.map((msg) => ({
@@ -232,7 +232,7 @@ function toGeminiContent(msg) {
       case "tool_result":
         parts.push({
           functionResponse: {
-            name: part.id,
+            name: part.tool_call_id,
             response: { result: part.output }
           }
         });
@@ -262,7 +262,7 @@ var googleAdapter = {
     const nonSystemMessages = messages.filter((m) => m.role !== "system");
     const systemInstruction = systemMessages.length > 0 ? {
       parts: systemMessages.flatMap(
-        (m) => m.parts.filter((p) => p.type === "text").map((p) => ({ text: p.text }))
+        (m) => m.parts.filter((p2) => p2.type === "text").map((p2) => ({ text: p2.text }))
       )
     } : void 0;
     const body = {
@@ -332,20 +332,20 @@ var googleAdapter = {
 // src/core/providers/openai.ts
 function toOpenAIMessage(msg) {
   const result = { role: msg.role };
-  const textParts = msg.parts.filter((p) => p.type === "text");
-  const toolCalls = msg.parts.filter((p) => p.type === "tool_call");
-  const toolResults = msg.parts.filter((p) => p.type === "tool_result");
-  const thinkingParts = msg.parts.filter((p) => p.type === "thinking");
+  const textParts = msg.parts.filter((p2) => p2.type === "text");
+  const toolCalls = msg.parts.filter((p2) => p2.type === "tool_call");
+  const toolResults = msg.parts.filter((p2) => p2.type === "tool_result");
+  const thinkingParts = msg.parts.filter((p2) => p2.type === "thinking");
   if (msg.role === "tool" && toolResults.length > 0) {
     const tr = toolResults[0];
     result.content = typeof tr.output === "string" ? tr.output : JSON.stringify(tr.output);
-    result.tool_call_id = tr.id;
+    result.tool_call_id = tr.tool_call_id;
     return result;
   }
   if (msg.role === "assistant") {
-    result.content = textParts.map((p) => p.text).join("") || null;
+    result.content = textParts.map((p2) => p2.text).join("") || null;
     if (thinkingParts.length > 0) {
-      result.reasoning_content = thinkingParts.map((p) => p.text).join("");
+      result.reasoning_content = thinkingParts.map((p2) => p2.text).join("");
     }
     if (toolCalls.length > 0) {
       result.tool_calls = toolCalls.map((tc) => ({
@@ -359,7 +359,7 @@ function toOpenAIMessage(msg) {
     }
     return result;
   }
-  result.content = textParts.map((p) => p.text).join("");
+  result.content = textParts.map((p2) => p2.text).join("");
   return result;
 }
 var openaiAdapter = {
@@ -471,7 +471,7 @@ function chatRoutes(options) {
     const config = loadConfig(options.configDir);
     const providerList = config.providers ?? [];
     const providerConfig = providerList.find(
-      (p) => p.name === providerName
+      (p2) => p2.name === providerName
     );
     if (!providerConfig) {
       return c.json(
@@ -589,22 +589,22 @@ function normalizeMessage(message) {
   if (!msg.created_at && (raw.ts || raw.timestamp)) {
     msg = { ...msg, created_at: raw.ts ?? raw.timestamp };
   }
-  const needsPartNormalization = msg.parts.some((p) => {
-    if (p.type !== "tool_result") return false;
-    const r = p;
-    return !r.id && (r.tool_call_id || r.tool_use_id);
+  const needsPartNormalization = msg.parts.some((p2) => {
+    if (p2.type !== "tool_result") return false;
+    const r = p2;
+    return !r.tool_call_id && (r.id || r.tool_use_id);
   });
   if (needsPartNormalization) {
     msg = {
       ...msg,
-      parts: msg.parts.map((p) => {
-        if (p.type !== "tool_result") return p;
-        const r = p;
-        if (!r.id && (r.tool_call_id || r.tool_use_id)) {
-          const { tool_call_id, tool_use_id, ...rest } = r;
-          return { ...rest, id: tool_call_id ?? tool_use_id };
+      parts: msg.parts.map((p2) => {
+        if (p2.type !== "tool_result") return p2;
+        const r = p2;
+        if (!r.tool_call_id && (r.id || r.tool_use_id)) {
+          const { id, tool_use_id, ...rest } = r;
+          return { ...rest, tool_call_id: id ?? tool_use_id };
         }
-        return p;
+        return p2;
       })
     };
   }
@@ -804,14 +804,14 @@ function configRoutes(options) {
   app.get("/providers", async (c) => {
     const config = loadConfig(options.configDir);
     const providerList = config.providers ?? [];
-    const providers = providerList.filter((p) => {
-      if (p.api_key == null) return true;
-      const resolved = p.api_key.replace(/\$\{(\w+)\}/g, (_, name) => process.env[name] ?? "");
+    const providers = providerList.filter((p2) => {
+      if (p2.api_key == null) return true;
+      const resolved = p2.api_key.replace(/\$\{(\w+)\}/g, (_, name) => process.env[name] ?? "");
       return resolved.length > 0;
-    }).map((p) => ({
-      name: p.name,
-      type: p.type,
-      models: p.models ?? []
+    }).map((p2) => ({
+      name: p2.name,
+      type: p2.type,
+      models: p2.models ?? []
     }));
     return c.json({ providers });
   });
@@ -862,11 +862,156 @@ function startServer(options) {
   return app;
 }
 
-// src/cli/index.ts
-var VERSION = "0.1.0-alpha.1";
+// src/cli/init.ts
+import * as p from "@clack/prompts";
+import { homedir } from "os";
+import path4 from "path";
 var CONFIG_DIR = path4.join(homedir(), ".echospace");
+var PROVIDER_PRESETS = {
+  openai: {
+    name: "openai",
+    type: "openai",
+    models: [
+      "gpt-4.1",
+      "gpt-4.1-mini",
+      "gpt-4.1-nano",
+      "gpt-4o",
+      "gpt-4o-mini",
+      "o3",
+      "o3-mini",
+      "o4-mini"
+    ]
+  },
+  anthropic: {
+    name: "anthropic",
+    type: "anthropic",
+    models: ["claude-sonnet-4-6", "claude-haiku-4-5"]
+  },
+  google: {
+    name: "google",
+    type: "google",
+    models: ["gemini-2.5-pro", "gemini-2.5-flash", "gemini-2.0-flash"]
+  },
+  vercel: {
+    name: "vercel-ai-gateway",
+    type: "openai",
+    base_url: "https://ai-gateway.vercel.sh/v1",
+    models: [
+      "anthropic/claude-sonnet-4-6",
+      "anthropic/claude-haiku-4-5",
+      "openai/gpt-4.1",
+      "openai/gpt-4.1-mini",
+      "openai/gpt-4o",
+      "openai/gpt-4o-mini",
+      "google/gemini-2.5-pro",
+      "google/gemini-2.5-flash",
+      "google/gemini-2.0-flash"
+    ]
+  }
+};
+function isCancel2(value) {
+  return p.isCancel(value);
+}
+async function runInit() {
+  p.intro("EchoSpace Setup");
+  const service = await p.select({
+    message: "Which LLM service do you use?",
+    options: [
+      { value: "openai", label: "OpenAI" },
+      { value: "anthropic", label: "Anthropic (Claude)" },
+      { value: "google", label: "Google (Gemini)" },
+      { value: "vercel", label: "Vercel AI Gateway" },
+      { value: "custom", label: "Custom Gateway (OpenAI-compatible)" }
+    ]
+  });
+  if (isCancel2(service)) {
+    p.cancel("Setup cancelled.");
+    process.exit(0);
+  }
+  const apiKey = await p.password({
+    message: "Enter your API Key:"
+  });
+  if (isCancel2(apiKey)) {
+    p.cancel("Setup cancelled.");
+    process.exit(0);
+  }
+  let provider;
+  if (service === "custom") {
+    const baseUrl = await p.text({
+      message: "Base URL (e.g. https://my-proxy.example.com/v1):",
+      validate: (v) => {
+        if (!v.trim()) return "URL is required";
+        try {
+          new URL(v.trim());
+        } catch {
+          return "Invalid URL";
+        }
+      }
+    });
+    if (isCancel2(baseUrl)) {
+      p.cancel("Setup cancelled.");
+      process.exit(0);
+    }
+    const apiType = await p.select({
+      message: "Compatible API type:",
+      options: [
+        { value: "openai", label: "OpenAI" },
+        { value: "anthropic", label: "Anthropic" },
+        { value: "google", label: "Google" }
+      ]
+    });
+    if (isCancel2(apiType)) {
+      p.cancel("Setup cancelled.");
+      process.exit(0);
+    }
+    const modelsInput = await p.text({
+      message: "Model names (comma-separated, or press enter to skip):",
+      defaultValue: ""
+    });
+    if (isCancel2(modelsInput)) {
+      p.cancel("Setup cancelled.");
+      process.exit(0);
+    }
+    const models = modelsInput.split(",").map((m) => m.trim()).filter(Boolean);
+    provider = {
+      name: "custom",
+      type: apiType,
+      api_key: apiKey,
+      base_url: baseUrl.trim(),
+      models
+    };
+  } else {
+    const preset = PROVIDER_PRESETS[service];
+    provider = {
+      ...preset,
+      api_key: apiKey
+    };
+  }
+  const config = loadConfig(CONFIG_DIR);
+  const providers = config.providers ?? [];
+  const existingIdx = providers.findIndex((existing) => {
+    if (provider.base_url || existing.base_url) {
+      return existing.type === provider.type && existing.base_url === provider.base_url;
+    }
+    return existing.type === provider.type;
+  });
+  if (existingIdx >= 0) {
+    providers[existingIdx] = provider;
+  } else {
+    providers.push(provider);
+  }
+  config.providers = providers;
+  saveConfig(CONFIG_DIR, config);
+  const configPath = path4.join(CONFIG_DIR, "config.yaml");
+  p.log.success(`Config saved to ${configPath}`);
+  p.outro("You're all set! Run `npx echospace` to start.");
+}
+
+// src/cli/index.ts
+var VERSION = "0.1.0-alpha.3";
+var CONFIG_DIR2 = path5.join(homedir2(), ".echospace");
 function loadEnvFile(dir) {
-  const envPath = path4.join(dir, ".env");
+  const envPath = path5.join(dir, ".env");
   if (!fs3.existsSync(envPath)) return;
   const lines = fs3.readFileSync(envPath, "utf-8").split("\n");
   for (const line of lines) {
@@ -883,26 +1028,28 @@ function loadEnvFile(dir) {
 }
 var program = new Command();
 program.name("echospace").description("The best open-source local prompt debugging tool").version(VERSION).argument("[workdir]", "Workspace directory", ".").option("-p, --port <port>", "Port to serve on").option("--no-open", "Don't open browser automatically").action(async (workdir, options) => {
-  const baseDir = path4.resolve(process.cwd(), workdir);
-  const workspaceDir = path4.join(baseDir, ".echo");
+  const baseDir = path5.resolve(process.cwd(), workdir);
+  const workspaceDir = path5.join(baseDir, ".echo");
   loadEnvFile(baseDir);
   loadEnvFile(process.cwd());
   if (!fs3.existsSync(workspaceDir)) {
     fs3.mkdirSync(workspaceDir, { recursive: true });
   }
-  fs3.mkdirSync(CONFIG_DIR, { recursive: true });
-  ensureConfig(CONFIG_DIR);
-  const port = options.port ? parseInt(options.port, 10) : await getPort({ port: portNumbers(7788, 7799) });
+  fs3.mkdirSync(CONFIG_DIR2, { recursive: true });
+  ensureConfig(CONFIG_DIR2);
+  const port = options.port ? parseInt(options.port, 10) : await getPort({ port: portNumbers(3240, 3249) });
+  const url = `http://localhost:${port}`;
   console.log(`
-  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
-  \u2551           EchoSpace v${VERSION.padEnd(12)}\u2551
-  \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563
-  \u2551  Workspace: ${workspaceDir.padEnd(24)}\u2551
-  \u2551  URL:       http://localhost:${String(port).padEnd(8)}\u2551
-  \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588
+  \u2588\u2588          \u2588\u2588   EchoSpace v${VERSION}
+  \u2588\u2588  \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588
+  \u2588\u2588  \u2588\u2588  \u2588\u2588  \u2588\u2588   Workspace  ${workspaceDir}
+  \u2588\u2588  \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588   URL        ${url}
+  \u2588\u2588          \u2588\u2588
+  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588
 `);
   const isDev = process.env.NODE_ENV !== "production" && import.meta.url.includes("/src/");
-  startServer({ port, workspaceDir, configDir: CONFIG_DIR, dev: isDev });
+  startServer({ port, workspaceDir, configDir: CONFIG_DIR2, dev: isDev });
   if (options.open) {
     await open(`http://localhost:${port}`);
   }
@@ -913,4 +1060,5 @@ program.name("echospace").description("The best open-source local prompt debuggi
   process.on("SIGINT", shutdown);
   process.on("SIGTERM", shutdown);
 });
+program.command("init").description("Interactive setup for LLM provider configuration").action(runInit);
 program.parse();

package/dist/client/assets/index-gZkfzHQ0.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:"Geist Pixel Square", ui-monospace, monospace;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--tracking-wider:.05em;--radius-sm:2px;--radius-md:4px;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-1:var(--bg-1);--color-bg-1-1:var(--bg-1-1);--color-bg-1-2:var(--bg-1-2);--color-bg-2:var(--bg-2);--color-bg-3:var(--bg-3);--color-bg-4:var(--bg-4);--color-bg-5:var(--bg-5);--color-primary:var(--primary);--color-destructive:var(--danger);--color-border:var(--border-1);--color-text-normal:var(--text-normal);--color-text-secondary:var(--text-secondary);--color-text-desc:var(--text-desc);--color-text-placeholder:var(--text-placeholder)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3{top:calc(var(--spacing) * -3)}.top-\[7px\]{top:7px}.top-\[calc\(100\%\+2px\)\]{top:calc(100% + 2px)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-\[3px\]{left:3px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[7px\]{width:7px;height:7px}.size-\[9px\]{width:9px;height:9px}.size-\[10px\]{width:10px;height:10px}.size-\[11px\]{width:11px;height:11px}.size-\[80px\]{width:80px;height:80px}.h-0{height:calc(var(--spacing) * 0)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[200px\]{max-height:200px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[36px\]{min-height:36px}.w-7{width:calc(var(--spacing) * 7)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[120px\]{max-width:120px}.max-w-\[240px\]{max-width:240px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-1{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[1\.4\]{scale:1.4}.scale-\[1\.6\]{scale:1.6}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[3px\]{gap:3px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--success\)\]\/30{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--success\)\]\/30{border-color:color-mix(in oklab,var(--success) 30%,transparent)}}.border-border,.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.border-destructive\/30{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--color-destructive) 30%,transparent)}}.border-primary,.border-primary\/40{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.bg-\[var\(--role-assistant-bg\)\]{background-color:var(--role-assistant-bg)}.bg-\[var\(--role-system-bg\)\]{background-color:var(--role-system-bg)}.bg-\[var\(--role-tool-bg\)\]{background-color:var(--role-tool-bg)}.bg-\[var\(--role-user-bg\)\]{background-color:var(--role-user-bg)}.bg-\[var\(--success\)\]\/10{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--success\)\]\/10{background-color:color-mix(in oklab,var(--success) 10%,transparent)}}.bg-\[var\(--success\)\]\/60{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--success\)\]\/60{background-color:color-mix(in oklab,var(--success) 60%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-bg-1{background-color:var(--color-bg-1)}.bg-bg-1-1{background-color:var(--color-bg-1-1)}.bg-bg-1-2{background-color:var(--color-bg-1-2)}.bg-bg-2{background-color:var(--color-bg-2)}.bg-bg-3{background-color:var(--color-bg-3)}.bg-bg-5{background-color:var(--color-bg-5)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-destructive,.bg-destructive\/5{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--color-destructive) 5%,transparent)}}.bg-destructive\/90{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/90{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.bg-primary,.bg-primary\/15{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.bg-primary\/50{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/50{background-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.bg-text-normal{background-color:var(--color-text-normal)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-\[3px\]{padding:3px}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\[1px\]{padding-block:1px}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[6px\]{padding-block:6px}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#7a5a96\]{color:#7a5a96}.text-\[\#9a7030\]{color:#9a7030}.text-\[var\(--role-assistant-text\)\]{color:var(--role-assistant-text)}.text-\[var\(--role-system-text\)\]{color:var(--role-system-text)}.text-\[var\(--role-tool-text\)\]{color:var(--role-tool-text)}.text-\[var\(--role-user-text\)\]{color:var(--role-user-text)}.text-\[var\(--success\)\]{color:var(--success)}.text-amber-600{color:var(--color-amber-600)}.text-primary{color:var(--color-primary)}.text-text-desc{color:var(--color-text-desc)}.text-text-normal{color:var(--color-text-normal)}.text-text-placeholder{color:var(--color-text-placeholder)}.text-text-secondary{color:var(--color-text-secondary)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_12px_var\(--shadow-streaming\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--shadow-streaming));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-panel{--tw-shadow:var(--shadow-panel-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.\[animation-duration\:2s\]{animation-duration:2s}@media(hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:bg-\[var\(--success\)\]:is(:where(.group):hover *){background-color:var(--success)}.group-hover\:bg-amber-400:is(:where(.group):hover *){background-color:var(--color-amber-400)}.group-hover\:bg-text-desc:is(:where(.group):hover *){background-color:var(--color-text-desc)}.group-hover\:text-text-desc:is(:where(.group):hover *){color:var(--color-text-desc)}.group-hover\/img\:opacity-100:is(:where(.group\/img):hover *){opacity:1}.group-hover\/stats\:pointer-events-auto:is(:where(.group\/stats):hover *){pointer-events:auto}.group-hover\/stats\:opacity-100:is(:where(.group\/stats):hover *){opacity:1}}.placeholder\:text-text-placeholder::placeholder{color:var(--color-text-placeholder)}@media(hover:hover){.hover\:border-bg-5:hover{border-color:var(--color-bg-5)}.hover\:bg-\[var\(--success\)\]:hover{background-color:var(--success)}.hover\:bg-amber-500\/25:hover{background-color:#f99c0040}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/25:hover{background-color:color-mix(in oklab,var(--color-amber-500) 25%,transparent)}}.hover\:bg-bg-1-2:hover{background-color:var(--color-bg-1-2)}.hover\:bg-bg-2:hover{background-color:var(--color-bg-2)}.hover\:bg-bg-4:hover{background-color:var(--color-bg-4)}.hover\:bg-destructive:hover,.hover\:bg-destructive\/90:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.hover\:bg-primary\/40:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/40:hover{background-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-text-desc:hover{background-color:var(--color-text-desc)}.hover\:text-destructive:hover{color:var(--color-destructive)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus\:border-bg-5:focus{border-color:var(--color-bg-5)}.focus\:border-primary:focus{border-color:var(--color-primary)}.active\:bg-primary\/60:active{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.active\:bg-primary\/60:active{background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}.disabled\:opacity-30:disabled{opacity:.3}@media not all and (min-width:48rem){.max-md\:opacity-100{opacity:1}}@media(min-width:48rem){.md\:opacity-0{opacity:0}@media(hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}}@font-face{font-family:Geist;src:url(/assets/Geist-Variable-CrgPqtmy.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Italic-Variable-vKc54d3Z.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-BNLlm6Cd.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Italic-Variable-MBthCoE1.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/assets/GeistPixel-Square-CwnHaJd_.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-1:#faf7f1;--bg-1-1:#f5f1e9;--bg-1-2:#efeadf;--bg-2:#e9e3d6;--bg-3:#e2dace;--bg-4:#d6cebf;--bg-5:#c7bead;--text-emphasize:#1a1510;--text-normal:#2e2720;--text-secondary:#544b40;--text-desc:#847768;--text-placeholder:#b0a393;--text-disable:#ccc2b4;--border-1:#d8d0c2;--primary:#a3623a;--primary-light:#a3623a1a;--danger:#b04a3a;--danger-light:#b04a3a14;--success:#5a7e45;--success-light:#5a7e451a;--role-system-bg:#785a961a;--role-system-text:#7a5a96;--role-user-bg:#a3623a1a;--role-user-text:#a3623a;--role-assistant-bg:#5a7e451a;--role-assistant-text:#4a7040;--role-tool-bg:#b282321a;--role-tool-text:#9a7030;--selection-color:#a3623a2e;--shadow-card-value:0 1px 3px 0 #503c1e0f, 0 1px 2px -1px #503c1e0f;--shadow-panel-value:0 4px 12px 0 #503c1e14;--shadow-modal-value:0 8px 24px 0 #503c1e1f;--shadow-focus-value:0 0 0 3px #a3623a26;--shadow-streaming:#a3623a14}[data-theme=dusk]{--bg-1:#f4f5f6;--bg-1-1:#edeff2;--bg-1-2:#e4e7eb;--bg-2:#dcdfe5;--bg-3:#d4d7de;--bg-4:#c8ccd4;--bg-5:#bcc1ca;--text-emphasize:#191c21;--text-normal:#282c33;--text-secondary:#444952;--text-desc:#747a85;--text-placeholder:#a0a5ae;--text-disable:#c0c4cb;--border-1:#d0d3d9;--primary:#6a7fa8;--primary-light:#6a7fa81a;--danger:#b04a3a;--danger-light:#b04a3a14;--success:#5a8060;--success-light:#5a80601a;--role-system-bg:#8264961a;--role-system-text:#7a5a96;--role-user-bg:#6a7fa81f;--role-user-text:#4a6590;--role-assistant-bg:#50915f1f;--role-assistant-text:#3d7a4a;--role-tool-bg:#aa8c3c1a;--role-tool-text:#8a7030;--selection-color:#6a7fa82e;--shadow-card-value:0 1px 3px 0 #3237410f, 0 1px 2px -1px #3237410f;--shadow-panel-value:0 4px 12px 0 #32374114;--shadow-modal-value:0 8px 24px 0 #3237411f;--shadow-focus-value:0 0 0 3px #6a7fa826;--shadow-streaming:#6a7fa814}[data-theme=ember]{--bg-1:#1a1815;--bg-1-1:#222019;--bg-1-2:#2a2722;--bg-2:#2e2b26;--bg-3:#3a352e;--bg-4:#454037;--bg-5:#544e44;--text-emphasize:#f5e1c0;--text-normal:#dcd2bc;--text-secondary:#b8ab94;--text-desc:#8a7e6a;--text-placeholder:#665c4d;--text-disable:#4d453a;--border-1:#3a352e;--primary:#c4784a;--primary-light:#c4784a1f;--danger:#b04a3a;--danger-light:#b04a3a1f;--success:#5a7e45;--success-light:#5a7e451f;--role-system-bg:#8264a026;--role-system-text:#a088c0;--role-user-bg:#c4784a33;--role-user-text:#c4784a;--role-assistant-bg:#5a7e4526;--role-assistant-text:#7eaa62;--role-tool-bg:#b2823226;--role-tool-text:#d4a017;--selection-color:#c4784a40;--shadow-card-value:0 1px 4px 0 #00000080, 0 1px 2px -1px #0000004d;--shadow-panel-value:0 4px 12px 0 #0006;--shadow-modal-value:0 8px 24px 0 #00000080;--shadow-focus-value:0 0 0 3px #c4784a33;--shadow-streaming:#c4784a1a}[data-theme=slate]{--bg-1:#191c21;--bg-1-1:#1e2128;--bg-1-2:#262a32;--bg-2:#2d323d;--bg-3:#363c4a;--bg-4:#414858;--bg-5:#4d5568;--text-emphasize:#f1f3f5;--text-normal:#e4e7eb;--text-secondary:#a0a5ae;--text-desc:#747a85;--text-placeholder:#5c6370;--text-disable:#444b5a;--border-1:#2d323d;--primary:#6a7fa8;--primary-light:#6a7fa81f;--danger:#c55a4a;--danger-light:#c55a4a1f;--success:#5a8060;--success-light:#5a80601f;--role-system-bg:#8264a026;--role-system-text:#a088c0;--role-user-bg:#6a7fa826;--role-user-text:#7a9bcc;--role-assistant-bg:#5a806026;--role-assistant-text:#81c784;--role-tool-bg:#aa8c3c26;--role-tool-text:#e2b340;--selection-color:#6a7fa840;--shadow-card-value:0 1px 4px 0 #00000080, 0 1px 2px -1px #0000004d;--shadow-panel-value:0 4px 12px 0 #0006;--shadow-modal-value:0 8px 24px 0 #00000080;--shadow-focus-value:0 0 0 3px #6a7fa833;--shadow-streaming:#6a7fa81a}*{border-color:var(--border-1)}body{background-color:var(--bg-1);color:var(--text-normal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:12.5px;line-height:19px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-disable)}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}::selection{background:var(--selection-color)}textarea{font-family:inherit}textarea:focus{outline:none}.section-label{font-family:var(--font-serif);letter-spacing:.04em;color:var(--text-desc);font-size:11px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}