@chat-lab/ui 0.1.0-beta.8 → 0.1.0-beta.80

package/dist/components/assistant-ui/file/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState } from \"react\";\n\nimport { Document, Page, pdfjs } from \"react-pdf\";\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"../../ui/dialog\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\nimport { Pdf } from \"./pdf\";\nimport { Video } from \"./video\";\n\npdfjs.GlobalWorkerOptions.workerSrc = new URL(\n  \"pdfjs-dist/build/pdf.worker.min.mjs\",\n  import.meta.url\n).toString();\nconst FILE_TYPES = [\"video\", \"image\", \"pdf\"];\nconst getType = (mimeType: string) =>\n  FILE_TYPES.find((t) => mimeType.includes(t));\n\nconst FileImpl = ({ type, filename, data, mimeType }: FileMessagePartProps) => {\n  const _type = getType(mimeType);\n  switch (_type) {\n    case \"pdf\":\n      return <Pdf filename={filename} data={data} mimeType={mimeType} />;\n    case \"video\":\n      return <Video filename={filename} data={data} mimeType={mimeType} />;\n    default:\n      return null;\n  }\n};\n\nexport const File = memo(FileImpl);\n"],"names":["pdfjs.GlobalWorkerOptions","_jsx"],"mappings":";;;;;;AAqBAA,mBAAyB,CAAC,SAAS,GAAG,IAAI,GAAG,CAC3C,qCAAqC,EACrC,MAAM,CAAC,IAAI,CAAC,GAAG,CAChB,CAAC,QAAQ,EAAE,CAAC;AACb,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7C,MAAM,OAAO,GAAG,CAAC,QAAgB,KAC/B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAwB,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,QAAQ,KAAK;AACX,QAAA,KAAK,KAAK;AACR,YAAA,OAAOC,GAAC,CAAA,GAAG,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACrE,QAAA,KAAK,OAAO;AACV,YAAA,OAAOA,GAAC,CAAA,KAAK,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,QAAA;AACE,YAAA,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;MAEW,IAAI,GAAG,IAAI,CAAC,QAAQ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState } from \"react\";\n\nimport { Video } from \"./video\";\n\nconst FILE_TYPES = [\"video\", \"image\"];\nconst getType = (mimeType: string) =>\n  FILE_TYPES.find((t) => mimeType.includes(t));\n\nconst FileImpl = ({ type, filename, data, mimeType }: FileMessagePartProps) => {\n  const _type = getType(mimeType);\n  switch (_type) {\n    case \"video\":\n      return <Video filename={filename} data={data} mimeType={mimeType} />;\n    default:\n      return null;\n  }\n};\n\nexport const File = memo(FileImpl);\n"],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,QAAgB,KAC/B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAwB,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,QAAQ,KAAK;AACX,QAAA,KAAK,OAAO;AACV,YAAA,OAAOA,GAAC,CAAA,KAAK,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,QAAA;AACE,YAAA,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEkB,IAAI,CAAC,QAAQ"}

package/dist/components/assistant-ui/file/pdf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../../../src/components/assistant-ui/file/pdf.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AA8O3D,eAAO,MAAM,GAAG,4DA3Mb,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,CAAC,iBA2MhB,CAAC"}
+{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../../../src/components/assistant-ui/file/pdf.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAiP3D,eAAO,MAAM,GAAG,4DA9Mb,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,CAAC,iBA8MhB,CAAC"}

package/dist/components/assistant-ui/file/video.cjs

@@ -2,9 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var film = require('../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/film.cjs');
-var chevronUp = require('../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-up.cjs');
-var chevronDown = require('../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
+var lucideReact = require('lucide-react');
 
 const VideoImpl = ({ filename, data, mimeType }) => {
     const [isExpanded, setIsExpanded] = React.useState(true); // 默认展开直接播放
@@ -15,7 +13,7 @@ const VideoImpl = ({ filename, data, mimeType }) => {
         console.error("视频加载错误");
         setVideoError("无法加载视频文件，请检查文件格式是否正确");
     };
-    return (jsxRuntime.jsxs("div", { className: "w-full max-w-4xl mx-auto", children: [jsxRuntime.jsxs("div", { className: "flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3", children: [jsxRuntime.jsx(film.default, { className: "h-5 w-5 text-blue-600 mr-2" }), jsxRuntime.jsx("div", { className: "font-medium text-gray-800 flex-1", children: filename || "视频" }), jsxRuntime.jsx("button", { onClick: () => setIsExpanded(!isExpanded), className: "flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors", children: isExpanded ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(chevronUp.default, { className: "h-4 w-4" }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(chevronDown.default, { className: "h-4 w-4" }) })) })] }), isExpanded && (jsxRuntime.jsx("div", { className: "border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white", children: videoError ? (jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center py-10 text-red-500", children: videoError })) : (jsxRuntime.jsx("video", { ref: videoRef, src: data, className: "w-full rounded-md bg-black", controls: true, onError: handleVideoError, preload: "metadata", "aria-label": `视频: ${filename || '视频文件'}`, children: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301HTML5\u89C6\u9891\u64AD\u653E\u3002" })) }))] }));
+    return (jsxRuntime.jsxs("div", { className: "w-full max-w-4xl mx-auto", children: [jsxRuntime.jsxs("div", { className: "flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3", children: [jsxRuntime.jsx(lucideReact.Film, { className: "h-5 w-5 text-blue-600 mr-2" }), jsxRuntime.jsx("div", { className: "font-medium text-gray-800 flex-1", children: filename || "视频" }), jsxRuntime.jsx("button", { onClick: () => setIsExpanded(!isExpanded), className: "flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors", children: isExpanded ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) })) })] }), isExpanded && (jsxRuntime.jsx("div", { className: "border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white", children: videoError ? (jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center py-10 text-red-500", children: videoError })) : (jsxRuntime.jsx("video", { ref: videoRef, src: data, className: "w-full rounded-md bg-black", controls: true, onError: handleVideoError, preload: "metadata", "aria-label": `视频: ${filename || '视频文件'}`, children: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301HTML5\u89C6\u9891\u64AD\u653E\u3002" })) }))] }));
 };
 const Video = React.memo(VideoImpl);
 

