@astro-minimax/ai 0.9.0 → 0.9.3

package/dist/components/ChatPanel.js

@@ -1,461 +1,36 @@
-// src/components/ChatPanel.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { h, Fragment } from 'preact';
 
 import { useChat } from "@ai-sdk/react";
 import { DefaultChatTransport } from "ai";
-
-// src/providers/mock.ts
-var MOCK_RESPONSES = [
-  {
-    patterns: [/astro/i, /框架/],
-    zh: `Astro \u662F\u4E00\u4E2A\u73B0\u4EE3\u5316\u7684\u9759\u6001\u7AD9\u70B9\u751F\u6210\u5668\uFF0C\u6838\u5FC3\u4F18\u52BF\u662F"\u5C9B\u5C7F\u67B6\u6784"\u2014\u2014\u9ED8\u8BA4\u96F6 JS\uFF0C\u53EA\u5728\u4EA4\u4E92\u7EC4\u4EF6\u4E0A\u52A0\u8F7D\u811A\u672C\u3002\u672C\u535A\u5BA2\u57FA\u4E8E Astro \u6784\u5EFA\u3002
-
-\u63A8\u8350\u9605\u8BFB\uFF1A
-- [\u5FEB\u901F\u4E0A\u624B\uFF1A\u4E24\u79CD\u96C6\u6210\u65B9\u5F0F](/zh/posts/getting-started) \u2014 \u4E86\u89E3\u5982\u4F55\u642D\u5EFA astro-minimax \u535A\u5BA2
-- [\u5982\u4F55\u914D\u7F6E\u4E3B\u9898](/zh/posts/how-to-configure-astro-minimax-theme) \u2014 \u81EA\u5B9A\u4E49\u4F60\u7684\u535A\u5BA2\u5916\u89C2
-
-\u5916\u90E8\u8D44\u6E90\uFF1A
-- [Astro \u5B98\u65B9\u6587\u6863](https://docs.astro.build) \u2014 \u6DF1\u5165\u5B66\u4E60 Astro \u6846\u67B6
-- [Astro \u4E3B\u9898\u5E02\u573A](https://astro.build/themes/) \u2014 \u53D1\u73B0\u66F4\u591A Astro \u4E3B\u9898`,
-    en: `Astro is a modern static site generator with an "Islands Architecture" \u2014 zero JS by default, loading scripts only for interactive components. This blog is built with Astro.
-
-Recommended reading:
-- [Getting Started: Two Integration Methods](/en/posts/getting-started) \u2014 Learn how to set up an astro-minimax blog
-- [How to Configure the Theme](/en/posts/how-to-configure-astro-minimax-theme) \u2014 Customize your blog
-
-External resources:
-- [Astro Documentation](https://docs.astro.build) \u2014 Learn Astro in depth
-- [Astro Themes](https://astro.build/themes/) \u2014 Discover more themes`
-  },
-  {
-    patterns: [/推荐|文章|看什么|读什么|recommend/i],
-    zh: `\u4EE5\u4E0B\u662F\u4E00\u4E9B\u70ED\u95E8\u6587\u7AE0\u63A8\u8350\uFF1A
-
-**\u5165\u95E8\u7CFB\u5217\uFF1A**
-- [\u5FEB\u901F\u4E0A\u624B\uFF1A\u4E24\u79CD\u96C6\u6210\u65B9\u5F0F](/zh/posts/getting-started) \u2014 \u642D\u5EFA\u4F60\u7684\u7B2C\u4E00\u4E2A\u535A\u5BA2
-- [\u5982\u4F55\u6DFB\u52A0\u65B0\u6587\u7AE0](/zh/posts/adding-new-post) \u2014 \u5185\u5BB9\u521B\u4F5C\u6307\u5357
-- [\u9884\u5B9A\u4E49\u914D\u8272\u65B9\u6848](/zh/posts/predefined-color-schemes) \u2014 \u9009\u4E00\u4E2A\u4F60\u559C\u6B22\u7684\u4E3B\u9898\u8272
-
-**\u6280\u672F\u6DF1\u5EA6\uFF1A**
-- [\u5982\u4F55\u5728\u535A\u5BA2\u4E2D\u4F7F\u7528 LaTeX \u516C\u5F0F](/zh/posts/how-to-add-latex-equations-in-blog-posts) \u2014 \u6570\u5B66\u516C\u5F0F\u652F\u6301
-- [\u52A8\u6001 OG \u56FE\u7247\u751F\u6210](/zh/posts/dynamic-og-images) \u2014 \u81EA\u52A8\u751F\u6210\u793E\u4EA4\u5206\u4EAB\u56FE
-
-\u4F60\u5BF9\u54EA\u4E2A\u65B9\u5411\u7684\u5185\u5BB9\u66F4\u611F\u5174\u8DA3\uFF1F\u6211\u53EF\u4EE5\u505A\u66F4\u7CBE\u51C6\u7684\u63A8\u8350\u3002`,
-    en: `Here are some recommended articles:
-
-**Getting Started:**
-- [Getting Started: Two Integration Methods](/en/posts/getting-started) \u2014 Build your first blog
-- [Adding New Posts](/en/posts/adding-new-post) \u2014 Content creation guide
-- [Predefined Color Schemes](/en/posts/predefined-color-schemes) \u2014 Pick your favorite theme color
-
-**Technical Deep Dives:**
-- [LaTeX Equations in Blog Posts](/en/posts/how-to-add-latex-equations-in-blog-posts) \u2014 Math formula support
-- [Dynamic OG Images](/en/posts/dynamic-og-images) \u2014 Auto-generate social share images
-
-What direction interests you more? I can provide more specific recommendations.`
-  },
-  {
-    patterns: [/博客|blog|功能|feature/i],
-    zh: `\u8FD9\u4E2A\u535A\u5BA2\u57FA\u4E8E **astro-minimax** \u4E3B\u9898\uFF0C\u529F\u80FD\u4E30\u5BCC\uFF1A
-
-\u6838\u5FC3\u529F\u80FD\uFF1AMarkdown/MDX\u3001\u4EE3\u7801\u9AD8\u4EAE\u3001[\u6570\u5B66\u516C\u5F0F(KaTeX)](/zh/posts/how-to-add-latex-equations-in-blog-posts)\u3001[Mermaid \u56FE\u8868](/zh/posts/mermaid-diagrams)\u3001\u6807\u7B7E\u5206\u7C7B\u3001\u5168\u6587\u641C\u7D22(Pagefind)\u3001[Waline \u8BC4\u8BBA](https://waline.js.org)\u3001\u6DF1\u8272\u6A21\u5F0F\u3002
-
-\u4E86\u89E3\u66F4\u591A\uFF1A
-- [\u914D\u7F6E\u6307\u5357](/zh/posts/how-to-configure-astro-minimax-theme) \u2014 \u5B8C\u6574\u914D\u7F6E\u9009\u9879
-- [Markdown \u6269\u5C55\u8BED\u6CD5](/zh/posts/markdown-extended) \u2014 \u6240\u6709\u652F\u6301\u7684\u8BED\u6CD5\u7279\u6027
-
-\u5F00\u6E90\u5730\u5740\uFF1A[souloss/astro-minimax](https://github.com/souloss/astro-minimax)`,
-    en: `This blog uses the **astro-minimax** theme with rich features:
-
-Core features: Markdown/MDX, syntax highlighting, [math equations (KaTeX)](/en/posts/how-to-add-latex-equations-in-blog-posts), [Mermaid diagrams](/en/posts/mermaid-diagrams), tags & categories, full-text search (Pagefind), [Waline comments](https://waline.js.org), dark mode.
-
-Learn more:
-- [Configuration Guide](/en/posts/how-to-configure-astro-minimax-theme) \u2014 Full config options
-- [Extended Markdown](/en/posts/markdown-extended) \u2014 All supported syntax features
-
-Open source: [souloss/astro-minimax](https://github.com/souloss/astro-minimax)`
-  },
-  {
-    patterns: [/主题|theme|暗色|dark|颜色|color|配色/i],
-    zh: `\u535A\u5BA2\u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\uFF0C\u53F3\u4E0B\u89D2\u6309\u94AE\u5373\u53EF\u5207\u6362\uFF0C\u4E5F\u4F1A\u81EA\u52A8\u68C0\u6D4B\u7CFB\u7EDF\u504F\u597D\u3002
-
-\u914D\u8272\u65B9\u6848\u53EF\u4EE5\u5728\u914D\u7F6E\u4E2D\u81EA\u5B9A\u4E49\uFF0C\u76EE\u524D\u63D0\u4F9B\u591A\u79CD\u9884\u8BBE\uFF1A
-- [\u9884\u5B9A\u4E49\u914D\u8272\u65B9\u6848](/zh/posts/predefined-color-schemes) \u2014 \u67E5\u770B\u6240\u6709\u53EF\u7528\u914D\u8272
-- [\u4E3B\u9898\u914D\u7F6E\u6307\u5357](/zh/posts/how-to-configure-astro-minimax-theme) \u2014 \u521B\u5EFA\u4F60\u81EA\u5DF1\u7684\u914D\u8272
-
-\u53C2\u8003 [Tailwind CSS \u8C03\u8272\u677F](https://tailwindcss.com/docs/customizing-colors) \u83B7\u53D6\u7075\u611F\u3002`,
-    en: `The blog supports light and dark themes \u2014 toggle with the bottom-right button or auto-detect system preference.
-
-Color schemes are customizable:
-- [Predefined Color Schemes](/en/posts/predefined-color-schemes) \u2014 See all available schemes
-- [Theme Configuration Guide](/en/posts/how-to-configure-astro-minimax-theme) \u2014 Create your own
-
-Check [Tailwind CSS Color Palette](https://tailwindcss.com/docs/customizing-colors) for inspiration.`
-  },
-  {
-    patterns: [/搭建|部署|deploy|build|install|安装|搭/i],
-    zh: `\u642D\u5EFA\u7C7B\u4F3C\u7684\u535A\u5BA2\u975E\u5E38\u7B80\u5355\uFF01\u6709\u4E24\u79CD\u65B9\u5F0F\uFF1A
-
-1. **GitHub \u6A21\u677F**\uFF08\u63A8\u8350\u65B0\u624B\uFF09\u2014 \u4E00\u952E Fork\uFF0C\u5F00\u7BB1\u5373\u7528
-2. **NPM \u5305\u96C6\u6210** \u2014 \u9002\u5408\u5185\u5BB9\u4E0E\u7CFB\u7EDF\u5206\u79BB\u7684\u8FDB\u9636\u7528\u6CD5
-
-\u8BE6\u7EC6\u6B65\u9AA4\u8BF7\u770B [\u5FEB\u901F\u4E0A\u624B](/zh/posts/getting-started)\u3002
-
-\u90E8\u7F72\u63A8\u8350 [Cloudflare Pages](https://pages.cloudflare.com)\uFF08\u514D\u8D39\u3001\u5168\u7403 CDN\uFF09\uFF0C\u4E5F\u652F\u6301 [Vercel](https://vercel.com) \u548C [Netlify](https://netlify.com)\u3002`,
-    en: `Setting up a similar blog is easy! Two methods:
-
-1. **GitHub Template** (recommended for beginners) \u2014 One-click fork, ready to use
-2. **NPM Package Integration** \u2014 For advanced content/system separation
-
-See [Getting Started](/en/posts/getting-started) for detailed steps.
-
-Deploy with [Cloudflare Pages](https://pages.cloudflare.com) (free, global CDN), or [Vercel](https://vercel.com) / [Netlify](https://netlify.com).`
-  },
-  {
-    patterns: [/rust/i],
-    zh: `\u535A\u5BA2\u4E2D\u6709\u4E00\u7CFB\u5217 Rust \u6587\u7AE0\uFF1A
-- [Rust \u5165\u95E8\u4ECB\u7ECD](/zh/posts/rust-series-01-introduction) \u2014 \u8BED\u8A00\u57FA\u7840
-- [\u6240\u6709\u6743\u7CFB\u7EDF](/zh/posts/rust-series-02-ownership) \u2014 Rust \u6838\u5FC3\u6982\u5FF5
-- [\u9519\u8BEF\u5904\u7406](/zh/posts/rust-series-03-error-handling) \u2014 Result \u548C Option
-- [\u5E76\u53D1\u7F16\u7A0B](/zh/posts/rust-series-04-concurrency) \u2014 \u5B89\u5168\u7684\u591A\u7EBF\u7A0B
-
-\u5916\u90E8\u5B66\u4E60\u8D44\u6E90\uFF1A
-- [The Rust Book](https://doc.rust-lang.org/book/) \u2014 \u5B98\u65B9\u6559\u7A0B
-- [Rust by Example](https://doc.rust-lang.org/rust-by-example/) \u2014 \u5B9E\u4F8B\u5B66\u4E60`,
-    en: `The blog has a Rust series:
-- [Rust Introduction](/en/posts/rust-series-01-introduction) \u2014 Language basics
-- [Ownership System](/en/posts/rust-series-02-ownership) \u2014 Core Rust concept
-- [Error Handling](/en/posts/rust-series-03-error-handling) \u2014 Result and Option
-- [Concurrency](/en/posts/rust-series-04-concurrency) \u2014 Safe multithreading
-
-External resources:
-- [The Rust Book](https://doc.rust-lang.org/book/) \u2014 Official tutorial
-- [Rust by Example](https://doc.rust-lang.org/rust-by-example/) \u2014 Learn by examples`
-  },
-  {
-    patterns: [/ai|人工智能|助手|assistant|chat/i],
-    zh: `\u6211\u662F\u8FD9\u4E2A\u535A\u5BA2\u7684 AI \u52A9\u624B\uFF01\u5F53\u524D\u8FD0\u884C\u5728 Demo \u6A21\u5F0F\uFF0C\u53EF\u4EE5\uFF1A
-- \u6839\u636E\u4F60\u7684\u95EE\u9898\u63A8\u8350\u76F8\u5173\u535A\u5BA2\u6587\u7AE0
-- \u63A8\u8350\u6709\u7528\u7684\u5916\u90E8\u5B66\u4E60\u8D44\u6E90
-- \u89E3\u7B54\u5173\u4E8E\u535A\u5BA2\u6280\u672F\u6808\u7684\u95EE\u9898
-
-\u542F\u7528\u5B8C\u6574 AI \u529F\u80FD\uFF08RAG \u641C\u7D22\u589E\u5F3A\uFF09\u9700\u8981\u914D\u7F6E \`AI_BASE_URL\` \u548C \`AI_API_KEY\` \u73AF\u5883\u53D8\u91CF\u3002
-
-\u8BD5\u8BD5\u95EE\u6211\uFF1A"\u6709\u54EA\u4E9B\u6587\u7AE0\u63A8\u8350\uFF1F" \u6216 "\u600E\u4E48\u642D\u5EFA\u7C7B\u4F3C\u7684\u535A\u5BA2\uFF1F"`,
-    en: `I'm the blog AI assistant! Currently in Demo mode, I can:
-- Recommend relevant blog articles based on your questions
-- Suggest useful external learning resources
-- Answer questions about the blog's tech stack
-
-For full AI features (RAG search enhancement), configure \`AI_BASE_URL\` and \`AI_API_KEY\` environment variables.
-
-Try asking: "Recommend some articles?" or "How to build a similar blog?"`
-  },
-  {
-    patterns: [/搜索|search|pagefind/i],
-    zh: `\u535A\u5BA2\u96C6\u6210\u4E86 [Pagefind](https://pagefind.app) \u5168\u6587\u641C\u7D22\u5F15\u64CE\uFF0C\u6784\u5EFA\u65F6\u81EA\u52A8\u7D22\u5F15\u3002\u70B9\u51FB\u9875\u9762\u9876\u90E8\u641C\u7D22\u56FE\u6807\u5373\u53EF\u4F7F\u7528\u3002
-
-\u4E86\u89E3\u66F4\u591A\u641C\u7D22\u529F\u80FD\uFF1A
-- [Pagefind \u5B98\u65B9\u6587\u6863](https://pagefind.app/docs/) \u2014 \u5B8C\u6574\u914D\u7F6E\u6307\u5357
-- \u641C\u7D22\u652F\u6301\u4E2D\u6587\u548C\u82F1\u6587\u5185\u5BB9`,
-    en: `The blog integrates [Pagefind](https://pagefind.app) for full-text search, auto-indexed at build time. Click the search icon at the top to use it.
-
-Learn more:
-- [Pagefind Documentation](https://pagefind.app/docs/) \u2014 Complete configuration guide
-- Search supports both Chinese and English content`
-  },
-  {
-    patterns: [/markdown|mdx|语法|syntax|公式|latex|mermaid|图表/i],
-    zh: `\u535A\u5BA2\u652F\u6301\u4E30\u5BCC\u7684\u5185\u5BB9\u8BED\u6CD5\uFF1A
-
-- [Markdown \u57FA\u7840\u8BED\u6CD5](/zh/posts/markdown-basics) \u2014 \u6807\u9898\u3001\u5217\u8868\u3001\u8868\u683C\u7B49
-- [Markdown \u6269\u5C55\u8BED\u6CD5](/zh/posts/markdown-extended) \u2014 \u811A\u6CE8\u3001\u9AD8\u4EAE\u3001\u6298\u53E0\u7B49
-- [LaTeX \u6570\u5B66\u516C\u5F0F](/zh/posts/how-to-add-latex-equations-in-blog-posts) \u2014 KaTeX \u6E32\u67D3
-- [Mermaid \u56FE\u8868](/zh/posts/mermaid-diagrams) \u2014 \u6D41\u7A0B\u56FE\u3001\u65F6\u5E8F\u56FE
-- [Markmap \u601D\u7EF4\u5BFC\u56FE](/zh/posts/markmap-mindmaps) \u2014 \u4EA4\u4E92\u5F0F\u601D\u7EF4\u5BFC\u56FE
-
-\u5916\u90E8\u53C2\u8003\uFF1A[GitHub Flavored Markdown](https://github.github.com/gfm/)`,
-    en: `The blog supports rich content syntax:
-
-- [Markdown Basics](/en/posts/markdown-basics) \u2014 Headings, lists, tables
-- [Extended Markdown](/en/posts/markdown-extended) \u2014 Footnotes, highlights, collapsible
-- [LaTeX Equations](/en/posts/how-to-add-latex-equations-in-blog-posts) \u2014 KaTeX rendering
-- [Mermaid Diagrams](/en/posts/mermaid-diagrams) \u2014 Flowcharts, sequence diagrams
-- [Markmap Mind Maps](/en/posts/markmap-mindmaps) \u2014 Interactive mind maps
-
-Reference: [GitHub Flavored Markdown](https://github.github.com/gfm/)`
-  }
-];
-var FALLBACK = {
-  zh: `\u611F\u8C22\u63D0\u95EE\uFF01\u6211\u76EE\u524D\u5728 Demo \u6A21\u5F0F\u4E0B\uFF0C\u53EF\u4EE5\u63A8\u8350\u535A\u5BA2\u6587\u7AE0\u548C\u5916\u90E8\u8D44\u6E90\u3002
-
-\u8BD5\u8BD5\u8FD9\u4E9B\u8BDD\u9898\uFF1A
-- "\u6709\u54EA\u4E9B\u6587\u7AE0\u63A8\u8350\uFF1F"
-- "Astro \u6846\u67B6\u662F\u4EC0\u4E48\uFF1F"
-- "\u600E\u4E48\u642D\u5EFA\u7C7B\u4F3C\u7684\u535A\u5BA2\uFF1F"
-- "\u652F\u6301\u54EA\u4E9B Markdown \u8BED\u6CD5\uFF1F"`,
-  en: `Thanks for asking! I'm in Demo mode and can recommend blog articles and external resources.
-
-Try these topics:
-- "Recommend some articles?"
-- "What is Astro?"
-- "How to build a similar blog?"
-- "What Markdown syntax is supported?"`
-};
-function getMockResponse(question, lang = "zh") {
-  const q = question.toLowerCase();
-  const isZh = lang !== "en";
-  for (const { patterns, zh, en } of MOCK_RESPONSES) {
-    if (patterns.some((p) => p.test(q))) {
-      return isZh ? zh : en;
-    }
+import { APICallError } from "@ai-sdk/provider";
+import { getMockResponse, createMockStream } from "../providers/mock.js";
+import { t, getLang } from "../utils/i18n.js";
+import { shouldAutoContinueAfterToolCalls } from "./tool-auto-continue.js";
+import { RichText } from "./RichText.js";
+import { ReasoningBlock } from "./ReasoningBlock.js";
+import { AssistantMessage, BotAvatar, BotIcon, TypingDots, getTextFromMessage } from "./MessageBubble.js";
+import { ChatInput, resetInputHeight } from "./ChatInput.js";
+const MIN_SEND_INTERVAL_MS = 500;
+let lastChatTrigger = null;
+function getChatActionLabel(lang, type) {
+  const normalizedLang = getLang(lang);
+  if (type === "sending") {
+    return normalizedLang === "zh" ? "\u6B63\u5728\u53D1\u9001" : "Sending";
   }
-  return isZh ? FALLBACK.zh : FALLBACK.en;
-}
-function createMockStream(text) {
-  let index = 0;
-  return new ReadableStream({
-    async pull(controller) {
-      if (index >= text.length) {
-        controller.close();
-        return;
-      }
-      const chunkSize = Math.random() < 0.3 ? 2 : 1;
-      const chunk = text.slice(index, index + chunkSize);
-      index += chunkSize;
-      controller.enqueue(chunk);
-      await new Promise((resolve) => setTimeout(resolve, 12 + Math.random() * 23));
-    }
-  });
-}
-
-// src/server/types.ts
-function isChatStatusData(value) {
-  if (!value || typeof value !== "object") return false;
-  const v = value;
-  return typeof v.stage === "string" && typeof v.message === "string" && typeof v.progress === "number";
-}
-
-// src/utils/i18n.ts
-var translations = {
-  en: {
-    // Reasoning UI
-    "ai.reasoning.thinking": "Thinking...",
-    "ai.reasoning.viewReasoning": "View reasoning",
-    "ai.reasoning.waiting": "Waiting for thoughts...",
-    // Error messages
-    "ai.error.network": "Network connection failed. Please check your connection.",
-    "ai.error.aborted": "Request was cancelled.",
-    "ai.error.rateLimit": "Too many requests. Please try again later.",
-    "ai.error.unavailable": "AI service is temporarily unavailable.",
-    "ai.error.generic": "Something went wrong. Please try again later.",
-    "ai.error.format": "Invalid request format.",
-    // UI labels
-    "ai.placeholder": "Ask a question...",
-    "ai.clear": "Clear",
-    "ai.clearConversation": "Clear conversation",
-    "ai.close": "Close",
-    "ai.closeChat": "Close chat",
-    "ai.retry": "Retry",
-    "ai.status.searching": "Searching...",
-    "ai.status.generating": "Generating response...",
-    "ai.status.found": "Found {count} related items",
-    "ai.status.citation": "Answered from public records",
-    "ai.status.fallback": "AI service unavailable, using demo mode",
-    // Quick prompts
-    "ai.prompt.techStack": "What tech stack is used?",
-    "ai.prompt.recommend": "Recommend some articles?",
-    "ai.prompt.build": "How to build a similar blog?",
-    "ai.prompt.summarize": 'Summarize the key points of "{title}"',
-    "ai.prompt.explain": 'Explain "{point}"',
-    "ai.prompt.related": "What related content should I read next?",
-    // Welcome messages
-    "ai.welcome.reading": `I'm reading "{title}" with you.
-Ask me to summarize, explain a concept, or explore related topics.`,
-    "ai.welcome.canHelp": "Hi! I'm the blog AI assistant. Ask me anything and I'll help you find related articles.",
-    "ai.welcome.greeting": "Hi! I'm the blog AI assistant.",
-    "ai.welcome.demo": "I'm running in demo mode. I can recommend blog articles and external resources.",
-    "ai.welcome.demoHint": "For full AI features (RAG search), configure AI_BASE_URL and AI_API_KEY.",
-    "ai.welcome.demoPrompt": 'Try: "Recommend articles?" or "How to build this blog?"',
-    // Header
-    "ai.header.reading": "Reading:",
-    "ai.header.mode": "Demo",
-    // Assistant branding
-    "ai.assistantName": "Blog Avatar",
-    "ai.status.live": "Live",
-    // Additional error messages
-    "ai.error.emptyMessage": "Message cannot be empty.",
-    "ai.error.emptyContent": "Message content cannot be empty.",
-    "ai.error.inputTooLong": "Message too long, max {max} characters.",
-    "ai.error.timeout": "Response timeout, please retry or simplify your question.",
-    // Rate limit messages
-    "ai.error.rateLimit.burst": "Too many requests, please try again later.",
-    "ai.error.rateLimit.sustained": "Too many requests, please wait a minute.",
-    "ai.error.rateLimit.daily": "Daily limit reached, please come back tomorrow.",
-    "ai.error.noOutput": "Sorry, I could not generate a valid response. Please try rephrasing your question.",
-    "ai.prompt.section.responsibilities": "Your Responsibilities",
-    "ai.prompt.section.format": "Response Format",
-    "ai.prompt.section.principles": "Recommendation Principles",
-    "ai.prompt.section.constraints": "Constraints",
-    "ai.prompt.section.sourceLayers": "Source Priority Protocol (must follow)",
-    "ai.prompt.section.privacy": "Privacy Protection",
-    "ai.prompt.section.answerModes": "Answer Mode Guide (follow detected mode)",
-    "ai.prompt.section.preOutputChecks": "Pre-Output Checks (execute mentally, do not output steps)",
-    "ai.semiStatic.blogOverview": "Blog Overview",
-    "ai.semiStatic.totalPosts": "{count} posts total",
-    "ai.semiStatic.mainCategories": "Main categories: {categories}",
-    "ai.semiStatic.latestArticles": "Latest Posts"
-  },
-  zh: {
-    // Reasoning UI
-    "ai.reasoning.thinking": "\u601D\u8003\u4E2D...",
-    "ai.reasoning.viewReasoning": "\u67E5\u770B\u601D\u8003\u8FC7\u7A0B",
-    "ai.reasoning.waiting": "\u7B49\u5F85\u601D\u8003...",
-    // Error messages
-    "ai.error.network": "\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC",
-    "ai.error.aborted": "\u8BF7\u6C42\u5DF2\u53D6\u6D88",
-    "ai.error.rateLimit": "\u8BF7\u6C42\u592A\u9891\u7E41\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
-    "ai.error.unavailable": "AI \u670D\u52A1\u6682\u65F6\u4E0D\u53EF\u7528",
-    "ai.error.generic": "\u51FA\u4E86\u70B9\u95EE\u9898\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
-    "ai.error.format": "\u8BF7\u6C42\u683C\u5F0F\u9519\u8BEF",
-    // UI labels
-    "ai.placeholder": "\u8F93\u5165\u4F60\u7684\u95EE\u9898...",
-    "ai.clear": "\u6E05\u9664",
-    "ai.clearConversation": "\u6E05\u9664\u5BF9\u8BDD",
-    "ai.close": "\u5173\u95ED",
-    "ai.closeChat": "\u5173\u95ED\u804A\u5929",
-    "ai.retry": "\u91CD\u8BD5",
-    "ai.status.searching": "\u641C\u7D22\u4E2D...",
-    "ai.status.generating": "\u6B63\u5728\u751F\u6210\u56DE\u7B54...",
-    "ai.status.found": "\u627E\u5230 {count} \u7BC7\u76F8\u5173\u5185\u5BB9",
-    "ai.status.citation": "\u5DF2\u57FA\u4E8E\u516C\u5F00\u8BB0\u5F55\u76F4\u63A5\u7ED9\u51FA\u56DE\u7B54",
-    "ai.status.fallback": "AI \u670D\u52A1\u4E0D\u53EF\u7528\uFF0C\u4F7F\u7528\u6F14\u793A\u6A21\u5F0F\u56DE\u590D",
-    // Quick prompts
-    "ai.prompt.techStack": "\u8FD9\u4E2A\u535A\u5BA2\u7528\u4E86\u4EC0\u4E48\u6280\u672F\uFF1F",
-    "ai.prompt.recommend": "\u6709\u54EA\u4E9B\u6587\u7AE0\u63A8\u8350\uFF1F",
-    "ai.prompt.build": "\u600E\u4E48\u642D\u5EFA\u7C7B\u4F3C\u7684\u535A\u5BA2\uFF1F",
-    "ai.prompt.summarize": "\u603B\u7ED3\u4E00\u4E0B\u300A{title}\u300B\u7684\u6838\u5FC3\u89C2\u70B9",
-    "ai.prompt.explain": "\u89E3\u91CA\u4E00\u4E0B\u300C{point}\u300D",
-    "ai.prompt.related": "\u8FD9\u7BC7\u6587\u7AE0\u548C\u54EA\u4E9B\u5185\u5BB9\u76F8\u5173\uFF1F",
-    // Welcome messages
-    "ai.welcome.reading": "\u6211\u5728\u7ED3\u5408\u300A{title}\u300B\u966A\u4F60\u9605\u8BFB\u3002\n\u4F60\u53EF\u4EE5\u8BA9\u6211\u603B\u7ED3\u8FD9\u7BC7\u6587\u7AE0\u3001\u89E3\u91CA\u67D0\u4E2A\u89C2\u70B9\uFF0C\u6216\u8005\u987A\u7740\u8FD9\u7BC7\u6587\u7AE0\u7EE7\u7EED\u5EF6\u4F38\u5230\u76F8\u5173\u4E3B\u9898\u3002",
-    "ai.welcome.canHelp": "\u4F60\u597D\uFF01\u6211\u662F\u535A\u5BA2 AI \u52A9\u624B\uFF0C\u95EE\u6211\u4EFB\u4F55\u5173\u4E8E\u535A\u5BA2\u5185\u5BB9\u7684\u95EE\u9898\uFF0C\u6211\u53EF\u4EE5\u5E2E\u4F60\u627E\u5230\u76F8\u5173\u6587\u7AE0\u3002",
-    "ai.welcome.greeting": "\u4F60\u597D\uFF01\u6211\u662F\u535A\u5BA2 AI \u52A9\u624B\u3002",
-    "ai.welcome.demo": "\u6211\u76EE\u524D\u5728 Demo \u6A21\u5F0F\u4E0B\uFF0C\u53EF\u4EE5\u63A8\u8350\u535A\u5BA2\u6587\u7AE0\u548C\u5916\u90E8\u8D44\u6E90\u3002",
-    "ai.welcome.demoHint": "\u542F\u7528\u5B8C\u6574 AI \u529F\u80FD\uFF08RAG \u641C\u7D22\u589E\u5F3A\uFF09\u9700\u8981\u914D\u7F6E AI_BASE_URL \u548C AI_API_KEY \u73AF\u5883\u53D8\u91CF\u3002",
-    "ai.welcome.demoPrompt": "\u8BD5\u8BD5\uFF1A\u300C\u6709\u54EA\u4E9B\u6587\u7AE0\u63A8\u8350\uFF1F\u300D\u6216\u300C\u600E\u4E48\u642D\u5EFA\u7C7B\u4F3C\u7684\u535A\u5BA2\uFF1F\u300D",
-    // Header
-    "ai.header.reading": "\u6B63\u5728\u9605\u8BFB\uFF1A",
-    "ai.header.mode": "\u6F14\u793A",
-    // Assistant branding
-    "ai.assistantName": "\u535A\u5BA2\u5206\u8EAB",
-    "ai.status.live": "\u5728\u7EBF",
-    // Additional error messages
-    "ai.error.emptyMessage": "\u6D88\u606F\u4E0D\u80FD\u4E3A\u7A7A\u3002",
-    "ai.error.emptyContent": "\u6D88\u606F\u5185\u5BB9\u4E0D\u80FD\u4E3A\u7A7A\u3002",
-    "ai.error.inputTooLong": "\u6D88\u606F\u8FC7\u957F\uFF0C\u6700\u591A {max} \u5B57\u3002",
-    "ai.error.timeout": "\u54CD\u5E94\u8D85\u65F6\uFF0C\u8BF7\u91CD\u8BD5\u6216\u7B80\u5316\u95EE\u9898\u3002",
-    // Rate limit messages
-    "ai.error.rateLimit.burst": "\u8BF7\u6C42\u592A\u9891\u7E41\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5\u3002",
-    "ai.error.rateLimit.sustained": "\u8BF7\u6C42\u6B21\u6570\u8FC7\u591A\uFF0C\u8BF7\u4E00\u5206\u949F\u540E\u518D\u8BD5\u3002",
-    "ai.error.rateLimit.daily": "\u4ECA\u65E5\u5BF9\u8BDD\u6B21\u6570\u5DF2\u8FBE\u4E0A\u9650\uFF0C\u8BF7\u660E\u5929\u518D\u6765\u3002",
-    "ai.error.noOutput": "\u62B1\u6B49\uFF0C\u6211\u65E0\u6CD5\u751F\u6210\u6709\u6548\u7684\u56DE\u7B54\u3002\u8BF7\u5C1D\u8BD5\u6362\u4E00\u79CD\u65B9\u5F0F\u63D0\u95EE\u3002",
-    "ai.prompt.section.responsibilities": "\u4F60\u7684\u804C\u8D23",
-    "ai.prompt.section.format": "\u56DE\u7B54\u683C\u5F0F",
-    "ai.prompt.section.principles": "\u63A8\u8350\u539F\u5219",
-    "ai.prompt.section.constraints": "\u7EA6\u675F",
-    "ai.prompt.section.sourceLayers": "\u6765\u6E90\u5206\u5C42\u534F\u8BAE\uFF08\u5FC5\u987B\u9075\u5B88\uFF09",
-    "ai.prompt.section.privacy": "\u9690\u79C1\u4FDD\u62A4",
-    "ai.prompt.section.answerModes": "\u56DE\u7B54\u6A21\u5F0F\u6307\u5BFC\uFF08\u6309\u68C0\u6D4B\u5230\u7684\u6A21\u5F0F\u6267\u884C\uFF09",
-    "ai.prompt.section.preOutputChecks": "\u8F93\u51FA\u524D\u68C0\u67E5\uFF08\u5728\u5FC3\u91CC\u6267\u884C\uFF0C\u4E0D\u8F93\u51FA\u6B65\u9AA4\uFF09",
-    "ai.semiStatic.blogOverview": "\u535A\u5BA2\u6982\u51B5",
-    "ai.semiStatic.totalPosts": "\u5171\u6709 {count} \u7BC7\u6587\u7AE0",
-    "ai.semiStatic.mainCategories": "\u4E3B\u8981\u5206\u7C7B\uFF1A{categories}",
-    "ai.semiStatic.latestArticles": "\u6700\u65B0\u6587\u7AE0"
-  }
-};
-function t(key, lang = "zh", vars) {
-  const l = lang === "zh" ? "zh" : "en";
-  let text = translations[l]?.[key] ?? translations["en"][key] ?? key;
-  if (vars) {
-    for (const [k, v] of Object.entries(vars)) {
-      text = text.replace(new RegExp(`\\{${k}\\}`, "g"), String(v));
-    }
-  }
-  return text;
-}
-function getLang(lang) {
-  return lang === "zh" ? "zh" : "en";
-}
-
-// src/components/ChatPanel.tsx
-var MIN_SEND_INTERVAL_MS = 500;
-var TYPEWRITER_SPEED_MS = 25;
-var TYPEWRITER_BATCH_SIZE = 1;
-function useTypewriter(fullText, isStreaming) {
-  const [displayedLength, setDisplayedLength] = useState(0);
-  const prevFullTextRef = useRef(fullText);
-  const prevStreamingRef = useRef(isStreaming);
-  const animationRef = useRef(null);
-  useEffect(() => {
-    if (fullText !== prevFullTextRef.current && !fullText.startsWith(prevFullTextRef.current)) {
-      setDisplayedLength(0);
-    }
-    prevFullTextRef.current = fullText;
-  }, [fullText]);
-  useEffect(() => {
-    if (!isStreaming && prevStreamingRef.current) {
-      setDisplayedLength(fullText.length);
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-        animationRef.current = null;
-      }
-    }
-    prevStreamingRef.current = isStreaming;
-  }, [isStreaming, fullText.length]);
-  useEffect(() => {
-    if (!isStreaming) return;
-    let lastTime = performance.now();
-    const animate = (currentTime) => {
-      const elapsed = currentTime - lastTime;
-      if (elapsed >= TYPEWRITER_SPEED_MS) {
-        setDisplayedLength((prev) => {
-          const targetLength = fullText.length;
-          if (prev >= targetLength) return prev;
-          const behind = targetLength - prev;
-          const speed = behind > 20 ? Math.min(behind, 5) : TYPEWRITER_BATCH_SIZE;
-          return Math.min(prev + speed, targetLength);
-        });
-        lastTime = currentTime;
-      }
-      animationRef.current = requestAnimationFrame(animate);
-    };
-    animationRef.current = requestAnimationFrame(animate);
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-        animationRef.current = null;
-      }
-    };
-  }, [isStreaming, fullText]);
-  return fullText.slice(0, displayedLength) || (isStreaming ? "" : fullText);
+  return normalizedLang === "zh" ? "\u53D1\u9001\u6D88\u606F" : "Send message";
 }
 function generateSessionId(articleContext) {
   if (articleContext?.slug) return `article:${articleContext.slug}`;
   if (typeof crypto !== "undefined" && crypto.randomUUID) return crypto.randomUUID();
   return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 }
