@chat-lab/ui 0.1.0-beta.12 → 0.1.0-beta.14

package/dist/components/ThreadOptionsMenu.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@17.0.2_@types_react@17.0.2_react-dom@17_dxnrbz42ochhym3lfihkvwh43e/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+var utils = require('../lib/utils.cjs');
+var Edit = require('../assets/Edit.cjs');
+var React = require('react');
+var dialog = require('./ui/dialog.cjs');
+var input = require('./ui/input.cjs');
+var button = require('./ui/button.cjs');
+var useThread = require('../hooks/useThread.cjs');
+var ChatkitContext = require('../contexts/ChatkitContext.cjs');
+var useToast = require('../hooks/use-toast.cjs');
+var ellipsis = require('../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/ellipsis.cjs');
+var trash2 = require('../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/trash-2.cjs');
+
+// 在组件中添加状态管理
+const ThreadOptionsMenu = ({ threadId, onEditName, onDelete, className = "", }) => {
+    React.useState(false);
+    const [newThreadName, setNewThreadName] = React.useState("");
+    const handleEditName = () => {
+        // 设置默认名称（这里可以从props中获取）
+        setNewThreadName(currentThread?.name || ``);
+        setShowEditDialog(true);
+    };
+    const { currentThread } = useThread();
+    const ref = ChatkitContext.useChatkitRef();
+    const handleSaveName = () => {
+        if (newThreadName.trim()) {
+            ref.current?.setThreadName(threadId, newThreadName.trim());
+            setShowEditDialog(false);
+        }
+    };
+    const handleDelete = (e) => {
+        e.stopPropagation();
+        if (currentThread?.id === threadId) {
+            useToast.toast({
+                title: "删除失败",
+                description: "当前对话正在被使用，无法删除",
+            });
+            setShowDeleteDialog(false);
+            return;
+        }
+        setShowDeleteDialog(false);
+        useToast.toast({
+            title: "删除成功",
+            description: "对话已删除",
+        });
+        ref.current?.deleteThread(threadId);
+    };
+    const [showEditDialog, setShowEditDialog] = React.useState(false);
+    const [showDeleteDialog, setShowDeleteDialog] = React.useState(false);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(dialog.Dialog, { open: showEditDialog, onOpenChange: setShowEditDialog, children: jsxRuntime.jsxs(dialog.DialogContent, { className: "sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsxRuntime.jsxs(dialog.DialogHeader, { className: "space-y-3 pb-6", children: [jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl font-semibold text-gray-900 tracking-tight", children: "\u270F\uFE0F \u7F16\u8F91\u5BF9\u8BDD\u540D\u79F0" }), jsxRuntime.jsx(dialog.DialogDescription, { className: "text-sm text-gray-500", children: "\u4E3A\u4F60\u7684\u5BF9\u8BDD\u8BBE\u7F6E\u4E00\u4E2A\u5BB9\u6613\u8BC6\u522B\u7684\u540D\u79F0" })] }), jsxRuntime.jsx("div", { className: "space-y-6 py-2", children: jsxRuntime.jsxs("div", { className: "space-y-3", children: [jsxRuntime.jsxs("label", { htmlFor: "thread-name", className: "text-sm font-medium text-gray-700 flex items-center gap-2", children: [jsxRuntime.jsx("span", { className: "inline-block w-1 h-4 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full" }), "\u5BF9\u8BDD\u540D\u79F0"] }), jsxRuntime.jsx(input.Input, { id: "thread-name", value: newThreadName, onChange: (e) => setNewThreadName(e.target.value), placeholder: "\u8BF7\u8F93\u5165\u5BF9\u8BDD\u540D\u79F0...", maxLength: 100, className: "w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0", autoFocus: true, onKeyDown: (e) => {
+                                            if (e.key === 'Enter' && newThreadName.trim()) {
+                                                handleSaveName();
+                                            }
+                                        } }), jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx("p", { className: "text-xs text-gray-400", children: "\u6309 Enter \u5FEB\u901F\u4FDD\u5B58" }), jsxRuntime.jsxs("p", { className: utils.cn("text-xs font-medium transition-colors", newThreadName.length > 80 ? "text-orange-500" : "text-gray-400"), children: [newThreadName.length, "/100"] })] })] }) }), jsxRuntime.jsxs(dialog.DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", onClick: () => setShowEditDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: "\u53D6\u6D88" }), jsxRuntime.jsx(button.Button, { onClick: handleSaveName, disabled: !newThreadName.trim(), className: "flex-1 h-11 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: "\u4FDD\u5B58\u66F4\u6539" })] })] }) }), jsxRuntime.jsx(dialog.Dialog, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: jsxRuntime.jsxs(dialog.DialogContent, { className: "sm:max-w-[440px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsxRuntime.jsxs(dialog.DialogHeader, { className: "space-y-4 pb-4", children: [jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: jsxRuntime.jsx("div", { className: "flex-1", children: jsxRuntime.jsx(dialog.DialogTitle, { className: "text-xl font-semibold text-gray-900 tracking-tight", children: "\u5220\u9664\u4F1A\u8BDD" }) }) }), jsxRuntime.jsx(dialog.DialogDescription, { className: "text-sm text-gray-600 leading-relaxed pl-15", children: "\u786E\u8BA4\u8981\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\uFF0C\u6240\u6709\u7684\u5BF9\u8BDD\u8BB0\u5F55\u90FD\u5C06\u6C38\u4E45\u4E22\u5931\u3002" })] }), jsxRuntime.jsxs(dialog.DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", onClick: () => setShowDeleteDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: "\u53D6\u6D88" }), jsxRuntime.jsx(button.Button, { onClick: handleDelete, className: "flex-1 h-11 rounded-xl bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: "\u786E\u8BA4\u5220\u9664" })] })] }) }), jsxRuntime.jsxs(index.DropdownMenu, { children: [jsxRuntime.jsx(index.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx("button", { className: utils.cn("flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors", className), "aria-label": `线程 ${threadId} 选项`, type: "button", children: jsxRuntime.jsx(ellipsis.default, { className: "h-4 w-4 text-[#808388]" }) }) }), jsxRuntime.jsxs(index.DropdownMenuContent, { align: "end", className: "bg-white py-[8px] px-[6px] rounded-[8px]", children: [jsxRuntime.jsxs(index.DropdownMenuItem, { className: "cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]", onClick: handleEditName, children: [jsxRuntime.jsx(Edit, { className: "mr-2 h-4 w-4" }), jsxRuntime.jsx("span", { className: "mr-4", children: "\u7F16\u8F91\u540D\u79F0" })] }), jsxRuntime.jsxs(index.DropdownMenuItem, { disabled: currentThread?.id === threadId, className: "cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setShowDeleteDialog(true);
+                                }, children: [jsxRuntime.jsx(trash2.default, { className: "mr-2 h-4 w-4" }), jsxRuntime.jsx("span", { className: "mr-4", children: "\u5220\u9664\u4F1A\u8BDD" })] })] })] })] }));
+};
+
+module.exports = ThreadOptionsMenu;
+//# sourceMappingURL=ThreadOptionsMenu.cjs.map

