{message}
; +} +\`\`\` + +## useOptimistic + +用于处理乐观 UI 更新，提升用户体验。 + `, + category: '全栈开发', + tags: ['React', 'Next.js'], + isPaid: false + } + ]; + + const articles = []; + for (let i = 0; i < articlesData.length; i++) { + const data = articlesData[i]; + const cat = categories.find(c => c.分类名称 === data.category) || categories[0]; + const articleTags = tags.filter(t => data.tags.includes(t.标签名称)); + const author = adminUser; // Admin 发布文章 + + articles.push({ + 文章标题: data.title, + URL别名: `article-${i + 1}`, + 封面图: `https://picsum.photos/seed/${i + 100}/800/450`, + 摘要: data.summary, + 正文内容: data.content, + SEO关键词: [data.category, ...data.tags], + SEO描述: data.summary, + 作者ID: author._id, + 分类ID: cat._id, + 标签ID列表: articleTags.map(t => t._id), + 价格: data.isPaid ? 29.9 : 0, + 支付方式: 'points', + 资源属性: data.isPaid ? { + 下载链接: 'https://pan.baidu.com/s/demo-link', + 提取码: '8888', + 解压密码: 'aounapp.com' + } : {}, + 统计数据: { + 阅读数: getRandomInt(100, 5000), + 点赞数: getRandomInt(10, 500), + 评论数: 0, + 收藏数: getRandomInt(5, 200) + }, + 发布状态: 'published' + }); + } + + const createdArticles = await Article.insertMany(articles); + + // --- 4.6 评论 --- + console.log('💬 创建评论...'); + const comments = []; + for (const article of createdArticles) { + const commentCount = getRandomInt(0, 3); + for (let j = 0; j < commentCount; j++) { + const user = getRandomItem(demoUsers); + comments.push({ + 文章ID: article._id, + 用户ID: user._id, + 评论内容: `这篇文章写得很好，对我帮助很大！期待更多关于 ${article.SEO关键词[0]} 的内容。`, + 点赞数: getRandomInt(0, 10), + 状态: 'visible' + }); + } + } + await Comment.insertMany(comments); + + // 更新文章评论数 + for (const article of createdArticles) { + const count = comments.filter(c => c.文章ID === article._id).length; + await Article.findByIdAndUpdate(article._id, { '统计数据.评论数': count }); + } + + // --- 4.7 订单 --- + console.log('🧾 创建订单...'); + const orders = []; + for (let k = 0; k < 3; k++) { + const user = getRandomItem(demoUsers); + const plan = getRandomItem(plans); + orders.push({ + 订单号: `ORDER${Date.now()}${k}`, + 用户ID: user._id, + 订单类型: 'buy_membership', + 商品ID: plan._id, + 商品快照: { + 标题: plan.套餐名称, + 封面: '/images/membership.png' + }, + 支付金额: plan.价格, + 支付方式: 'alipay', + 订单状态: 'paid', + 支付时间: new Date() + }); + } + await Order.insertMany(orders); + + console.log('✨ 数据库填充完成！'); + console.log(` +📊 数据统计: +- 用户: ${allUsers.length} (管理员: admin@aoun.ltd / admin@aoun.ltd) +- 文章: ${createdArticles.length} +- 评论: ${comments.length} +- 订单: ${orders.length} +- 分类: ${categories.length} +- 标签: ${tags.length} +- 会员套餐: ${plans.length} + `); + + } catch (error) { + console.error('❌ 数据库填充失败:', error); + process.exit(1); + } finally { + await mongoose.disconnect(); + console.log('👋 数据库连接已断开'); + process.exit(0); + } +}; + +seed(); diff --git a/src/components/admin/AdminLayout.tsx b/src/components/admin/AdminLayout.tsx new file mode 100644 index 0000000..47187d6 --- /dev/null +++ b/src/components/admin/AdminLayout.tsx @@ -0,0 +1,160 @@ +import React from 'react'; +import Link from 'next/link'; +import { useRouter } from 'next/router'; +import { + LayoutDashboard, + Users, + FileText, + Settings, + LogOut, + Menu, + ShoppingBag, + MessageSquare, + CreditCard, + Image, + Bot +} from 'lucide-react'; +import { Button } from '@/components/ui/button'; +import { cn } from '@/lib/utils'; + +interface AdminLayoutProps { + children: React.ReactNode; +} + +const sidebarItems = [ + { icon: LayoutDashboard, label: '仪表盘', href: '/admin' }, + { icon: Users, label: '用户管理', href: '/admin/users' }, + { icon: FileText, label: '资源管理', href: '/admin/articles' }, + { icon: MessageSquare, label: '评论管理', href: '/admin/comments' }, + { icon: ShoppingBag, label: '订单管理', href: '/admin/orders' }, + { icon: Image, label: 'Banner 管理', href: '/admin/banners' }, + { icon: Bot, label: 'AI 助手', href: '/admin/ai' }, + { icon: Settings, label: '系统设置', href: '/admin/settings' }, +]; + +export default function AdminLayout({ children }: AdminLayoutProps) { + const router = useRouter(); + const [isSidebarOpen, setIsSidebarOpen] = React.useState(true); + + const handleLogout = async () => { + // 简单的清除 Cookie 逻辑，实际可能需要调用 API + document.cookie = 'token=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; + router.push('/auth/login'); + }; + + // Close sidebar on route change (mobile only) + React.useEffect(() => { + const handleRouteChange = () => { + if (window.innerWidth < 1024) { + setIsSidebarOpen(false); + } + }; + + router.events.on('routeChangeStart', handleRouteChange); + return () => { + router.events.off('routeChangeStart', handleRouteChange); + }; + }, [router]); + + return ( +
+ {/* Sidebar */}
+
+
+ {/* Main Content Wrapper */}
+ ([]);
+ const [tags, setTags] = useState([]);
+
+
+ const { register, handleSubmit, control, reset, setValue, watch } = useForm({
+ defaultValues: {
+ 文章标题: '',
+ URL别名: '',
+ 封面图: '',
+ 摘要: '',
+ 正文内容: '',
+ SEO关键词: '',
+ SEO描述: '',
+ 分类ID: '',
+ 标签ID列表: [] as string[],
+ 价格: 0,
+ 支付方式: 'points',
+ 资源属性: {
+ 下载链接: '',
+ 提取码: '',
+ 解压密码: '',
+ 隐藏内容: ''
+ },
+ 发布状态: 'published'
+ }
+ });
+
+ useEffect(() => {
+ fetchDependencies();
+ if (mode === 'edit' && articleId) {
+ fetchArticle();
+ }
+ }, [mode, articleId]);
+
+ const fetchDependencies = async () => {
+ try {
+ const [catRes, tagRes] = await Promise.all([
+ fetch('/api/admin/categories'),
+ fetch('/api/admin/tags')
+ ]);
+ if (catRes.ok) setCategories(await catRes.json());
+ if (tagRes.ok) setTags(await tagRes.json());
+ } catch (error) {
+ console.error('Failed to fetch dependencies', error);
+ toast.error('加载分类标签失败');
+ }
+ };
+
+ const fetchArticle = async () => {
+ setLoading(true);
+ try {
+ const res = await fetch(`/api/admin/articles/${articleId}`);
+ const data = await res.json();
+ if (res.ok) {
+ const formData = {
+ ...data,
+ 分类ID: data.分类ID?._id || '',
+ 标签ID列表: data.标签ID列表?.map((t: any) => t._id) || [],
+ SEO关键词: data.SEO关键词?.join(',') || ''
+ };
+ reset(formData);
+
+ } else {
+ toast.error('加载文章失败');
+ }
+ } catch (error) {
+ console.error('Failed to fetch article', error);
+ toast.error('加载文章出错');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const onSubmit = async (data: any) => {
+
+
+ setSaving(true);
+ try {
+ const payload = {
+ ...data,
+ SEO关键词: data.SEO关键词.split(/[,，]/).map((k: string) => k.trim()).filter(Boolean),
+ 价格: Number(data.价格)
+ };
+
+ const url = mode === 'edit' ? `/api/admin/articles/${articleId}` : '/api/admin/articles';
+ const method = mode === 'edit' ? 'PUT' : 'POST';
+
+ const res = await fetch(url, {
+ method,
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(payload),
+ });
+
+ if (res.ok) {
+ toast.success('保存成功');
+ router.push('/admin/articles');
+ } else {
+ const err = await res.json();
+ toast.error(`保存失败: ${err.message || '未知错误'}`);
+ }
+ } catch (error) {
+ console.error('Failed to save article', error);
+ toast.error('保存出错');
+ } finally {
+ setSaving(false);
+ }
+ };
+
+ if (loading) {
+ return (
+ ([]);
+ const [aiInputOpen, setAiInputOpen] = useState(false);
+ const [aiInputPos, setAiInputPos] = useState({ top: 0, left: 0 });
+ const [sideToolPos, setSideToolPos] = useState({ top: 0, left: 0, visible: false });
+ const [bubbleMenuPos, setBubbleMenuPos] = useState({ top: 0, left: 0, visible: false });
+ const wrapperRef = useRef(null);
+
+ useEffect(() => {
+ fetch('/api/admin/settings').then(res => res.json()).then(data => {
+ if (data.AI配置列表) {
+ setAssistants(data.AI配置列表.filter((a: any) => a.是否启用));
+ }
+ }).catch(console.error);
+ }, []);
+
+ const editor = useEditor({
+ immediatelyRender: false,
+ extensions: [
+ StarterKit.configure({ heading: { levels: [1, 2, 3] } }) as any,
+ TiptapMarkdown,
+ Link.configure({ openOnClick: false, HTMLAttributes: { class: 'text-primary underline' } }),
+ Image.configure({ HTMLAttributes: { class: 'rounded-lg max-w-full' } }),
+ Placeholder.configure({ placeholder: '开始撰写精彩内容...' }),
+ ],
+ content: value,
+ editorProps: {
+ attributes: {
+ class: 'prose prose-lg max-w-none focus:outline-none min-h-[500px] p-8 pl-16', // Added padding-left for side tool
+ },
+ },
+ onUpdate: ({ editor }) => {
+ const markdown = (editor.storage as any).markdown.getMarkdown();
+ onChange(markdown);
+ updateSideTool(editor);
+ updateBubbleMenu(editor);
+ },
+ onSelectionUpdate: ({ editor }) => {
+ updateSideTool(editor);
+ updateBubbleMenu(editor);
+ },
+ onTransaction: ({ editor }) => {
+ updateSideTool(editor);
+ updateBubbleMenu(editor);
+ }
+ });
+
+ const updateSideTool = (editor: any) => {
+ if (!editor || !wrapperRef.current) return;
+ const { selection } = editor.state;
+ const { $anchor } = selection;
+ const dom = editor.view.domAtPos($anchor.pos).node as HTMLElement;
+
+ // Find the block element
+ let block = dom;
+ if (block.nodeType === 3) { // Text node
+ block = block.parentElement as HTMLElement;
+ }
+ // Traverse up to find the direct child of prose
+ while (block && block.parentElement && !block.parentElement.classList.contains('ProseMirror')) {
+ block = block.parentElement as HTMLElement;
+ }
+
+ if (block && block.getBoundingClientRect) {
+ const wrapperRect = wrapperRef.current.getBoundingClientRect();
+ const blockRect = block.getBoundingClientRect();
+ const top = blockRect.top - wrapperRect.top;
+ setSideToolPos({ top, left: 10, visible: true });
+ } else {
+ setSideToolPos(prev => ({ ...prev, visible: false }));
+ }
+ };
+
+ const updateBubbleMenu = (editor: any) => {
+ if (!editor || !wrapperRef.current) return;
+ const { selection } = editor.state;
+
+ if (selection.empty) {
+ setBubbleMenuPos(prev => ({ ...prev, visible: false }));
+ return;
+ }
+
+ const { from, to } = selection;
+ const startCoords = editor.view.coordsAtPos(from);
+ const endCoords = editor.view.coordsAtPos(to);
+ const wrapperRect = wrapperRef.current.getBoundingClientRect();
+
+ const left = (startCoords.left + endCoords.right) / 2 - wrapperRect.left;
+ const top = startCoords.top - wrapperRect.top - 10; // 10px offset above
+
+ setBubbleMenuPos({ top, left, visible: true });
+ };
+
+ useEffect(() => {
+ if (editor && value && (editor.storage as any).markdown.getMarkdown() !== value) {
+ if (editor.getText() === '' && value) {
+ editor.commands.setContent(value);
+ }
+ }
+ }, [value, editor]);
+
+ const runAiAction = async (action: string, contextText: string, replace: boolean = false) => {
+ if (!assistants.length) {
+ toast.error('请先配置 AI 助手');
+ return;
+ }
+
+ // Close input immediately to prevent blocking
+ setAiInputOpen(false);
+ setIsAiGenerating(true);
+
+ let prompt = '';
+ // Updated base prompt for Chinese output
+ const basePrompt = (task: string, context: string) => `你是一个专业的 AI 写作助手。任务：${task}。上下文：${context}。重要：请直接输出结果，不要包含任何解释性文字。如果上下文太短或无意义，请礼貌地拒绝。请使用中文（简体）回复。`;
+
+ switch (action) {
+ case 'rewrite': prompt = basePrompt('请重写以下文本，使其更加流畅优美', contextText); break;
+ case 'blogify': prompt = basePrompt('将以下文本改写为吸引人的博客风格', contextText); break;
+ case 'summarize': prompt = basePrompt('请总结以下文本的核心内容', contextText); break;
+ case 'expand': prompt = basePrompt('请扩写以下文本，补充更多细节', contextText); break;
+ case 'shorten': prompt = basePrompt('请精简以下文本，保留核心信息', contextText); break;
+ case 'fix': prompt = basePrompt('请纠正以下文本中的错别字和语法错误', contextText); break;
+ case 'continue': prompt = basePrompt('请根据以下上下文继续写作', contextText); break;
+ case 'custom': prompt = basePrompt('请按照用户指令执行', contextText); break;
+ default: prompt = contextText;
+ }
+
+ if (action.startsWith('tone:')) {
+ const tone = action.split(':')[1];
+ prompt = basePrompt(`请用${tone}的语气重写以下文本`, contextText);
+ }
+ if (action.startsWith('translate:')) {
+ const lang = action.split(':')[1];
+ prompt = basePrompt(`请将以下文本翻译成${lang}`, contextText);
+ }
+
+ try {
+ if (replace) {
+ editor?.chain().focus().deleteSelection().run();
+ } else if (action === 'continue') {
+ editor?.chain().focus().run();
+ }
+
+ const res = await fetch('/api/ai/generate', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ prompt,
+ assistantId: assistants[0]._id,
+ }),
+ });
+
+ if (!res.ok) throw new Error('Generation failed');
+
+ const startPos = editor?.state.selection.from || 0;
+ let fullText = '';
+
+ const contentType = res.headers.get('content-type');
+ if (contentType && contentType.includes('text/event-stream')) {
+ const reader = res.body?.getReader();
+ const decoder = new TextDecoder();
+ if (reader) {
+ let done = false;
+ while (!done) {
+ const { value, done: doneReading } = await reader.read();
+ done = doneReading;
+ const chunkValue = decoder.decode(value, { stream: !done });
+ const lines = chunkValue.split('\n');
+ for (const line of lines) {
+ if (line.startsWith('data: ')) {
+ const dataStr = line.slice(6);
+ if (dataStr === '[DONE]') continue;
+ try {
+ const data = JSON.parse(dataStr);
+ const content = data.choices?.[0]?.delta?.content || '';
+ if (content && editor) {
+ editor.commands.insertContent(content);
+ fullText += content;
+ // Auto-scroll to keep cursor in view
+ editor.commands.scrollIntoView();
+ }
+ } catch (e) { }
+ }
+ }
+ }
+ }
+ } else {
+ const data = await res.json();
+ if (editor) {
+ editor.commands.insertContent(data.text);
+ fullText = data.text;
+ editor.commands.scrollIntoView();
+ }
+ }
+
+ // Parse Markdown to HTML and replace the raw text
+ if (fullText && editor) {
+ try {
+ const file = await unified()
+ .use(remarkParse)
+ .use(remarkRehype)
+ .use(rehypeStringify)
+ .process(fullText);
+ const htmlContent = String(file);
+
+ const endPos = editor.state.selection.to;
+ // Ensure we are replacing the correct range
+ if (endPos > startPos) {
+ editor.chain()
+ .setTextSelection({ from: startPos, to: endPos })
+ .insertContent(htmlContent)
+ .setTextSelection(startPos + htmlContent.length) // Move cursor to end
+ .run();
+ }
+ } catch (e) {
+ console.error('Markdown parsing failed', e);
+ }
+ }
+
+ } catch (error) {
+ console.error(error);
+ toast.error('AI 生成失败');
+ } finally {
+ setIsAiGenerating(false);
+ if (editor) {
+ editor.setEditable(true);
+ }
+ // Input is already closed at the start
+ }
+ };
+
+ const openAiInput = () => {
+ if (!editor || !wrapperRef.current) return;
+ const { selection } = editor.state;
+ const { $anchor } = selection;
+ const coords = editor.view.coordsAtPos($anchor.pos);
+ const wrapperRect = wrapperRef.current.getBoundingClientRect();
+
+ setAiInputPos({
+ top: coords.bottom - wrapperRect.top + 10,
+ left: coords.left - wrapperRect.left,
+ });
+ setAiInputOpen(true);
+ };
+
+ if (!editor) return null;
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ {/* Scrollable Page Content */}
+
+ {children}
+
+
+
+ {/* Overlay for mobile sidebar */}
+ {isSidebarOpen && (
+
+
+
+ 欢迎回来，管理员
+
+
+ 
+
+ setIsSidebarOpen(false)}
+ />
+ )}
+
+ );
+}
diff --git a/src/components/admin/ArticleEditor.tsx b/src/components/admin/ArticleEditor.tsx
new file mode 100644
index 0000000..f20b098
--- /dev/null
+++ b/src/components/admin/ArticleEditor.tsx
@@ -0,0 +1,377 @@
+import React, { useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { Label } from '@/components/ui/label';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@/components/ui/select';
+import { Switch } from '@/components/ui/switch';
+import { Loader2, Save, ArrowLeft, Globe, Lock, Image as ImageIcon, FileText, DollarSign, Settings } from 'lucide-react';
+import { useForm, Controller } from 'react-hook-form';
+import TiptapEditor from './TiptapEditor';
+import { toast } from 'sonner';
+
+interface Category {
+ _id: string;
+ 分类名称: string;
+}
+
+interface Tag {
+ _id: string;
+ 标签名称: string;
+}
+
+interface ArticleEditorProps {
+ mode: 'create' | 'edit';
+ articleId?: string;
+}
+
+export default function ArticleEditor({ mode, articleId }: ArticleEditorProps) {
+ const router = useRouter();
+ const [loading, setLoading] = useState(mode === 'edit');
+ const [saving, setSaving] = useState(false);
+ const [categories, setCategories] = useState
+
+ );
+ }
+
+ return (
+
+ {/* Top Bar */}
+
+ );
+}
diff --git a/src/components/admin/TiptapEditor.tsx b/src/components/admin/TiptapEditor.tsx
new file mode 100644
index 0000000..0d799e2
--- /dev/null
+++ b/src/components/admin/TiptapEditor.tsx
@@ -0,0 +1,539 @@
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Markdown as TiptapMarkdown } from 'tiptap-markdown';
+import Link from '@tiptap/extension-link';
+import Image from '@tiptap/extension-image';
+import Placeholder from '@tiptap/extension-placeholder';
+import { Button } from '@/components/ui/button';
+import {
+ Bold,
+ Italic,
+ Strikethrough,
+ List,
+ ListOrdered,
+ Heading1,
+ Heading2,
+ Heading3,
+ Quote,
+ Code,
+ Link as LinkIcon,
+ Image as ImageIcon,
+ Undo,
+ Redo,
+ Sparkles,
+ Loader2,
+ Check,
+ X,
+ RefreshCw,
+ Wand2,
+ FileText,
+ Minimize2,
+ Maximize2,
+ Languages,
+ MessageSquare,
+ PenLine,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { useEffect, useState, useRef } from 'react';
+import {
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "@/components/ui/popover";
+import { Textarea } from '@/components/ui/textarea';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import rehypeStringify from 'rehype-stringify';
+import { toast } from 'sonner';
+
+interface TiptapEditorProps {
+ value: string;
+ onChange: (value: string) => void;
+ className?: string;
+}
+
+const Toolbar = ({ editor, onAiClick }: { editor: any, onAiClick: () => void }) => {
+ // Removed unused state and handleAiGenerate logic
+ if (!editor) return null;
+
+ const addLink = () => {
+ const url = window.prompt('URL');
+ if (url) {
+ editor.chain().focus().setLink({ href: url }).run();
+ }
+ };
+
+ const addImage = () => {
+ const url = window.prompt('Image URL');
+ if (url) {
+ editor.chain().focus().setImage({ src: url }).run();
+ }
+ };
+
+ const ToggleButton = ({ isActive, onClick, children, disabled = false, className }: any) => (
+
+ );
+
+ return (
+
+
+
+ {/* Main Editor Area */}
+
+
+
+
+
+ {mode === 'edit' ? '编辑文章' : '撰写新文章'}
+
+ {watch('发布状态') === 'published' && (
+
+
+
+
+
+
+ {/* Left: Content Editor */}
+
+
+
+
+ {/* Right: Sidebar Settings */}
+
+ {/* Title Input */}
+
+
+ {/* Tiptap Editor */}
+ (
+
+
+ {/* Publishing */}
+
+
+
+
+
+
+
+
+ {/* Organization */}
+
+
+
+
+
+
+ (
+
+ )}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Resource Delivery */}
+
+
+
+
+
+
+ (
+
+ )}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Sales */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* SEO */}
+
+
+
+
+
+
+ (
+
+ )}
+ />
+
+
+
+
+
+
+
+ SEO 设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+ editor.chain().focus().toggleBold().run()}>
+ editor.chain().focus().toggleItalic().run()}>
+ editor.chain().focus().toggleStrike().run()}>
+
+ editor.chain().focus().toggleHeading({ level: 1 }).run()}>
+ editor.chain().focus().toggleHeading({ level: 2 }).run()}>
+ editor.chain().focus().toggleHeading({ level: 3 }).run()}>
+
+ editor.chain().focus().toggleBulletList().run()}>
+ editor.chain().focus().toggleOrderedList().run()}>
+
+ editor.chain().focus().toggleBlockquote().run()}>
+ editor.chain().focus().toggleCodeBlock().run()}>
+
+ editor.chain().focus().undo().run()} disabled={!editor.can().undo()}>
+ editor.chain().focus().redo().run()} disabled={!editor.can().redo()}>
+
+ );
+};
+
+export default function TiptapEditor({ value, onChange, className }: TiptapEditorProps) {
+ const [isAiGenerating, setIsAiGenerating] = useState(false);
+ const [assistants, setAssistants] = useState
+
+
+
+
+
+
+
+
+ {
+ const { from } = editor.state.selection;
+ const context = editor.state.doc.textBetween(Math.max(0, from - 500), from, '\n');
+ runAiAction('continue', context, false);
+ }}>
+
+
+
+
+ )}
+
+ {/* Inline AI Input */}
+ {aiInputOpen && (
+
+
+
+
+