@hkyhy/marsun-components-core 0.1.11 → 0.1.15

package/README.md

@@ -20,7 +20,20 @@ npm install @hkyhy/marsun-components-core antd react react-dom
 ## 快速开始
 
 ```tsx
-import { MarsunCoreProvider, SemanticTag, FetchTreeSelect } from '@hkyhy/marsun-components-core';
+import '@hkyhy/marsun-components-core/styles';
+import '@hkyhy/marsun-components-core/tokens';
+
+import {
+  MarsunCoreProvider,
+  SemanticTag,
+  ChatPanel,
+  SessionSidebar,
+  applyThemeToCssVariables,
+  generateTheme,
+} from '@hkyhy/marsun-components-core';
+
+const primaryColor = '#1677ff';
+applyThemeToCssVariables(primaryColor);
 
 <MarsunCoreProvider
   auth={{
@@ -29,17 +42,29 @@ import { MarsunCoreProvider, SemanticTag, FetchTreeSelect } from '@hkyhy/marsun-
     hasAnyRole: (roles) => roles.some((r) => userRoles.includes(r)),
   }}
   fetch={{ baseUrl: '/api', headers: { Authorization: `Bearer ${token}` } }}
+  primaryColor={primaryColor}
+  themeConfig={generateTheme(primaryColor)}
 >
   <SemanticTag color="primary">标签</SemanticTag>
-  <FetchTreeSelect
-    treeData={treeData}
-    // 或 fetch 模式：
-    // fetchUrl="/departments/tree"
-    // transformData={(raw) => raw.data}
+  <ChatPanel
+    messages={[]}
+    inputValue=""
+    onInputChange={() => {}}
+    onSend={() => {}}
   />
 </MarsunCoreProvider>
 ```
 
+### 主题与 Token
+
+| 导入路径 | 用途 |
+| --- | --- |
+| `@hkyhy/marsun-components-core/tokens` | 静态 CSS 变量默认值（布局、灰阶、标签色等） |
+| `@hkyhy/marsun-components-core/theme` | `generateTheme`, `applyThemeToCssVariables`, `PALETTE`, `LAYOUT_TOKENS` |
+| `@hkyhy/marsun-components-core/styles` | 组件库打包样式 |
+
+项目可在 `src/styles/tokens.css` 扩展领域变量，详见 showcase 内 `frontend-dev-spec` → `theme.md`。
+
 ## 设计原则
 
 - **零业务依赖**：无 `departmentPath`、`personOption` 等领域工具；`transformData` 由消费方实现

package/dist/components/AgentHub/Chat/Action/CreateButton.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Plus as r } from "../../../Icons/index.js";
+import { Button as m } from "antd";
+const n = ({ onClick: o }) => /* @__PURE__ */ t(m, { type: "primary", icon: /* @__PURE__ */ t(r, {}), onClick: o, children: "新建助手" });
+export {
+  n as default
+};
+//# sourceMappingURL=CreateButton.js.map

package/dist/components/AgentHub/Chat/Action/CreateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateButton.js","sources":["../../../../../src/components/AgentHub/Chat/Action/CreateButton.tsx"],"sourcesContent":["import { Plus } from '@/components/Icons';\nimport { Button } from 'antd';\nimport React from 'react';\n\nexport interface ChatCreateButtonProps {\n  onClick?: () => void;\n}\n\nconst CreateButton: React.FC<ChatCreateButtonProps> = ({ onClick }) => (\n  <Button type=\"primary\" icon={<Plus />} onClick={onClick}>\n    新建助手\n  </Button>\n);\n\nexport default CreateButton;\n"],"names":["CreateButton","onClick","jsx","Button","Plus"],"mappings":";;;AAQA,MAAMA,IAAgD,CAAC,EAAE,SAAAC,EAAA,MACvD,gBAAAC,EAACC,GAAA,EAAO,MAAK,WAAU,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAK,GAAI,SAAAH,GAAkB,UAAA,OAAA,CAEzD;"}

package/dist/components/AgentHub/Chat/Action/ManageActionButtons.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Plus as r } from "../../../Icons/index.js";
+import i from "@kne/button-group";
+const s = ({ onCreateClick: t }) => /* @__PURE__ */ o(
+  i,
+  {
+    list: [
+      {
+        children: "新建助手",
+        type: "primary",
+        icon: /* @__PURE__ */ o(r, {}),
+        onClick: t
+      }
+    ]
+  }
+);
+export {
+  s as default
+};
+//# sourceMappingURL=ManageActionButtons.js.map

package/dist/components/AgentHub/Chat/Action/ManageActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageActionButtons.js","sources":["../../../../../src/components/AgentHub/Chat/Action/ManageActionButtons.tsx"],"sourcesContent":["import { Plus } from '@/components/Icons';\nimport ButtonGroup from '@kne/button-group';\nimport React from 'react';\n\nexport interface ChatManageActionButtonsProps {\n  onCreateClick: () => void;\n}\n\nconst ManageActionButtons: React.FC<ChatManageActionButtonsProps> = ({ onCreateClick }) => (\n  <ButtonGroup\n    list={[\n      {\n        children: '新建助手',\n        type: 'primary',\n        icon: <Plus />,\n        onClick: onCreateClick,\n      },\n    ]}\n  />\n);\n\nexport default ManageActionButtons;\n"],"names":["ManageActionButtons","onCreateClick","jsx","ButtonGroup","Plus"],"mappings":";;;AAQA,MAAMA,IAA8D,CAAC,EAAE,eAAAC,EAAA,MACrE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,MAAM;AAAA,QACN,wBAAOC,GAAA,EAAK;AAAA,QACZ,SAASH;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/components/AgentHub/Chat/Action/SessionActionButtons.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Trash2 as r } from "../../../Icons/index.js";
+import n from "@kne/button-group";
+const f = ({
+  streaming: t = !1,
+  clearDisabled: s = !1,
+  onClearConversation: i
+}) => /* @__PURE__ */ o(
+  n,
+  {
+    list: [
+      {
+        children: "清空对话",
+        icon: /* @__PURE__ */ o(r, {}),
+        disabled: t || s,
+        onClick: i
+      }
+    ]
+  }
+);
+export {
+  f as default
+};
+//# sourceMappingURL=SessionActionButtons.js.map