package/dist/components/ThreadOptionsMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadOptionsMenu.cjs","sources":["../../src/components/ThreadOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ellipsis } from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@radix-ui/react-dropdown-menu\";\nimport { Trash2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport Edit from \"@/assets/Edit\";\n\ninterface ThreadOptionsMenuProps {\n  threadId: string;\n  onEditName?: () => void;\n  onDelete?: () => void;\n  className?: string;\n}\n\n// 首先添加必要的导入\nimport { useState } from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport useThread from \"@/hooks/useThread\";\nimport { useChatkitRef } from \"@/contexts/ChatkitContext\";\nimport { toast } from \"@/hooks/use-toast\";\n\n// 在组件中添加状态管理\nconst ThreadOptionsMenu: React.FC<ThreadOptionsMenuProps> = ({\n  threadId,\n  onEditName,\n  onDelete,\n  className = \"\",\n}) => {\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [newThreadName, setNewThreadName] = useState(\"\");\n\n  const handleEditName = () => {\n    // 设置默认名称（这里可以从props中获取）\n    setNewThreadName(currentThread?.name || ``);\n    setShowEditDialog(true);\n  };\n\n  const { currentThread } = useThread();\n\n  const ref = useChatkitRef();\n  const handleSaveName = () => {\n    if (newThreadName.trim()) {\n      ref.current?.setThreadName(threadId, newThreadName.trim());\n      setShowEditDialog(false);\n    }\n  };\n\n  const handleDelete = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (currentThread?.id === threadId) {\n      toast({\n        title: \"删除失败\",\n        description: \"当前对话正在被使用，无法删除\",\n      });\n      setShowDeleteDialog(false);\n      return;\n    }\n    setShowDeleteDialog(false);\n    toast({\n      title: \"删除成功\",\n      description: \"对话已删除\",\n    });\n    ref.current?.deleteThread(threadId);\n  };\n\n  const [showEditDialog, setShowEditDialog] = useState(false);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  return (\n    <>\n      <Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>\n        <DialogContent className=\"sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-3 pb-6\">\n            <DialogTitle className=\"text-2xl font-semibold text-gray-900 tracking-tight\">\n              ✏️ 编辑对话名称\n            </DialogTitle>\n            <DialogDescription className=\"text-sm text-gray-500\">\n              为你的对话设置一个容易识别的名称\n            </DialogDescription>\n          </DialogHeader>\n          \n          <div className=\"space-y-6 py-2\">\n            <div className=\"space-y-3\">\n              <label \n                htmlFor=\"thread-name\" \n                className=\"text-sm font-medium text-gray-700 flex items-center gap-2\"\n              >\n                <span className=\"inline-block w-1 h-4 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full\"></span>\n                对话名称\n              </label>\n              <Input\n                id=\"thread-name\"\n                value={newThreadName}\n                onChange={(e) => setNewThreadName(e.target.value)}\n                placeholder=\"请输入对话名称...\"\n                maxLength={100}\n                className=\"w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && newThreadName.trim()) {\n                    handleSaveName();\n                  }\n                }}\n              />\n              <div className=\"flex items-center justify-between\">\n                <p className=\"text-xs text-gray-400\">\n                  按 Enter 快速保存\n                </p>\n                <p className={cn(\n                  \"text-xs font-medium transition-colors\",\n                  newThreadName.length > 80 ? \"text-orange-500\" : \"text-gray-400\"\n                )}>\n                  {newThreadName.length}/100\n                </p>\n              </div>\n            </div>\n          </div>\n          \n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button \n              variant=\"ghost\" \n              onClick={() => setShowEditDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              取消\n            </Button>\n            <Button \n              onClick={handleSaveName} \n              disabled={!newThreadName.trim()}\n              className=\"flex-1 h-11 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              保存更改\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <Dialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <DialogContent className=\"sm:max-w-[440px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-4 pb-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex-1\">\n                <DialogTitle className=\"text-xl font-semibold text-gray-900 tracking-tight\">\n                  删除会话\n                </DialogTitle>\n              </div>\n            </div>\n            <DialogDescription className=\"text-sm text-gray-600 leading-relaxed pl-15\">\n              确认要删除这个对话吗？此操作无法撤销，所有的对话记录都将永久丢失。\n            </DialogDescription>\n          </DialogHeader>\n          \n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button \n              variant=\"ghost\" \n              onClick={() => setShowDeleteDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              取消\n            </Button>\n            <Button \n              onClick={handleDelete}\n              className=\"flex-1 h-11 rounded-xl bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              确认删除\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            className={cn(\n              \"flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors\",\n              className\n            )}\n            aria-label={`线程 ${threadId} 选项`}\n            type=\"button\"\n          >\n            <Ellipsis className=\"h-4 w-4 text-[#808388]\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"end\"\n          className=\"bg-white py-[8px] px-[6px] rounded-[8px]\"\n        >\n          <DropdownMenuItem\n            className=\"cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]\"\n            onClick={handleEditName}\n          >\n            <Edit className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">编辑名称</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            disabled={currentThread?.id === threadId}\n            className=\"cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]\"\n            onClick={(e) => {\n              e.stopPropagation();\n              setShowDeleteDialog(true);\n            }}\n          >\n            <Trash2 className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">删除会话</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </>\n  );\n};\n\nexport default ThreadOptionsMenu;\n"],"names":["useState","useChatkitRef","toast","_jsxs","_Fragment","_jsx","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","Input","cn","DialogFooter","Button","DropdownMenu","DropdownMenuTrigger","Ellipsis","DropdownMenuContent","DropdownMenuItem","Trash2"],"mappings":"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"}

package/dist/components/ThreadOptionsMenu.js

@@ -0,0 +1,62 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@17.0.2_@types_react@17.0.2_react-dom@17_dxnrbz42ochhym3lfihkvwh43e/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
+import { cn } from '../lib/utils.js';
+import EditIcon from '../assets/Edit.js';
+import { useState } from 'react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './ui/dialog.js';
+import { Input } from './ui/input.js';
+import { Button } from './ui/button.js';
+import useThread from '../hooks/useThread.js';
+import { useChatkitRef } from '../contexts/ChatkitContext.js';
+import { toast } from '../hooks/use-toast.js';
+import Ellipsis from '../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/ellipsis.js';
+import Trash2 from '../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/trash-2.js';
+
+// 在组件中添加状态管理
+const ThreadOptionsMenu = ({ threadId, onEditName, onDelete, className = "", }) => {
+    useState(false);
+    const [newThreadName, setNewThreadName] = useState("");
+    const handleEditName = () => {
+        // 设置默认名称（这里可以从props中获取）
+        setNewThreadName(currentThread?.name || ``);
+        setShowEditDialog(true);
+    };
+    const { currentThread } = useThread();
+    const ref = useChatkitRef();
+    const handleSaveName = () => {
+        if (newThreadName.trim()) {
+            ref.current?.setThreadName(threadId, newThreadName.trim());
+            setShowEditDialog(false);
+        }
+    };
+    const handleDelete = (e) => {
+        e.stopPropagation();
+        if (currentThread?.id === threadId) {
+            toast({
+                title: "删除失败",
+                description: "当前对话正在被使用，无法删除",
+            });
+            setShowDeleteDialog(false);
+            return;
+        }
+        setShowDeleteDialog(false);
+        toast({
+            title: "删除成功",
+            description: "对话已删除",
+        });
+        ref.current?.deleteThread(threadId);
+    };
+    const [showEditDialog, setShowEditDialog] = useState(false);
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+    return (jsxs(Fragment, { children: [jsx(Dialog, { open: showEditDialog, onOpenChange: setShowEditDialog, children: jsxs(DialogContent, { className: "sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsxs(DialogHeader, { className: "space-y-3 pb-6", children: [jsx(DialogTitle, { className: "text-2xl font-semibold text-gray-900 tracking-tight", children: "\u270F\uFE0F \u7F16\u8F91\u5BF9\u8BDD\u540D\u79F0" }), jsx(DialogDescription, { className: "text-sm text-gray-500", children: "\u4E3A\u4F60\u7684\u5BF9\u8BDD\u8BBE\u7F6E\u4E00\u4E2A\u5BB9\u6613\u8BC6\u522B\u7684\u540D\u79F0" })] }), jsx("div", { className: "space-y-6 py-2", children: jsxs("div", { className: "space-y-3", children: [jsxs("label", { htmlFor: "thread-name", className: "text-sm font-medium text-gray-700 flex items-center gap-2", children: [jsx("span", { className: "inline-block w-1 h-4 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full" }), "\u5BF9\u8BDD\u540D\u79F0"] }), jsx(Input, { id: "thread-name", value: newThreadName, onChange: (e) => setNewThreadName(e.target.value), placeholder: "\u8BF7\u8F93\u5165\u5BF9\u8BDD\u540D\u79F0...", maxLength: 100, className: "w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0", autoFocus: true, onKeyDown: (e) => {
+                                            if (e.key === 'Enter' && newThreadName.trim()) {
+                                                handleSaveName();
+                                            }
+                                        } }), jsxs("div", { className: "flex items-center justify-between", children: [jsx("p", { className: "text-xs text-gray-400", children: "\u6309 Enter \u5FEB\u901F\u4FDD\u5B58" }), jsxs("p", { className: cn("text-xs font-medium transition-colors", newThreadName.length > 80 ? "text-orange-500" : "text-gray-400"), children: [newThreadName.length, "/100"] })] })] }) }), jsxs(DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsx(Button, { variant: "ghost", onClick: () => setShowEditDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: "\u53D6\u6D88" }), jsx(Button, { onClick: handleSaveName, disabled: !newThreadName.trim(), className: "flex-1 h-11 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: "\u4FDD\u5B58\u66F4\u6539" })] })] }) }), jsx(Dialog, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: jsxs(DialogContent, { className: "sm:max-w-[440px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsxs(DialogHeader, { className: "space-y-4 pb-4", children: [jsx("div", { className: "flex items-center gap-3", children: jsx("div", { className: "flex-1", children: jsx(DialogTitle, { className: "text-xl font-semibold text-gray-900 tracking-tight", children: "\u5220\u9664\u4F1A\u8BDD" }) }) }), jsx(DialogDescription, { className: "text-sm text-gray-600 leading-relaxed pl-15", children: "\u786E\u8BA4\u8981\u5220\u9664\u8FD9\u4E2A\u5BF9\u8BDD\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\uFF0C\u6240\u6709\u7684\u5BF9\u8BDD\u8BB0\u5F55\u90FD\u5C06\u6C38\u4E45\u4E22\u5931\u3002" })] }), jsxs(DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsx(Button, { variant: "ghost", onClick: () => setShowDeleteDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: "\u53D6\u6D88" }), jsx(Button, { onClick: handleDelete, className: "flex-1 h-11 rounded-xl bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: "\u786E\u8BA4\u5220\u9664" })] })] }) }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx("button", { className: cn("flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors", className), "aria-label": `线程 ${threadId} 选项`, type: "button", children: jsx(Ellipsis, { className: "h-4 w-4 text-[#808388]" }) }) }), jsxs(DropdownMenuContent, { align: "end", className: "bg-white py-[8px] px-[6px] rounded-[8px]", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]", onClick: handleEditName, children: [jsx(EditIcon, { className: "mr-2 h-4 w-4" }), jsx("span", { className: "mr-4", children: "\u7F16\u8F91\u540D\u79F0" })] }), jsxs(DropdownMenuItem, { disabled: currentThread?.id === threadId, className: "cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setShowDeleteDialog(true);
+                                }, children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), jsx("span", { className: "mr-4", children: "\u5220\u9664\u4F1A\u8BDD" })] })] })] })] }));
+};
+
+export { ThreadOptionsMenu as default };
+//# sourceMappingURL=ThreadOptionsMenu.js.map