package/dist/components/assistant-ui/file/video.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"video.cjs","sources":["../../../../src/components/assistant-ui/file/video.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState, useRef } from \"react\";\nimport { Film, ChevronDown, ChevronUp } from \"lucide-react\";\n\nconst VideoImpl = ({ filename, data, mimeType }: Omit<FileMessagePartProps, \"type\" | \"status\">) => {\n  const [isExpanded, setIsExpanded] = useState(true); // 默认展开直接播放\n  const [videoError, setVideoError] = useState<string | null>(null);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  \n  // 处理视频错误\n  const handleVideoError = () => {\n    console.error(\"视频加载错误\");\n    setVideoError(\"无法加载视频文件，请检查文件格式是否正确\");\n  };\n\n\n  return (\n    <div className=\"w-full max-w-4xl mx-auto\">\n      {/* 视频标题和控制区 */}\n      <div \n        className=\"flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3\"\n      >\n        {/* Lucide图标 */}\n        <Film className=\"h-5 w-5 text-blue-600 mr-2\" />\n\n        {/* 显示文件名/类型 */}\n        <div className=\"font-medium text-gray-800 flex-1\">{filename || \"视频\"}</div>\n\n        {/* 可折叠控制 */}\n        <button\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors\"\n        >\n          {isExpanded ? (\n            <>\n              <ChevronUp className=\"h-4 w-4\" />\n            </>\n          ) : (\n            <>\n              <ChevronDown className=\"h-4 w-4\" />\n            </>\n          )}\n        </button>\n      </div>\n\n      {/* 视频播放区域 - 直接显示，不再使用弹窗 */}\n      {isExpanded && (\n        <div className=\"border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white\">\n          {videoError ? (\n            <div className=\"flex flex-col items-center justify-center py-10 text-red-500\">\n              {videoError}\n            </div>\n          ) : (\n            <video\n              ref={videoRef}\n              src={data}\n              className=\"w-full rounded-md bg-black\"\n              controls\n              onError={handleVideoError}\n              preload=\"metadata\"\n              aria-label={`视频: ${filename || '视频文件'}`}\n            >\n              您的浏览器不支持HTML5视频播放。\n            </video>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Video = memo(VideoImpl);"],"names":["useState","useRef","_jsxs","_jsx","Film","_Fragment","ChevronUp","ChevronDown","memo"],"mappings":";;;;;;;;AAIA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiD,KAAI;AAChG,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC,CAAC;AAClE,IAAA,MAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAC;;IAGhD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxB,aAAa,CAAC,sBAAsB,CAAC,CAAC;AACxC,KAAC,CAAC;AAGF,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEvCA,eACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yFAAyF,EAGnG,QAAA,EAAA,CAAAC,cAAA,CAACC,YAAI,EAAC,EAAA,SAAS,EAAC,4BAA4B,EAAG,CAAA,EAG/CD,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,QAAQ,IAAI,IAAI,EAAA,CAAO,EAG1EA,cAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,SAAS,EAAC,+EAA+E,EAAA,QAAA,EAExF,UAAU,IACTA,cACE,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAAF,cAAA,CAACG,iBAAS,EAAA,EAAC,SAAS,EAAC,SAAS,EAAG,CAAA,EAAA,CAChC,KAEHH,cAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EACEF,eAACI,mBAAW,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAClC,CAAA,CACJ,EACM,CAAA,CAAA,EAAA,CACL,EAGL,UAAU,KACTJ,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACzE,UAAU,IACTA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAC1E,QAAA,EAAA,UAAU,EACP,CAAA,KAENA,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAA,IAAA,EACR,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,UAAU,EACN,YAAA,EAAA,CAAA,IAAA,EAAO,QAAQ,IAAI,MAAM,CAAE,CAAA,EAAA,QAAA,EAAA,qFAAA,EAAA,CAGjC,CACT,EAAA,CACG,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC,CAAC;MAEW,KAAK,GAAGK,UAAI,CAAC,SAAS;;;;"}
+{"version":3,"file":"video.cjs","sources":["../../../../src/components/assistant-ui/file/video.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState, useRef } from \"react\";\nimport { Film, ChevronDown, ChevronUp } from \"lucide-react\";\n\nconst VideoImpl = ({ filename, data, mimeType }: Omit<FileMessagePartProps, \"type\" | \"status\">) => {\n  const [isExpanded, setIsExpanded] = useState(true); // 默认展开直接播放\n  const [videoError, setVideoError] = useState<string | null>(null);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  \n  // 处理视频错误\n  const handleVideoError = () => {\n    console.error(\"视频加载错误\");\n    setVideoError(\"无法加载视频文件，请检查文件格式是否正确\");\n  };\n\n\n  return (\n    <div className=\"w-full max-w-4xl mx-auto\">\n      {/* 视频标题和控制区 */}\n      <div \n        className=\"flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3\"\n      >\n        {/* Lucide图标 */}\n        <Film className=\"h-5 w-5 text-blue-600 mr-2\" />\n\n        {/* 显示文件名/类型 */}\n        <div className=\"font-medium text-gray-800 flex-1\">{filename || \"视频\"}</div>\n\n        {/* 可折叠控制 */}\n        <button\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors\"\n        >\n          {isExpanded ? (\n            <>\n              <ChevronUp className=\"h-4 w-4\" />\n            </>\n          ) : (\n            <>\n              <ChevronDown className=\"h-4 w-4\" />\n            </>\n          )}\n        </button>\n      </div>\n\n      {/* 视频播放区域 - 直接显示，不再使用弹窗 */}\n      {isExpanded && (\n        <div className=\"border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white\">\n          {videoError ? (\n            <div className=\"flex flex-col items-center justify-center py-10 text-red-500\">\n              {videoError}\n            </div>\n          ) : (\n            <video\n              ref={videoRef}\n              src={data}\n              className=\"w-full rounded-md bg-black\"\n              controls\n              onError={handleVideoError}\n              preload=\"metadata\"\n              aria-label={`视频: ${filename || '视频文件'}`}\n            >\n              您的浏览器不支持HTML5视频播放。\n            </video>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Video = memo(VideoImpl);"],"names":["useState","useRef","_jsxs","_jsx","Film","_Fragment","ChevronUp","ChevronDown","memo"],"mappings":";;;;;;AAIA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiD,KAAI;AAChG,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC,CAAC;AAClE,IAAA,MAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAC;;IAGhD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxB,aAAa,CAAC,sBAAsB,CAAC,CAAC;AACxC,KAAC,CAAC;AAGF,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEvCA,eACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yFAAyF,EAGnG,QAAA,EAAA,CAAAC,cAAA,CAACC,gBAAI,EAAC,EAAA,SAAS,EAAC,4BAA4B,EAAG,CAAA,EAG/CD,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,QAAQ,IAAI,IAAI,EAAA,CAAO,EAG1EA,cAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,SAAS,EAAC,+EAA+E,EAAA,QAAA,EAExF,UAAU,IACTA,cACE,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAAF,cAAA,CAACG,qBAAS,EAAA,EAAC,SAAS,EAAC,SAAS,EAAG,CAAA,EAAA,CAChC,KAEHH,cAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EACEF,eAACI,uBAAW,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAClC,CAAA,CACJ,EACM,CAAA,CAAA,EAAA,CACL,EAGL,UAAU,KACTJ,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACzE,UAAU,IACTA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAC1E,QAAA,EAAA,UAAU,EACP,CAAA,KAENA,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAA,IAAA,EACR,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,UAAU,EACN,YAAA,EAAA,CAAA,IAAA,EAAO,QAAQ,IAAI,MAAM,CAAE,CAAA,EAAA,QAAA,EAAA,qFAAA,EAAA,CAGjC,CACT,EAAA,CACG,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC,CAAC;MAEW,KAAK,GAAGK,UAAI,CAAC,SAAS;;;;"}