package/dist/components/AgentHub/Chat/Action/SessionActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActionButtons.js","sources":["../../../../../src/components/AgentHub/Chat/Action/SessionActionButtons.tsx"],"sourcesContent":["import { Trash2 } from '@/components/Icons';\nimport ButtonGroup from '@kne/button-group';\nimport React from 'react';\n\nexport interface SessionActionButtonsProps {\n  streaming?: boolean;\n  clearDisabled?: boolean;\n  onClearConversation: () => void;\n}\n\nconst SessionActionButtons: React.FC<SessionActionButtonsProps> = ({\n  streaming = false,\n  clearDisabled = false,\n  onClearConversation,\n}) => (\n  <ButtonGroup\n    list={[\n      {\n        children: '清空对话',\n        icon: <Trash2 />,\n        disabled: streaming || clearDisabled,\n        onClick: onClearConversation,\n      },\n    ]}\n  />\n);\n\nexport default SessionActionButtons;\n"],"names":["SessionActionButtons","streaming","clearDisabled","onClearConversation","jsx","ButtonGroup","Trash2"],"mappings":";;;AAUA,MAAMA,IAA4D,CAAC;AAAA,EACjE,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,qBAAAC;AACF,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,wBAAOC,GAAA,EAAO;AAAA,QACd,UAAUL,KAAaC;AAAA,QACvB,SAASC;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/components/AgentHub/Chat/Action/handlers.d.ts

@@ -4,8 +4,3 @@ export type ChatActionHandlers = {
     onCreate?: () => void;
     onEdit?: (id: string) => void;
 };
-export type KnowledgeBaseActionHandlers = {
-    onDelete?: (id: string) => Promise<void>;
-    onCreate?: () => void;
-    onUpload?: (datasetId: string) => void;
-};

package/dist/components/AgentHub/Chat/Detail/ChatInput/index.js

