@ryanhe919/lumen-ui 0.2.2 → 0.3.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const LMBadge = require("./LMBadge-1rGc3lqC.cjs");
+const LMBadge = require("./LMBadge-D95iccla.cjs");
 const LMInput = require("./LMInput-CVjawj1F.cjs");
 const LMTextarea = require("./LMTextarea-yG0OBZjA.cjs");
 const LMNumberInput = require("./LMNumberInput-B1tU7T_W.cjs");
@@ -8,25 +8,2025 @@ const LMSearchInput = require("./LMSearchInput-nBlAX734.cjs");
 const LMSelect = require("./LMSelect-ByQcUp2S.cjs");
 const LMCheckbox = require("./LMCheckbox-C2YvEQ8f.cjs");
 const LMRadio = require("./LMRadio-CHn6nFSy.cjs");
-const LMSwitch = require("./LMSwitch-CKnrY30F.cjs");
+const LMSwitch = require("./LMSwitch-DYoSH6wE.cjs");
 const LMField = require("./LMField-DhDHj64z.cjs");
-const LMDatePicker = require("./LMDatePicker-BlKctoyr.cjs");
-const LMUpload = require("./LMUpload-BpISVQGz.cjs");
-const LMStatCard = require("./LMStatCard-Du5Mti-p.cjs");
+const LMDatePicker = require("./LMDatePicker-BlUwN4On.cjs");
+const LMUpload = require("./LMUpload-CJopkWc6.cjs");
+const LMStatCard = require("./LMStatCard-MXs9Z0qH.cjs");
 const LMTooltip = require("./LMTooltip-30_lOAnH.cjs");
-const LMCard = require("./LMCard-C48UclOk.cjs");
-const LMTabs = require("./LMTabs-DCVaqbrn.cjs");
+const LMCard = require("./LMCard-D_K051f2.cjs");
+const LMTabs = require("./LMTabs-NPmOzPat.cjs");
 const LMEmpty = require("./LMEmpty-BedQxpbi.cjs");
 const LMMenu = require("./LMMenu-IDAgZFuC.cjs");
 const LMDropdown = require("./LMDropdown-yl5l7qtz.cjs");
 const LMPagination = require("./LMPagination-CouDFIwd.cjs");
 const useMessage = require("./useMessage-BBxUPe8b.cjs");
 const useConfirm = require("./useConfirm-BO5Ch3Bf.cjs");