-function getTextFromMessage(message) {
-  const parts = message.parts ?? [];
-  return Array.isArray(parts) ? parts.filter((p) => p.type === "text").map((p) => p.text).join("") : "";
-}
-var QUICK_PROMPTS_ZH = [
+const QUICK_PROMPTS_ZH = [
   t("ai.prompt.techStack", "zh"),
   t("ai.prompt.recommend", "zh"),
   t("ai.prompt.build", "zh")
 ];
-var QUICK_PROMPTS_EN = [
+const QUICK_PROMPTS_EN = [
   t("ai.prompt.techStack", "en"),
   t("ai.prompt.recommend", "en"),
   t("ai.prompt.build", "en")
@@ -494,6 +69,18 @@ function buildWelcomeMessage(config, articleContext) {
 }
 function parseErrorMessage(error, lang = "zh") {
   const l = getLang(lang);
+  if (APICallError.isInstance(error)) {
+    if (error.responseBody) {
+      try {
+        const parsed = JSON.parse(error.responseBody);
+        if (parsed?.error) return parsed.error;
+      } catch {
+      }
+    }
+    if (error.data && typeof error.data === "object" && "error" in error.data) {
+      return String(error.data.error);
+    }
+  }
   try {
     const parsed = JSON.parse(error.message);
     if (parsed?.error) return parsed.error;
@@ -507,6 +94,9 @@ function parseErrorMessage(error, lang = "zh") {
   return t("ai.error.generic", l);
 }
 function isRetryable(error) {
+  if (APICallError.isInstance(error)) {
+    return error.isRetryable;
+  }
   try {
     const parsed = JSON.parse(error.message);
     if (typeof parsed?.retryable === "boolean") return parsed.retryable;
@@ -514,171 +104,6 @@ function isRetryable(error) {
   }
   return true;
 }
-function parseInlineMarkdown(text) {
-  const parts = [];
-  const re = /\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*|`([^`]+)`/g;
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push({ type: "text", text: text.slice(lastIndex, match.index) });
-    }
-    if (match[1] && match[2]) parts.push({ type: "link", label: match[1], url: match[2] });
-    else if (match[3]) parts.push({ type: "bold", text: match[3] });
-    else if (match[4]) parts.push({ type: "code", text: match[4] });
-    lastIndex = match.index + match[0].length;
-  }
-  if (lastIndex < text.length) parts.push({ type: "text", text: text.slice(lastIndex) });
-  return parts;
-}
-function InlineRichText({ text }) {
-  const parts = useMemo(() => parseInlineMarkdown(text), [text]);
-  return /* @__PURE__ */ h("span", null, parts.map((p, i) => {
-    if (p.type === "link") {
-      const isExternal = p.url.startsWith("http");
-      return /* @__PURE__ */ h(
-        "a",
-        {
-          key: i,
-          href: p.url,
-          class: "inline-flex items-center gap-0.5 font-medium text-accent underline decoration-accent/30 underline-offset-2 transition-colors hover:decoration-accent",
-          target: isExternal ? "_blank" : void 0,
-          rel: isExternal ? "noopener noreferrer" : void 0
-        },
-        p.label,
-        isExternal && /* @__PURE__ */ h(ExternalLinkIcon, null)
-      );
-    }
-    if (p.type === "bold") return /* @__PURE__ */ h("strong", { key: i, class: "font-semibold" }, p.text);
-    if (p.type === "code") return /* @__PURE__ */ h("code", { key: i, class: "rounded bg-muted/60 px-1 py-0.5 text-[13px] font-mono" }, p.text);
-    return /* @__PURE__ */ h("span", { key: i }, p.text);
-  }));
-}
-function parseBlocks(text) {
-  const lines = text.split("\n");
-  const blocks = [];
-  let i = 0;
-  while (i < lines.length) {
-    const line = lines[i];
-    if (line.startsWith("```")) {
-      const lang = line.slice(3).trim();
-      const codeLines = [];
-      i++;
-      while (i < lines.length && !lines[i].startsWith("```")) {
-        codeLines.push(lines[i]);
-        i++;
-      }
-      if (i < lines.length) i++;
-      blocks.push({ type: "code-block", content: codeLines.join("\n"), lang: lang || void 0 });
-      continue;
-    }
-    if (line.startsWith("> ") || line === ">") {
-      const quoteLines = [];
-      while (i < lines.length && (lines[i].startsWith("> ") || lines[i] === ">")) {
-        quoteLines.push(lines[i].replace(/^>\s?/, ""));
-        i++;
-      }
-      blocks.push({ type: "blockquote", content: quoteLines.join("\n") });
-      continue;
-    }
-    if (/^[-*]\s/.test(line)) {
-      const items = [];
-      while (i < lines.length && /^[-*]\s/.test(lines[i])) {
-        items.push(lines[i].replace(/^[-*]\s/, ""));
-        i++;
-      }
-      blocks.push({ type: "list", content: "", ordered: false, items });
-      continue;
-    }
-    if (/^\d+\.\s/.test(line)) {
-      const items = [];
-      while (i < lines.length && /^\d+\.\s/.test(lines[i])) {
-        items.push(lines[i].replace(/^\d+\.\s/, ""));
-        i++;
-      }
-      blocks.push({ type: "list", content: "", ordered: true, items });
-      continue;
-    }
-    if (!line.trim()) {
-      i++;
-      continue;
-    }
-    const paraLines = [];
-    while (i < lines.length && lines[i].trim() && !lines[i].startsWith("```") && !lines[i].startsWith("> ") && lines[i] !== ">" && !/^[-*]\s/.test(lines[i]) && !/^\d+\.\s/.test(lines[i])) {
-      paraLines.push(lines[i]);
-      i++;
-    }
-    if (paraLines.length) {
-      blocks.push({ type: "paragraph", content: paraLines.join("\n") });
-    }
-  }
-  return blocks;
-}
-function RichText({ text }) {
-  const blocks = useMemo(() => parseBlocks(text), [text]);
-  return /* @__PURE__ */ h("div", { class: "space-y-2" }, blocks.map((block, i) => {
-    switch (block.type) {
-      case "code-block":
-        return /* @__PURE__ */ h("pre", { key: i, class: "overflow-x-auto rounded-md bg-muted/60 px-3 py-2 text-[12px] leading-relaxed font-mono" }, /* @__PURE__ */ h("code", null, block.content));
-      case "blockquote":
-        return /* @__PURE__ */ h("blockquote", { key: i, class: "border-l-2 border-accent/40 pl-3 text-foreground-soft italic" }, /* @__PURE__ */ h(InlineRichText, { text: block.content }));
-      case "list":
-        if (block.ordered) {
-          return /* @__PURE__ */ h("ol", { key: i, class: "list-decimal space-y-0.5 pl-5" }, block.items?.map((item, j) => /* @__PURE__ */ h("li", { key: j }, /* @__PURE__ */ h(InlineRichText, { text: item }))));
-        }
-        return /* @__PURE__ */ h("ul", { key: i, class: "list-disc space-y-0.5 pl-5" }, block.items?.map((item, j) => /* @__PURE__ */ h("li", { key: j }, /* @__PURE__ */ h(InlineRichText, { text: item }))));
-      case "paragraph":
-      default:
-        return /* @__PURE__ */ h("p", { key: i, class: "whitespace-pre-wrap" }, /* @__PURE__ */ h(InlineRichText, { text: block.content }));
-    }
-  }));
-}
-function ReasoningBlock({ text, isStreaming, lang = "zh" }) {
-  const isEmpty = text.length === 0;
-  const l = getLang(lang);
-  return /* @__PURE__ */ h("details", { class: "group rounded-lg border border-border/50 bg-muted/30 overflow-hidden", open: isStreaming || !isEmpty }, /* @__PURE__ */ h("summary", { class: "flex cursor-pointer items-center gap-1.5 px-2.5 py-1.5 text-[11px] font-medium text-foreground-soft transition-colors hover:bg-muted/50 hover:text-foreground" }, /* @__PURE__ */ h("svg", { class: "size-3.5 transition-transform group-open:rotate-90", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "m9 18 6-6-6-6" })), /* @__PURE__ */ h("span", { class: "flex items-center gap-1" }, isStreaming ? /* @__PURE__ */ h("svg", { class: "size-3 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, /* @__PURE__ */ h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })) : /* @__PURE__ */ h("svg", { class: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ h("path", { d: "M12 16v-4" }), /* @__PURE__ */ h("path", { d: "M12 8h.01" })), isStreaming && isEmpty ? t("ai.reasoning.thinking", l) : isStreaming ? t("ai.reasoning.thinking", l).replace("...", "") : t("ai.reasoning.viewReasoning", l))), /* @__PURE__ */ h("div", { class: "border-t border-border/30 bg-background/50 px-2.5 py-2" }, isEmpty && isStreaming ? /* @__PURE__ */ h("div", { class: "flex items-center gap-2 text-[11px] text-foreground-soft" }, /* @__PURE__ */ h("span", { class: "inline-flex gap-1" }, /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:0ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:150ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:300ms]" })), /* @__PURE__ */ h("span", null, t("ai.reasoning.waiting", l))) : /* @__PURE__ */ h("pre", { class: "whitespace-pre-wrap text-[11px] leading-relaxed text-foreground-soft font-mono" }, text)));
-}
-function AssistantMessage({ message, isStreaming, lang = "zh" }) {
-  const fullText = getTextFromMessage(message);
-  const displayedText = useTypewriter(fullText, isStreaming ?? false);
-  const reasoningParts = message.parts.filter((p) => p.type === "reasoning");
-  const reasoningFullText = reasoningParts.map((p) => p.text).join("");
-  const reasoningDisplayed = useTypewriter(reasoningFullText, isStreaming ?? false);
-  const hasReasoning = reasoningFullText.length > 0;
-  const isWaitingForContent = isStreaming && !fullText && !reasoningFullText;
-  const sources = message.parts.filter((p) => p.type === "source-url" || p.type === "source-document");
-  if (isWaitingForContent) {
-    return /* @__PURE__ */ h("div", { class: "space-y-1.5" }, /* @__PURE__ */ h(ReasoningBlock, { text: "", isStreaming: true, lang }));
-  }
-  if (!fullText && !hasReasoning) return null;
-  return /* @__PURE__ */ h("div", { class: "space-y-1.5" }, hasReasoning && /* @__PURE__ */ h(ReasoningBlock, { text: reasoningDisplayed, isStreaming, lang }), displayedText && /* @__PURE__ */ h(RichText, { text: displayedText }), !isStreaming && sources.length > 0 && /* @__PURE__ */ h("div", { class: "mt-2 flex flex-wrap gap-1.5" }, sources.map((s, i) => {
-    const part = s;
-    return /* @__PURE__ */ h(
-      "a",
-      {
-        key: i,
-        href: part.url ?? "#",
-        class: "inline-flex items-center gap-1 rounded-md border border-border bg-muted/30 px-2 py-0.5 text-[11px] text-foreground-soft transition-colors hover:border-accent/40 hover:text-foreground",
-        target: "_blank",
-        rel: "noopener noreferrer"
-      },
-      /* @__PURE__ */ h("svg", { class: "size-2.5 opacity-50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, /* @__PURE__ */ h("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ h("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })),
-      part.title ?? "Source"
-    );
-  })));
-}
-function ExternalLinkIcon() {
-  return /* @__PURE__ */ h("svg", { class: "inline-block size-3 shrink-0 opacity-50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), /* @__PURE__ */ h("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ h("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
-}
-function BotAvatar() {
-  return /* @__PURE__ */ h("div", { class: "flex size-5.5 shrink-0 items-center justify-center rounded-full bg-accent/15 mt-0.5" }, /* @__PURE__ */ h(BotIcon, { class: "size-3 text-accent" }));
-}
-function BotIcon({ class: cls }) {
-  return /* @__PURE__ */ h("svg", { class: cls, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M12 8V4H8" }), /* @__PURE__ */ h("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ h("path", { d: "M2 14h2" }), /* @__PURE__ */ h("path", { d: "M20 14h2" }), /* @__PURE__ */ h("path", { d: "M15 13v2" }), /* @__PURE__ */ h("path", { d: "M9 13v2" }));
-}
-function TypingDots({ statusMessage }) {
-  return /* @__PURE__ */ h("div", { class: "flex items-center gap-2" }, /* @__PURE__ */ h("span", { class: "inline-flex gap-1" }, /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:0ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:150ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:300ms]" })), statusMessage && /* @__PURE__ */ h("span", { class: "text-[11px] text-foreground-soft" }, statusMessage));
-}
 function useMockChat(lang) {
   const [messages, setMessages] = useState([]);
   const [isStreaming, setIsStreaming] = useState(false);
@@ -706,20 +131,55 @@ function useMockChat(lang) {
   const clear = useCallback(() => setMessages([]), []);
   return { messages, isStreaming, sendMessage, clear };
 }
+const PANEL_SIZE_CONFIG = {
+  S: { width: "370px", height: "min(520px, calc(100vh - 7rem))", class: "w-[370px] max-w-[calc(100vw-2rem)]" },
+  M: { width: "550px", height: "min(70vh, calc(100vh - 5rem))", class: "w-[550px] max-w-[calc(100vw-3rem)]" },
+  L: { width: "80vw", height: "80vh", class: "w-[80vw] max-w-[900px]" }
+};
 function ChatPanel({ open, onClose, config, articleContext }) {
   const isMockMode = config.mockMode || !config.apiEndpoint;
   const lang = getLang(config.lang);
   const placeholder = config.placeholder ?? t("ai.placeholder", lang);
   const sessionId = useMemo(() => generateSessionId(articleContext), [articleContext]);
   const panelRef = useRef(null);
-  const inputRef = useRef(null);
   const messagesEndRef = useRef(null);
   const lastSendRef = useRef(0);
   const [inputValue, setInputValue] = useState("");
   const [cooldown, setCooldown] = useState(false);
-  const [statusMessage, setStatusMessage] = useState();
+  const titleId = articleContext ? "ai-chat-title-reading" : "ai-chat-title";
+  const descriptionId = articleContext ? "ai-chat-description-reading" : "ai-chat-description";
+  const statusId = "ai-chat-status";
+  const [panelSize, setPanelSize] = useState(() => {
+    if (typeof window === "undefined") return "S";
+    try {
+      const saved = localStorage.getItem("ai-chat-panel-size");
+      if (saved === "S" || saved === "M" || saved === "L") return saved;
+    } catch {
+    }
+    return "S";
+  });
   const quickPrompts = useMemo(() => getQuickPrompts(lang, articleContext), [lang, articleContext]);
   const welcomeMessage = useMemo(() => buildWelcomeMessage(config, articleContext), [config, articleContext]);
+  useEffect(() => {
+    try {
+      localStorage.setItem("ai-chat-panel-size", panelSize);
+    } catch {
+    }
+  }, [panelSize]);
+  useEffect(() => {
+    if (!open) return;
+    const activeElement = document.activeElement;
+    lastChatTrigger = activeElement instanceof HTMLElement ? activeElement : null;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onClose]);
+  const sizeConfig = PANEL_SIZE_CONFIG[panelSize];
   const transport = useMemo(() => new DefaultChatTransport({
     api: config.apiEndpoint ?? "/api/chat",
     prepareSendMessagesRequest: ({ id, messages: msgs }) => ({
@@ -738,11 +198,95 @@ function ChatPanel({ open, onClose, config, articleContext }) {
     setMessages: liveSetMessages,
     regenerate,
     status: liveStatus,
-    error: liveError
+    error: liveError,
+    addToolOutput
   } = useChat({
     transport,
-    onError: (err) => {
-      console.error("[ChatPanel] Chat error:", err.message);
+    sendAutomaticallyWhen: shouldAutoContinueAfterToolCalls,
+    async onToolCall({ toolCall }) {
+      const executor = window.__actionExecutor;
+      if (!executor) {
+        console.warn("[ChatPanel] ActionExecutor not initialized");
+        addToolOutput({
+          tool: toolCall.toolName,
+          toolCallId: toolCall.toolCallId,
+          output: {
+            success: false,
+            tool: toolCall.toolName,
+            error: "ActionExecutor not initialized"
+          }
+        });
+        return;
+      }
+      const TOOL_ACTION_MAP = {
+        toggleTheme: (i) => ({ type: "toggle-theme", payload: { theme: i.theme } }),
+        navigateToArticle: (i) => ({
+          type: "navigate",
+          payload: {
+            slug: i.slug,
+            lang: i.lang || "zh",
+            then: i.sectionId ? [{ type: "scroll-to-section", payload: { sectionId: i.sectionId } }] : void 0
+          }
+        }),
+        scrollToSection: (i) => ({
+          type: "scroll-to-section",
+          payload: { sectionId: i.sectionId, highlight: i.highlight ?? true, behavior: i.behavior ?? "smooth" }
+        }),
+        toggleReadingMode: (i) => ({
+          type: "toggle-reading-mode",
+          payload: {
+            enabled: i.enabled,
+            settings: { ...i.fontSize ? { fontSize: i.fontSize } : {}, ...i.fontFamily ? { fontFamily: i.fontFamily } : {} }
+          }
+        }),
+        highlightText: (i) => ({
+          type: "highlight-text",
+          payload: { text: i.text, selector: i.selector, style: i.style ?? "accent", duration: i.duration ?? 3e3, scrollIntoView: i.scrollIntoView ?? false }
+        }),
+        setPreference: (i) => ({ type: "set-preference", payload: { key: i.key, value: i.value } })
+      };
+      const mapper = TOOL_ACTION_MAP[toolCall.toolName];
+      if (!mapper) {
+        console.warn("[ChatPanel] Unknown tool:", toolCall.toolName);
+        addToolOutput({
+          tool: toolCall.toolName,
+          toolCallId: toolCall.toolCallId,
+          output: {
+            success: false,
+            tool: toolCall.toolName,
+            error: `Unknown tool: ${toolCall.toolName}`
+          }
+        });
+        return;
+      }
+      try {
+        const toolInput = toolCall.input ?? {};
+        const action = mapper(toolInput);
+        const result = await executor.execute(action);
+        addToolOutput({
+          tool: toolCall.toolName,
+          toolCallId: toolCall.toolCallId,
+          output: {
+            success: result.success,
+            tool: toolCall.toolName,
+            action: action.type,
+            input: toolInput,
+            result,
+            confirmation: result.success ? `Tool ${toolCall.toolName} executed successfully.` : `Tool ${toolCall.toolName} failed: ${result.error ?? "unknown error"}`
+          }
+        });
+      } catch (error2) {
+        console.error("[ChatPanel] Tool execution error:", error2);
+        addToolOutput({
+          tool: toolCall.toolName,
+          toolCallId: toolCall.toolCallId,
+          output: {
+            success: false,
+            tool: toolCall.toolName,
+            error: String(error2)
+          }
+        });
+      }
     }
   });
   useEffect(() => {
@@ -753,29 +297,9 @@ function ChatPanel({ open, onClose, config, articleContext }) {
   const mockChat = useMockChat(lang);
   const isStreaming = isMockMode ? mockChat.isStreaming : liveStatus === "streaming" || liveStatus === "submitted";
   const error = isMockMode ? null : liveError;
-  useEffect(() => {
-    if (isMockMode || !liveMessages.length) return;
-    for (let i = liveMessages.length - 1; i >= 0; i--) {
-      const msg = liveMessages[i];
-      if (msg.role === "assistant" && isChatStatusData(msg.metadata)) {
-        setStatusMessage(msg.metadata.message);
-        return;
-      }
-    }
-    setStatusMessage(void 0);
-  }, [liveMessages, isMockMode]);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [liveMessages, mockChat.messages]);
-  useEffect(() => {
-    if (open) setTimeout(() => inputRef.current?.focus(), 150);
-  }, [open]);
-  const autoResize = useCallback(() => {
-    const el = inputRef.current;
-    if (!el) return;
-    el.style.height = "auto";
-    el.style.height = Math.min(el.scrollHeight, 96) + "px";
-  }, []);
   const doSend = useCallback((text) => {
     const trimmed = text.trim();
     if (!trimmed || isStreaming || cooldown) return;
@@ -785,7 +309,7 @@ function ChatPanel({ open, onClose, config, articleContext }) {
     setCooldown(true);
     setTimeout(() => setCooldown(false), MIN_SEND_INTERVAL_MS);
     setInputValue("");
-    if (inputRef.current) inputRef.current.style.height = "auto";
+    resetInputHeight();
     if (isMockMode) {
       mockChat.sendMessage(trimmed);
     } else {
@@ -793,12 +317,6 @@ function ChatPanel({ open, onClose, config, articleContext }) {
     }
   }, [isStreaming, cooldown, isMockMode, mockChat, liveSendMessage]);
   const handleSend = useCallback(() => doSend(inputValue), [doSend, inputValue]);
-  const handleKeyDown = useCallback((e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  }, [handleSend]);
   const handleClear = useCallback(() => {
     if (isMockMode) {
       mockChat.clear();
@@ -806,8 +324,12 @@ function ChatPanel({ open, onClose, config, articleContext }) {
       liveSetMessages([welcomeMessage]);
     }
     setInputValue("");
-    setStatusMessage(void 0);
   }, [isMockMode, mockChat, liveSetMessages, welcomeMessage]);
+  const handleClose = useCallback(() => {
+    onClose();
+    window.setTimeout(() => lastChatTrigger?.focus(), 0);
+  }, [onClose]);
+  const statusMessage = error ? parseErrorMessage(error, lang) : isStreaming ? t("ai.status.generating", lang) : "";
   if (!open) return null;
   const renderMockMessages = () => /* @__PURE__ */ h(Fragment, null, mockChat.messages.length === 0 && /* @__PURE__ */ h("div", { class: "space-y-3" }, /* @__PURE__ */ h("div", { class: "flex items-start gap-2.5" }, /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("p", { class: "min-w-0 flex-1 pt-0.5 text-[13px] leading-relaxed text-foreground" }, getTextFromMessage(welcomeMessage))), /* @__PURE__ */ h("div", { class: "flex flex-wrap gap-1.5 pl-8" }, quickPrompts.map((q) => /* @__PURE__ */ h(
     "button",
@@ -818,7 +340,7 @@ function ChatPanel({ open, onClose, config, articleContext }) {
       class: "rounded-lg border border-border bg-muted/30 px-2.5 py-1 text-[12px] text-foreground-soft transition-colors hover:border-accent/40 hover:bg-accent/10 hover:text-foreground"
     },
     q
-  )))), mockChat.messages.map((msg) => /* @__PURE__ */ h("div", { key: msg.id, class: msg.role === "user" ? "flex justify-end" : "flex items-start gap-2.5" }, msg.role === "assistant" && /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: msg.role === "user" ? "max-w-[82%] rounded-2xl rounded-br-md bg-accent px-3 py-2 text-[13px] leading-relaxed text-background" : "min-w-0 flex-1 pt-0.5 text-[13px] leading-relaxed text-foreground" }, msg.text ? msg.role === "assistant" ? /* @__PURE__ */ h(RichText, { text: msg.text }) : msg.text : msg.streaming ? /* @__PURE__ */ h(TypingDots, null) : null))));
+  )))), mockChat.messages.map((msg) => /* @__PURE__ */ h("div", { key: msg.id, class: msg.role === "user" ? "flex justify-end" : "flex items-start gap-2.5" }, msg.role === "assistant" && /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: msg.role === "user" ? "max-w-[82%] rounded-2xl rounded-br-md bg-accent px-3 py-2 text-[13px] leading-relaxed text-background" : "min-w-0 flex-1 pt-0.5 text-[13px] leading-relaxed text-foreground" }, msg.text ? msg.role === "assistant" ? /* @__PURE__ */ h(RichText, { text: msg.text, isStreaming: msg.streaming }) : msg.text : msg.streaming ? /* @__PURE__ */ h(TypingDots, null) : null))));
   const renderLiveMessages = () => {
     const showQuickPrompts = liveMessages.length <= 1;
     const lastAssistantMsgId = [...liveMessages].reverse().find((m) => m.role === "assistant")?.id;
@@ -840,7 +362,16 @@ function ChatPanel({ open, onClose, config, articleContext }) {
       const text = getTextFromMessage(msg);
       const isAssistant = msg.role === "assistant";
       const isLastAssistantStreaming = isStreaming && msg.id === lastAssistantMsgId;
-      return /* @__PURE__ */ h("div", { key: msg.id, class: msg.role === "user" ? "flex justify-end" : "flex items-start gap-2.5" }, isAssistant && /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: msg.role === "user" ? "max-w-[82%] rounded-2xl rounded-br-md bg-accent px-3 py-2 text-[13px] leading-relaxed text-background" : "min-w-0 flex-1 pt-0.5 text-[13px] leading-relaxed text-foreground" }, isAssistant ? /* @__PURE__ */ h(AssistantMessage, { message: msg, isStreaming: isLastAssistantStreaming, lang }) : text));
+      return /* @__PURE__ */ h("div", { key: msg.id, class: msg.role === "user" ? "flex justify-end" : "flex items-start gap-2.5" }, isAssistant && /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: msg.role === "user" ? "max-w-[82%] rounded-2xl rounded-br-md bg-accent px-3 py-2 text-[13px] leading-relaxed text-background" : "min-w-0 flex-1 pt-0.5 text-[13px] leading-relaxed text-foreground" }, isAssistant ? /* @__PURE__ */ h(
+        AssistantMessage,
+        {
+          message: msg,
+          isStreaming: isLastAssistantStreaming,
+          lang,
+          articleContext,
+          onFollowUp: doSend
+        }
+      ) : text));
     }), isWaitingForAssistant && /* @__PURE__ */ h("div", { class: "flex items-start gap-2.5" }, /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: "min-w-0 flex-1 pt-0.5" }, /* @__PURE__ */ h(ReasoningBlock, { text: "", isStreaming: true, lang }))));
   };
   return /* @__PURE__ */ h(
@@ -849,29 +380,48 @@ function ChatPanel({ open, onClose, config, articleContext }) {
       ref: panelRef,
       id: "ai-chat-panel",
       "data-ai-chat-panel": true,
-      class: "fixed right-4 bottom-20 z-[90] flex w-[370px] max-w-[calc(100vw-2rem)] flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-2xl sm:right-6 sm:bottom-20",
-      style: { height: "min(520px, calc(100vh - 7rem))" }
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      class: `fixed z-[90] flex flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-2xl transition-all duration-300 ease-out ${panelSize === "L" ? "right-[10vw] bottom-[10vh] z-[100]" : "right-4 bottom-20 sm:right-6 sm:bottom-20"} ${sizeConfig.class}`,
+      style: { height: sizeConfig.height }
     },
-    /* @__PURE__ */ h("div", { class: "flex shrink-0 items-center justify-between border-b border-border px-3.5 py-2.5" }, /* @__PURE__ */ h("div", { class: "flex items-center gap-2" }, /* @__PURE__ */ h("div", { class: "flex size-6 shrink-0 items-center justify-center rounded-full bg-accent/15" }, /* @__PURE__ */ h(BotIcon, { class: "size-3 text-accent" })), /* @__PURE__ */ h("div", { class: "flex flex-col" }, /* @__PURE__ */ h("span", { class: "text-[13px] font-semibold text-foreground" }, t("ai.assistantName", lang)), articleContext && /* @__PURE__ */ h("span", { class: "max-w-[180px] truncate text-[10px] text-foreground-soft" }, t("ai.header.reading", lang), articleContext.title)), /* @__PURE__ */ h("span", { class: `rounded-full px-1.5 py-px text-[10px] font-medium ${isMockMode ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "bg-green-500/15 text-green-600 dark:text-green-400"}` }, isMockMode ? t("ai.header.mode", lang) : t("ai.status.live", lang))), /* @__PURE__ */ h("div", { class: "flex items-center gap-0.5" }, /* @__PURE__ */ h(
+    /* @__PURE__ */ h("div", { class: "flex shrink-0 items-center justify-between border-b border-border px-3.5 py-2.5" }, /* @__PURE__ */ h("div", { class: "flex items-center gap-2" }, /* @__PURE__ */ h("div", { class: "flex size-6 shrink-0 items-center justify-center rounded-full bg-accent/15" }, /* @__PURE__ */ h(BotIcon, { class: "size-3 text-accent", "aria-hidden": "true" })), /* @__PURE__ */ h("div", { class: "flex flex-col" }, /* @__PURE__ */ h("span", { id: titleId, class: "text-[13px] font-semibold text-foreground" }, t("ai.assistantName", lang)), articleContext && /* @__PURE__ */ h("span", { id: descriptionId, class: "max-w-[180px] truncate text-[10px] text-foreground-soft" }, t("ai.header.reading", lang), articleContext.title), !articleContext && /* @__PURE__ */ h("span", { id: descriptionId, class: "sr-only" }, placeholder)), /* @__PURE__ */ h("span", { class: `rounded-full px-1.5 py-px text-[10px] font-medium ${isMockMode ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "bg-green-500/15 text-green-600 dark:text-green-400"}` }, isMockMode ? t("ai.header.mode", lang) : t("ai.status.live", lang))), /* @__PURE__ */ h("div", { class: "flex items-center gap-0.5" }, /* @__PURE__ */ h("div", { class: "flex items-center gap-0.5 rounded-md border border-border bg-muted/30 p-0.5" }, ["S", "M", "L"].map((size) => /* @__PURE__ */ h(
+      "button",
+      {
+        key: size,
+        type: "button",
+        onClick: () => setPanelSize(size),
+        class: `rounded px-1.5 py-0.5 text-[10px] font-medium transition-colors ${panelSize === size ? "bg-accent text-background" : "text-foreground-soft hover:text-foreground"}`,
+        title: size === "S" ? "Small" : size === "M" ? "Medium" : "Large",
+        "aria-label": size === "S" ? "Small chat panel" : size === "M" ? "Medium chat panel" : "Large chat panel",
+        "aria-pressed": panelSize === size
+      },
+      size
+    ))), /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: handleClear,
+        "aria-label": t("ai.clear", lang),
         class: "rounded-md p-1 text-foreground-soft transition-colors hover:bg-muted/60 hover:text-foreground",
         title: t("ai.clear", lang)
       },
-      /* @__PURE__ */ h("svg", { class: "size-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M3 6h18" }), /* @__PURE__ */ h("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), /* @__PURE__ */ h("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }))
+      /* @__PURE__ */ h("svg", { class: "size-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, /* @__PURE__ */ h("path", { d: "M3 6h18" }), /* @__PURE__ */ h("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), /* @__PURE__ */ h("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" }))
     ), /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        onClick: onClose,
+        onClick: handleClose,
+        "aria-label": t("ai.close", lang),
         class: "rounded-md p-1 text-foreground-soft transition-colors hover:bg-muted/60 hover:text-foreground",
         title: t("ai.close", lang)
       },
-      /* @__PURE__ */ h("svg", { class: "size-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M18 6 6 18" }), /* @__PURE__ */ h("path", { d: "m6 6 12 12" }))
+      /* @__PURE__ */ h("svg", { class: "size-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, /* @__PURE__ */ h("path", { d: "M18 6 6 18" }), /* @__PURE__ */ h("path", { d: "m6 6 12 12" }))
     ))),
-    /* @__PURE__ */ h("div", { class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-3.5 py-3 [scrollbar-width:thin]" }, /* @__PURE__ */ h("div", { class: "space-y-4" }, isMockMode ? renderMockMessages() : renderLiveMessages(), error && /* @__PURE__ */ h("div", { class: "flex items-start gap-2.5" }, /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: "flex flex-col gap-1 pt-0.5" }, /* @__PURE__ */ h("p", { class: "text-[13px] text-amber-600 dark:text-amber-400" }, parseErrorMessage(error, lang)), isRetryable(error) && /* @__PURE__ */ h(
+    /* @__PURE__ */ h("div", { id: statusId, class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, statusMessage),
+    /* @__PURE__ */ h("div", { class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-3.5 py-3 [scrollbar-width:thin]", "aria-live": "off" }, /* @__PURE__ */ h("div", { class: "space-y-4" }, isMockMode ? renderMockMessages() : renderLiveMessages(), error && /* @__PURE__ */ h("div", { class: "flex items-start gap-2.5", role: "alert" }, /* @__PURE__ */ h(BotAvatar, null), /* @__PURE__ */ h("div", { class: "flex flex-col gap-1 pt-0.5" }, /* @__PURE__ */ h("p", { class: "text-[13px] text-amber-600 dark:text-amber-400" }, parseErrorMessage(error, lang)), isRetryable(error) && /* @__PURE__ */ h(
       "button",
       {
         type: "button",
@@ -880,33 +430,21 @@ function ChatPanel({ open, onClose, config, articleContext }) {
       },
       t("ai.retry", lang)
     ))), /* @__PURE__ */ h("div", { ref: messagesEndRef }))),
-    /* @__PURE__ */ h("div", { class: "shrink-0 border-t border-border px-3 pb-2.5 pt-2" }, /* @__PURE__ */ h("div", { class: "flex items-end gap-1.5 rounded-xl border border-border bg-muted/30 px-2.5 py-1.5 transition-colors focus-within:border-accent/40 focus-within:bg-background" }, /* @__PURE__ */ h(
-      "textarea",
+    /* @__PURE__ */ h(
+      ChatInput,
       {
-        id: "ai-chat-input",
-        ref: inputRef,
-        rows: 1,
         value: inputValue,
-        onInput: (e) => {
-          setInputValue(e.target.value);
-          autoResize();
-        },
-        onKeyDown: handleKeyDown,
+        onInput: setInputValue,
+        onSend: handleSend,
+        isStreaming,
+        cooldown,
         placeholder,
-        maxLength: 500,
-        class: "min-w-0 flex-1 resize-none bg-transparent py-0.5 text-[13px] leading-snug text-foreground outline-none placeholder:text-foreground-soft",
-        style: { maxHeight: "96px" }
+        label: t("ai.placeholder", lang),
+        sendLabel: getChatActionLabel(lang, "send"),
+        sendingLabel: getChatActionLabel(lang, "sending"),
+        focusTrigger: open
       }
-    ), /* @__PURE__ */ h(
-      "button",
-      {
-        type: "button",
-        onClick: handleSend,
-        disabled: !inputValue.trim() || isStreaming || cooldown,
-        class: "mb-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-accent text-background transition-all hover:bg-accent/90 disabled:cursor-not-allowed disabled:opacity-30"
-      },
-      isStreaming ? /* @__PURE__ */ h("svg", { class: "size-3 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5" }, /* @__PURE__ */ h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })) : /* @__PURE__ */ h("svg", { class: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "m22 2-7 20-4-9-9-4Z" }), /* @__PURE__ */ h("path", { d: "M22 2 11 13" }))
-    )))
+    )
   );
 }
 export {