@@ -0,0 +1,65 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { Pause as u, Send as d } from "../../../../Icons/index.js";
+import { Input as y, Button as p } from "antd";
+import t from "./style.module.scss.js";
+import n from "classnames";
+const E = ({
+  value: e,
+  loading: c,
+  onChange: o,
+  onSend: s,
+  onStop: h,
+  placeholder: m = "输入问题… Enter 发送，Shift+Enter 换行"
+}) => {
+  const l = (i) => {
+    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), !c && e.trim() && s());
+  };
+  return /* @__PURE__ */ r("div", { className: n("chat-input-root", t["chat-input-root"]), children: [
+    /* @__PURE__ */ r("div", { className: n("chat-input-container", t["chat-input-container"]), children: [
+      /* @__PURE__ */ a(
+        y.TextArea,
+        {
+          value: e,
+          onChange: (i) => o(i.target.value),
+          onKeyDown: l,
+          placeholder: m,
+          autoSize: { minRows: 1, maxRows: 5 },
+          disabled: c,
+          variant: "borderless",
+          className: n("chat-input-wrapper", t["chat-input-wrapper"])
+        }
+      ),
+      c ? /* @__PURE__ */ a(
+        p,
+        {
+          type: "primary",
+          danger: !0,
+          icon: /* @__PURE__ */ a(u, {}),
+          onClick: h,
+          "aria-label": "停止生成",
+          className: n("chat-input-inner", t["chat-input-inner"])
+        }
+      ) : /* @__PURE__ */ a(
+        p,
+        {
+          type: "primary",
+          icon: /* @__PURE__ */ a(d, {}),
+          onClick: s,
+          disabled: !e.trim(),
+          className: n("chat-input-inner", t["chat-input-inner"])
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: n("chat-input-header", t["chat-input-header"]), children: [
+      /* @__PURE__ */ a("span", { className: n("chat-input-body", t["chat-input-body"]), children: "Enter 发送 · Shift+Enter 换行" }),
+      e.length > 0 && /* @__PURE__ */ r("span", { className: n("chat-input-body", t["chat-input-body"]), children: [
+        e.length,
+        " 字"
+      ] })
+    ] })
+  ] });
+};
+export {
+  E as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/ChatInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/ChatInput/index.tsx"],"sourcesContent":["import { Pause, Send } from '@/components/Icons';\nimport { Button, Input } from 'antd';\nimport React from 'react';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface ChatInputProps {\n  value: string;\n  loading: boolean;\n  onChange: (v: string) => void;\n  onSend: () => void;\n  onStop?: () => void;\n  placeholder?: string;\n}\n\nconst ChatInput: React.FC<ChatInputProps> = ({\n  value,\n  loading,\n  onChange,\n  onSend,\n  onStop,\n  placeholder = '输入问题… Enter 发送，Shift+Enter 换行',\n}) => {\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      if (!loading && value.trim()) {\n        onSend();\n      }\n    }\n  };\n\n  return (\n    <div className={classNames('chat-input-root', styles['chat-input-root'])}>\n      <div className={classNames('chat-input-container', styles['chat-input-container'])}>\n        <Input.TextArea\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          autoSize={{ minRows: 1, maxRows: 5 }}\n          disabled={loading}\n          variant=\"borderless\"\n          className={classNames('chat-input-wrapper', styles['chat-input-wrapper'])}\n        />\n\n        {loading ? (\n          <Button\n            type=\"primary\"\n            danger\n            icon={<Pause />}\n            onClick={onStop}\n            aria-label=\"停止生成\"\n            className={classNames('chat-input-inner', styles['chat-input-inner'])}\n          />\n        ) : (\n          <Button\n            type=\"primary\"\n            icon={<Send />}\n            onClick={onSend}\n            disabled={!value.trim()}\n            className={classNames('chat-input-inner', styles['chat-input-inner'])}\n          />\n        )}\n      </div>\n\n      <div className={classNames('chat-input-header', styles['chat-input-header'])}>\n        <span className={classNames('chat-input-body', styles['chat-input-body'])}>Enter 发送 · Shift+Enter 换行</span>\n        {value.length > 0 && <span className={classNames('chat-input-body', styles['chat-input-body'])}>{value.length} 字</span>}\n      </div>\n    </div>\n  );\n};\n\nexport default ChatInput;\n"],"names":["ChatInput","value","loading","onChange","onSend","onStop","placeholder","handleKeyDown","e","jsxs","classNames","styles","jsx","Input","Button","Pause","Send"],"mappings":";;;;;AAeA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,MAAM;AACJ,QAAMC,IAAgB,CAACC,MAAgD;AACrE,IAAIA,EAAE,QAAQ,WAAW,CAACA,EAAE,aAC1BA,EAAE,eAAA,GACE,CAACN,KAAWD,EAAM,UACpBG,EAAA;AAAA,EAGN;AAEA,SACE,gBAAAK,EAAC,SAAI,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GACrE,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC,GAC/E,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC,EAAM;AAAA,QAAN;AAAA,UACC,OAAAZ;AAAA,UACA,UAAU,CAACO,MAAML,EAASK,EAAE,OAAO,KAAK;AAAA,UACxC,WAAWD;AAAA,UACX,aAAAD;AAAA,UACA,UAAU,EAAE,SAAS,GAAG,SAAS,EAAA;AAAA,UACjC,UAAUJ;AAAA,UACV,SAAQ;AAAA,UACR,WAAWQ,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzET,IACC,gBAAAU;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAM;AAAA,UACN,wBAAOC,GAAA,EAAM;AAAA,UACb,SAASV;AAAA,UACT,cAAW;AAAA,UACX,WAAWK,EAAW,oBAAoBC,EAAO,kBAAkB,CAAC;AAAA,QAAA;AAAA,MAAA,IAGtE,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,wBAAOE,GAAA,EAAK;AAAA,UACZ,SAASZ;AAAA,UACT,UAAU,CAACH,EAAM,KAAA;AAAA,UACjB,WAAWS,EAAW,oBAAoBC,EAAO,kBAAkB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACtE,GAEJ;AAAA,IAEA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,qBAAqBC,EAAO,mBAAmB,CAAC,GACzE,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GAAG,UAAA,4BAAA,CAAyB;AAAA,MACnGV,EAAM,SAAS,KAAK,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GAAI,UAAA;AAAA,QAAAV,EAAM;AAAA,QAAO;AAAA,MAAA,EAAA,CAAE;AAAA,IAAA,EAAA,CAClH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/AgentHub/Chat/Detail/ChatInput/style.module.scss.js

@@ -0,0 +1,12 @@
+const t = {
+  "chat-input-root": "_chat-input-root_1iegn_1",
+  "chat-input-container": "_chat-input-container_1iegn_12",
+  "chat-input-wrapper": "_chat-input-wrapper_1iegn_28",
+  "chat-input-inner": "_chat-input-inner_1iegn_34",
+  "chat-input-header": "_chat-input-header_1iegn_50",
+  "chat-input-body": "_chat-input-body_1iegn_59"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/ChatInput/style.module.scss.js.map

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

package/dist/components/AgentHub/Chat/Detail/ChatPanel/index.d.ts

@@ -0,0 +1,31 @@
+import { ChatMessage } from '../../../types';
+import { default as React } from 'react';
+import { ChatInputProps } from '../ChatInput';
+import { MessageItemProps } from '../MessageItem';
+export interface ChatPanelProps {
+    title?: string;
+    subtitle?: string;
+    showHeader?: boolean;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    showSuggestions?: boolean;
+    suggestions?: string[];
+    onSuggestionClick?: (text: string) => void;
+    messages: ChatMessage[];
+    showEmptyHint?: boolean;
+    emptyPlaceholder?: string;
+    onCitationClick?: MessageItemProps['onCitationClick'];
+    onEditMessage?: MessageItemProps['onEditMessage'];
+    onResendMessage?: MessageItemProps['onResendMessage'];
+    editDisabled?: boolean;
+    inputValue: string;
+    inputLoading?: boolean;
+    onInputChange: (v: string) => void;
+    onSend: () => void;
+    onStop?: ChatInputProps['onStop'];
+    inputPlaceholder?: string;
+    showInput?: boolean;
+    className?: string;
+}
+declare const ChatPanel: React.FC<ChatPanelProps>;
+export default ChatPanel;

package/dist/components/AgentHub/Chat/Detail/ChatPanel/index.js

@@ -0,0 +1,85 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { Button as M } from "antd";
+import { useRef as f } from "react";
+import n from "classnames";
+import P from "../ChatInput/index.js";
+import T from "../ChatSuggestionRow/index.js";
+import V from "../MessageItem/index.js";
+import e from "./style.module.scss.js";
+import { useAutoScrollToBottom as q } from "../../hooks/useAutoScrollToBottom.js";
+import E from "../../../../VirtualScrollbar/VirtualScrollbar/index.js";
+const Y = ({
+  title: r,
+  subtitle: o,
+  showHeader: u = !0,
+  showCloseButton: N = !1,
+  onClose: c,
+  showSuggestions: g = !1,
+  suggestions: s = [],
+  onSuggestionClick: i,
+  messages: a,
+  showEmptyHint: v = !0,
+  emptyPlaceholder: C = "点击上方建议，或直接输入问题",
+  onCitationClick: S,
+  onEditMessage: w,
+  onResendMessage: R,
+  editDisabled: y,
+  inputValue: b,
+  inputLoading: m = !1,
+  onInputChange: x,
+  onSend: j,
+  onStop: B,
+  inputPlaceholder: I,
+  showInput: k = !0,
+  className: z
+}) => {
+  const p = f(null), h = f(null), { handleScroll: A } = q(p, h, {
+    enabled: a.length > 0,
+    trigger: a
+  }), D = g && s.length > 0 && typeof i == "function";
+  return /* @__PURE__ */ t("div", { className: n("chat-panel", e["chat-panel"], z), children: [
+    u ? /* @__PURE__ */ t("div", { className: n("chat-panel-head", e["chat-panel-head"]), children: [
+      /* @__PURE__ */ t("div", { children: [
+        r ? /* @__PURE__ */ l("strong", { className: e["chat-panel-title"], children: r }) : null,
+        o ? /* @__PURE__ */ l("span", { className: e["chat-panel-subtitle"], children: o }) : null
+      ] }),
+      N && c ? /* @__PURE__ */ l(M, { type: "link", size: "small", onClick: c, children: "收起" }) : null
+    ] }) : null,
+    D ? /* @__PURE__ */ l(T, { suggestions: s, onSelect: i }) : null,
+    /* @__PURE__ */ l(
+      E,
+      {
+        className: n("chat-panel-messages", e["chat-panel-messages"]),
+        wrapperClassName: e["chat-panel-messages-wrapper"],
+        onScroll: A,
+        ref: p,
+        children: /* @__PURE__ */ l("div", { ref: h, children: a.length === 0 && v ? /* @__PURE__ */ l("p", { className: e["chat-panel-empty"], children: C }) : a.map((d) => /* @__PURE__ */ l(
+          V,
+          {
+            message: d,
+            onCitationClick: S,
+            onEditMessage: w,
+            onResendMessage: R,
+            editDisabled: y || m
+          },
+          d.id
+        )) })
+      }
+    ),
+    k ? /* @__PURE__ */ l("div", { className: e["chat-panel-input"], children: /* @__PURE__ */ l(
+      P,
+      {
+        value: b,
+        loading: m,
+        onChange: x,
+        onSend: j,
+        onStop: B,
+        placeholder: I
+      }
+    ) }) : null
+  ] });
+};
+export {
+  Y as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/ChatPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/ChatPanel/index.tsx"],"sourcesContent":["import type { ChatMessage } from '@/components/AgentHub/types';\nimport { VirtualScrollbar } from '@/components/VirtualScrollbar';\nimport { Button } from 'antd';\nimport React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useAutoScrollToBottom } from '../../hooks';\nimport ChatInput from '../ChatInput';\nimport type { ChatInputProps } from '../ChatInput';\nimport ChatSuggestionRow from '../ChatSuggestionRow';\nimport MessageItem from '../MessageItem';\nimport type { MessageItemProps } from '../MessageItem';\nimport styles from './style.module.scss';\n\nexport interface ChatPanelProps {\n  title?: string;\n  subtitle?: string;\n  showHeader?: boolean;\n  showCloseButton?: boolean;\n  onClose?: () => void;\n\n  showSuggestions?: boolean;\n  suggestions?: string[];\n  onSuggestionClick?: (text: string) => void;\n\n  messages: ChatMessage[];\n  showEmptyHint?: boolean;\n  emptyPlaceholder?: string;\n  onCitationClick?: MessageItemProps['onCitationClick'];\n  onEditMessage?: MessageItemProps['onEditMessage'];\n  onResendMessage?: MessageItemProps['onResendMessage'];\n  editDisabled?: boolean;\n\n  inputValue: string;\n  inputLoading?: boolean;\n  onInputChange: (v: string) => void;\n  onSend: () => void;\n  onStop?: ChatInputProps['onStop'];\n  inputPlaceholder?: string;\n  showInput?: boolean;\n\n  className?: string;\n}\n\nconst ChatPanel: React.FC<ChatPanelProps> = ({\n  title,\n  subtitle,\n  showHeader = true,\n  showCloseButton = false,\n  onClose,\n  showSuggestions = false,\n  suggestions = [],\n  onSuggestionClick,\n  messages,\n  showEmptyHint = true,\n  emptyPlaceholder = '点击上方建议，或直接输入问题',\n  onCitationClick,\n  onEditMessage,\n  onResendMessage,\n  editDisabled,\n  inputValue,\n  inputLoading = false,\n  onInputChange,\n  onSend,\n  onStop,\n  inputPlaceholder,\n  showInput = true,\n  className,\n}) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const messagesContentRef = useRef<HTMLDivElement>(null);\n\n  const { handleScroll } = useAutoScrollToBottom(scrollContainerRef, messagesContentRef, {\n    enabled: messages.length > 0,\n    trigger: messages,\n  });\n\n  const showSuggestionRow =\n    showSuggestions && suggestions.length > 0 && typeof onSuggestionClick === 'function';\n\n  return (\n    <div className={classNames('chat-panel', styles['chat-panel'], className)}>\n      {showHeader ? (\n        <div className={classNames('chat-panel-head', styles['chat-panel-head'])}>\n          <div>\n            {title ? <strong className={styles['chat-panel-title']}>{title}</strong> : null}\n            {subtitle ? <span className={styles['chat-panel-subtitle']}>{subtitle}</span> : null}\n          </div>\n          {showCloseButton && onClose ? (\n            <Button type=\"link\" size=\"small\" onClick={onClose}>\n              收起\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {showSuggestionRow ? (\n        <ChatSuggestionRow suggestions={suggestions} onSelect={onSuggestionClick} />\n      ) : null}\n\n      <VirtualScrollbar\n        className={classNames('chat-panel-messages', styles['chat-panel-messages'])}\n        wrapperClassName={styles['chat-panel-messages-wrapper']}\n        onScroll={handleScroll}\n        ref={scrollContainerRef}\n      >\n        <div ref={messagesContentRef}>\n          {messages.length === 0 && showEmptyHint ? (\n            <p className={styles['chat-panel-empty']}>{emptyPlaceholder}</p>\n          ) : (\n            messages.map((message) => (\n              <MessageItem\n                key={message.id}\n                message={message}\n                onCitationClick={onCitationClick}\n                onEditMessage={onEditMessage}\n                onResendMessage={onResendMessage}\n                editDisabled={editDisabled || inputLoading}\n              />\n            ))\n          )}\n        </div>\n      </VirtualScrollbar>\n\n      {showInput ? (\n        <div className={styles['chat-panel-input']}>\n          <ChatInput\n            value={inputValue}\n            loading={inputLoading}\n            onChange={onInputChange}\n            onSend={onSend}\n            onStop={onStop}\n            placeholder={inputPlaceholder}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default ChatPanel;\n"],"names":["ChatPanel","title","subtitle","showHeader","showCloseButton","onClose","showSuggestions","suggestions","onSuggestionClick","messages","showEmptyHint","emptyPlaceholder","onCitationClick","onEditMessage","onResendMessage","editDisabled","inputValue","inputLoading","onInputChange","onSend","onStop","inputPlaceholder","showInput","className","scrollContainerRef","useRef","messagesContentRef","handleScroll","useAutoScrollToBottom","showSuggestionRow","jsxs","classNames","styles","jsx","Button","ChatSuggestionRow","VirtualScrollbar","message","MessageItem","ChatInput"],"mappings":";;;;;;;;;;AA2CA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,aAAAC,IAAc,CAAA;AAAA,EACd,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBC,EAAuB,IAAI,GAChDC,IAAqBD,EAAuB,IAAI,GAEhD,EAAE,cAAAE,EAAA,IAAiBC,EAAsBJ,GAAoBE,GAAoB;AAAA,IACrF,SAASjB,EAAS,SAAS;AAAA,IAC3B,SAASA;AAAA,EAAA,CACV,GAEKoB,IACJvB,KAAmBC,EAAY,SAAS,KAAK,OAAOC,KAAsB;AAE5E,SACE,gBAAAsB,EAAC,SAAI,WAAWC,EAAW,cAAcC,EAAO,YAAY,GAAGT,CAAS,GACrE,UAAA;AAAA,IAAApB,IACC,gBAAA2B,EAAC,SAAI,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GACrE,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EACE,UAAA;AAAA,QAAA7B,sBAAS,UAAA,EAAO,WAAW+B,EAAO,kBAAkB,GAAI,aAAM,IAAY;AAAA,QAC1E9B,sBAAY,QAAA,EAAK,WAAW8B,EAAO,qBAAqB,GAAI,aAAS,IAAU;AAAA,MAAA,GAClF;AAAA,MACC5B,KAAmBC,IAClB,gBAAA4B,EAACC,GAAA,EAAO,MAAK,QAAO,MAAK,SAAQ,SAAS7B,GAAS,UAAA,KAAA,CAEnD,IACE;AAAA,IAAA,EAAA,CACN,IACE;AAAA,IAEHwB,IACC,gBAAAI,EAACE,GAAA,EAAkB,aAAA5B,GAA0B,UAAUC,GAAmB,IACxE;AAAA,IAEJ,gBAAAyB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWL,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC;AAAA,QAC1E,kBAAkBA,EAAO,6BAA6B;AAAA,QACtD,UAAUL;AAAA,QACV,KAAKH;AAAA,QAEL,4BAAC,OAAA,EAAI,KAAKE,GACP,UAAAjB,EAAS,WAAW,KAAKC,IACxB,gBAAAuB,EAAC,OAAE,WAAWD,EAAO,kBAAkB,GAAI,UAAArB,EAAA,CAAiB,IAE5DF,EAAS,IAAI,CAAC4B,MACZ,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAAAD;AAAA,YACA,iBAAAzB;AAAA,YACA,eAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAcC,KAAgBE;AAAA,UAAA;AAAA,UALzBoB,EAAQ;AAAA,QAAA,CAOhB,EAAA,CAEL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDf,IACC,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,kBAAkB,GACvC,UAAA,gBAAAC;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAOvB;AAAA,QACP,SAASC;AAAA,QACT,UAAUC;AAAA,QACV,QAAAC;AAAA,QACA,QAAAC;AAAA,QACA,aAAaC;AAAA,MAAA;AAAA,IAAA,GAEjB,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/AgentHub/Chat/Detail/ChatPanel/style.module.scss.js

@@ -0,0 +1,14 @@
+const a = {
+  "chat-panel": "_chat-panel_j7eqa_1",
+  "chat-panel-head": "_chat-panel-head_j7eqa_9",
+  "chat-panel-title": "_chat-panel-title_j7eqa_20",
+  "chat-panel-subtitle": "_chat-panel-subtitle_j7eqa_28",
+  "chat-panel-messages-wrapper": "_chat-panel-messages-wrapper_j7eqa_35",
+  "chat-panel-messages": "_chat-panel-messages_j7eqa_35",
+  "chat-panel-empty": "_chat-panel-empty_j7eqa_45",
+  "chat-panel-input": "_chat-panel-input_j7eqa_52"
+};
+export {
+  a as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/ChatPanel/style.module.scss.js.map

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

package/dist/components/AgentHub/Chat/Detail/ChatSuggestionRow/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface ChatSuggestionRowProps {
+    suggestions: string[];
+    onSelect: (text: string) => void;
+    visible?: boolean;
+    className?: string;
+}
+declare const ChatSuggestionRow: React.FC<ChatSuggestionRowProps>;
+export default ChatSuggestionRow;

package/dist/components/AgentHub/Chat/Detail/ChatSuggestionRow/index.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import r from "classnames";
+import e from "./style.module.scss.js";
+const h = ({
+  suggestions: o,
+  onSelect: a,
+  visible: i = !0,
+  className: n
+}) => !i || !o.length ? null : /* @__PURE__ */ s("div", { className: r("chat-suggestion-row", e["chat-suggestion-row"], n), children: o.map((t) => /* @__PURE__ */ s(
+  "button",
+  {
+    type: "button",
+    className: r("chat-suggestion-chip", e["chat-suggestion-chip"]),
+    onClick: () => a(t),
+    children: t
+  },
+  t
+)) });
+export {
+  h as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/ChatSuggestionRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/ChatSuggestionRow/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nexport interface ChatSuggestionRowProps {\n  suggestions: string[];\n  onSelect: (text: string) => void;\n  visible?: boolean;\n  className?: string;\n}\n\nconst ChatSuggestionRow: React.FC<ChatSuggestionRowProps> = ({\n  suggestions,\n  onSelect,\n  visible = true,\n  className,\n}) => {\n  if (!visible || !suggestions.length) return null;\n\n  return (\n    <div className={classNames('chat-suggestion-row', styles['chat-suggestion-row'], className)}>\n      {suggestions.map((text) => (\n        <button\n          key={text}\n          type=\"button\"\n          className={classNames('chat-suggestion-chip', styles['chat-suggestion-chip'])}\n          onClick={() => onSelect(text)}\n        >\n          {text}\n        </button>\n      ))}\n    </div>\n  );\n};\n\nexport default ChatSuggestionRow;\n"],"names":["ChatSuggestionRow","suggestions","onSelect","visible","className","jsx","classNames","styles","text"],"mappings":";;;AAWA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,MACM,CAACD,KAAW,CAACF,EAAY,SAAe,OAG1C,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAW,uBAAuBC,EAAO,qBAAqB,GAAGH,CAAS,GACvF,UAAAH,EAAY,IAAI,CAACO,MAChB,gBAAAH;AAAA,EAAC;AAAA,EAAA;AAAA,IAEC,MAAK;AAAA,IACL,WAAWC,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC;AAAA,IAC5E,SAAS,MAAML,EAASM,CAAI;AAAA,IAE3B,UAAAA;AAAA,EAAA;AAAA,EALIA;AAAA,CAOR,GACH;"}

package/dist/components/AgentHub/Chat/Detail/ChatSuggestionRow/style.module.scss.js

@@ -0,0 +1,8 @@
+const s = {
+  "chat-suggestion-row": "_chat-suggestion-row_1l9qy_1",
+  "chat-suggestion-chip": "_chat-suggestion-chip_1l9qy_9"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/ChatSuggestionRow/style.module.scss.js.map

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

package/dist/components/AgentHub/Chat/Detail/CitationContent/index.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as e } from "react";
+import a from "react-markdown";
+import m from "remark-gfm";
+import n from "./style.module.scss.js";
+import r from "classnames";
+import { prepareCitationContent as c, sanitizeCitationHtml as s } from "../../utils/citationContent.js";
+const C = ({ content: i }) => {
+  const t = e(() => c(i), [i]);
+  return t.body ? t.isHtml ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: r("citation-content-citation-rich-content", n["citation-content-citation-rich-content"]),
+      dangerouslySetInnerHTML: { __html: s(t.body) }
+    }
+  ) : /* @__PURE__ */ o("div", { className: r("markdown-preview", r("citation-content-footer", n["citation-content-footer"])), children: /* @__PURE__ */ o(a, { remarkPlugins: [m], children: t.body }) }) : null;
+};
+export {
+  C as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/CitationContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/CitationContent/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { prepareCitationContent, sanitizeCitationHtml } from '../../utils';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface CitationContentProps {\n  content: string;\n}\n\nconst CitationContent: React.FC<CitationContentProps> = ({ content }) => {\n  const prepared = useMemo(() => prepareCitationContent(content), [content]);\n\n  if (!prepared.body) return null;\n\n  if (prepared.isHtml) {\n    return (\n      <div\n        className={classNames('citation-content-citation-rich-content', styles['citation-content-citation-rich-content'])}\n        dangerouslySetInnerHTML={{ __html: sanitizeCitationHtml(prepared.body) }}\n      />\n    );\n  }\n\n  return (\n    <div className={classNames('markdown-preview', classNames('citation-content-footer', styles['citation-content-footer']))}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]}>{prepared.body}</ReactMarkdown>\n    </div>\n  );\n};\n\nexport default CitationContent;\n"],"names":["CitationContent","content","prepared","useMemo","prepareCitationContent","jsx","classNames","styles","sanitizeCitationHtml","ReactMarkdown","remarkGfm"],"mappings":";;;;;;;AAWA,MAAMA,IAAkD,CAAC,EAAE,SAAAC,QAAc;AACvE,QAAMC,IAAWC,EAAQ,MAAMC,EAAuBH,CAAO,GAAG,CAACA,CAAO,CAAC;AAEzE,SAAKC,EAAS,OAEVA,EAAS,SAET,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,0CAA0CC,EAAO,wCAAwC,CAAC;AAAA,MAChH,yBAAyB,EAAE,QAAQC,EAAqBN,EAAS,IAAI,EAAA;AAAA,IAAE;AAAA,EAAA,IAM3E,gBAAAG,EAAC,SAAI,WAAWC,EAAW,oBAAoBA,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC,CAAC,GACrH,UAAA,gBAAAF,EAACI,KAAc,eAAe,CAACC,CAAS,GAAI,UAAAR,EAAS,MAAK,GAC5D,IAdyB;AAgB7B;"}

package/dist/components/AgentHub/Chat/Detail/CitationContent/style.module.scss.js

@@ -0,0 +1,8 @@
+const t = {
+  "citation-content-footer": "_citation-content-footer_olxly_1",
+  "citation-content-citation-rich-content": "_citation-content-citation-rich-content_olxly_7"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/CitationContent/style.module.scss.js.map

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

package/dist/components/AgentHub/Chat/Detail/CitationInlineBadge/index.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "./style.module.scss.js";
+import a from "classnames";
+const l = ({ number: t, onClick: i }) => /* @__PURE__ */ e(
+  "button",
+  {
+    type: "button",
+    onClick: i,
+    className: a("text-primary", "citation-inline-badge-row", o["citation-inline-badge-row"]),
+    title: `查看引用来源 ${t}`,
+    children: t
+  }
+);
+export {
+  l as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/CitationInlineBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/CitationInlineBadge/index.tsx"],"sourcesContent":["import styles from './style.module.scss';\nimport classNames from 'classnames';\nimport React from 'react';\n\nexport interface CitationInlineBadgeProps {\n  number: number;\n  onClick?: () => void;\n}\n\nconst CitationInlineBadge: React.FC<CitationInlineBadgeProps> = ({ number, onClick }) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={classNames('text-primary', 'citation-inline-badge-row', styles['citation-inline-badge-row'])}\n      title={`查看引用来源 ${number}`}\n    >\n      {number}\n    </button>\n  );\n};\n\nexport default CitationInlineBadge;\n"],"names":["CitationInlineBadge","number","onClick","jsx","classNames","styles"],"mappings":";;;AASA,MAAMA,IAA0D,CAAC,EAAE,QAAAC,GAAQ,SAAAC,QAEvE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAD;AAAA,IACA,WAAWE,EAAW,gBAAgB,6BAA6BC,EAAO,2BAA2B,CAAC;AAAA,IACtG,OAAO,UAAUJ,CAAM;AAAA,IAEtB,UAAAA;AAAA,EAAA;AAAA;"}

package/dist/components/AgentHub/Chat/Detail/CitationInlineBadge/style.module.scss.js

@@ -0,0 +1,7 @@
+const i = {
+  "citation-inline-badge-row": "_citation-inline-badge-row_1g1kb_1"
+};
+export {
+  i as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/CitationInlineBadge/style.module.scss.js.map

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

package/dist/components/AgentHub/Chat/Detail/CitationMarkdownContent/index.js

@@ -0,0 +1,68 @@
+import { jsx as n } from "react/jsx-runtime";
+import b, { useMemo as k, useCallback as w, Suspense as x } from "react";
+import M from "react-markdown";
+import y from "remark-gfm";
+import C from "../CitationInlineBadge/index.js";
+import N from "./style.module.scss.js";
+import f from "classnames";
+import { normalizeDisplayText as I, normalizeAssistantMarkdown as z } from "../../utils/messageContent.js";
+import { extractCitationIdsFromContent as B, injectCitationMarkdownLinks as j, citationIdToIndex as v, parseCitationLinkHref as D, citationDisplayNumber as L } from "../../utils/citationContent.js";
+const R = b.lazy(() => import("../MermaidBlock/index.js")), E = ({
+  content: s,
+  citations: e,
+  citationSourceContent: o,
+  onCitationClick: m,
+  className: u,
+  deferMermaid: i = !1
+}) => {
+  const c = k(() => {
+    const r = I(z(s));
+    return B(r).length > 0 || e.length > 0 ? j(r) : r;
+  }, [s, e.length]), d = w(
+    (r) => {
+      !e.length || !m || m(
+        e,
+        v(r, e.length, o)
+      );
+    },
+    [e, o, m]
+  ), g = k(
+    () => ({
+      code: ({ className: r, children: t, ...a }) => {
+        var p;
+        const l = (p = /language-(\w+)/.exec(r || "")) == null ? void 0 : p[1], h = String(t).replace(/\n$/, "");
+        return l === "mermaid" ? /* @__PURE__ */ n(
+          x,
+          {
+            fallback: /* @__PURE__ */ n("div", { className: f("mermaid-block", "mermaid-block--loading", f("citation-markdown-content-col", N["citation-markdown-content-col"])), children: "图表加载中…" }),
+            children: /* @__PURE__ */ n(R, { chart: h, enabled: !i })
+          }
+        ) : /* @__PURE__ */ n("code", { className: r, ...a, children: t });
+      },
+      a: ({ href: r, children: t }) => {
+        const a = D(r);
+        if (a !== null) {
+          const l = L(
+            a,
+            e.length,
+            o
+          );
+          return /* @__PURE__ */ n(
+            C,
+            {
+              number: l,
+              onClick: () => d(a)
+            }
+          );
+        }
+        return /* @__PURE__ */ n("a", { href: r, target: "_blank", rel: "noopener noreferrer", className: "text-primary", children: t });
+      }
+    }),
+    [e.length, o, i, d]
+  );
+  return c.trim() ? /* @__PURE__ */ n("div", { className: u, children: /* @__PURE__ */ n(M, { remarkPlugins: [y], components: g, children: c }) }) : null;
+};
+export {
+  E as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentHub/Chat/Detail/CitationMarkdownContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/AgentHub/Chat/Detail/CitationMarkdownContent/index.tsx"],"sourcesContent":["import type { Citation } from '@/components/AgentHub/types';\nimport React, { Suspense, useCallback, useMemo } from 'react';\nimport type { Components } from 'react-markdown';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport {\n  citationDisplayNumber,\n  citationIdToIndex,\n  extractCitationIdsFromContent,\n  injectCitationMarkdownLinks,\n  normalizeAssistantMarkdown,\n  normalizeDisplayText,\n  parseCitationLinkHref,\n} from '../../utils';\nimport CitationInlineBadge from '../CitationInlineBadge';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nconst MermaidBlock = React.lazy(() => import('../MermaidBlock'));\n\nexport interface CitationMarkdownContentProps {\n  content: string;\n  citations: Citation[];\n  citationSourceContent: string;\n  onCitationClick?: (citations: Citation[], index?: number) => void;\n  className?: string;\n  deferMermaid?: boolean;\n}\n\nconst CitationMarkdownContent: React.FC<CitationMarkdownContentProps> = ({\n  content,\n  citations,\n  citationSourceContent,\n  onCitationClick,\n  className,\n  deferMermaid = false,\n}) => {\n  const markdownContent = useMemo(() => {\n    const text = normalizeDisplayText(normalizeAssistantMarkdown(content));\n    const hasMarkers = extractCitationIdsFromContent(text).length > 0;\n    return hasMarkers || citations.length > 0 ? injectCitationMarkdownLinks(text) : text;\n  }, [content, citations.length]);\n\n  const handleCitationBadgeClick = useCallback(\n    (citationId: number) => {\n      if (!citations.length || !onCitationClick) return;\n      onCitationClick(\n        citations,\n        citationIdToIndex(citationId, citations.length, citationSourceContent),\n      );\n    },\n    [citations, citationSourceContent, onCitationClick],\n  );\n\n  const markdownComponents = useMemo<Components>(\n    () => ({\n      code: ({ className, children, ...props }) => {\n        const lang = /language-(\\w+)/.exec(className || '')?.[1];\n        const source = String(children).replace(/\\n$/, '');\n        if (lang === 'mermaid') {\n          return (\n            <Suspense\n              fallback={\n                <div className={classNames('mermaid-block', 'mermaid-block--loading', classNames('citation-markdown-content-col', styles['citation-markdown-content-col']))}>\n                  图表加载中…\n                </div>\n              }\n            >\n              <MermaidBlock chart={source} enabled={!deferMermaid} />\n            </Suspense>\n          );\n        }\n        return (\n          <code className={className} {...props}>\n            {children}\n          </code>\n        );\n      },\n      a: ({ href, children }) => {\n        const citationId = parseCitationLinkHref(href);\n        if (citationId !== null) {\n          const displayNumber = citationDisplayNumber(\n            citationId,\n            citations.length,\n            citationSourceContent,\n          );\n          return (\n            <CitationInlineBadge\n              number={displayNumber}\n              onClick={() => handleCitationBadgeClick(citationId)}\n            />\n          );\n        }\n        return (\n          <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-primary\">\n            {children}\n          </a>\n        );\n      },\n    }),\n    [citations.length, citationSourceContent, deferMermaid, handleCitationBadgeClick],\n  );\n\n  if (!markdownContent.trim()) return null;\n\n  return (\n    <div className={className}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>\n        {markdownContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default CitationMarkdownContent;\n"],"names":["MermaidBlock","React","CitationMarkdownContent","content","citations","citationSourceContent","onCitationClick","className","deferMermaid","markdownContent","useMemo","text","normalizeDisplayText","normalizeAssistantMarkdown","extractCitationIdsFromContent","injectCitationMarkdownLinks","handleCitationBadgeClick","useCallback","citationId","citationIdToIndex","markdownComponents","children","props","lang","_a","source","jsx","Suspense","classNames","styles","href","parseCitationLinkHref","displayNumber","citationDisplayNumber","CitationInlineBadge","ReactMarkdown","remarkGfm"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAeC,EAAM,KAAK,MAAM,OAAO,0BAAiB,CAAC,GAWzDC,IAAkE,CAAC;AAAA,EACvE,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAM;AACJ,QAAMC,IAAkBC,EAAQ,MAAM;AACpC,UAAMC,IAAOC,EAAqBC,EAA2BV,CAAO,CAAC;AAErE,WADmBW,EAA8BH,CAAI,EAAE,SAAS,KAC3CP,EAAU,SAAS,IAAIW,EAA4BJ,CAAI,IAAIA;AAAA,EAClF,GAAG,CAACR,GAASC,EAAU,MAAM,CAAC,GAExBY,IAA2BC;AAAA,IAC/B,CAACC,MAAuB;AACtB,MAAI,CAACd,EAAU,UAAU,CAACE,KAC1BA;AAAA,QACEF;AAAA,QACAe,EAAkBD,GAAYd,EAAU,QAAQC,CAAqB;AAAA,MAAA;AAAA,IAEzE;AAAA,IACA,CAACD,GAAWC,GAAuBC,CAAe;AAAA,EAAA,GAG9Cc,IAAqBV;AAAA,IACzB,OAAO;AAAA,MACL,MAAM,CAAC,EAAE,WAAAH,GAAW,UAAAc,GAAU,GAAGC,QAAY;;AAC3C,cAAMC,KAAOC,IAAA,iBAAiB,KAAKjB,KAAa,EAAE,MAArC,gBAAAiB,EAAyC,IAChDC,IAAS,OAAOJ,CAAQ,EAAE,QAAQ,OAAO,EAAE;AACjD,eAAIE,MAAS,YAET,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UACE,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAW,iBAAiB,0BAA0BA,EAAW,iCAAiCC,EAAO,+BAA+B,CAAC,CAAC,GAAG,UAAA,UAE7J;AAAA,YAGF,4BAAC7B,GAAA,EAAa,OAAOyB,GAAQ,SAAS,CAACjB,EAAA,CAAc;AAAA,UAAA;AAAA,QAAA,sBAKxD,QAAA,EAAK,WAAWD,GAAY,GAAGe,GAC7B,UAAAD,GACH;AAAA,MAEJ;AAAA,MACA,GAAG,CAAC,EAAE,MAAAS,GAAM,UAAAT,QAAe;AACzB,cAAMH,IAAaa,EAAsBD,CAAI;AAC7C,YAAIZ,MAAe,MAAM;AACvB,gBAAMc,IAAgBC;AAAA,YACpBf;AAAA,YACAd,EAAU;AAAA,YACVC;AAAA,UAAA;AAEF,iBACE,gBAAAqB;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,QAAQF;AAAA,cACR,SAAS,MAAMhB,EAAyBE,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGxD;AACA,eACE,gBAAAQ,EAAC,OAAE,MAAAI,GAAY,QAAO,UAAS,KAAI,uBAAsB,WAAU,gBAChE,UAAAT,EAAA,CACH;AAAA,MAEJ;AAAA,IAAA;AAAA,IAEF,CAACjB,EAAU,QAAQC,GAAuBG,GAAcQ,CAAwB;AAAA,EAAA;AAGlF,SAAKP,EAAgB,KAAA,IAGnB,gBAAAiB,EAAC,OAAA,EAAI,WAAAnB,GACH,UAAA,gBAAAmB,EAACS,GAAA,EAAc,eAAe,CAACC,CAAS,GAAG,YAAYhB,GACpD,UAAAX,EAAA,CACH,GACF,IAPkC;AAStC;"}

package/dist/components/AgentHub/Chat/Detail/CitationMarkdownContent/style.module.scss.js

@@ -0,0 +1,7 @@
+const t = {
+  "citation-markdown-content-col": "_citation-markdown-content-col_1157p_1"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/AgentHub/Chat/Detail/CitationMarkdownContent/style.module.scss.js.map

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