-const LMDrawer = require("./LMDrawer-BcVtcYCN.cjs");
+const LMDrawer = require("./LMDrawer--lFV_a3m.cjs");
 const LMButton = require("./LMButton-B258yfky.cjs");
 const LMTable = require("./LMTable-j1ZzAzXB.cjs");
 const LMModal = require("./LMModal-BCVVPLot.cjs");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
 const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const chatInputThemeStyles = `
+  :root, [data-theme="light"] {
+    --lm-chat-input-bg: rgba(255, 255, 255, 0.85);
+    --lm-chat-input-bg-focus: rgba(255, 255, 255, 0.98);
+    --lm-chat-input-border: rgba(0, 0, 0, 0.06);
+    --lm-chat-input-border-focus: rgba(0, 0, 0, 0.12);
+    --lm-chat-input-shadow: 0 2px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02);
+    --lm-chat-input-shadow-focus: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
+  }
+  [data-theme="dark"] {
+    --lm-chat-input-bg: rgba(30, 41, 59, 0.85);
+    --lm-chat-input-bg-focus: rgba(30, 41, 59, 0.98);
+    --lm-chat-input-border: rgba(255, 255, 255, 0.08);
+    --lm-chat-input-border-focus: rgba(255, 255, 255, 0.15);
+    --lm-chat-input-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
+    --lm-chat-input-shadow-focus: 0 4px 24px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
+  }
+`;
+const ToolbarButton = ({
+  icon,
+  label,
+  onClick,
+  disabled = false,
+  active = false
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "button",
+  {
+    type: "button",
+    onClick,
+    disabled,
+    className: `
+      flex items-center gap-1 px-2 py-1 rounded-md cursor-pointer
+      transition-all duration-150
+      disabled:opacity-40 disabled:cursor-not-allowed
+      hover:bg-(--lm-bg-hover) active:scale-95
+    `.trim().replace(/\s+/g, " "),
+    style: {
+      backgroundColor: active ? "var(--lm-primary-50)" : "transparent",
+      color: active ? "var(--lm-primary-600)" : "var(--lm-text-tertiary)"
+    },
+    title: label,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 h-4 flex items-center justify-center", children: icon }),
+      label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: label })
+    ]
+  }
+);
+const SendIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5l7 7-7 7" })
+    ]
+  }
+);
+const StopIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" })
+  }
+);
+const LoadingIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeOpacity: "0.2"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 2C6.5 2 2 6.5 2 12",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "rotate",
+              from: "0 12 12",
+              to: "360 12 12",
+              dur: "0.8s",
+              repeatCount: "indefinite"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
+const SIZE_CONFIG$1 = {
+  xs: { minHeight: "28px", padding: "px-3 py-2", buttonSize: "w-6 h-6", iconSize: "w-3 h-3", gap: "gap-2", sendButtonSize: "w-6 h-6", sendIconSize: "w-3 h-3" },
+  sm: { minHeight: "32px", padding: "px-3.5 py-2.5", buttonSize: "w-7 h-7", iconSize: "w-3.5 h-3.5", gap: "gap-2.5", sendButtonSize: "w-7 h-7", sendIconSize: "w-3.5 h-3.5" },
+  md: { minHeight: "36px", padding: "px-4 py-3", buttonSize: "w-8 h-8", iconSize: "w-4 h-4", gap: "gap-3", sendButtonSize: "w-8 h-8", sendIconSize: "w-4 h-4" },
+  lg: { minHeight: "44px", padding: "px-5 py-3.5", buttonSize: "w-9 h-9", iconSize: "w-4.5 h-4.5", gap: "gap-3", sendButtonSize: "w-9 h-9", sendIconSize: "w-4.5 h-4.5" },
+  xl: { minHeight: "52px", padding: "px-5 py-4", buttonSize: "w-10 h-10", iconSize: "w-5 h-5", gap: "gap-4", sendButtonSize: "w-10 h-10", sendIconSize: "w-5 h-5" },
+  "2xl": { minHeight: "60px", padding: "px-6 py-4.5", buttonSize: "w-11 h-11", iconSize: "w-5.5 h-5.5", gap: "gap-4", sendButtonSize: "w-11 h-11", sendIconSize: "w-5.5 h-5.5" }
+};
+const LMChatInput$1 = ({
+  value = "",
+  onChange,
+  onSend,
+  placeholder = "输入消息...",
+  size = "md",
+  disabled = false,
+  sending = false,
+  maxLength,
+  showCount = false,
+  maxRows = 6,
+  className = "",
+  autoFocus = false,
+  sendButtonText,
+  showSendButton = true,
+  rightSlot,
+  toolbar,
+  enterToSend = true,
+  onStop,
+  isGenerating = false
+}) => {
+  const textareaRef = React.useRef(null);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [internalValue, setInternalValue] = React.useState(value);
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const config = SIZE_CONFIG$1[resolvedSize];
+  React.useEffect(() => {
+    setInternalValue(value);
+  }, [value]);
+  const adjustHeight = React.useCallback(() => {
+    const textarea = textareaRef.current;
+    if (!textarea) return;
+    textarea.style.height = "auto";
+    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 24;
+    const maxHeight = lineHeight * maxRows;
+    const newHeight = Math.min(textarea.scrollHeight, maxHeight);
+    textarea.style.height = `${newHeight}px`;
+  }, [maxRows]);
+  React.useEffect(() => {
+    adjustHeight();
+  }, [internalValue, adjustHeight]);
+  const handleChange = React.useCallback((e) => {
+    const newValue = e.target.value;
+    if (maxLength && newValue.length > maxLength) return;
+    setInternalValue(newValue);
+    onChange == null ? void 0 : onChange(newValue);
+  }, [maxLength, onChange]);
+  const handleSend = React.useCallback(() => {
+    const trimmedValue = internalValue.trim();
+    if (!trimmedValue || disabled || sending) return;
+    onSend == null ? void 0 : onSend(trimmedValue);
+    setInternalValue("");
+    onChange == null ? void 0 : onChange("");
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+  }, [internalValue, disabled, sending, onSend, onChange]);
+  const handleKeyDown = React.useCallback((e) => {
+    if (enterToSend && e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  }, [enterToSend, handleSend]);
+  const handleStop = React.useCallback(() => {
+    onStop == null ? void 0 : onStop();
+  }, [onStop]);
+  const isDisabled = disabled || sending;
+  const canSend = internalValue.trim().length > 0 && !isDisabled;
+  const showStopButton = isGenerating && onStop;
+  const getContainerStyles = () => ({
+    backgroundColor: isFocused ? "var(--lm-chat-input-bg-focus)" : "var(--lm-chat-input-bg)",
+    backdropFilter: "blur(20px) saturate(180%)",
+    WebkitBackdropFilter: "blur(20px) saturate(180%)",
+    borderColor: isFocused ? "var(--lm-chat-input-border-focus)" : "var(--lm-chat-input-border)",
+    boxShadow: isFocused ? "var(--lm-chat-input-shadow-focus)" : "var(--lm-chat-input-shadow)",
+    transition: "all var(--lm-transition-normal) var(--lm-ease-out)"
+  });
+  const getSendButtonStyles = () => {
+    const baseStyles = {
+      transition: "all var(--lm-transition-fast) var(--lm-ease-spring)",
+      borderRadius: "var(--lm-radius-md)"
+    };
+    if (showStopButton) {
+      return {
+        ...baseStyles,
+        background: "linear-gradient(135deg, var(--lm-error-500) 0%, var(--lm-error-600) 100%)",
+        color: "white",
+        boxShadow: "0 2px 8px rgba(239, 68, 68, 0.3)"
+      };
+    }
+    if (canSend) {
+      return {
+        ...baseStyles,
+        background: "linear-gradient(135deg, var(--lm-primary-500) 0%, var(--lm-primary-600) 100%)",
+        color: "white",
+        boxShadow: "0 2px 8px rgba(0, 122, 255, 0.3)"
+      };
+    }
+    return {
+      ...baseStyles,
+      backgroundColor: "var(--lm-gray-100)",
+      color: "var(--lm-gray-400)"
+    };
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chatInputThemeStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `
+          relative flex flex-col border rounded-2xl
+          ${config.padding}
+          ${className}
+        `.trim().replace(/\s+/g, " "),
+        style: getContainerStyles(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-start ${config.gap}`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ref: textareaRef,
+                value: internalValue,
+                onChange: handleChange,
+                onKeyDown: handleKeyDown,
+                onFocus: () => setIsFocused(true),
+                onBlur: () => setIsFocused(false),
+                placeholder,
+                disabled: isDisabled,
+                autoFocus,
+                rows: 1,
+                className: `
+              w-full resize-none bg-transparent leading-relaxed
+              outline-none focus:outline-none focus:ring-0 border-none
+              ${componentSizes.SIZE_TEXT_CLASSES[resolvedSize]}
+              placeholder:text-(--lm-text-tertiary)
+              disabled:text-(--lm-text-disabled) disabled:cursor-not-allowed
+            `.trim().replace(/\s+/g, " "),
+                style: {
+                  color: "var(--lm-text-primary)",
+                  minHeight: config.minHeight,
+                  maxHeight: `calc(${config.minHeight} * ${maxRows})`,
+                  outline: "none",
+                  boxShadow: "none"
+                }
+              }
+            ) }),
+            rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center shrink-0 pt-0.5", children: rightSlot })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-2 -mb-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: toolbar }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              showCount && /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "text-xs font-medium",
+                  style: {
+                    color: maxLength && internalValue.length > maxLength * 0.9 ? "var(--lm-warning-500)" : "var(--lm-text-tertiary)"
+                  },
+                  children: [
+                    internalValue.length,
+                    maxLength ? `/${maxLength}` : ""
+                  ]
+                }
+              ),
+              showSendButton && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: showStopButton ? handleStop : handleSend,
+                  disabled: !showStopButton && !canSend,
+                  className: `
+                ${config.sendButtonSize}
+                flex items-center justify-center shrink-0
+                cursor-pointer select-none
+                focus:outline-none
+                disabled:cursor-not-allowed disabled:opacity-50
+                hover:scale-105 active:scale-95
+              `.trim().replace(/\s+/g, " "),
+                  style: getSendButtonStyles(),
+                  "aria-label": showStopButton ? "停止生成" : "发送消息",
+                  children: sending ? /* @__PURE__ */ jsxRuntime.jsx(LoadingIcon, { className: config.sendIconSize }) : showStopButton ? /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: config.sendIconSize }) : sendButtonText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${componentSizes.SIZE_TEXT_CLASSES[resolvedSize]} font-medium`, children: sendButtonText }) : /* @__PURE__ */ jsxRuntime.jsx(SendIcon, { className: config.sendIconSize })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const LMChatInput = React.memo(LMChatInput$1);
+const chatBubbleThemeStyles = `
+  :root, [data-theme="light"] {
+    --lm-bubble-assistant-bg: rgba(255, 255, 255, 0.85);
+    --lm-bubble-assistant-border: rgba(0, 0, 0, 0.06);
+    --lm-bubble-assistant-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
+    --lm-bubble-outline-bg: rgba(255, 255, 255, 0.9);
+    --lm-bubble-outline-border: rgba(0, 0, 0, 0.1);
+    --lm-bubble-soft-bg: rgba(249, 250, 251, 0.9);
+    --lm-bubble-soft-border: rgba(0, 0, 0, 0.04);
+    --lm-bubble-system-bg: rgba(249, 250, 251, 0.7);
+    --lm-bubble-system-border: rgba(0, 0, 0, 0.1);
+    --lm-bubble-error-bg: rgba(254, 226, 226, 0.9);
+    --lm-bubble-error-border: rgba(239, 68, 68, 0.2);
+  }
+  [data-theme="dark"] {
+    --lm-bubble-assistant-bg: rgba(51, 65, 85, 0.85);
+    --lm-bubble-assistant-border: rgba(255, 255, 255, 0.08);
+    --lm-bubble-assistant-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
+    --lm-bubble-outline-bg: rgba(51, 65, 85, 0.6);
+    --lm-bubble-outline-border: rgba(255, 255, 255, 0.12);
+    --lm-bubble-soft-bg: rgba(30, 41, 59, 0.9);
+    --lm-bubble-soft-border: rgba(255, 255, 255, 0.06);
+    --lm-bubble-system-bg: rgba(30, 41, 59, 0.7);
+    --lm-bubble-system-border: rgba(255, 255, 255, 0.1);
+    --lm-bubble-error-bg: rgba(127, 29, 29, 0.5);
+    --lm-bubble-error-border: rgba(239, 68, 68, 0.3);
+  }
+`;
+const BUBBLE_CONFIG = {
+  user: {
+    align: "right",
+    borderRadius: "20px 20px 4px 20px"
+  },
+  assistant: {
+    align: "left",
+    borderRadius: "20px 20px 20px 4px"
+  },
+  system: {
+    align: "left",
+    borderRadius: "16px"
+  }
+};
+const LMChatBubble$1 = ({
+  role = "user",
+  variant = "default",
+  size = "md",
+  children,
+  isStreaming = false,
+  className = "",
+  error = false,
+  footer,
+  style
+}) => {
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const config = BUBBLE_CONFIG[role];
+  const getBubbleStyles = () => {
+    const baseStyles = {
+      borderRadius: config.borderRadius,
+      transition: "all var(--lm-transition-normal) var(--lm-ease-out)",
+      maxWidth: "85%",
+      wordBreak: "break-word",
+      position: "relative"
+    };
+    if (error) {
+      return {
+        ...baseStyles,
+        backgroundColor: "var(--lm-bubble-error-bg)",
+        color: "var(--lm-error-700)",
+        border: "1px solid var(--lm-bubble-error-border)",
+        backdropFilter: "blur(8px)",
+        boxShadow: "0 2px 8px rgba(239, 68, 68, 0.1)"
+      };
+    }
+    if (role === "user") {
+      switch (variant) {
+        case "filled":
+        case "default":
+          return {
+            ...baseStyles,
+            background: "linear-gradient(135deg, var(--lm-primary-500) 0%, var(--lm-primary-600) 100%)",
+            color: "white",
+            boxShadow: "0 2px 12px rgba(0, 122, 255, 0.25), 0 1px 3px rgba(0, 122, 255, 0.1)"
+          };
+        case "outline":
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-outline-bg)",
+            backdropFilter: "blur(12px)",
+            color: "var(--lm-primary-600)",
+            border: "1.5px solid var(--lm-primary-300)",
+            boxShadow: "0 2px 8px rgba(0, 122, 255, 0.08)"
+          };
+        case "soft":
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-soft-bg)",
+            backdropFilter: "blur(8px)",
+            color: "var(--lm-primary-700)",
+            border: "1px solid rgba(0, 122, 255, 0.12)"
+          };
+        default:
+          return {
+            ...baseStyles,
+            background: "linear-gradient(135deg, var(--lm-primary-500) 0%, var(--lm-primary-600) 100%)",
+            color: "white",
+            boxShadow: "0 2px 12px rgba(0, 122, 255, 0.25)"
+          };
+      }
+    }
+    if (role === "assistant") {
+      switch (variant) {
+        case "filled":
+        case "default":
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-assistant-bg)",
+            backdropFilter: "blur(20px) saturate(180%)",
+            WebkitBackdropFilter: "blur(20px) saturate(180%)",
+            color: "var(--lm-text-primary)",
+            boxShadow: "var(--lm-bubble-assistant-shadow)",
+            border: "1px solid var(--lm-bubble-assistant-border)"
+          };
+        case "outline":
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-outline-bg)",
+            backdropFilter: "blur(12px)",
+            color: "var(--lm-text-primary)",
+            border: "1.5px solid var(--lm-bubble-outline-border)"
+          };
+        case "soft":
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-soft-bg)",
+            backdropFilter: "blur(8px)",
+            color: "var(--lm-text-primary)",
+            border: "1px solid var(--lm-bubble-soft-border)"
+          };
+        default:
+          return {
+            ...baseStyles,
+            backgroundColor: "var(--lm-bubble-assistant-bg)",
+            backdropFilter: "blur(20px) saturate(180%)",
+            color: "var(--lm-text-primary)",
+            boxShadow: "var(--lm-bubble-assistant-shadow)",
+            border: "1px solid var(--lm-bubble-assistant-border)"
+          };
+      }
+    }
+    return {
+      ...baseStyles,
+      backgroundColor: "var(--lm-bubble-system-bg)",
+      backdropFilter: "blur(8px)",
+      color: "var(--lm-text-secondary)",
+      border: "1px dashed var(--lm-bubble-system-border)"
+    };
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chatBubbleThemeStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `
+          w-full
+          ${componentSizes.SIZE_PADDING_CLASSES[resolvedSize]}
+          ${componentSizes.SIZE_TEXT_CLASSES[resolvedSize]}
+          ${className}
+        `.trim().replace(/\s+/g, " "),
+        style: {
+          ...getBubbleStyles(),
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative leading-relaxed", children: [
+            children,
+            isStreaming && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "inline-block w-0.5 h-[1.1em] ml-1 align-middle rounded-full",
+                style: {
+                  backgroundColor: role === "user" ? "rgba(255, 255, 255, 0.8)" : "var(--lm-primary-500)",
+                  animation: "lm-cursor-blink 1s ease-in-out infinite"
+                }
+              }
+            )
+          ] }),
+          footer && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "mt-2 text-xs font-medium",
+              style: {
+                color: role === "user" ? "rgba(255, 255, 255, 0.7)" : "var(--lm-text-tertiary)"
+              },
+              children: footer
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes lm-cursor-blink {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.3; }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          .lm-cursor-blink { animation: none; opacity: 1; }
+        }
+      ` })
+        ]
+      }
+    )
+  ] });
+};
+const LMChatBubble = React.memo(LMChatBubble$1);
+const CopyIcon$1 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+] });
+const RefreshIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 2v6h-6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12a9 9 0 0115-6.7L21 8" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 22v-6h6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 01-15 6.7L3 16" })
+] });
+const CheckIcon$1 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20,6 9,17 4,12" }) });
+const ErrorIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+] });
+const LoadingDots = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center gap-1 ${className}`, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    className: "w-1.5 h-1.5 rounded-full animate-bounce",
+    style: {
+      backgroundColor: "currentColor",
+      animationDelay: `${i * 0.15}s`
+    }
+  },
+  i
+)) });
+const AVATAR_SIZE$1 = {
+  xs: "w-6 h-6",
+  sm: "w-7 h-7",
+  md: "w-8 h-8",
+  lg: "w-10 h-10",
+  xl: "w-12 h-12",
+  "2xl": "w-14 h-14"
+};
+const ACTION_BUTTON_SIZE = {
+  xs: "w-5 h-5",
+  sm: "w-6 h-6",
+  md: "w-7 h-7",
+  lg: "w-8 h-8",
+  xl: "w-9 h-9",
+  "2xl": "w-10 h-10"
+};
+const LMChatMessage$1 = ({
+  id,
+  role = "user",
+  content,
+  avatar,
+  name,
+  timestamp,
+  status,
+  size = "md",
+  variant = "default",
+  actions,
+  showActions = true,
+  errorMessage,
+  onRetry,
+  className = "",
+  hideAvatar = false,
+  renderBubble,
+  bubbleMaxWidth = "95%"
+}) => {
+  const [isHovered, setIsHovered] = React.useState(false);
+  const [copiedAction, setCopiedAction] = React.useState(null);
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const isUser = role === "user";
+  const isStreaming = status === "streaming";
+  const isError = status === "error";
+  const formatTimestamp = React.useCallback((ts) => {
+    if (typeof ts === "string") return ts;
+    const date = new Date(ts);
+    return date.toLocaleTimeString("zh-CN", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }, []);
+  const handleCopy = React.useCallback(async (actionKey) => {
+    try {
+      const text = typeof content === "string" ? content : "";
+      await navigator.clipboard.writeText(text);
+      setCopiedAction(actionKey);
+      setTimeout(() => setCopiedAction(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, [content]);
+  const defaultActions = role === "assistant" ? [
+    {
+      key: "copy",
+      icon: copiedAction === "copy" ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon$1, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(CopyIcon$1, { className: "w-4 h-4" }),
+      tooltip: copiedAction === "copy" ? "已复制" : "复制",
+      onClick: () => handleCopy("copy")
+    },
+    ...onRetry ? [{
+      key: "retry",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(RefreshIcon, { className: "w-4 h-4" }),
+      tooltip: "重新生成",
+      onClick: onRetry
+    }] : []
+  ] : [];
+  const finalActions = actions || defaultActions;
+  const renderAvatar = () => {
+    if (hideAvatar) return null;
+    const avatarClasses = `
+      ${AVATAR_SIZE$1[resolvedSize]}
+      rounded-full overflow-hidden shrink-0
+      flex items-center justify-center
+    `.trim().replace(/\s+/g, " ");
+    if (typeof avatar === "string") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: avatar,
+          alt: name || role,
+          className: avatarClasses,
+          style: { objectFit: "cover" }
+        }
+      );
+    }
+    if (avatar) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatarClasses, children: avatar });
+    }
+    const defaultAvatarStyle = {
+      backgroundColor: isUser ? "var(--lm-primary-100)" : "var(--lm-gray-100)",
+      color: isUser ? "var(--lm-primary-600)" : "var(--lm-gray-600)"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatarClasses, style: defaultAvatarStyle, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: componentSizes.SIZE_TEXT_CLASSES[resolvedSize], children: isUser ? "U" : "AI" }) });
+  };
+  const renderActions = () => {
+    if (!showActions || finalActions.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `
+          flex items-center gap-1 mt-1
+          transition-opacity duration-150
+          ${isHovered ? "opacity-100" : "opacity-0"}
+        `.trim().replace(/\s+/g, " "),
+        children: finalActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: action.onClick,
+            disabled: action.disabled,
+            className: `
+              ${ACTION_BUTTON_SIZE[resolvedSize]}
+              flex items-center justify-center
+              rounded-lg cursor-pointer
+              hover:bg-(--lm-bg-hover)
+              active:scale-95
+              disabled:opacity-50 disabled:cursor-not-allowed
+              transition-all duration-150
+            `.trim().replace(/\s+/g, " "),
+            style: { color: "var(--lm-text-tertiary)" },
+            title: action.tooltip,
+            "aria-label": action.tooltip,
+            children: action.icon
+          },
+          action.key
+        ))
+      }
+    );
+  };
+  const renderStatus = () => {
+    if (!status || status === "sent") return null;
+    if (status === "sending") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 mt-1", style: { color: "var(--lm-text-tertiary)" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, { className: "text-xs" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "发送中" })
+      ] });
+    }
+    if (status === "error") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1 text-xs",
+            style: { color: "var(--lm-error-500)" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { className: "w-3.5 h-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage || "发送失败" })
+            ]
+          }
+        ),
+        onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onRetry,
+            className: "text-xs px-2 py-0.5 rounded-md cursor-pointer hover:opacity-80 active:scale-95",
+            style: {
+              backgroundColor: "var(--lm-error-50)",
+              color: "var(--lm-error-600)"
+            },
+            children: "重试"
+          }
+        )
+      ] });
+    }
+    return null;
+  };
+  const bubbleContent = /* @__PURE__ */ jsxRuntime.jsx(
+    LMChatBubble,
+    {
+      role,
+      variant,
+      size: resolvedSize,
+      isStreaming,
+      error: isError,
+      children: content
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id,
+      className: `
+        flex gap-3
+        ${isUser ? "flex-row-reverse" : "flex-row"}
+        ${className}
+      `.trim().replace(/\s+/g, " "),
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        renderAvatar(),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `
+          flex flex-col min-w-0
+          ${isUser ? "items-end" : "items-start"}
+        `.trim().replace(/\s+/g, " "),
+            style: {
+              maxWidth: typeof bubbleMaxWidth === "number" ? `${bubbleMaxWidth}px` : bubbleMaxWidth,
+              width: typeof bubbleMaxWidth === "number" ? `${bubbleMaxWidth}px` : bubbleMaxWidth
+            },
+            children: [
+              (name || timestamp) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `
+              flex items-center gap-2 mb-1
+              ${isUser ? "flex-row-reverse" : "flex-row"}
+            `.trim().replace(/\s+/g, " "),
+                  children: [
+                    name && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-xs font-medium",
+                        style: { color: "var(--lm-text-secondary)" },
+                        children: name
+                      }
+                    ),
+                    timestamp && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-xs",
+                        style: { color: "var(--lm-text-tertiary)" },
+                        children: formatTimestamp(timestamp)
+                      }
+                    )
+                  ]
+                }
+              ),
+              renderBubble ? renderBubble(bubbleContent) : bubbleContent,
+              renderStatus(),
+              !isError && renderActions()
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const LMChatMessage = React.memo(LMChatMessage$1);
+const CopyIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+] });
+const CheckIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20,6 9,17 4,12" }) });
+const HIGHLIGHT_VARS = {
+  keyword: "--lm-code-keyword",
+  string: "--lm-code-string",
+  number: "--lm-code-number",
+  comment: "--lm-code-comment",
+  function: "--lm-code-function",
+  operator: "--lm-code-operator",
+  className: "--lm-code-class",
+  tag: "--lm-code-tag"
+};
+const highlightCode = (code, language) => {
+  const lang = language.toLowerCase();
+  const keywords = {
+    js: /\b(const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|try|catch|finally|throw|new|typeof|instanceof|in|of|class|extends|super|import|export|default|from|as|async|await|yield|static|get|set|null|undefined|true|false|this|void|delete|debugger)\b/g,
+    ts: /\b(const|let|var|function|return|if|else|for|while|do|switch|case|break|continue|try|catch|finally|throw|new|typeof|instanceof|in|of|class|extends|super|import|export|default|from|as|async|await|yield|static|get|set|null|undefined|true|false|this|void|delete|debugger|type|interface|enum|namespace|module|declare|abstract|implements|private|protected|public|readonly|keyof|infer|never|unknown|any)\b/g,
+    py: /\b(def|return|if|elif|else|for|while|break|continue|try|except|finally|raise|import|from|as|class|with|yield|lambda|pass|None|True|False|and|or|not|in|is|global|nonlocal|assert|del|async|await|self)\b/g,
+    go: /\b(func|return|if|else|for|range|switch|case|break|continue|go|select|defer|panic|recover|type|struct|interface|map|chan|package|import|const|var|nil|true|false|make|new|append|len|cap)\b/g,
+    rust: /\b(fn|return|if|else|for|while|loop|match|break|continue|let|mut|const|static|struct|enum|impl|trait|type|pub|mod|use|crate|self|super|where|async|await|move|ref|unsafe|extern|dyn|true|false|None|Some|Ok|Err)\b/g
+  };
+  const patterns = [
+    // 注释
+    { pattern: /(\/\/.*$|\/\*[\s\S]*?\*\/|#.*$)/gm, varName: HIGHLIGHT_VARS.comment },
+    // 字符串
+    { pattern: /(['"`])(?:(?!\1)[^\\]|\\.)*\1/g, varName: HIGHLIGHT_VARS.string },
+    // 模板字符串中的表达式
+    { pattern: /\$\{[^}]+\}/g, varName: HIGHLIGHT_VARS.operator },
+    // 数字
+    { pattern: /\b(\d+\.?\d*|0x[a-fA-F0-9]+|0b[01]+|0o[0-7]+)\b/g, varName: HIGHLIGHT_VARS.number },
+    // 函数调用
+    { pattern: /\b([a-zA-Z_]\w*)\s*(?=\()/g, varName: HIGHLIGHT_VARS.function },
+    // JSX/HTML 标签
+    { pattern: /<\/?([a-zA-Z][a-zA-Z0-9]*)/g, varName: HIGHLIGHT_VARS.tag },
+    // 类名 (大写开头)
+    { pattern: /\b([A-Z][a-zA-Z0-9]*)\b/g, varName: HIGHLIGHT_VARS.className },
+    // 操作符
+    { pattern: /[+\-*/%=<>!&|^~?:]+|\.{3}/g, varName: HIGHLIGHT_VARS.operator }
+  ];
+  const keywordPattern = keywords[lang] || keywords.js;
+  const allMatches = [];
+  let match;
+  while ((match = keywordPattern.exec(code)) !== null) {
+    allMatches.push({
+      start: match.index,
+      end: match.index + match[0].length,
+      text: match[0],
+      varName: HIGHLIGHT_VARS.keyword
+    });
+  }
+  for (const { pattern, varName } of patterns) {
+    pattern.lastIndex = 0;
+    while ((match = pattern.exec(code)) !== null) {
+      allMatches.push({
+        start: match.index,
+        end: match.index + match[0].length,
+        text: match[0],
+        varName
+      });
+    }
+  }
+  allMatches.sort((a, b) => a.start - b.start || b.end - a.end);
+  const tokens = [];
+  let lastIndex = 0;
+  for (const m of allMatches) {
+    if (m.start >= lastIndex) {
+      if (m.start > lastIndex) {
+        tokens.push({ text: code.slice(lastIndex, m.start) });
+      }
+      tokens.push({ text: m.text, varName: m.varName });
+      lastIndex = m.end;
+    }
+  }
+  if (lastIndex < code.length) {
+    tokens.push({ text: code.slice(lastIndex) });
+  }
+  return tokens.map((token, i) => token.varName ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: `var(${token.varName})` }, children: token.text }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: token.text }, i));
+};
+const LANGUAGE_DISPLAY = {
+  javascript: "JS",
+  typescript: "TS",
+  python: "Python",
+  java: "Java",
+  cpp: "C++",
+  c: "C",
+  csharp: "C#",
+  go: "Go",
+  rust: "Rust",
+  swift: "Swift",
+  kotlin: "Kotlin",
+  ruby: "Ruby",
+  php: "PHP",
+  html: "HTML",
+  css: "CSS",
+  json: "JSON",
+  yaml: "YAML",
+  sql: "SQL",
+  bash: "Bash",
+  shell: "Shell",
+  jsx: "JSX",
+  tsx: "TSX",
+  vue: "Vue",
+  svelte: "Svelte",
+  markdown: "MD"
+};
+const CODE_SIZE = {
+  xs: { fontSize: "11px", lineHeight: "1.5", padding: "12px" },
+  sm: { fontSize: "12px", lineHeight: "1.5", padding: "14px" },
+  md: { fontSize: "13px", lineHeight: "1.6", padding: "16px" },
+  lg: { fontSize: "14px", lineHeight: "1.6", padding: "18px" },
+  xl: { fontSize: "14px", lineHeight: "1.7", padding: "20px" },
+  "2xl": { fontSize: "15px", lineHeight: "1.7", padding: "24px" }
+};
+const codeThemeStyles = `
+  :root, [data-theme="light"] {
+    --lm-code-bg: #f8fafc;
+    --lm-code-border: #e2e8f0;
+    --lm-code-text: #334155;
+    --lm-code-line-number: #94a3b8;
+    --lm-code-keyword: #8250df;
+    --lm-code-string: #0a7d46;
+    --lm-code-number: #cf5c00;
+    --lm-code-comment: #6b7280;
+    --lm-code-function: #0969da;
+    --lm-code-operator: #cf222e;
+    --lm-code-class: #953800;
+    --lm-code-tag: #1a7f37;
+    --lm-code-property: #0550ae;
+  }
+  [data-theme="dark"] {
+    --lm-code-bg: #1e293b;
+    --lm-code-border: #334155;
+    --lm-code-text: #e2e8f0;
+    --lm-code-line-number: #64748b;
+    --lm-code-keyword: #c792ea;
+    --lm-code-string: #c3e88d;
+    --lm-code-number: #f78c6c;
+    --lm-code-comment: #64748b;
+    --lm-code-function: #82aaff;
+    --lm-code-operator: #89ddff;
+    --lm-code-class: #ffcb6b;
+    --lm-code-tag: #f07178;
+    --lm-code-property: #89ddff;
+  }
+`;
+const LMCodeBlock$1 = ({
+  code,
+  language = "plaintext",
+  filename,
+  size = "md",
+  showLineNumbers = true,
+  startLineNumber = 1,
+  highlightLines = [],
+  showCopyButton = true,
+  className = "",
+  maxHeight,
+  wrapLines = false,
+  enableHighlight = true
+}) => {
+  const [copied, setCopied] = React.useState(false);
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const sizeConfig = CODE_SIZE[resolvedSize];
+  const lines = code.split("\n");
+  const displayLang = LANGUAGE_DISPLAY[language.toLowerCase()] || language;
+  const handleCopy = React.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, [code]);
+  const lineNumWidth = String(lines.length + startLineNumber - 1).length;
+  const highlightedLines = React.useMemo(() => {
+    if (!enableHighlight) return lines;
+    return lines.map((line) => highlightCode(line, language));
+  }, [lines, language, enableHighlight]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: codeThemeStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `overflow-hidden ${className}`.trim(),
+        style: {
+          backgroundColor: "var(--lm-code-bg)",
+          borderRadius: "var(--lm-radius-lg)",
+          border: "1px solid var(--lm-code-border)",
+          ...maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : {}
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between px-3 py-2",
+              style: {
+                borderBottom: "1px solid var(--lm-code-border)"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "text-xs font-medium px-1.5 py-0.5 rounded",
+                      style: {
+                        backgroundColor: "var(--lm-code-border)",
+                        color: "var(--lm-code-line-number)"
+                      },
+                      children: displayLang
+                    }
+                  ),
+                  filename && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "text-xs truncate max-w-45",
+                      style: { color: "var(--lm-code-line-number)" },
+                      children: filename
+                    }
+                  )
+                ] }),
+                showCopyButton && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: handleCopy,
+                    className: "flex items-center gap-1 px-2 py-1 rounded cursor-pointer transition-colors duration-150 active:scale-95",
+                    style: {
+                      color: copied ? "var(--lm-success-500)" : "var(--lm-code-line-number)"
+                    },
+                    "aria-label": copied ? "已复制" : "复制",
+                    children: [
+                      copied ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, { className: "w-3.5 h-3.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: copied ? "已复制" : "复制" })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "pre",
+            {
+              className: "m-0 overflow-auto",
+              style: {
+                padding: sizeConfig.padding,
+                fontSize: sizeConfig.fontSize,
+                lineHeight: sizeConfig.lineHeight,
+                fontFamily: '"SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Code", monospace',
+                color: "var(--lm-code-text)"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: lines.map((line, index) => {
+                const lineNum = startLineNumber + index;
+                const isHighlighted = highlightLines.includes(lineNum);
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: "flex",
+                    style: {
+                      backgroundColor: isHighlighted ? "var(--lm-primary-50)" : "transparent",
+                      marginLeft: isHighlighted ? "-4px" : "0",
+                      paddingLeft: isHighlighted ? "4px" : "0",
+                      borderLeft: isHighlighted ? "2px solid var(--lm-primary-500)" : "none"
+                    },
+                    children: [
+                      showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "select-none text-right shrink-0 pr-4",
+                          style: {
+                            width: `${lineNumWidth + 2}ch`,
+                            color: isHighlighted ? "var(--lm-primary-500)" : "var(--lm-code-line-number)"
+                          },
+                          children: lineNum
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex-1 min-w-0 ${wrapLines ? "whitespace-pre-wrap break-all" : "whitespace-pre"}`, children: enableHighlight ? highlightedLines[index] : line || " " })
+                    ]
+                  },
+                  index
+                );
+              }) })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+const LMCodeBlock = React.memo(LMCodeBlock$1);
+const TEXT_SIZE_CONFIG = {
+  xs: { base: "text-xs", h1: "text-lg", h2: "text-base", h3: "text-sm", code: "text-[10px]" },
+  sm: { base: "text-sm", h1: "text-xl", h2: "text-lg", h3: "text-base", code: "text-xs" },
+  md: { base: "text-base", h1: "text-2xl", h2: "text-xl", h3: "text-lg", code: "text-sm" },
+  lg: { base: "text-lg", h1: "text-3xl", h2: "text-2xl", h3: "text-xl", code: "text-base" },
+  xl: { base: "text-xl", h1: "text-4xl", h2: "text-3xl", h3: "text-2xl", code: "text-lg" },
+  "2xl": { base: "text-2xl", h1: "text-5xl", h2: "text-4xl", h3: "text-3xl", code: "text-xl" }
+};
+const parseMarkdown = (content) => {
+  const tokens = [];
+  const lines = content.split("\n");
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (line.startsWith("```")) {
+      const match = line.match(/^```(\w+)?(?:\s+(.+))?/);
+      const language = (match == null ? void 0 : match[1]) || "plaintext";
+      const filename = match == null ? void 0 : match[2];
+      const codeLines = [];
+      i++;
+      while (i < lines.length && !lines[i].startsWith("```")) {
+        codeLines.push(lines[i]);
+        i++;
+      }
+      tokens.push({
+        type: "codeBlock",
+        content: codeLines.join("\n"),
+        language,
+        filename
+      });
+      i++;
+      continue;
+    }
+    const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+    if (headingMatch) {
+      tokens.push({
+        type: "heading",
+        content: headingMatch[2],
+        level: headingMatch[1].length
+      });
+      i++;
+      continue;
+    }
+    if (/^(-{3,}|_{3,}|\*{3,})$/.test(line.trim())) {
+      tokens.push({ type: "hr", content: "" });
+      i++;
+      continue;
+    }
+    if (line.startsWith(">")) {
+      const quoteLines = [];
+      while (i < lines.length && (lines[i].startsWith(">") || lines[i].trim() === "")) {
+        if (lines[i].startsWith(">")) {
+          quoteLines.push(lines[i].replace(/^>\s?/, ""));
+        } else {
+          quoteLines.push("");
+        }
+        i++;
+      }
+      tokens.push({
+        type: "blockquote",
+        content: quoteLines.join("\n").trim()
+      });
+      continue;
+    }
+    if (/^[-*+]\s/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^[-*+]\s/.test(lines[i])) {
+        items.push(lines[i].replace(/^[-*+]\s/, ""));
+        i++;
+      }
+      tokens.push({
+        type: "list",
+        content: "",
+        ordered: false,
+        items
+      });
+      continue;
+    }
+    if (/^\d+\.\s/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^\d+\.\s/.test(lines[i])) {
+        items.push(lines[i].replace(/^\d+\.\s/, ""));
+        i++;
+      }
+      tokens.push({
+        type: "list",
+        content: "",
+        ordered: true,
+        items
+      });
+      continue;
+    }
+    if (line.includes("|") && i + 1 < lines.length && /^\|?[\s-:|]+\|?$/.test(lines[i + 1])) {
+      const rows = [];
+      while (i < lines.length && lines[i].includes("|")) {
+        const cells = lines[i].split("|").map((cell) => cell.trim()).filter((cell) => cell !== "");
+        if (cells.length > 0 && !/^[\s-:]+$/.test(cells.join(""))) {
+          rows.push(cells);
+        }
+        i++;
+      }
+      if (rows.length > 0) {
+        tokens.push({
+          type: "table",
+          content: "",
+          rows
+        });
+      }
+      continue;
+    }
+    if (line.trim() === "") {
+      i++;
+      continue;
+    }
+    const paragraphLines = [line];
+    i++;
+    while (i < lines.length && lines[i].trim() !== "" && !lines[i].startsWith("#") && !lines[i].startsWith("```") && !lines[i].startsWith(">") && !/^[-*+]\s/.test(lines[i]) && !/^\d+\.\s/.test(lines[i]) && !/^(-{3,}|_{3,}|\*{3,})$/.test(lines[i].trim())) {
+      paragraphLines.push(lines[i]);
+      i++;
+    }
+    tokens.push({
+      type: "paragraph",
+      content: paragraphLines.join("\n")
+    });
+  }
+  return tokens;
+};
+const parseInlineStyles = (text, onLinkClick, openLinksInNewTab) => {
+  const patterns = [
+    // 粗体
+    {
+      regex: /\*\*(.+?)\*\*|__(.+?)__/g,
+      render: (match, key) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: match[1] || match[2] }, key)
+    },
+    // 斜体
+    {
+      regex: /\*(.+?)\*|_(.+?)_/g,
+      render: (match, key) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", children: match[1] || match[2] }, key)
+    },
+    // 删除线
+    {
+      regex: /~~(.+?)~~/g,
+      render: (match, key) => /* @__PURE__ */ jsxRuntime.jsx("del", { className: "line-through", children: match[1] }, key)
+    },
+    // 行内代码
+    {
+      regex: /`([^`]+)`/g,
+      render: (match, key) => /* @__PURE__ */ jsxRuntime.jsx(
+        "code",
+        {
+          className: "px-1.5 py-0.5 rounded-md font-mono text-[0.9em]",
+          style: {
+            backgroundColor: "var(--lm-bg-paper)",
+            color: "var(--lm-primary-600)"
+          },
+          children: match[1]
+        },
+        key
+      )
+    },
+    // 链接
+    {
+      regex: /\[([^\]]+)\]\(([^)]+)\)/g,
+      render: (match, key) => /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: match[2],
+          onClick: (e) => onLinkClick == null ? void 0 : onLinkClick(match[2], e),
+          target: openLinksInNewTab ? "_blank" : void 0,
+          rel: openLinksInNewTab ? "noopener noreferrer" : void 0,
+          className: "underline decoration-1 underline-offset-2 hover:opacity-80",
+          style: { color: "var(--lm-primary-500)" },
+          children: match[1]
+        },
+        key
+      )
+    }
+  ];
+  let result = [text];
+  let keyCounter = 0;
+  patterns.forEach(({ regex, render }) => {
+    const newResult = [];
+    result.forEach((node) => {
+      if (typeof node !== "string") {
+        newResult.push(node);
+        return;
+      }
+      let lastIndex = 0;
+      let match;
+      const clonedRegex = new RegExp(regex.source, regex.flags);
+      while ((match = clonedRegex.exec(node)) !== null) {
+        if (match.index > lastIndex) {
+          newResult.push(node.slice(lastIndex, match.index));
+        }
+        newResult.push(render(match, keyCounter++));
+        lastIndex = match.index + match[0].length;
+      }
+      if (lastIndex < node.length) {
+        newResult.push(node.slice(lastIndex));
+      }
+    });
+    result = newResult;
+  });
+  return result;
+};
+const LMMarkdownRenderer = ({
+  content,
+  size = "md",
+  className = "",
+  allowHtml: _allowHtml = false,
+  renderCodeBlock,
+  onLinkClick,
+  openLinksInNewTab = true,
+  customRenderer
+}) => {
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const sizeConfig = TEXT_SIZE_CONFIG[resolvedSize];
+  const tokens = React.useMemo(() => parseMarkdown(content), [content]);
+  if (customRenderer) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: customRenderer(content) });
+  }
+  const renderToken = (token, index) => {
+    var _a, _b, _c, _d;
+    switch (token.type) {
+      case "heading": {
+        const HeadingTag = `h${token.level}`;
+        const headingSizeClass = token.level === 1 ? sizeConfig.h1 : token.level === 2 ? sizeConfig.h2 : sizeConfig.h3;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          HeadingTag,
+          {
+            className: `
+              ${headingSizeClass}
+              font-semibold leading-tight tracking-tight
+              mt-6 mb-3 first:mt-0
+            `.trim().replace(/\s+/g, " "),
+            style: { color: "var(--lm-text-primary)" },
+            children: parseInlineStyles(token.content, onLinkClick, openLinksInNewTab)
+          },
+          index
+        );
+      }
+      case "paragraph":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: `
+              ${sizeConfig.base}
+              leading-relaxed my-3 first:mt-0 last:mb-0
+            `.trim().replace(/\s+/g, " "),
+            style: { color: "var(--lm-text-primary)" },
+            children: parseInlineStyles(token.content, onLinkClick, openLinksInNewTab)
+          },
+          index
+        );
+      case "codeBlock":
+        if (renderCodeBlock) {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4", children: renderCodeBlock(token.content, token.language, token.filename) }, index);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          LMCodeBlock,
+          {
+            code: token.content,
+            language: token.language,
+            filename: token.filename,
+            size: resolvedSize
+          }
+        ) }, index);
+      case "blockquote":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "blockquote",
+          {
+            className: "my-4 pl-4 border-l-4 italic",
+            style: {
+              borderColor: "var(--lm-primary-300)",
+              color: "var(--lm-text-secondary)"
+            },
+            children: parseInlineStyles(token.content, onLinkClick, openLinksInNewTab)
+          },
+          index
+        );
+      case "list": {
+        const ListTag = token.ordered ? "ol" : "ul";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ListTag,
+          {
+            className: `
+              ${sizeConfig.base}
+              my-3 pl-6
+              ${token.ordered ? "list-decimal" : "list-disc"}
+            `.trim().replace(/\s+/g, " "),
+            style: { color: "var(--lm-text-primary)" },
+            children: (_a = token.items) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "my-1", children: parseInlineStyles(item, onLinkClick, openLinksInNewTab) }, i))
+          },
+          index
+        );
+      }
+      case "hr":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "hr",
+          {
+            className: "my-6 border-0 h-px",
+            style: { backgroundColor: "var(--lm-border-default)" }
+          },
+          index
+        );
+      case "table":
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "table",
+          {
+            className: "w-full border-collapse",
+            style: { borderColor: "var(--lm-border-default)" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: (_c = (_b = token.rows) == null ? void 0 : _b[0]) == null ? void 0 : _c.map((cell, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "th",
+                {
+                  className: "px-3 py-2 text-left font-semibold border",
+                  style: {
+                    backgroundColor: "var(--lm-bg-paper)",
+                    borderColor: "var(--lm-border-default)",
+                    color: "var(--lm-text-primary)"
+                  },
+                  children: parseInlineStyles(cell, onLinkClick, openLinksInNewTab)
+                },
+                i
+              )) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: (_d = token.rows) == null ? void 0 : _d.slice(1).map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  className: "px-3 py-2 border",
+                  style: {
+                    borderColor: "var(--lm-border-default)",
+                    color: "var(--lm-text-primary)"
+                  },
+                  children: parseInlineStyles(cell, onLinkClick, openLinksInNewTab)
+                },
+                cellIndex
+              )) }, rowIndex)) })
+            ]
+          }
+        ) }, index);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${sizeConfig.base} ${className}`.trim(), children: tokens.map((token, index) => renderToken(token, index)) });
+};
+const LMMarkdownRenderer_default = React.memo(LMMarkdownRenderer);
+const typingIndicatorThemeStyles = `
+  :root, [data-theme="light"] {
+    --lm-typing-bg: rgba(255, 255, 255, 0.85);
+    --lm-typing-border: rgba(0, 0, 0, 0.06);
+    --lm-typing-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
+    --lm-typing-avatar-bg: linear-gradient(135deg, var(--lm-gray-100) 0%, var(--lm-gray-200) 100%);
+  }
+  [data-theme="dark"] {
+    --lm-typing-bg: rgba(51, 65, 85, 0.85);
+    --lm-typing-border: rgba(255, 255, 255, 0.08);
+    --lm-typing-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
+    --lm-typing-avatar-bg: linear-gradient(135deg, var(--lm-gray-700) 0%, var(--lm-gray-600) 100%);
+  }
+`;
+const SIZE_CONFIG = {
+  xs: { dotSize: "w-1.5 h-1.5", gap: "gap-1", padding: "px-3 py-2", fontSize: "text-xs", avatarGap: "gap-2" },
+  sm: { dotSize: "w-1.5 h-1.5", gap: "gap-1", padding: "px-3.5 py-2.5", fontSize: "text-sm", avatarGap: "gap-2.5" },
+  md: { dotSize: "w-2 h-2", gap: "gap-1.5", padding: "px-4 py-3", fontSize: "text-sm", avatarGap: "gap-3" },
+  lg: { dotSize: "w-2.5 h-2.5", gap: "gap-1.5", padding: "px-5 py-3.5", fontSize: "text-base", avatarGap: "gap-3" },
+  xl: { dotSize: "w-3 h-3", gap: "gap-2", padding: "px-5 py-4", fontSize: "text-base", avatarGap: "gap-4" },
+  "2xl": { dotSize: "w-3.5 h-3.5", gap: "gap-2", padding: "px-6 py-4.5", fontSize: "text-lg", avatarGap: "gap-4" }
+};
+const AVATAR_SIZE = {
+  xs: "w-6 h-6",
+  sm: "w-7 h-7",
+  md: "w-8 h-8",
+  lg: "w-10 h-10",
+  xl: "w-12 h-12",
+  "2xl": "w-14 h-14"
+};
+const LMTypingIndicator$1 = ({
+  variant = "dots",
+  size = "md",
+  text,
+  avatar,
+  className = "",
+  color
+}) => {
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const config = SIZE_CONFIG[resolvedSize];
+  const getDotAnimation = (index) => {
+    const baseDelay = index * 0.16;
+    switch (variant) {
+      case "dots":
+        return {
+          animation: `lm-typing-dots 1.4s cubic-bezier(0.4, 0, 0.2, 1) ${baseDelay}s infinite`
+        };
+      case "pulse":
+        return {
+          animation: `lm-typing-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) ${baseDelay}s infinite`
+        };
+      case "wave":
+        return {
+          animation: `lm-typing-wave 1.2s cubic-bezier(0.4, 0, 0.2, 1) ${baseDelay}s infinite`
+        };
+      case "bounce":
+        return {
+          animation: `lm-typing-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) ${baseDelay}s infinite alternate`
+        };
+      default:
+        return {};
+    }
+  };
+  const animationStyles = `
+    @keyframes lm-typing-dots {
+      0%, 80%, 100% {
+        opacity: 0.35;
+        transform: scale(0.85);
+      }
+      40% {
+        opacity: 1;
+        transform: scale(1.1);
+      }
+    }
+    @keyframes lm-typing-pulse {
+      0%, 100% {
+        opacity: 0.3;
+        transform: scale(0.9);
+      }
+      50% {
+        opacity: 1;
+        transform: scale(1.05);
+      }
+    }
+    @keyframes lm-typing-wave {
+      0%, 100% {
+        transform: translateY(0);
+      }
+      50% {
+        transform: translateY(-5px);
+      }
+    }
+    @keyframes lm-typing-bounce {
+      0% {
+        transform: translateY(0) scale(1);
+      }
+      100% {
+        transform: translateY(-6px) scale(1.1);
+      }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      [data-typing-indicator] span {
+        animation: none !important;
+        opacity: 0.6;
+      }
+    }
+  `;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: typingIndicatorThemeStyles }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: animationStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `
+          flex items-center ${config.avatarGap}
+          ${className}
+        `.trim().replace(/\s+/g, " "),
+        "data-typing-indicator": true,
+        children: [
+          avatar && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `
+              ${AVATAR_SIZE[resolvedSize]}
+              rounded-full overflow-hidden shrink-0
+              flex items-center justify-center
+            `.trim().replace(/\s+/g, " "),
+              style: {
+                background: "var(--lm-typing-avatar-bg)",
+                boxShadow: "0 2px 8px rgba(0, 0, 0, 0.06)"
+              },
+              children: avatar
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: `
+            inline-flex items-center
+            ${config.padding}
+          `.trim().replace(/\s+/g, " "),
+              style: {
+                backgroundColor: "var(--lm-typing-bg)",
+                backdropFilter: "blur(20px) saturate(180%)",
+                WebkitBackdropFilter: "blur(20px) saturate(180%)",
+                border: "1px solid var(--lm-typing-border)",
+                boxShadow: "var(--lm-typing-shadow)",
+                borderRadius: "20px 20px 20px 4px"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex items-center ${config.gap}`, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: `
+                  ${config.dotSize}
+                  rounded-full
+                `.trim(),
+                    style: {
+                      backgroundColor: color || "var(--lm-primary-500)",
+                      ...getDotAnimation(i)
+                    }
+                  },
+                  i
+                )) }),
+                text && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: `ml-2.5 font-medium ${config.fontSize}`,
+                    style: { color: "var(--lm-text-secondary)" },
+                    children: text
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+const LMTypingIndicator = React.memo(LMTypingIndicator$1);
+const scrollbarThemeStyles = `
+  :root, [data-theme="light"] {
+    --lm-scrollbar-track: rgba(0, 0, 0, 0.02);
+    --lm-scrollbar-thumb: rgba(0, 0, 0, 0.15);
+    --lm-scrollbar-thumb-hover: rgba(0, 0, 0, 0.25);
+  }
+  [data-theme="dark"] {
+    --lm-scrollbar-track: rgba(255, 255, 255, 0.02);
+    --lm-scrollbar-thumb: rgba(255, 255, 255, 0.15);
+    --lm-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
+  }
+
+  /* WebKit scrollbar styling */
+  .lm-chat-list-scrollbar::-webkit-scrollbar {
+    width: 6px;
+  }
+  .lm-chat-list-scrollbar::-webkit-scrollbar-track {
+    background: var(--lm-scrollbar-track);
+    border-radius: 3px;
+  }
+  .lm-chat-list-scrollbar::-webkit-scrollbar-thumb {
+    background: var(--lm-scrollbar-thumb);
+    border-radius: 3px;
+    transition: background 0.2s ease;
+  }
+  .lm-chat-list-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: var(--lm-scrollbar-thumb-hover);
+  }
+
+  /* Firefox scrollbar styling */
+  .lm-chat-list-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: var(--lm-scrollbar-thumb) var(--lm-scrollbar-track);
+  }
+`;
+const LoadingSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 p-4 animate-pulse", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-3 ${i % 2 === 0 ? "flex-row-reverse" : ""}`, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "w-8 h-8 rounded-full shrink-0",
+      style: { backgroundColor: "var(--lm-bg-hover)" }
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "h-16 rounded-2xl flex-1 max-w-[70%]",
+      style: { backgroundColor: "var(--lm-bg-hover)" }
+    }
+  )
+] }, i)) });
+const EmptyState = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: "flex flex-col items-center justify-center h-full p-8 text-center",
+    style: { color: "var(--lm-text-tertiary)" },
+    children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          className: "w-16 h-16 mb-4 opacity-40",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.5,
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "暂无消息" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs mt-1 opacity-60", children: "开始一段新的对话吧" })
+    ] })
+  }
+);
+const LoadMoreTrigger = ({ loading, hasMore, text = "加载更多", onLoadMore }) => {
+  if (!hasMore) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: onLoadMore,
+      disabled: loading,
+      className: "px-4 py-2 text-sm rounded-lg cursor-pointer hover:opacity-80 disabled:opacity-50",
+      style: {
+        backgroundColor: "var(--lm-bg-paper)",
+        color: "var(--lm-text-secondary)"
+      },
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 h-4 border-2 rounded-full animate-spin border-current border-t-transparent" }),
+        "加载中..."
+      ] }) : text
+    }
+  ) });
+};
+const LMChatList$1 = React.forwardRef(({
+  messages,
+  size = "md",
+  variant = "default",
+  showTypingIndicator = false,
+  typingIndicatorVariant = "dots",
+  typingIndicatorText,
+  typingIndicatorAvatar,
+  autoScrollToBottom = true,
+  scrollBehavior = "smooth",
+  messageGap = 16,
+  className = "",
+  emptyContent,
+  loading = false,
+  onLoadMore,
+  hasMore = false,
+  loadMoreText,
+  renderMessage,
+  onMessageRetry,
+  bubbleMaxWidth
+}, ref) => {
+  const containerRef = React.useRef(null);
+  const bottomRef = React.useRef(null);
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  React.useImperativeHandle(ref, () => ({
+    scrollToBottom: (behavior = scrollBehavior) => {
+      var _a;
+      (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior });
+    },
+    scrollToMessage: (messageId, behavior = scrollBehavior) => {
+      var _a;
+      const element = (_a = containerRef.current) == null ? void 0 : _a.querySelector(`[id="${messageId}"]`);
+      element == null ? void 0 : element.scrollIntoView({ behavior, block: "center" });
+    },
+    getContainer: () => containerRef.current
+  }), [scrollBehavior]);
+  React.useEffect(() => {
+    var _a;
+    if (autoScrollToBottom && messages.length > 0) {
+      (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: scrollBehavior });
+    }
+  }, [messages.length, autoScrollToBottom, scrollBehavior]);
+  React.useEffect(() => {
+    var _a;
+    if (showTypingIndicator && autoScrollToBottom) {
+      (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: scrollBehavior });
+    }
+  }, [showTypingIndicator, autoScrollToBottom, scrollBehavior]);
+  const handleScroll = React.useCallback((e) => {
+    if (!onLoadMore || !hasMore) return;
+    const { scrollTop } = e.currentTarget;
+    if (scrollTop < 50) {
+      onLoadMore();
+    }
+  }, [onLoadMore, hasMore]);
+  if (loading && messages.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: scrollbarThemeStyles }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          className: `flex-1 overflow-y-auto lm-chat-list-scrollbar ${className}`.trim(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSkeleton, {})
+        }
+      )
+    ] });
+  }
+  if (messages.length === 0 && !showTypingIndicator) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: scrollbarThemeStyles }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          className: `flex-1 overflow-y-auto lm-chat-list-scrollbar ${className}`.trim(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: emptyContent })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: scrollbarThemeStyles }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: `flex-1 overflow-y-auto lm-chat-list-scrollbar ${className}`.trim(),
+        onScroll: handleScroll,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LoadMoreTrigger,
+            {
+              loading,
+              hasMore,
+              text: loadMoreText,
+              onLoadMore
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex flex-col p-4",
+              style: { gap: `${messageGap}px` },
+              children: [
+                messages.map((message, index) => renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderMessage(message, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
+                  LMChatMessage,
+                  {
+                    ...message,
+                    size: resolvedSize,
+                    variant,
+                    onRetry: onMessageRetry ? () => onMessageRetry(message.id) : void 0,
+                    bubbleMaxWidth
+                  },
+                  message.id
+                )),
+                showTypingIndicator && /* @__PURE__ */ jsxRuntime.jsx(
+                  LMTypingIndicator,
+                  {
+                    variant: typingIndicatorVariant,
+                    size: resolvedSize,
+                    text: typingIndicatorText,
+                    avatar: typingIndicatorAvatar
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { ref: bottomRef })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+LMChatList$1.displayName = "LMChatList";
+const LMChatList = React.memo(LMChatList$1);
+const LMChatContainer = React.forwardRef(({
+  messages,
+  size = "md",
+  variant = "default",
+  onSend,
+  onStop,
+  isGenerating = false,
+  disabled = false,
+  placeholder = "输入消息...",
+  inputValue,
+  onInputChange,
+  maxInputLength,
+  showInputCount = false,
+  showTypingIndicator = false,
+  typingIndicatorText,
+  typingIndicatorAvatar,
+  className = "",
+  header,
+  footer,
+  inputRightSlot,
+  inputToolbar,
+  emptyContent,
+  loading = false,
+  onLoadMore,
+  hasMore = false,
+  onMessageRetry,
+  renderMessage,
+  autoFocus = false,
+  enterToSend = true,
+  height,
+  maxHeight,
+  bubbleMaxWidth
+}, ref) => {
+  const chatListRef = React.useRef(null);
+  const inputRef = React.useRef("");
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const handleSend = React.useCallback((value) => {
+    if (!value.trim() || disabled || isGenerating) return;
+    onSend == null ? void 0 : onSend(value);
+  }, [disabled, isGenerating, onSend]);
+  const handleInputChange = React.useCallback((value) => {
+    inputRef.current = value;
+    onInputChange == null ? void 0 : onInputChange(value);
+  }, [onInputChange]);
+  React.useImperativeHandle(ref, () => ({
+    scrollToBottom: (behavior) => {
+      var _a;
+      (_a = chatListRef.current) == null ? void 0 : _a.scrollToBottom(behavior);
+    },
+    scrollToMessage: (messageId, behavior) => {
+      var _a;
+      (_a = chatListRef.current) == null ? void 0 : _a.scrollToMessage(messageId, behavior);
+    },
+    focusInput: () => {
+    },
+    getInputValue: () => inputRef.current,
+    setInputValue: (value) => {
+      inputRef.current = value;
+      onInputChange == null ? void 0 : onInputChange(value);
+    },
+    clearInput: () => {
+      inputRef.current = "";
+      onInputChange == null ? void 0 : onInputChange("");
+    }
+  }), [onInputChange]);
+  const getContainerStyles = () => ({
+    backgroundColor: "var(--lm-bg-default)",
+    borderColor: "var(--lm-border-default)",
+    ...height ? { height: typeof height === "number" ? `${height}px` : height } : {},
+    ...maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : {}
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `
+        flex flex-col border rounded-2xl overflow-hidden
+        ${className}
+      `.trim().replace(/\s+/g, " "),
+      style: getContainerStyles(),
+      children: [
+        header && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "shrink-0 border-b px-4 py-3",
+            style: {
+              backgroundColor: "var(--lm-bg-elevated)",
+              borderColor: "var(--lm-border-default)"
+            },
+            children: header
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          LMChatList,
+          {
+            ref: chatListRef,
+            messages,
+            size: resolvedSize,
+            variant,
+            showTypingIndicator,
+            typingIndicatorText,
+            typingIndicatorAvatar,
+            emptyContent,
+            loading,
+            onLoadMore,
+            hasMore,
+            onMessageRetry,
+            renderMessage,
+            className: "flex-1 min-h-0",
+            bubbleMaxWidth
+          }
+        ),
+        footer && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "shrink-0 px-4 py-2 border-t",
+            style: { borderColor: "var(--lm-border-light)" },
+            children: footer
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "shrink-0 p-4 border-t",
+            style: {
+              backgroundColor: "var(--lm-bg-elevated)",
+              borderColor: "var(--lm-border-default)"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              LMChatInput,
+              {
+                value: inputValue,
+                onChange: handleInputChange,
+                onSend: handleSend,
+                onStop,
+                isGenerating,
+                placeholder,
+                size: resolvedSize,
+                disabled,
+                sending: isGenerating,
+                maxLength: maxInputLength,
+                showCount: showInputCount,
+                autoFocus,
+                enterToSend,
+                rightSlot: inputRightSlot,
+                toolbar: inputToolbar
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+LMChatContainer.displayName = "LMChatContainer";
+const LMChatContainer_default = React.memo(LMChatContainer);
 function cn(...inputs) {
   return inputs.flat().filter((x) => typeof x === "string" && x.length > 0).join(" ");
 }
@@ -73,5 +2073,14 @@ exports.SIZE_TABLE_CONFIG = componentSizes.SIZE_TABLE_CONFIG;
 exports.SIZE_TEXT_CLASSES = componentSizes.SIZE_TEXT_CLASSES;
 exports.SIZE_TOOLTIP_CONFIG = componentSizes.SIZE_TOOLTIP_CONFIG;
 exports.clampComponentSize = componentSizes.clampComponentSize;
+exports.LMChatBubble = LMChatBubble;
+exports.LMChatContainer = LMChatContainer_default;
+exports.LMChatInput = LMChatInput;
+exports.LMChatList = LMChatList;
+exports.LMChatMessage = LMChatMessage;
+exports.LMCodeBlock = LMCodeBlock;
+exports.LMMarkdownRenderer = LMMarkdownRenderer_default;
+exports.LMTypingIndicator = LMTypingIndicator;
+exports.ToolbarButton = ToolbarButton;
 exports.cn = cn;
 //# sourceMappingURL=index.cjs.map