package/dist/components/assistant-ui/file/video.js

@@ -1,8 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { memo, useState, useRef } from 'react';
-import Film from '../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/film.js';
-import ChevronUp from '../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
-import ChevronDown from '../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import { Film, ChevronUp, ChevronDown } from 'lucide-react';
 
 const VideoImpl = ({ filename, data, mimeType }) => {
     const [isExpanded, setIsExpanded] = useState(true); // 默认展开直接播放

package/dist/components/assistant-ui/file/video.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.js","sources":["../../../../src/components/assistant-ui/file/video.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState, useRef } from \"react\";\nimport { Film, ChevronDown, ChevronUp } from \"lucide-react\";\n\nconst VideoImpl = ({ filename, data, mimeType }: Omit<FileMessagePartProps, \"type\" | \"status\">) => {\n  const [isExpanded, setIsExpanded] = useState(true); // 默认展开直接播放\n  const [videoError, setVideoError] = useState<string | null>(null);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  \n  // 处理视频错误\n  const handleVideoError = () => {\n    console.error(\"视频加载错误\");\n    setVideoError(\"无法加载视频文件，请检查文件格式是否正确\");\n  };\n\n\n  return (\n    <div className=\"w-full max-w-4xl mx-auto\">\n      {/* 视频标题和控制区 */}\n      <div \n        className=\"flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3\"\n      >\n        {/* Lucide图标 */}\n        <Film className=\"h-5 w-5 text-blue-600 mr-2\" />\n\n        {/* 显示文件名/类型 */}\n        <div className=\"font-medium text-gray-800 flex-1\">{filename || \"视频\"}</div>\n\n        {/* 可折叠控制 */}\n        <button\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors\"\n        >\n          {isExpanded ? (\n            <>\n              <ChevronUp className=\"h-4 w-4\" />\n            </>\n          ) : (\n            <>\n              <ChevronDown className=\"h-4 w-4\" />\n            </>\n          )}\n        </button>\n      </div>\n\n      {/* 视频播放区域 - 直接显示，不再使用弹窗 */}\n      {isExpanded && (\n        <div className=\"border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white\">\n          {videoError ? (\n            <div className=\"flex flex-col items-center justify-center py-10 text-red-500\">\n              {videoError}\n            </div>\n          ) : (\n            <video\n              ref={videoRef}\n              src={data}\n              className=\"w-full rounded-md bg-black\"\n              controls\n              onError={handleVideoError}\n              preload=\"metadata\"\n              aria-label={`视频: ${filename || '视频文件'}`}\n            >\n              您的浏览器不支持HTML5视频播放。\n            </video>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Video = memo(VideoImpl);"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;AAIA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiD,KAAI;AAChG,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;AAClE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;;IAGhD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxB,aAAa,CAAC,sBAAsB,CAAC,CAAC;AACxC,KAAC,CAAC;AAGF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEvCA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yFAAyF,EAGnG,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,4BAA4B,EAAG,CAAA,EAG/CA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,QAAQ,IAAI,IAAI,EAAA,CAAO,EAG1EA,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,SAAS,EAAC,+EAA+E,EAAA,QAAA,EAExF,UAAU,IACTA,GACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAAD,GAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,SAAS,EAAG,CAAA,EAAA,CAChC,KAEHA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACED,IAAC,WAAW,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAClC,CAAA,CACJ,EACM,CAAA,CAAA,EAAA,CACL,EAGL,UAAU,KACTA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACzE,UAAU,IACTA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAC1E,QAAA,EAAA,UAAU,EACP,CAAA,KAENA,GAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAA,IAAA,EACR,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,UAAU,EACN,YAAA,EAAA,CAAA,IAAA,EAAO,QAAQ,IAAI,MAAM,CAAE,CAAA,EAAA,QAAA,EAAA,qFAAA,EAAA,CAGjC,CACT,EAAA,CACG,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC,CAAC;MAEW,KAAK,GAAG,IAAI,CAAC,SAAS;;;;"}
+{"version":3,"file":"video.js","sources":["../../../../src/components/assistant-ui/file/video.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState, useRef } from \"react\";\nimport { Film, ChevronDown, ChevronUp } from \"lucide-react\";\n\nconst VideoImpl = ({ filename, data, mimeType }: Omit<FileMessagePartProps, \"type\" | \"status\">) => {\n  const [isExpanded, setIsExpanded] = useState(true); // 默认展开直接播放\n  const [videoError, setVideoError] = useState<string | null>(null);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  \n  // 处理视频错误\n  const handleVideoError = () => {\n    console.error(\"视频加载错误\");\n    setVideoError(\"无法加载视频文件，请检查文件格式是否正确\");\n  };\n\n\n  return (\n    <div className=\"w-full max-w-4xl mx-auto\">\n      {/* 视频标题和控制区 */}\n      <div \n        className=\"flex items-center bg-gray-100 border border-gray-300 rounded-t-lg transition-colors p-3\"\n      >\n        {/* Lucide图标 */}\n        <Film className=\"h-5 w-5 text-blue-600 mr-2\" />\n\n        {/* 显示文件名/类型 */}\n        <div className=\"font-medium text-gray-800 flex-1\">{filename || \"视频\"}</div>\n\n        {/* 可折叠控制 */}\n        <button\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center text-sm text-gray-600 hover:text-gray-900 transition-colors\"\n        >\n          {isExpanded ? (\n            <>\n              <ChevronUp className=\"h-4 w-4\" />\n            </>\n          ) : (\n            <>\n              <ChevronDown className=\"h-4 w-4\" />\n            </>\n          )}\n        </button>\n      </div>\n\n      {/* 视频播放区域 - 直接显示，不再使用弹窗 */}\n      {isExpanded && (\n        <div className=\"border border-t-0 border-gray-300 rounded-b-lg p-4 bg-white\">\n          {videoError ? (\n            <div className=\"flex flex-col items-center justify-center py-10 text-red-500\">\n              {videoError}\n            </div>\n          ) : (\n            <video\n              ref={videoRef}\n              src={data}\n              className=\"w-full rounded-md bg-black\"\n              controls\n              onError={handleVideoError}\n              preload=\"metadata\"\n              aria-label={`视频: ${filename || '视频文件'}`}\n            >\n              您的浏览器不支持HTML5视频播放。\n            </video>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Video = memo(VideoImpl);"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiD,KAAI;AAChG,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;AAClE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;;IAGhD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxB,aAAa,CAAC,sBAAsB,CAAC,CAAC;AACxC,KAAC,CAAC;AAGF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEvCA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yFAAyF,EAGnG,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,4BAA4B,EAAG,CAAA,EAG/CA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,QAAQ,IAAI,IAAI,EAAA,CAAO,EAG1EA,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,SAAS,EAAC,+EAA+E,EAAA,QAAA,EAExF,UAAU,IACTA,GACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAAD,GAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,SAAS,EAAG,CAAA,EAAA,CAChC,KAEHA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACED,IAAC,WAAW,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAClC,CAAA,CACJ,EACM,CAAA,CAAA,EAAA,CACL,EAGL,UAAU,KACTA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACzE,UAAU,IACTA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAC1E,QAAA,EAAA,UAAU,EACP,CAAA,KAENA,GAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAA,IAAA,EACR,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAC,UAAU,EACN,YAAA,EAAA,CAAA,IAAA,EAAO,QAAQ,IAAI,MAAM,CAAE,CAAA,EAAA,QAAA,EAAA,qFAAA,EAAA,CAGjC,CACT,EAAA,CACG,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC,CAAC;MAEW,KAAK,GAAG,IAAI,CAAC,SAAS;;;;"}

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

@@ -1,29 +1,94 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var MarkdownText$1 = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.cjs');
-var PreOverride = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.cjs');
-var memoization = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/memoization.cjs');
+require('@assistant-ui/react-markdown/styles/dot.css');
+var reactMarkdown = require('@assistant-ui/react-markdown');
+var remarkGfm = require('remark-gfm');
+var remarkBreaks = require('remark-breaks');
+var rehypeRaw = require('rehype-raw');
+var rehypeSanitize = require('rehype-sanitize');
 var React = require('react');
+var lucideReact = require('lucide-react');
 var tooltipIconButton = require('./tooltip-icon-button.cjs');
 var utils = require('../../lib/utils.cjs');
-var index = require('../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/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');
+var useDebounce = require('../../hooks/useDebounce.cjs');
+var I18nContext = require('../../contexts/I18nContext.cjs');
+var shikiHighlighter = require('./shiki-highlighter.cjs');
 
-const MarkdownTextImpl = () => {
-    return (jsxRuntime.jsx(MarkdownText$1.MarkdownTextPrimitive, { remarkPlugins: [index], className: "aui-md", components: defaultComponents }));
+const schema = {
+    ...rehypeSanitize.defaultSchema,
+    // 1. 添加标签到白名单
+    tagNames: [...(rehypeSanitize.defaultSchema.tagNames || []), 'video', 'source', 'iframe'],
+    // 2. 添加允许的属性
+    attributes: {
+        ...rehypeSanitize.defaultSchema.attributes,
+        iframe: [
+            'src',
+            'width',
+            'height',
+            'frameborder',
+            'allow',
+            'allowfullscreen',
+        ],
+        // 允许 video 标签使用的属性
+        video: [
+            'controls',
+            'width',
+            'height',
+            'poster',
+            'preload',
+            'src',
+            'muted',
+            'loop',
+            'autoPlay',
+            'playsInline',
+        ],
+        div: [
+            ...(rehypeSanitize.defaultSchema.attributes?.div || []),
+            'className', //
+            'data-content', // 如果你在插件里用了 data-content
+        ],
+        // 允许 source 标签使用的属性
+        source: ['src', 'type'],
+    },
 };
+const remarkPlugins = [remarkGfm, remarkBreaks];
+const rehypePlugins = [
+    rehypeRaw,
+    [rehypeSanitize, schema],
+    // rehypeAppendCursor,
+];
+function MarkdownTextImpl() {
+    return (jsxRuntime.jsx(reactMarkdown.MarkdownTextPrimitive, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, className: "aui-md", 
+        // smooth={false}
+        components: defaultComponents }));
+}
 const MarkdownText = React.memo(MarkdownTextImpl);
 const CodeHeader = ({ language, code }) => {
     const { isCopied, copyToClipboard } = useCopyToClipboard();
+    const processedLanguage = language == 'unknown' ? 'text' : language;
+    const { t } = I18nContext.useI18n();
     const onCopy = () => {
         if (!code || isCopied)
             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 max-w-[800px] overflow-auto", children: [jsxRuntime.jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: processedLanguage }), jsxRuntime.jsxs(tooltipIconButton.TooltipIconButton, { tooltip: t('thread.copy'), onClick: onCopy, children: [!isCopied && jsxRuntime.jsx(lucideReact.CopyIcon, {}), isCopied && jsxRuntime.jsx(lucideReact.CheckIcon, {})] })] }));
 };
+function Video({ src, className, ...props }) {
+    const debouncedSrc = useDebounce.useDebounce(src, 500);
+    return (jsxRuntime.jsx("video", { src: debouncedSrc, style: { maxWidth: 400 }, className: utils.cn('aui-md-video max-w-full rounded-lg', className), controls: true, ...props }));
+}
+const videoExtensions = [
+    '.mp4',
+    '.avi',
+    '.mov',
+    '.wmv',
+    '.flv',
+    '.webm',
+    '.mkv',
+    '.m4v',
+];
 const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     const [isCopied, setIsCopied] = React.useState(false);
     const copyToClipboard = (value) => {
@@ -36,31 +101,45 @@ const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     };
     return { isCopied, copyToClipboard };
 };
-const defaultComponents = memoization.memoizeMarkdownComponents({
-    h1: ({ className, ...props }) => (jsxRuntime.jsx("h1", { className: utils.cn("aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0", className), ...props })),
-    h2: ({ className, ...props }) => (jsxRuntime.jsx("h2", { className: utils.cn("aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
-    h3: ({ className, ...props }) => (jsxRuntime.jsx("h3", { className: utils.cn("aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
-    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 })),
-    a: ({ className, ...props }) => (jsxRuntime.jsx("a", { className: utils.cn("aui-md-a font-medium text-primary underline underline-offset-4", 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 })),
-    hr: ({ className, ...props }) => (jsxRuntime.jsx("hr", { className: utils.cn("aui-md-hr my-5 border-b", className), ...props })),
-    table: ({ className, ...props }) => (jsxRuntime.jsx("table", { className: utils.cn("aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto", className), ...props })),
-    th: ({ className, ...props }) => (jsxRuntime.jsx("th", { className: utils.cn("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", className), ...props })),
-    td: ({ className, ...props }) => (jsxRuntime.jsx("td", { className: utils.cn("aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right", className), ...props })),
-    tr: ({ className, ...props }) => (jsxRuntime.jsx("tr", { className: utils.cn("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", className), ...props })),
-    sup: ({ className, ...props }) => (jsxRuntime.jsx("sup", { className: utils.cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className), ...props })),
-    pre: ({ className, ...props }) => (jsxRuntime.jsx("pre", { className: utils.cn("aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white", className), ...props })),
+const defaultComponents = reactMarkdown.unstable_memoizeMarkdownComponents({
+    h1: ({ className, ...props }) => (jsxRuntime.jsx("h1", { className: utils.cn('aui-md-h1 mb-[12px] scroll-m-20 text-[26px]  leading-[37px] font-extrabold tracking-tight last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (jsxRuntime.jsx("h2", { className: utils.cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (jsxRuntime.jsx("h3", { className: utils.cn('aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500]  leading-[28px] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (jsxRuntime.jsx("h4", { className: utils.cn('aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => (jsxRuntime.jsx("h5", { className: utils.cn('aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] 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 text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
+    image: ({ className, ...props }) => (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)
+                return false;
+            return videoExtensions.some((ext) => href.toLowerCase().includes(ext));
+        };
+        if (isVideo(props.href)) {
+            return jsxRuntime.jsx(Video, { src: props.href, className: className, ...props });
+        }
+        return (jsxRuntime.jsx("a", { className: utils.cn('aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4', className), ...props }));
+    },
+    video: ({ className, ...props }) => (jsxRuntime.jsx(Video, { className: className, ...props })),
+    blockquote: ({ className, ...props }) => (jsxRuntime.jsx("blockquote", { className: utils.cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className), ...props })),
+    ul: ({ className, ...props }) => (jsxRuntime.jsx("ul", { className: utils.cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    ol: ({ className, ...props }) => (jsxRuntime.jsx("ol", { className: utils.cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    hr: ({ className, ...props }) => (jsxRuntime.jsx("hr", { className: utils.cn('aui-md-hr my-[12px] border-b', className), ...props })),
+    table: ({ className, ...props }) => (jsxRuntime.jsx("table", { className: utils.cn('aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto', className), ...props })),
+    th: ({ className, ...props }) => (jsxRuntime.jsx("th", { className: utils.cn('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', className), ...props })),
+    td: ({ className, ...props }) => (jsxRuntime.jsx("td", { className: utils.cn('aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    tr: ({ className, ...props }) => (jsxRuntime.jsx("tr", { className: utils.cn('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', className), ...props })),
+    sup: ({ className, ...props }) => (jsxRuntime.jsx("sup", { className: utils.cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className), ...props })),
+    SyntaxHighlighter: shikiHighlighter.SyntaxHighlighter,
+    pre: ({ className, ...props }) => (jsxRuntime.jsx("pre", { className: utils.cn('aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4', className), ...props })),
     code: function Code({ className, ...props }) {
-        const isCodeBlock = PreOverride.useIsMarkdownCodeBlock();
-        return (jsxRuntime.jsx("code", { className: utils.cn(!isCodeBlock &&
-                "aui-md-inline-code rounded border bg-muted font-semibold", className), ...props }));
+        const isCodeBlock = reactMarkdown.useIsMarkdownCodeBlock();
+        return (jsxRuntime.jsx("code", { className: utils.cn(!isCodeBlock
+                && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]', className), ...props }));
     },
     CodeHeader,
+    div: ({ className, ...props }) => jsxRuntime.jsx("div", { className: className, ...props }),
 });
 
 exports.MarkdownText = MarkdownText;

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\";\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    <a\n      className={cn(\n        \"aui-md-a font-medium text-primary underline underline-offset-4\",\n        className,\n      )}\n      {...props}\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  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","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 remarkBreaks from 'remark-breaks';\nimport rehypeRaw from 'rehype-raw';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport { type FC, memo, useState } from 'react';\nimport { CheckIcon, CopyIcon, Loader2 } from 'lucide-react';\nimport './index.less';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport { useDebounce } from '@/hooks/useDebounce';\nimport { PluggableList } from 'unified';\nimport { useI18n } from '@/contexts/I18nContext';\nimport { SyntaxHighlighter } from './shiki-highlighter';\n\nconst schema = {\n  ...defaultSchema,\n  // 1. 添加标签到白名单\n  tagNames: [...(defaultSchema.tagNames || []), 'video', 'source', 'iframe'],\n  // 2. 添加允许的属性\n  attributes: {\n    ...defaultSchema.attributes,\n    iframe: [\n      'src',\n      'width',\n      'height',\n      'frameborder',\n      'allow',\n      'allowfullscreen',\n    ],\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    div: [\n      ...(defaultSchema.attributes?.div || []),\n      'className', //\n      'data-content', // 如果你在插件里用了 data-content\n    ],\n    // 允许 source 标签使用的属性\n    source: ['src', 'type'],\n  },\n};\n\nconst remarkPlugins: PluggableList = [remarkGfm, remarkBreaks];\n\nconst rehypePlugins: PluggableList = [\n  rehypeRaw,\n  [rehypeSanitize, schema],\n  // rehypeAppendCursor,\n];\n\nfunction MarkdownTextImpl() {\n  return (\n    <MarkdownTextPrimitive\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      className=\"aui-md\"\n      // smooth={false}\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 processedLanguage = language == 'unknown' ? 'text' : language;\n  const { t } = useI18n();\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 max-w-[800px] overflow-auto\">\n      <span className=\"aui-code-header-language lowercase [&>span]:text-xs\">\n        {processedLanguage}\n      </span>\n      <TooltipIconButton tooltip={t('thread.copy')} onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n\nfunction 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: 400 }}\n      className={cn('aui-md-video max-w-full rounded-lg', className)}\n      controls\n      {...props}\n    />\n  );\n}\n\nconst videoExtensions = [\n  '.mp4',\n  '.avi',\n  '.mov',\n  '.wmv',\n  '.flv',\n  '.webm',\n  '.mkv',\n  '.m4v',\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-[12px] scroll-m-20 text-[26px]  leading-[37px] 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-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] 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-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500]  leading-[28px] 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-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] 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-[12px] text-[16px] leading-[22px] font-[500] 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 text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  image: ({ className, ...props }) => (\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  a: ({ className, ...props }) => {\n    const isVideo = (href: string | undefined) => {\n      if (!href) return false;\n      return videoExtensions.some((ext) => href.toLowerCase().includes(ext));\n    };\n\n    if (isVideo(props.href)) {\n      return <Video src={props.href} className={className} {...props} />;\n    }\n\n    return (\n      <a\n        className={cn(\n          'aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n  video: ({ className, ...props }) => (\n    <Video className={className} {...props} />\n  ),\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className)}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr className={cn('aui-md-hr my-[12px] 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,\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        'aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4',\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-[400] text-[16px] leading-[24px] px-[2px]',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n  div: ({ className, ...props }) => <div className={className} {...props} />,\n});\n"],"names":["defaultSchema","_jsx","MarkdownTextPrimitive","memo","useI18n","_jsxs","TooltipIconButton","CopyIcon","CheckIcon","useDebounce","cn","useState","memoizeMarkdownComponents","SyntaxHighlighter","useIsMarkdownCodeBlock"],"mappings":"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"}

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

@@ -1,3 +1,6 @@
-import "@assistant-ui/react-markdown/styles/dot.css";
-export declare const MarkdownText: import("react").MemoExoticComponent<() => JSX.Element>;
+import '@assistant-ui/react-markdown/styles/dot.css';
+import './index.less';
+declare function MarkdownTextImpl(): JSX.Element;
+export declare const MarkdownText: import("react").MemoExoticComponent<typeof MarkdownTextImpl>;
+export {};
 //# 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;AAyBrD,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;AAcrD,OAAO,cAAc,CAAC;AAsDtB,iBAAS,gBAAgB,gBAUxB;AAED,eAAO,MAAM,YAAY,8DAAyB,CAAC"}

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

@@ -1,27 +1,92 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { MarkdownTextPrimitive } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.js';
-import { useIsMarkdownCodeBlock } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.js';
-import { memoizeMarkdownComponents } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmen_rhaaxuuutbjod6lynyxrh7rosy/node_modules/@assistant-ui/react-markdown/dist/memoization.js';
+import '@assistant-ui/react-markdown/styles/dot.css';
+import { unstable_memoizeMarkdownComponents, useIsMarkdownCodeBlock, MarkdownTextPrimitive } from '@assistant-ui/react-markdown';
+import remarkGfm from 'remark-gfm';
+import remarkBreaks from 'remark-breaks';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 import { memo, useState } from 'react';
+import { CopyIcon, CheckIcon } from 'lucide-react';
 import { TooltipIconButton } from './tooltip-icon-button.js';
 import { cn } from '../../lib/utils.js';
-import remarkGfm from '../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/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';
+import { useDebounce } from '../../hooks/useDebounce.js';
+import { useI18n } from '../../contexts/I18nContext.js';
+import { SyntaxHighlighter } from './shiki-highlighter.js';
 
-const MarkdownTextImpl = () => {
-    return (jsx(MarkdownTextPrimitive, { remarkPlugins: [remarkGfm], className: "aui-md", components: defaultComponents }));
+const schema = {
+    ...defaultSchema,
+    // 1. 添加标签到白名单
+    tagNames: [...(defaultSchema.tagNames || []), 'video', 'source', 'iframe'],
+    // 2. 添加允许的属性
+    attributes: {
+        ...defaultSchema.attributes,
+        iframe: [
+            'src',
+            'width',
+            'height',
+            'frameborder',
+            'allow',
+            'allowfullscreen',
+        ],
+        // 允许 video 标签使用的属性
+        video: [
+            'controls',
+            'width',
+            'height',
+            'poster',
+            'preload',
+            'src',
+            'muted',
+            'loop',
+            'autoPlay',
+            'playsInline',
+        ],
+        div: [
+            ...(defaultSchema.attributes?.div || []),
+            'className', //
+            'data-content', // 如果你在插件里用了 data-content
+        ],
+        // 允许 source 标签使用的属性
+        source: ['src', 'type'],
+    },
 };
+const remarkPlugins = [remarkGfm, remarkBreaks];
+const rehypePlugins = [
+    rehypeRaw,
+    [rehypeSanitize, schema],
+    // rehypeAppendCursor,
+];
+function MarkdownTextImpl() {
+    return (jsx(MarkdownTextPrimitive, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, className: "aui-md", 
+        // smooth={false}
+        components: defaultComponents }));
+}
 const MarkdownText = memo(MarkdownTextImpl);
 const CodeHeader = ({ language, code }) => {
     const { isCopied, copyToClipboard } = useCopyToClipboard();
+    const processedLanguage = language == 'unknown' ? 'text' : language;
+    const { t } = useI18n();
     const onCopy = () => {
         if (!code || isCopied)
             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 max-w-[800px] overflow-auto", children: [jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: processedLanguage }), jsxs(TooltipIconButton, { tooltip: t('thread.copy'), onClick: onCopy, children: [!isCopied && jsx(CopyIcon, {}), isCopied && jsx(CheckIcon, {})] })] }));
 };
+function Video({ src, className, ...props }) {
+    const debouncedSrc = useDebounce(src, 500);
+    return (jsx("video", { src: debouncedSrc, style: { maxWidth: 400 }, className: cn('aui-md-video max-w-full rounded-lg', className), controls: true, ...props }));
+}
+const videoExtensions = [
+    '.mp4',
+    '.avi',
+    '.mov',
+    '.wmv',
+    '.flv',
+    '.webm',
+    '.mkv',
+    '.m4v',
+];
 const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     const [isCopied, setIsCopied] = useState(false);
     const copyToClipboard = (value) => {
@@ -34,31 +99,45 @@ const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
     };
     return { isCopied, copyToClipboard };
 };
-const defaultComponents = memoizeMarkdownComponents({
-    h1: ({ className, ...props }) => (jsx("h1", { className: cn("aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0", className), ...props })),
-    h2: ({ className, ...props }) => (jsx("h2", { className: cn("aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
-    h3: ({ className, ...props }) => (jsx("h3", { className: cn("aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0", className), ...props })),
-    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 })),
-    a: ({ className, ...props }) => (jsx("a", { className: cn("aui-md-a font-medium text-primary underline underline-offset-4", 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 })),
-    hr: ({ className, ...props }) => (jsx("hr", { className: cn("aui-md-hr my-5 border-b", className), ...props })),
-    table: ({ className, ...props }) => (jsx("table", { className: cn("aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto", className), ...props })),
-    th: ({ className, ...props }) => (jsx("th", { className: cn("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", className), ...props })),
-    td: ({ className, ...props }) => (jsx("td", { className: cn("aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right", className), ...props })),
-    tr: ({ className, ...props }) => (jsx("tr", { className: cn("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", className), ...props })),
-    sup: ({ className, ...props }) => (jsx("sup", { className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className), ...props })),
-    pre: ({ className, ...props }) => (jsx("pre", { className: cn("aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-4 text-white", className), ...props })),
+const defaultComponents = unstable_memoizeMarkdownComponents({
+    h1: ({ className, ...props }) => (jsx("h1", { className: cn('aui-md-h1 mb-[12px] scroll-m-20 text-[26px]  leading-[37px] font-extrabold tracking-tight last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (jsx("h2", { className: cn('aui-md-h2 mt-6 mb-4 scroll-m-20 text-[22px] leading-[30px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (jsx("h3", { className: cn('aui-md-h3 mt-[12px] mb-[12px] scroll-m-20 text-[20px] font-[500]  leading-[28px] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (jsx("h4", { className: cn('aui-md-h4 mt-[12px] mb-[12px] scroll-m-20 text-[18px] leading-[25px] font-[500] tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => (jsx("h5", { className: cn('aui-md-h5 my-[12px] text-[16px] leading-[22px] font-[500] 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 text-[16px] mt-[12px] mb-[12px] leading-[24px] first:mt-0 last:mb-0 chatkit-md-text-p', className), ...props })),
+    image: ({ className, ...props }) => (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)
+                return false;
+            return videoExtensions.some((ext) => href.toLowerCase().includes(ext));
+        };
+        if (isVideo(props.href)) {
+            return jsx(Video, { src: props.href, className: className, ...props });
+        }
+        return (jsx("a", { className: cn('aui-md-a font-[400] leading-[24px] text-[16px] underline underline-offset-4', className), ...props }));
+    },
+    video: ({ className, ...props }) => (jsx(Video, { className: className, ...props })),
+    blockquote: ({ className, ...props }) => (jsx("blockquote", { className: cn('aui-md-blockquote border-[1px solid #F5F6F7] pl-6 italic', className), ...props })),
+    ul: ({ className, ...props }) => (jsx("ul", { className: cn('aui-md-ul my-[12px] ml-6 list-disc [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    ol: ({ className, ...props }) => (jsx("ol", { className: cn('aui-md-ol my-[12px] ml-6 list-decimal [&>li]:mt-2 [&>li]:text-[16px] leading-[24px]', className), ...props })),
+    hr: ({ className, ...props }) => (jsx("hr", { className: cn('aui-md-hr my-[12px] border-b', className), ...props })),
+    table: ({ className, ...props }) => (jsx("table", { className: cn('aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto', className), ...props })),
+    th: ({ className, ...props }) => (jsx("th", { className: cn('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', className), ...props })),
+    td: ({ className, ...props }) => (jsx("td", { className: cn('aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    tr: ({ className, ...props }) => (jsx("tr", { className: cn('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', className), ...props })),
+    sup: ({ className, ...props }) => (jsx("sup", { className: cn('aui-md-sup [&>a]:text-xs [&>a]:no-underline', className), ...props })),
+    SyntaxHighlighter,
+    pre: ({ className, ...props }) => (jsx("pre", { className: cn('aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg p-4', className), ...props })),
     code: function Code({ className, ...props }) {
         const isCodeBlock = useIsMarkdownCodeBlock();
-        return (jsx("code", { className: cn(!isCodeBlock &&
-                "aui-md-inline-code rounded border bg-muted font-semibold", className), ...props }));
+        return (jsx("code", { className: cn(!isCodeBlock
+                && 'aui-md-inline-code rounded border bg-muted font-[400] text-[16px] leading-[24px] px-[2px]', className), ...props }));
     },
     CodeHeader,
+    div: ({ className, ...props }) => jsx("div", { className: className, ...props }),
 });
 
 export { MarkdownText };