package/dist/components/ThreadOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadOptionsMenu.js","sources":["../../src/components/ThreadOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ellipsis } from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@radix-ui/react-dropdown-menu\";\nimport { Trash2 } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport Edit from \"@/assets/Edit\";\n\ninterface ThreadOptionsMenuProps {\n  threadId: string;\n  onEditName?: () => void;\n  onDelete?: () => void;\n  className?: string;\n}\n\n// 首先添加必要的导入\nimport { useState } from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport useThread from \"@/hooks/useThread\";\nimport { useChatkitRef } from \"@/contexts/ChatkitContext\";\nimport { toast } from \"@/hooks/use-toast\";\n\n// 在组件中添加状态管理\nconst ThreadOptionsMenu: React.FC<ThreadOptionsMenuProps> = ({\n  threadId,\n  onEditName,\n  onDelete,\n  className = \"\",\n}) => {\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [newThreadName, setNewThreadName] = useState(\"\");\n\n  const handleEditName = () => {\n    // 设置默认名称（这里可以从props中获取）\n    setNewThreadName(currentThread?.name || ``);\n    setShowEditDialog(true);\n  };\n\n  const { currentThread } = useThread();\n\n  const ref = useChatkitRef();\n  const handleSaveName = () => {\n    if (newThreadName.trim()) {\n      ref.current?.setThreadName(threadId, newThreadName.trim());\n      setShowEditDialog(false);\n    }\n  };\n\n  const handleDelete = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (currentThread?.id === threadId) {\n      toast({\n        title: \"删除失败\",\n        description: \"当前对话正在被使用，无法删除\",\n      });\n      setShowDeleteDialog(false);\n      return;\n    }\n    setShowDeleteDialog(false);\n    toast({\n      title: \"删除成功\",\n      description: \"对话已删除\",\n    });\n    ref.current?.deleteThread(threadId);\n  };\n\n  const [showEditDialog, setShowEditDialog] = useState(false);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  return (\n    <>\n      <Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>\n        <DialogContent className=\"sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-3 pb-6\">\n            <DialogTitle className=\"text-2xl font-semibold text-gray-900 tracking-tight\">\n              ✏️ 编辑对话名称\n            </DialogTitle>\n            <DialogDescription className=\"text-sm text-gray-500\">\n              为你的对话设置一个容易识别的名称\n            </DialogDescription>\n          </DialogHeader>\n          \n          <div className=\"space-y-6 py-2\">\n            <div className=\"space-y-3\">\n              <label \n                htmlFor=\"thread-name\" \n                className=\"text-sm font-medium text-gray-700 flex items-center gap-2\"\n              >\n                <span className=\"inline-block w-1 h-4 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full\"></span>\n                对话名称\n              </label>\n              <Input\n                id=\"thread-name\"\n                value={newThreadName}\n                onChange={(e) => setNewThreadName(e.target.value)}\n                placeholder=\"请输入对话名称...\"\n                maxLength={100}\n                className=\"w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && newThreadName.trim()) {\n                    handleSaveName();\n                  }\n                }}\n              />\n              <div className=\"flex items-center justify-between\">\n                <p className=\"text-xs text-gray-400\">\n                  按 Enter 快速保存\n                </p>\n                <p className={cn(\n                  \"text-xs font-medium transition-colors\",\n                  newThreadName.length > 80 ? \"text-orange-500\" : \"text-gray-400\"\n                )}>\n                  {newThreadName.length}/100\n                </p>\n              </div>\n            </div>\n          </div>\n          \n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button \n              variant=\"ghost\" \n              onClick={() => setShowEditDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              取消\n            </Button>\n            <Button \n              onClick={handleSaveName} \n              disabled={!newThreadName.trim()}\n              className=\"flex-1 h-11 rounded-xl bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              保存更改\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <Dialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <DialogContent className=\"sm:max-w-[440px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-4 pb-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex-1\">\n                <DialogTitle className=\"text-xl font-semibold text-gray-900 tracking-tight\">\n                  删除会话\n                </DialogTitle>\n              </div>\n            </div>\n            <DialogDescription className=\"text-sm text-gray-600 leading-relaxed pl-15\">\n              确认要删除这个对话吗？此操作无法撤销，所有的对话记录都将永久丢失。\n            </DialogDescription>\n          </DialogHeader>\n          \n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button \n              variant=\"ghost\" \n              onClick={() => setShowDeleteDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              取消\n            </Button>\n            <Button \n              onClick={handleDelete}\n              className=\"flex-1 h-11 rounded-xl bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              确认删除\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            className={cn(\n              \"flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors\",\n              className\n            )}\n            aria-label={`线程 ${threadId} 选项`}\n            type=\"button\"\n          >\n            <Ellipsis className=\"h-4 w-4 text-[#808388]\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"end\"\n          className=\"bg-white py-[8px] px-[6px] rounded-[8px]\"\n        >\n          <DropdownMenuItem\n            className=\"cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]\"\n            onClick={handleEditName}\n          >\n            <Edit className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">编辑名称</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            disabled={currentThread?.id === threadId}\n            className=\"cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]\"\n            onClick={(e) => {\n              e.stopPropagation();\n              setShowDeleteDialog(true);\n            }}\n          >\n            <Trash2 className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">删除会话</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </>\n  );\n};\n\nexport default ThreadOptionsMenu;\n"],"names":["_jsxs","_Fragment","_jsx","Edit"],"mappings":"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"}

package/dist/components/assistant-ui/index.module.less.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"chatkit-wrapper":"index-module_chatkit-wrapper__JxeF2","chatkit-p":"index-module_chatkit-p__2aC0D"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.less.cjs.map

package/dist/components/assistant-ui/index.module.less.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.less.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/assistant-ui/index.module.less.js

