@astro-minimax/ai 0.7.4 → 0.8.0

package/dist/components/ChatPanel.js

@@ -0,0 +1,914 @@
+// 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
+- [\u81EA\u5B9A\u4E49\u4E3B\u9898\u8272](/zh/posts/customizing-astro-minimax-theme-color-schemes) \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
+- [Custom Theme Colors](/en/posts/customizing-astro-minimax-theme-color-schemes) \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;
+    }
+  }
+  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);
+}
+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 = [
+  t("ai.prompt.techStack", "zh"),
+  t("ai.prompt.recommend", "zh"),
+  t("ai.prompt.build", "zh")
+];
+var QUICK_PROMPTS_EN = [
+  t("ai.prompt.techStack", "en"),
+  t("ai.prompt.recommend", "en"),
+  t("ai.prompt.build", "en")
+];
+function getQuickPrompts(lang, articleContext) {
+  const l = getLang(lang);
+  if (!articleContext) return l === "zh" ? QUICK_PROMPTS_ZH : QUICK_PROMPTS_EN;
+  if (l === "zh") {
+    const prompts2 = [t("ai.prompt.summarize", "zh", { title: articleContext.title })];
+    if (articleContext.keyPoints?.length) {
+      prompts2.push(t("ai.prompt.explain", "zh", { point: articleContext.keyPoints[0] }));
+    }
+    prompts2.push(t("ai.prompt.related", "zh"));
+    return prompts2;
+  }
+  const prompts = [t("ai.prompt.summarize", "en", { title: articleContext.title })];
+  if (articleContext.keyPoints?.length) {
+    prompts.push(t("ai.prompt.explain", "en", { point: articleContext.keyPoints[0] }));
+  }
+  prompts.push(t("ai.prompt.related", "en"));
+  return prompts;
+}
+function buildWelcomeMessage(config, articleContext) {
+  const lang = getLang(config.lang);
+  let text;
+  if (articleContext) {
+    text = config.welcomeMessage ?? t("ai.welcome.reading", lang, { title: articleContext.title });
+  } else {
+    text = config.welcomeMessage ?? t("ai.welcome.canHelp", lang);
+  }
+  return {
+    id: "welcome",
+    role: "assistant",
+    parts: [{ type: "text", text }]
+  };
+}
+function parseErrorMessage(error, lang = "zh") {
+  const l = getLang(lang);
+  try {
+    const parsed = JSON.parse(error.message);
+    if (parsed?.error) return parsed.error;
+  } catch {
+  }
+  const msg = error.message;
+  if (msg.includes("Failed to fetch") || msg.includes("NetworkError")) return t("ai.error.network", l);
+  if (msg.includes("aborted")) return t("ai.error.aborted", l);
+  if (msg.includes("429") || msg.includes("rate")) return t("ai.error.rateLimit", l);
+  if (msg.includes("503") || msg.includes("unavailable")) return t("ai.error.unavailable", l);
+  return t("ai.error.generic", l);
+}
+function isRetryable(error) {
+  try {
+    const parsed = JSON.parse(error.message);
+    if (typeof parsed?.retryable === "boolean") return parsed.retryable;
+  } catch {
+  }
+  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);
+  const sendMessage = useCallback(async (text) => {
+    const userMsg = { id: `u-${Date.now()}`, role: "user", text };
+    const assistantId = `a-${Date.now()}`;
+    const assistantMsg = { id: assistantId, role: "assistant", text: "", streaming: true };
+    setMessages((prev) => [...prev, userMsg, assistantMsg]);
+    setIsStreaming(true);
+    const stream = createMockStream(getMockResponse(text, lang));
+    const reader = stream.getReader();
+    let accumulated = "";
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        accumulated += value;
+        setMessages((prev) => prev.map((m) => m.id === assistantId ? { ...m, text: accumulated } : m));
+      }
+    } finally {
+      setMessages((prev) => prev.map((m) => m.id === assistantId ? { ...m, streaming: false } : m));
+      setIsStreaming(false);
+    }
+  }, [lang]);
+  const clear = useCallback(() => setMessages([]), []);
+  return { messages, isStreaming, sendMessage, clear };
+}
+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 quickPrompts = useMemo(() => getQuickPrompts(lang, articleContext), [lang, articleContext]);
+  const welcomeMessage = useMemo(() => buildWelcomeMessage(config, articleContext), [config, articleContext]);
+  const transport = useMemo(() => new DefaultChatTransport({
+    api: config.apiEndpoint ?? "/api/chat",
+    prepareSendMessagesRequest: ({ id, messages: msgs }) => ({
+      headers: { "x-session-id": sessionId },
+      body: {
+        id,
+        messages: msgs,
+        lang,
+        context: articleContext ? { scope: "article", article: articleContext } : { scope: "global" }
+      }
+    })
+  }), [config.apiEndpoint, sessionId, articleContext, lang]);
+  const {
+    messages: liveMessages,
+    sendMessage: liveSendMessage,
+    setMessages: liveSetMessages,
+    regenerate,
+    status: liveStatus,
+    error: liveError
+  } = useChat({
+    transport,
+    onError: (err) => {
+      console.error("[ChatPanel] Chat error:", err.message);
+    }
+  });
+  useEffect(() => {
+    if (liveMessages.length === 0) {
+      liveSetMessages([welcomeMessage]);
+    }
+  }, []);
+  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;
+    const now = Date.now();
+    if (now - lastSendRef.current < MIN_SEND_INTERVAL_MS) return;
+    lastSendRef.current = now;
+    setCooldown(true);
+    setTimeout(() => setCooldown(false), MIN_SEND_INTERVAL_MS);
+    setInputValue("");
+    if (inputRef.current) inputRef.current.style.height = "auto";
+    if (isMockMode) {
+      mockChat.sendMessage(trimmed);
+    } else {
+      liveSendMessage({ text: trimmed });
+    }
+  }, [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();
+    } else {
+      liveSetMessages([welcomeMessage]);
+    }
+    setInputValue("");
+    setStatusMessage(void 0);
+  }, [isMockMode, mockChat, liveSetMessages, welcomeMessage]);
+  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",
+    {
+      key: q,
+      type: "button",
+      onClick: () => doSend(q),
+      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))));
+  const renderLiveMessages = () => {
+    const showQuickPrompts = liveMessages.length <= 1;
+    const lastAssistantMsgId = [...liveMessages].reverse().find((m) => m.role === "assistant")?.id;
+    const lastMessage = liveMessages[liveMessages.length - 1];
+    const isWaitingForAssistant = isStreaming && lastMessage?.role === "user";
+    return /* @__PURE__ */ h(Fragment, null, liveMessages.map((msg) => {
+      if (msg.id === "welcome" && showQuickPrompts) {
+        return /* @__PURE__ */ h("div", { key: msg.id, 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(msg))), /* @__PURE__ */ h("div", { class: "flex flex-wrap gap-1.5 pl-8" }, quickPrompts.map((q) => /* @__PURE__ */ h(
+          "button",
+          {
+            key: q,
+            type: "button",
+            onClick: () => doSend(q),
+            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
+        ))));
+      }
+      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));
+    }), 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(
+    "div",
+    {
+      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))" }
+    },
+    /* @__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(
+      "button",
+      {
+        type: "button",
+        onClick: handleClear,
+        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(
+      "button",
+      {
+        type: "button",
+        onClick: onClose,
+        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("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(
+      "button",
+      {
+        type: "button",
+        onClick: () => regenerate(),
+        class: "self-start rounded-md border border-amber-500/30 px-2 py-0.5 text-[11px] text-amber-600 transition-colors hover:bg-amber-500/10 dark:text-amber-400"
+      },
+      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",
+      {
+        id: "ai-chat-input",
+        ref: inputRef,
+        rows: 1,
+        value: inputValue,
+        onInput: (e) => {
+          setInputValue(e.target.value);
+          autoResize();
+        },
+        onKeyDown: handleKeyDown,
+        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" }
+      }
+    ), /* @__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 {
+  ChatPanel
+};