@@ -0,0 +1,4 @@
+var styles = {"chatkit-wrapper":"index-module_chatkit-wrapper__JxeF2","chatkit-p":"index-module_chatkit-p__2aC0D"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.less.js.map

package/dist/components/assistant-ui/index.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/assistant-ui/markdown-text.cjs

@@ -8,12 +8,40 @@ var React = require('react');
 var tooltipIconButton = require('./tooltip-icon-button.cjs');
 var utils = require('../../lib/utils.cjs');
 var shikiHighlighter = require('./shiki-highlighter.cjs');
+var useDebounce = require('../../hooks/useDebounce.cjs');
+var schema$1 = require('../../node_modules/.pnpm/hast-util-sanitize@5.0.2/node_modules/hast-util-sanitize/lib/schema.cjs');
 var index = require('../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.cjs');
+var index$2 = require('../../node_modules/.pnpm/rehype-sanitize@6.0.0/node_modules/rehype-sanitize/lib/index.cjs');
 var copy = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/copy.cjs');
 var check = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/check.cjs');
 
+const schema = {
+    ...schema$1.defaultSchema,
+    // 1. 添加标签到白名单
+    tagNames: [...(schema$1.defaultSchema.tagNames || []), "video", "source"],
+    // 2. 添加允许的属性
+    attributes: {
+        ...schema$1.defaultSchema.attributes,
+        // 允许 video 标签使用的属性
+        video: [
+            "controls",
+            "width",
+            "height",
+            "poster",
+            "preload",
+            "src",
+            "muted",
+            "loop",
+            "autoPlay",
+            "playsInline",
+        ],
+        // 允许 source 标签使用的属性
+        source: ["src", "type"],
+    },
+};
 const MarkdownTextImpl = () => {
-    return (jsxRuntime.jsx(MarkdownText$1.MarkdownTextPrimitive, { remarkPlugins: [index], className: "aui-md", components: defaultComponents }));
+    return (jsxRuntime.jsx(MarkdownText$1.MarkdownTextPrimitive, { remarkPlugins: [index], rehypePlugins: [index$1, [index$2, schema]], className: "aui-md", components: defaultComponents }));
 };
 const MarkdownText = React.memo(MarkdownTextImpl);
 const CodeHeader = ({ language, code }) => {
@@ -23,7 +51,11 @@ const CodeHeader = ({ language, code }) => {
             return;
         copyToClipboard(code);
     };
-    return (jsxRuntime.jsxs("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20", children: [jsxRuntime.jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }), jsxRuntime.jsxs(tooltipIconButton.TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && jsxRuntime.jsx(copy.default, {}), isCopied && jsxRuntime.jsx(check.default, {})] })] }));
+    return (jsxRuntime.jsxs("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground", children: [jsxRuntime.jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }), jsxRuntime.jsxs(tooltipIconButton.TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && jsxRuntime.jsx(copy.default, {}), isCopied && jsxRuntime.jsx(check.default, {})] })] }));
+};
+const Video = ({ src, className, ...props }) => {
+    const debouncedSrc = useDebounce.useDebounce(src, 500);
+    return (jsxRuntime.jsx("video", { src: debouncedSrc, style: { maxWidth: 600 }, className: utils.cn("aui-md-video max-w-full rounded-lg", className), controls: true, ...props }));
 };
 const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     const [isCopied, setIsCopied] = React.useState(false);
@@ -44,7 +76,10 @@ const defaultComponents = memoization.memoizeMarkdownComponents({
     h4: ({ className, ...props }) => (jsxRuntime.jsx("h4", { className: utils.cn("aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
     h5: ({ className, ...props }) => (jsxRuntime.jsx("h5", { className: utils.cn("aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0", className), ...props })),
     h6: ({ className, ...props }) => (jsxRuntime.jsx("h6", { className: utils.cn("aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0", className), ...props })),
-    p: ({ className, ...props }) => (jsxRuntime.jsx("p", { className: utils.cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0", className), ...props })),
+    p: ({ className, ...props }) => (jsxRuntime.jsx("p", { className: utils.cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p", className), ...props })),
+    image: ({ className, ...props }) => {
+        return (jsxRuntime.jsx("img", { src: props.href, style: { maxWidth: 400 }, className: utils.cn("aui-md-img max-w-full rounded-lg", className) }));
+    },
     a: ({ className, ...props }) => {
         const isVideo = (href) => {
             if (!href)
@@ -62,10 +97,13 @@ const defaultComponents = memoization.memoizeMarkdownComponents({
             return videoExtensions.some((ext) => href.toLowerCase().includes(ext));
         };
         if (isVideo(props.href)) {
-            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("a", { className: utils.cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }), jsxRuntime.jsx("video", { style: { maxWidth: 600 }, className: utils.cn("aui-md-video max-w-full rounded-lg", className), controls: true, src: props.href })] }));
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("a", { className: utils.cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }), jsxRuntime.jsx(Video, { src: props.href, className: className, ...props })] }));
         }
         return (jsxRuntime.jsx("a", { className: utils.cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }));
     },
+    video: ({ className, ...props }) => {
+        return jsxRuntime.jsx(Video, { className: className, ...props });
+    },
     blockquote: ({ className, ...props }) => (jsxRuntime.jsx("blockquote", { className: utils.cn("aui-md-blockquote border-l-2 pl-6 italic", className), ...props })),
     ul: ({ className, ...props }) => (jsxRuntime.jsx("ul", { className: utils.cn("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", className), ...props })),
     ol: ({ className, ...props }) => (jsxRuntime.jsx("ol", { className: utils.cn("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", className), ...props })),

package/dist/components/assistant-ui/markdown-text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-text.cjs","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["\"use client\";\n\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\n\nimport {\n  type CodeHeaderProps,\n  MarkdownTextPrimitive,\n  unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n  useIsMarkdownCodeBlock,\n} from \"@assistant-ui/react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { type FC, memo, useState } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\n\nimport { TooltipIconButton } from \"@/components/assistant-ui/tooltip-icon-button\";\nimport { cn } from \"@/lib/utils\";\nimport { SyntaxHighlighter } from \"./shiki-highlighter\";\n\nconst MarkdownTextImpl = () => {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={[remarkGfm]}\n      className=\"aui-md\"\n      components={defaultComponents}\n    />\n  );\n};\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20\">\n      <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n        {language}\n      </span>\n      <TooltipIconButton tooltip=\"Copy\" onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n\nconst useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: {\n  copiedDuration?: number;\n} = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n  h1: ({ className, ...props }) => (\n    <h1\n      className={cn(\n        \"aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h2: ({ className, ...props }) => (\n    <h2\n      className={cn(\n        \"aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h3: ({ className, ...props }) => (\n    <h3\n      className={cn(\n        \"aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h4: ({ className, ...props }) => (\n    <h4\n      className={cn(\n        \"aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h5: ({ className, ...props }) => (\n    <h5\n      className={cn(\n        \"aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h6: ({ className, ...props }) => (\n    <h6\n      className={cn(\n        \"aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  p: ({ className, ...props }) => (\n    <p\n      className={cn(\n        \"aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  a: ({ className, ...props }) => {\n    const isVideo = (href: string | undefined) => {\n      if (!href) return false;\n      const videoExtensions = [\n        \".mp4\",\n        \".avi\",\n        \".mov\",\n        \".wmv\",\n        \".flv\",\n        \".webm\",\n        \".mkv\",\n        \".m4v\",\n      ];\n      return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n    };\n\n    if (isVideo(props.href)) {\n      return (\n        <>\n          <a\n            className={cn(\n              \"aui-md-a font-medium text-primary underline underline-offset-4\",\n              className\n            )}\n            {...props}\n          />\n          <video\n            style={{ maxWidth: 600 }}\n            className={cn(\"aui-md-video max-w-full rounded-lg\", className)}\n            controls\n            src={props.href}\n          />\n        </>\n      );\n    }\n\n    return (\n      <a\n        className={cn(\n          \"aui-md-a font-medium text-primary underline underline-offset-4\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn(\"aui-md-blockquote border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn(\"aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn(\"aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr className={cn(\"aui-md-hr my-5 border-b\", className)} {...props} />\n  ),\n  table: ({ className, ...props }) => (\n    <table\n      className={cn(\n        \"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  th: ({ className, ...props }) => (\n    <th\n      className={cn(\n        \"aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  td: ({ className, ...props }) => (\n    <td\n      className={cn(\n        \"aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  tr: ({ className, ...props }) => (\n    <tr\n      className={cn(\n        \"aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  sup: ({ className, ...props }) => (\n    <sup\n      className={cn(\"aui-md-sup [&>a]:text-xs [&>a]:no-underline\", className)}\n      {...props}\n    />\n  ),\n  SyntaxHighlighter: SyntaxHighlighter,\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        \"aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  code: function Code({ className, ...props }) {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={cn(\n          !isCodeBlock &&\n            \"aui-md-inline-code rounded border bg-muted font-semibold\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n});\n"],"names":["_jsx","MarkdownTextPrimitive","remarkGfm","memo","_jsxs","TooltipIconButton","CopyIcon","CheckIcon","useState","memoizeMarkdownComponents","cn","_Fragment","SyntaxHighlighter","useIsMarkdownCodeBlock"],"mappings":"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"}
+{"version":3,"file":"markdown-text.cjs","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["\"use client\";\n\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\n\nimport {\n  type CodeHeaderProps,\n  MarkdownTextPrimitive,\n  unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n  useIsMarkdownCodeBlock,\n} from \"@assistant-ui/react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport rehypeSanitize, { defaultSchema } from \"rehype-sanitize\";\nimport { type FC, memo, useState } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport \"./index.less\";\nimport { TooltipIconButton } from \"@/components/assistant-ui/tooltip-icon-button\";\nimport { cn } from \"@/lib/utils\";\nimport { SyntaxHighlighter } from \"./shiki-highlighter\";\nimport { useDebounce } from \"@/hooks/useDebounce\";\n\nconst schema = {\n  ...defaultSchema,\n  // 1. 添加标签到白名单\n  tagNames: [...(defaultSchema.tagNames || []), \"video\", \"source\"],\n  // 2. 添加允许的属性\n  attributes: {\n    ...defaultSchema.attributes,\n    // 允许 video 标签使用的属性\n    video: [\n      \"controls\",\n      \"width\",\n      \"height\",\n      \"poster\",\n      \"preload\",\n      \"src\",\n      \"muted\",\n      \"loop\",\n      \"autoPlay\",\n      \"playsInline\",\n    ],\n    // 允许 source 标签使用的属性\n    source: [\"src\", \"type\"],\n  },\n};\n\nconst MarkdownTextImpl = () => {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={[remarkGfm]}\n      rehypePlugins={[rehypeRaw, [rehypeSanitize, schema]]}\n      className=\"aui-md\"\n      components={defaultComponents}\n    />\n  );\n};\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground\">\n      <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n        {language}\n      </span>\n      <TooltipIconButton tooltip=\"Copy\" onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n\nconst Video = ({\n  src,\n  className,\n  ...props\n}: {\n  src?: string;\n  className?: string;\n}) => {\n  const debouncedSrc = useDebounce(src, 500);\n  return (\n    <video\n      src={debouncedSrc}\n      style={{ maxWidth: 600 }}\n      className={cn(\"aui-md-video max-w-full rounded-lg\", className)}\n      controls\n      {...props}\n    />\n  );\n};\n\nconst useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: {\n  copiedDuration?: number;\n} = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n  h1: ({ className, ...props }) => (\n    <h1\n      className={cn(\n        \"aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h2: ({ className, ...props }) => (\n    <h2\n      className={cn(\n        \"aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h3: ({ className, ...props }) => (\n    <h3\n      className={cn(\n        \"aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h4: ({ className, ...props }) => (\n    <h4\n      className={cn(\n        \"aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h5: ({ className, ...props }) => (\n    <h5\n      className={cn(\n        \"aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h6: ({ className, ...props }) => (\n    <h6\n      className={cn(\n        \"aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  p: ({ className, ...props }) => (\n    <p\n      className={cn(\n        \"aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  image: ({ className, ...props }) => {\n    return (\n      <img\n        src={props.href}\n        style={{ maxWidth: 400 }}\n        className={cn(\"aui-md-img max-w-full rounded-lg\", className)}\n      />\n    );\n  },\n  a: ({ className, ...props }) => {\n    const isVideo = (href: string | undefined) => {\n      if (!href) return false;\n      const videoExtensions = [\n        \".mp4\",\n        \".avi\",\n        \".mov\",\n        \".wmv\",\n        \".flv\",\n        \".webm\",\n        \".mkv\",\n        \".m4v\",\n      ];\n      return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n    };\n\n    if (isVideo(props.href)) {\n      return (\n        <>\n          <a\n            className={cn(\n              \"aui-md-a font-medium text-primary underline underline-offset-4\",\n              className\n            )}\n            {...props}\n          />\n          <Video src={props.href} className={className} {...props} />\n        </>\n      );\n    }\n\n    return (\n      <a\n        className={cn(\n          \"aui-md-a font-medium text-primary underline underline-offset-4\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  video: ({ className, ...props }) => {\n    return <Video className={className} {...props} />;\n  },\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn(\"aui-md-blockquote border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn(\"aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn(\"aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr className={cn(\"aui-md-hr my-5 border-b\", className)} {...props} />\n  ),\n  table: ({ className, ...props }) => (\n    <table\n      className={cn(\n        \"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  th: ({ className, ...props }) => (\n    <th\n      className={cn(\n        \"aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  td: ({ className, ...props }) => (\n    <td\n      className={cn(\n        \"aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  tr: ({ className, ...props }) => (\n    <tr\n      className={cn(\n        \"aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  sup: ({ className, ...props }) => (\n    <sup\n      className={cn(\"aui-md-sup [&>a]:text-xs [&>a]:no-underline\", className)}\n      {...props}\n    />\n  ),\n  SyntaxHighlighter: SyntaxHighlighter,\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        \"aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  code: function Code({ className, ...props }) {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={cn(\n          !isCodeBlock &&\n            \"aui-md-inline-code rounded border bg-muted font-semibold\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n});\n"],"names":["defaultSchema","_jsx","MarkdownTextPrimitive","remarkGfm","rehypeRaw","rehypeSanitize","memo","_jsxs","TooltipIconButton","CopyIcon","CheckIcon","useDebounce","cn","useState","memoizeMarkdownComponents","_Fragment","SyntaxHighlighter","useIsMarkdownCodeBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAM,MAAM,GAAG;AACb,IAAA,GAAGA,sBAAa;;AAEhB,IAAA,QAAQ,EAAE,CAAC,IAAIA,sBAAa,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC;;AAEhE,IAAA,UAAU,EAAE;QACV,GAAGA,sBAAa,CAAC,UAAU;;AAE3B,QAAA,KAAK,EAAE;YACL,UAAU;YACV,OAAO;YACP,QAAQ;YACR,QAAQ;YACR,SAAS;YACT,KAAK;YACL,OAAO;YACP,MAAM;YACN,UAAU;YACV,aAAa;AACd,SAAA;;AAED,QAAA,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;AACxB,KAAA;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,IAAA,QACEC,cAAA,CAACC,oCAAqB,EAAA,EACpB,aAAa,EAAE,CAACC,KAAS,CAAC,EAC1B,aAAa,EAAE,CAACC,OAAS,EAAE,CAACC,OAAc,EAAE,MAAM,CAAC,CAAC,EACpD,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAE,iBAAiB,EAAA,CAC7B,EACF;AACJ,CAAC,CAAC;MAEW,YAAY,GAAGC,UAAI,CAAC,gBAAgB,EAAE;AAEnD,MAAM,UAAU,GAAwB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAI;IAC7D,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3D,MAAM,MAAM,GAAG,MAAK;QAClB,IAAI,CAAC,IAAI,IAAI,QAAQ;YAAE,OAAO;QAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;AACxB,KAAC,CAAC;AAEF,IAAA,QACEC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,8JAA8J,EAAA,QAAA,EAAA,CAC3KN,yBAAM,SAAS,EAAC,qDAAqD,EAAA,QAAA,EAClE,QAAQ,EACJ,CAAA,EACPM,gBAACC,mCAAiB,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EAAA,CAC9C,CAAC,QAAQ,IAAIP,eAACQ,YAAQ,EAAA,EAAA,CAAG,EACzB,QAAQ,IAAIR,cAAC,CAAAS,aAAS,KAAG,CACR,EAAA,CAAA,CAAA,EAAA,CAChB,EACN;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EAIT,KAAI;IACH,MAAM,YAAY,GAAGC,uBAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAC3C,IAAA,QACEV,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,SAAS,EAAEW,QAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAC9D,QAAQ,EACJ,IAAA,EAAA,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,cAAc,GAAG,IAAI,GAAA,GAGnB,EAAE,KAAI;IACR,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAU,KAAK,CAAC,CAAC;AAEzD,IAAA,MAAM,eAAe,GAAG,CAAC,KAAa,KAAI;AACxC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAK;YAC7C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC;AACvD,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAGC,qCAAyB,CAAC;IAClD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1Bb,uBACE,SAAS,EAAEW,QAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,2DAA2D,EAC3D,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,mDAAmD,EACnD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MACzBX,sBACE,SAAS,EAAEW,QAAE,CACX,qEAAqE,EACrE,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;QACjC,QACEX,cACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,SAAS,EAAEW,QAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAC5D,CAAA,EACF;KACH;IACD,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;AAC7B,QAAA,MAAM,OAAO,GAAG,CAAC,IAAwB,KAAI;AAC3C,YAAA,IAAI,CAAC,IAAI;AAAE,gBAAA,OAAO,KAAK,CAAC;AACxB,YAAA,MAAM,eAAe,GAAG;gBACtB,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,MAAM;gBACN,MAAM;aACP,CAAC;AACF,YAAA,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACzE,SAAC,CAAC;AAEF,QAAA,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AACvB,YAAA,QACEL,eAAA,CAAAQ,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEd,cACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAEW,QAAE,CACX,gEAAgE,EAChE,SAAS,CACV,EACG,GAAA,KAAK,GACT,EACFX,cAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,KAAK,EAAI,CAAA,CAAA,EAAA,CAC1D,EACH;SACH;AAED,QAAA,QACEA,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAEW,QAAE,CACX,gEAAgE,EAChE,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,EACF;KACH;IACD,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;QACjC,OAAOX,cAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA,GAAM,KAAK,EAAA,CAAI,CAAC;KACnD;IACD,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAClCA,+BACE,SAAS,EAAEW,QAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,EAAA,GAChE,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,EAAA,GACjE,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,GACpE,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBAAI,SAAS,EAAEW,QAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI,CACvE;IACD,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC7BX,0BACE,SAAS,EAAEW,QAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,mJAAmJ,EACnJ,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,yHAAyH,EACzH,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC1BX,uBACE,SAAS,EAAEW,QAAE,CACX,kIAAkI,EAClI,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC3BX,wBACE,SAAS,EAAEW,QAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAA,GACnE,KAAK,EAAA,CACT,CACH;AACD,IAAA,iBAAiB,EAAEI,kCAAiB;IACpC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,MAC3Bf,wBACE,SAAS,EAAEW,QAAE,CACX,iFAAiF,EACjF,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;IACD,IAAI,EAAE,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAA;AACzC,QAAA,MAAM,WAAW,GAAGK,kCAAsB,EAAE,CAAC;AAC7C,QAAA,QACEhB,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEW,QAAE,CACX,CAAC,WAAW;AACV,gBAAA,0DAA0D,EAC5D,SAAS,CACV,KACG,KAAK,EAAA,CACT,EACF;KACH;IACD,UAAU;AACX,CAAA,CAAC;;;;"}

package/dist/components/assistant-ui/markdown-text.d.ts

@@ -1,3 +1,4 @@
 import "@assistant-ui/react-markdown/styles/dot.css";
+import "./index.less";
 export declare const MarkdownText: import("react").MemoExoticComponent<() => JSX.Element>;
 //# sourceMappingURL=markdown-text.d.ts.map

package/dist/components/assistant-ui/markdown-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"names":[],"mappings":"AAEA,OAAO,6CAA6C,CAAC;AA0BrD,eAAO,MAAM,YAAY,wDAAyB,CAAC"}
+{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"names":[],"mappings":"AAEA,OAAO,6CAA6C,CAAC;AAarD,OAAO,cAAc,CAAC;AA0CtB,eAAO,MAAM,YAAY,wDAAyB,CAAC"}

package/dist/components/assistant-ui/markdown-text.js

@@ -6,12 +6,40 @@ import { memo, useState } from 'react';
 import { TooltipIconButton } from './tooltip-icon-button.js';
 import { cn } from '../../lib/utils.js';
 import { SyntaxHighlighter } from './shiki-highlighter.js';
+import { useDebounce } from '../../hooks/useDebounce.js';
+import { defaultSchema } from '../../node_modules/.pnpm/hast-util-sanitize@5.0.2/node_modules/hast-util-sanitize/lib/schema.js';
 import remarkGfm from '../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js';
+import rehypeRaw from '../../node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js';
+import rehypeSanitize from '../../node_modules/.pnpm/rehype-sanitize@6.0.0/node_modules/rehype-sanitize/lib/index.js';
 import Copy from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/copy.js';
 import Check from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/check.js';
 
+const schema = {
+    ...defaultSchema,
+    // 1. 添加标签到白名单
+    tagNames: [...(defaultSchema.tagNames || []), "video", "source"],
+    // 2. 添加允许的属性
+    attributes: {
+        ...defaultSchema.attributes,
+        // 允许 video 标签使用的属性
+        video: [
+            "controls",
+            "width",
+            "height",
+            "poster",
+            "preload",
+            "src",
+            "muted",
+            "loop",
+            "autoPlay",
+            "playsInline",
+        ],
+        // 允许 source 标签使用的属性
+        source: ["src", "type"],
+    },
+};
 const MarkdownTextImpl = () => {
-    return (jsx(MarkdownTextPrimitive, { remarkPlugins: [remarkGfm], className: "aui-md", components: defaultComponents }));
+    return (jsx(MarkdownTextPrimitive, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, [rehypeSanitize, schema]], className: "aui-md", components: defaultComponents }));
 };
 const MarkdownText = memo(MarkdownTextImpl);
 const CodeHeader = ({ language, code }) => {
@@ -21,7 +49,11 @@ const CodeHeader = ({ language, code }) => {
             return;
         copyToClipboard(code);
     };
-    return (jsxs("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20", children: [jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }), jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && jsx(Copy, {}), isCopied && jsx(Check, {})] })] }));
+    return (jsxs("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground", children: [jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }), jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && jsx(Copy, {}), isCopied && jsx(Check, {})] })] }));
+};
+const Video = ({ src, className, ...props }) => {
+    const debouncedSrc = useDebounce(src, 500);
+    return (jsx("video", { src: debouncedSrc, style: { maxWidth: 600 }, className: cn("aui-md-video max-w-full rounded-lg", className), controls: true, ...props }));
 };
 const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     const [isCopied, setIsCopied] = useState(false);
@@ -42,7 +74,10 @@ const defaultComponents = memoizeMarkdownComponents({
     h4: ({ className, ...props }) => (jsx("h4", { className: cn("aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
     h5: ({ className, ...props }) => (jsx("h5", { className: cn("aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0", className), ...props })),
     h6: ({ className, ...props }) => (jsx("h6", { className: cn("aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0", className), ...props })),
-    p: ({ className, ...props }) => (jsx("p", { className: cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0", className), ...props })),
+    p: ({ className, ...props }) => (jsx("p", { className: cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p", className), ...props })),
+    image: ({ className, ...props }) => {
+        return (jsx("img", { src: props.href, style: { maxWidth: 400 }, className: cn("aui-md-img max-w-full rounded-lg", className) }));
+    },
     a: ({ className, ...props }) => {
         const isVideo = (href) => {
             if (!href)
@@ -60,10 +95,13 @@ const defaultComponents = memoizeMarkdownComponents({
             return videoExtensions.some((ext) => href.toLowerCase().includes(ext));
         };
         if (isVideo(props.href)) {
-            return (jsxs(Fragment, { children: [jsx("a", { className: cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }), jsx("video", { style: { maxWidth: 600 }, className: cn("aui-md-video max-w-full rounded-lg", className), controls: true, src: props.href })] }));
+            return (jsxs(Fragment, { children: [jsx("a", { className: cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }), jsx(Video, { src: props.href, className: className, ...props })] }));
         }
         return (jsx("a", { className: cn("aui-md-a font-medium text-primary underline underline-offset-4", className), ...props }));
     },
+    video: ({ className, ...props }) => {
+        return jsx(Video, { className: className, ...props });
+    },
     blockquote: ({ className, ...props }) => (jsx("blockquote", { className: cn("aui-md-blockquote border-l-2 pl-6 italic", className), ...props })),
     ul: ({ className, ...props }) => (jsx("ul", { className: cn("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", className), ...props })),
     ol: ({ className, ...props }) => (jsx("ol", { className: cn("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", className), ...props })),

package/dist/components/assistant-ui/markdown-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-text.js","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["\"use client\";\n\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\n\nimport {\n  type CodeHeaderProps,\n  MarkdownTextPrimitive,\n  unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n  useIsMarkdownCodeBlock,\n} from \"@assistant-ui/react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { type FC, memo, useState } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\n\nimport { TooltipIconButton } from \"@/components/assistant-ui/tooltip-icon-button\";\nimport { cn } from \"@/lib/utils\";\nimport { SyntaxHighlighter } from \"./shiki-highlighter\";\n\nconst MarkdownTextImpl = () => {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={[remarkGfm]}\n      className=\"aui-md\"\n      components={defaultComponents}\n    />\n  );\n};\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20\">\n      <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n        {language}\n      </span>\n      <TooltipIconButton tooltip=\"Copy\" onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n\nconst useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: {\n  copiedDuration?: number;\n} = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n  h1: ({ className, ...props }) => (\n    <h1\n      className={cn(\n        \"aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h2: ({ className, ...props }) => (\n    <h2\n      className={cn(\n        \"aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h3: ({ className, ...props }) => (\n    <h3\n      className={cn(\n        \"aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h4: ({ className, ...props }) => (\n    <h4\n      className={cn(\n        \"aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h5: ({ className, ...props }) => (\n    <h5\n      className={cn(\n        \"aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h6: ({ className, ...props }) => (\n    <h6\n      className={cn(\n        \"aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  p: ({ className, ...props }) => (\n    <p\n      className={cn(\n        \"aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  a: ({ className, ...props }) => {\n    const isVideo = (href: string | undefined) => {\n      if (!href) return false;\n      const videoExtensions = [\n        \".mp4\",\n        \".avi\",\n        \".mov\",\n        \".wmv\",\n        \".flv\",\n        \".webm\",\n        \".mkv\",\n        \".m4v\",\n      ];\n      return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n    };\n\n    if (isVideo(props.href)) {\n      return (\n        <>\n          <a\n            className={cn(\n              \"aui-md-a font-medium text-primary underline underline-offset-4\",\n              className\n            )}\n            {...props}\n          />\n          <video\n            style={{ maxWidth: 600 }}\n            className={cn(\"aui-md-video max-w-full rounded-lg\", className)}\n            controls\n            src={props.href}\n          />\n        </>\n      );\n    }\n\n    return (\n      <a\n        className={cn(\n          \"aui-md-a font-medium text-primary underline underline-offset-4\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn(\"aui-md-blockquote border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn(\"aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn(\"aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr className={cn(\"aui-md-hr my-5 border-b\", className)} {...props} />\n  ),\n  table: ({ className, ...props }) => (\n    <table\n      className={cn(\n        \"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  th: ({ className, ...props }) => (\n    <th\n      className={cn(\n        \"aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  td: ({ className, ...props }) => (\n    <td\n      className={cn(\n        \"aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  tr: ({ className, ...props }) => (\n    <tr\n      className={cn(\n        \"aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  sup: ({ className, ...props }) => (\n    <sup\n      className={cn(\"aui-md-sup [&>a]:text-xs [&>a]:no-underline\", className)}\n      {...props}\n    />\n  ),\n  SyntaxHighlighter: SyntaxHighlighter,\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        \"aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  code: function Code({ className, ...props }) {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={cn(\n          !isCodeBlock &&\n            \"aui-md-inline-code rounded border bg-muted font-semibold\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n});\n"],"names":["_jsx","_jsxs","CopyIcon","CheckIcon","_Fragment"],"mappings":"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"}
+{"version":3,"file":"markdown-text.js","sources":["../../../src/components/assistant-ui/markdown-text.tsx"],"sourcesContent":["\"use client\";\n\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\n\nimport {\n  type CodeHeaderProps,\n  MarkdownTextPrimitive,\n  unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,\n  useIsMarkdownCodeBlock,\n} from \"@assistant-ui/react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport rehypeSanitize, { defaultSchema } from \"rehype-sanitize\";\nimport { type FC, memo, useState } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport \"./index.less\";\nimport { TooltipIconButton } from \"@/components/assistant-ui/tooltip-icon-button\";\nimport { cn } from \"@/lib/utils\";\nimport { SyntaxHighlighter } from \"./shiki-highlighter\";\nimport { useDebounce } from \"@/hooks/useDebounce\";\n\nconst schema = {\n  ...defaultSchema,\n  // 1. 添加标签到白名单\n  tagNames: [...(defaultSchema.tagNames || []), \"video\", \"source\"],\n  // 2. 添加允许的属性\n  attributes: {\n    ...defaultSchema.attributes,\n    // 允许 video 标签使用的属性\n    video: [\n      \"controls\",\n      \"width\",\n      \"height\",\n      \"poster\",\n      \"preload\",\n      \"src\",\n      \"muted\",\n      \"loop\",\n      \"autoPlay\",\n      \"playsInline\",\n    ],\n    // 允许 source 标签使用的属性\n    source: [\"src\", \"type\"],\n  },\n};\n\nconst MarkdownTextImpl = () => {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={[remarkGfm]}\n      rehypePlugins={[rehypeRaw, [rehypeSanitize, schema]]}\n      className=\"aui-md\"\n      components={defaultComponents}\n    />\n  );\n};\n\nexport const MarkdownText = memo(MarkdownTextImpl);\n\nconst CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg border bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground\">\n      <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n        {language}\n      </span>\n      <TooltipIconButton tooltip=\"Copy\" onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n\nconst Video = ({\n  src,\n  className,\n  ...props\n}: {\n  src?: string;\n  className?: string;\n}) => {\n  const debouncedSrc = useDebounce(src, 500);\n  return (\n    <video\n      src={debouncedSrc}\n      style={{ maxWidth: 600 }}\n      className={cn(\"aui-md-video max-w-full rounded-lg\", className)}\n      controls\n      {...props}\n    />\n  );\n};\n\nconst useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: {\n  copiedDuration?: number;\n} = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n\nconst defaultComponents = memoizeMarkdownComponents({\n  h1: ({ className, ...props }) => (\n    <h1\n      className={cn(\n        \"aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h2: ({ className, ...props }) => (\n    <h2\n      className={cn(\n        \"aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h3: ({ className, ...props }) => (\n    <h3\n      className={cn(\n        \"aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h4: ({ className, ...props }) => (\n    <h4\n      className={cn(\n        \"aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h5: ({ className, ...props }) => (\n    <h5\n      className={cn(\n        \"aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  h6: ({ className, ...props }) => (\n    <h6\n      className={cn(\n        \"aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  p: ({ className, ...props }) => (\n    <p\n      className={cn(\n        \"aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0 chatkit-md-text-p\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  image: ({ className, ...props }) => {\n    return (\n      <img\n        src={props.href}\n        style={{ maxWidth: 400 }}\n        className={cn(\"aui-md-img max-w-full rounded-lg\", className)}\n      />\n    );\n  },\n  a: ({ className, ...props }) => {\n    const isVideo = (href: string | undefined) => {\n      if (!href) return false;\n      const videoExtensions = [\n        \".mp4\",\n        \".avi\",\n        \".mov\",\n        \".wmv\",\n        \".flv\",\n        \".webm\",\n        \".mkv\",\n        \".m4v\",\n      ];\n      return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n    };\n\n    if (isVideo(props.href)) {\n      return (\n        <>\n          <a\n            className={cn(\n              \"aui-md-a font-medium text-primary underline underline-offset-4\",\n              className\n            )}\n            {...props}\n          />\n          <Video src={props.href} className={className} {...props} />\n        </>\n      );\n    }\n\n    return (\n      <a\n        className={cn(\n          \"aui-md-a font-medium text-primary underline underline-offset-4\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  video: ({ className, ...props }) => {\n    return <Video className={className} {...props} />;\n  },\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn(\"aui-md-blockquote border-l-2 pl-6 italic\", className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn(\"aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn(\"aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2\", className)}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr className={cn(\"aui-md-hr my-5 border-b\", className)} {...props} />\n  ),\n  table: ({ className, ...props }) => (\n    <table\n      className={cn(\n        \"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  th: ({ className, ...props }) => (\n    <th\n      className={cn(\n        \"aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  td: ({ className, ...props }) => (\n    <td\n      className={cn(\n        \"aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  tr: ({ className, ...props }) => (\n    <tr\n      className={cn(\n        \"aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  sup: ({ className, ...props }) => (\n    <sup\n      className={cn(\"aui-md-sup [&>a]:text-xs [&>a]:no-underline\", className)}\n      {...props}\n    />\n  ),\n  SyntaxHighlighter: SyntaxHighlighter,\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        \"aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white\",\n        className\n      )}\n      {...props}\n    />\n  ),\n  code: function Code({ className, ...props }) {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={cn(\n          !isCodeBlock &&\n            \"aui-md-inline-code rounded border bg-muted font-semibold\",\n          className\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n});\n"],"names":["_jsx","_jsxs","CopyIcon","CheckIcon","_Fragment"],"mappings":"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"}

package/dist/components/assistant-ui/shiki-highlighter.cjs

@@ -18,7 +18,7 @@ var utils = require('../../lib/utils.cjs');
 const SyntaxHighlighter = ({ code, language, theme = { dark: "github-dark", light: "github-light" }, className, addDefaultStyles = false, // assistant-ui requires custom base styles
 showLanguage = false, // assistant-ui/react-markdown handles language labels
 node: _node, components: _components, ...props }) => {
-    return (jsxRuntime.jsx(index.default, { ...props, language: language, theme: theme, addDefaultStyles: addDefaultStyles, showLanguage: showLanguage, defaultColor: "light-dark()", className: utils.cn("aui-shiki-base [&_pre]:overflow-x-auto [&_pre]:rounded-b-lg [&_pre]:!bg-muted/75 [&_pre]:p-4", className), children: code.trim() }));
+    return (jsxRuntime.jsx(index.default, { ...props, language: language, theme: theme, addDefaultStyles: addDefaultStyles, showLanguage: showLanguage, defaultColor: "light-dark()", className: utils.cn("aui-shiki-base [&_pre]:overflow-x-auto [&_pre]:rounded-b-lg [&_pre]:!bg-muted/75 [&_pre]:p-4 [&_pre]:border", className), children: code.trim() }));
 };
 SyntaxHighlighter.displayName = "SyntaxHighlighter";
 

package/dist/components/assistant-ui/shiki-highlighter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shiki-highlighter.cjs","sources":["../../../src/components/assistant-ui/shiki-highlighter.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC } from \"react\";\nimport ShikiHighlighter, { type ShikiHighlighterProps } from \"react-shiki\";\nimport type { SyntaxHighlighterProps as AUIProps } from \"@assistant-ui/react-markdown\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for the SyntaxHighlighter component\n */\nexport type HighlighterProps = Omit<\n  ShikiHighlighterProps,\n  \"children\" | \"theme\"\n> & {\n  theme?: ShikiHighlighterProps[\"theme\"];\n} & Pick<AUIProps, \"node\" | \"components\" | \"language\" | \"code\">;\n\n/**\n * SyntaxHighlighter component, using react-shiki\n * Use it by passing to `defaultComponents` in `markdown-text.tsx`\n *\n * @example\n * const defaultComponents = memoizeMarkdownComponents({\n *   SyntaxHighlighter,\n *   h1: //...\n *   //...other elements...\n * });\n */\nexport const SyntaxHighlighter: FC<HighlighterProps> = ({\n  code,\n  language,\n  theme = { dark: \"github-dark\", light: \"github-light\" },\n  className,\n  addDefaultStyles = false, // assistant-ui requires custom base styles\n  showLanguage = false, // assistant-ui/react-markdown handles language labels\n  node: _node,\n  components: _components,\n  ...props\n}) => {\n  return (\n    <ShikiHighlighter\n      {...props}\n      language={language}\n      theme={theme}\n      addDefaultStyles={addDefaultStyles}\n      showLanguage={showLanguage}\n      defaultColor=\"light-dark()\"\n      className={cn(\n        \"aui-shiki-base [&_pre]:overflow-x-auto [&_pre]:rounded-b-lg [&_pre]:!bg-muted/75 [&_pre]:p-4\",\n        className,\n      )}\n    >\n      {code.trim()}\n    </ShikiHighlighter>\n  );\n};\n\nSyntaxHighlighter.displayName = \"SyntaxHighlighter\";\n"],"names":["_jsx","ShikiHighlighter","cn"],"mappings":";;;;;;AAiBA;;;;;;;;;;AAUG;AACI,MAAM,iBAAiB,GAAyB,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,EACtD,SAAS,EACT,gBAAgB,GAAG,KAAK;AACxB,YAAY,GAAG,KAAK;AACpB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,WAAW,EACvB,GAAG,KAAK,EACT,KAAI;AACH,IAAA,QACEA,cAAC,CAAAC,aAAgB,OACX,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAC,cAAc,EAC3B,SAAS,EAAEC,QAAE,CACX,8FAA8F,EAC9F,SAAS,CACV,YAEA,IAAI,CAAC,IAAI,EAAE,EAAA,CACK,EACnB;AACJ,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"shiki-highlighter.cjs","sources":["../../../src/components/assistant-ui/shiki-highlighter.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC } from \"react\";\nimport ShikiHighlighter, { type ShikiHighlighterProps } from \"react-shiki\";\nimport type { SyntaxHighlighterProps as AUIProps } from \"@assistant-ui/react-markdown\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for the SyntaxHighlighter component\n */\nexport type HighlighterProps = Omit<\n  ShikiHighlighterProps,\n  \"children\" | \"theme\"\n> & {\n  theme?: ShikiHighlighterProps[\"theme\"];\n} & Pick<AUIProps, \"node\" | \"components\" | \"language\" | \"code\">;\n\n/**\n * SyntaxHighlighter component, using react-shiki\n * Use it by passing to `defaultComponents` in `markdown-text.tsx`\n *\n * @example\n * const defaultComponents = memoizeMarkdownComponents({\n *   SyntaxHighlighter,\n *   h1: //...\n *   //...other elements...\n * });\n */\nexport const SyntaxHighlighter: FC<HighlighterProps> = ({\n  code,\n  language,\n  theme = { dark: \"github-dark\", light: \"github-light\" },\n  className,\n  addDefaultStyles = false, // assistant-ui requires custom base styles\n  showLanguage = false, // assistant-ui/react-markdown handles language labels\n  node: _node,\n  components: _components,\n  ...props\n}) => {\n  return (\n    <ShikiHighlighter\n      {...props}\n      language={language}\n      theme={theme}\n      addDefaultStyles={addDefaultStyles}\n      showLanguage={showLanguage}\n      defaultColor=\"light-dark()\"\n      className={cn(\n        \"aui-shiki-base [&_pre]:overflow-x-auto [&_pre]:rounded-b-lg [&_pre]:!bg-muted/75 [&_pre]:p-4 [&_pre]:border\",\n        className,\n      )}\n    >\n      {code.trim()}\n    </ShikiHighlighter>\n  );\n};\n\nSyntaxHighlighter.displayName = \"SyntaxHighlighter\";\n"],"names":["_jsx","ShikiHighlighter","cn"],"mappings":";;;;;;AAiBA;;;;;;;;;;AAUG;AACI,MAAM,iBAAiB,GAAyB,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,EACtD,SAAS,EACT,gBAAgB,GAAG,KAAK;AACxB,YAAY,GAAG,KAAK;AACpB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,WAAW,EACvB,GAAG,KAAK,EACT,KAAI;AACH,IAAA,QACEA,cAAC,CAAAC,aAAgB,OACX,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAC,cAAc,EAC3B,SAAS,EAAEC,QAAE,CACX,6GAA6G,EAC7G,SAAS,CACV,YAEA,IAAI,CAAC,IAAI,EAAE,EAAA,CACK,EACnB;AACJ,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}