@mxmweb/rtext 1.1.38 → 1.1.42

package/README.md

@@ -1 +1,542 @@
-# 工具库架构初始化
+# @mxmweb/rtext
+
+> 统一富文本组件库，基于 Slate 与 React 封装，支持富文本编辑/渲染、Markdown/HTML/纯文本多源输入、模板字段、虚拟滚动与分段加载等能力。
+
+## 快速开始
+
+```tsx
+import React from 'react';
+import { UnifiedRichText, DataType } from '@mxmweb/rtext';
+import '@mxmweb/rtext/dist/style.css';
+
+function App() {
+  return (
+    <UnifiedRichText
+      dataSource={{
+        type: DataType.MARKDOWN,
+        content: '# Hello World\n\n这是一个**富文本**组件！'
+      }}
+      theme={{
+        primaryColor: '#1890ff',
+        backgroundColor: '#ffffff'
+      }}
+    />
+  );
+}
+
+export default App;
+```
+
+## 核心组件
+
+### UnifiedRichText
+
+统一富文本组件，支持多种数据源和编辑模式。
+
+**特性：**
+- ✅ 多数据源支持：Slate、Markdown、HTML、纯文本
+- ✅ 编辑/只读模式切换
+- ✅ 模板字段支持：`<template>...</template>`
+- ✅ 主题系统：支持 zui-theme 和自定义主题
+- ✅ 自定义渲染：可扩展元素和叶子节点渲染
+- ✅ TypeScript 支持
+
+### Markdownit
+
+高性能富文本渲染器，专为大量内容设计。
+
+**特性：**
+- ✅ 虚拟滚动：处理大量内容时保持性能
+- ✅ 分段加载：支持流式内容加载
+- ✅ 多格式混排：支持不同数据类型的段落
+- ✅ 滚动事件：支持滚动到顶部/底部回调
+- ✅ 分段点击：支持段落级别的交互
+
+### ChatMessageAdapter
+
+聊天消息适配器，专为对话场景设计。
+
+**特性：**
+- ✅ 用户/AI 消息区分
+- ✅ 引用系统：知识库、网络、数据库引用
+- ✅ 文件上传：支持图片和文档预览
+- ✅ 交互功能：复制、点赞、转发等
+- ✅ 追问建议：智能推荐后续问题
+
+### PromptTempDesigner
+
+模板字段设计器，可视化创建模板。
+
+**特性：**
+- ✅ 可视化编辑：所见即所得的模板编辑
+- ✅ 属性配置：支持 key、placeholder 等属性
+- ✅ 多格式导出：支持纯文本、Markdown、HTML
+- ✅ 主题集成：与 zui-theme 完美集成
+
+## 安装说明
+
+### 1. 安装 rtext 库
+
+```bash
+# 使用 pnpm（推荐）
+pnpm add @mxmweb/rtext
+
+# 或使用 npm
+npm install @mxmweb/rtext
+
+# 或使用 yarn
+yarn add @mxmweb/rtext
+```
+
+### 2. 必需依赖
+
+rtext 库依赖以下包，请确保已安装：
+
+```bash
+# 核心依赖
+pnpm add react react-dom
+pnpm add styled-components@^6
+pnpm add marked
+
+# 图标库（可选，用于内置图标）
+pnpm add lucide-react
+
+# UI 组件库（可选，用于 Tooltip 等组件）
+pnpm add antd
+
+# 注意：slate 相关依赖已内嵌，无需单独安装
+```
+
+### 3. 样式配置
+
+#### 3.1 基础样式导入
+
+```tsx
+// 在应用入口导入基础样式
+import '@mxmweb/rtext/dist/style.css';
+```
+
+#### 3.2 主题配置
+
+rtext 支持两种主题配置方式：
+
+**方式一：使用 zui-theme（推荐）**
+
+```tsx
+import { ThemeProvider, defaultTheme } from '@mxmweb/zui';
+import { UnifiedRichText, DataType } from '@mxmweb/rtext';
+
+// 配置全局主题
+const App = () => {
+  return (
+    <ThemeProvider theme={defaultTheme}>
+      <UnifiedRichText
+        dataSource={{
+          type: DataType.MARKDOWN,
+          content: '# Hello World'
+        }}
+      />
+    </ThemeProvider>
+  );
+};
+```
+
+**方式二：直接传入 theme 属性**
+
+```tsx
+import { UnifiedRichText, DataType } from '@mxmweb/rtext';
+
+const App = () => {
+  return (
+    <UnifiedRichText
+      dataSource={{
+        type: DataType.MARKDOWN,
+        content: '# Hello World'
+      }}
+      theme={{
+        primaryColor: '#007bff',
+        backgroundColor: '#ffffff',
+        textColor: '#333333',
+        borderRadius: '8px',
+        padding: '16px'
+      }}
+    />
+  );
+};
+```
+
+#### 3.3 自定义样式
+
+```tsx
+<UnifiedRichText
+  dataSource={{ type: DataType.SLATE, content: [] }}
+  styles={{
+    // 文本样式
+    letterSpacing: '0.5px',
+    lineHeight: '1.8',
+    text: {
+      fontSize: '16px',
+      color: '#333'
+    },
+    // 模板字段样式
+    templateField: {
+      backgroundColor: '#e3f2fd',
+      borderColor: '#2196f3',
+      borderRadius: '4px',
+      padding: '4px 8px',
+      textColor: '#1976d2'
+    }
+  }}
+/>
+```
+
+### 4. TypeScript 支持
+
+rtext 内置 TypeScript 类型定义，无需额外安装：
+
+```tsx
+import { 
+  UnifiedRichText, 
+  DataType, 
+  type UnifiedRichTextProps,
+  type DataSource 
+} from '@mxmweb/rtext';
+```
+
+### 5. 环境要求
+
+- **React**: >= 18.0.0
+- **Node.js**: >= 16.0.0
+- **TypeScript**: >= 4.5.0（可选）
+
+### 6. 最佳实践
+
+#### 6.1 性能优化
+
+```tsx
+// 对于大量内容，使用 Markdownit 组件
+import { Markdownit, DataType } from '@mxmweb/rtext';
+
+<Markdownit
+  dataSource={largeContentArray}
+  enableVirtualScroll
+  itemHeight={200}
+  preloadCount={5}
+/>
+```
+
+#### 6.2 主题定制
+
+```tsx
+// 创建自定义主题
+const customTheme = {
+  primaryColor: '#1890ff',
+  backgroundColor: '#f5f5f5',
+  textColor: '#262626',
+  borderRadius: '6px',
+  padding: '12px',
+  // 支持更多主题属性...
+};
+
+// 全局应用
+<ThemeProvider theme={customTheme}>
+  <App />
+</ThemeProvider>
+```
+
+#### 6.3 错误处理
+
+```tsx
+<UnifiedRichText
+  dataSource={{
+    type: DataType.MARKDOWN,
+    content: markdownContent
+  }}
+  onError={(error) => {
+    console.error('Rich text error:', error);
+    // 处理错误
+  }}
+/>
+```
+
+### 7. 常见问题
+
+#### Q: 样式不生效怎么办？
+
+A: 确保已正确导入样式文件：
+```tsx
+import '@mxmweb/rtext/dist/style.css';
+```
+
+#### Q: 如何自定义模板字段样式？
+
+A: 使用 `styles.templateField` 属性：
+```tsx
+<UnifiedRichText
+  styles={{
+    templateField: {
+      backgroundColor: '#e6f7ff',
+      borderColor: '#91d5ff',
+      textColor: '#1890ff'
+    }
+  }}
+/>
+```
+
+#### Q: 如何禁用某些功能？
+
+A: 使用 `disabledTags` 属性：
+```tsx
+<UnifiedRichText
+  disabledTags={['template', 'think']}
+  // 禁用模板字段和思考标签
+/>
+```
+
+
+## 演示
+
+请查看 [详细说明文档](./doc_assets/demo.md) 了解更多信息。
+
+### 组件介绍
+
+- **UnifiedRichText**: 全能型富文本组件，统一处理多种数据源，并在编辑/只读间自由切换。
+  - 数据源类型: `DataType.SLATE | DataType.MARKDOWN | DataType.HTML | DataType.TEXT`
+  - 主题样式: 使用 `styled-components v6`，通过 `theme`、`styles` 进行主题与细粒度样式定制
+  - 模板字段: 支持在文本中识别 `<template>...</template>` 并渲染为可编辑占位元素
+  - 自定义渲染: 通过 `renderElement` 与 `renderLeaf` 注入自定义渲染逻辑
+
+### 调用案例说明
+
+```tsx
+import { UnifiedRichText, DataType } from '@mxmweb/rtext';
+
+// 编辑模式（Slate 数据）
+<UnifiedRichText
+  dataSource={{
+    type: DataType.SLATE,
+    content: [{ type: 'paragraph', children: [{ text: 'Hello World' }] }]
+  }}
+  isEditing
+  theme={{ primaryColor: '#007bff', backgroundColor: '#fff' }}
+  styles={{ letterSpacing: '0.5px', lineHeight: '1.8' }}
+  onChange={(content) => console.log('change', content)}
+/>;
+
+// 渲染 Markdown
+<UnifiedRichText
+  dataSource={{ type: DataType.MARKDOWN, content: '# Title\n\n`inline`' }}
+/>;
+
+// 渲染 HTML
+<UnifiedRichText dataSource={{ type: DataType.HTML, content: '<b>Bold</b>' }} />;
+
+// 渲染 纯文本
+<UnifiedRichText dataSource={{ type: DataType.TEXT, content: 'Plain Text' }} />;
+```
+
+### 接口类型说明
+
+```ts
+// 数据类型
+enum DataType { SLATE = 'slate', MARKDOWN = 'markdown', HTML = 'html', TEXT = 'text' }
+
+// 数据源
+interface DataSource { type: DataType; content: any }
+
+// 核心 Props（节选）
+interface UnifiedRichTextProps {
+  dataSource: { type: DataType; content?: any };
+  isEditing?: boolean;
+  placeholder?: string;
+  size?: 'sm' | 'md';
+  theme?: { primaryColor?: string; backgroundColor?: string; /* ... */ };
+  styles?: { letterSpacing?: string; lineHeight?: string; templateField?: { textColor?: string } };
+  onChange?: (content: any, type: DataType) => void;
+  renderElement?: (props: any) => JSX.Element;
+  renderLeaf?: (props: any) => JSX.Element;
+}
+```
+
+## 业务组件
+
+> 通过 `adopters/` 提供典型业务场景封装，遵循"核心组件 + 业务适配层"架构。
+
+### 组件介绍
+
+- **Markdownit**: 面向长文档/富文本的高性能渲染器，支持虚拟滚动、分段加载与多格式混排。
+  - 大量内容渲染时，启用虚拟滚动（`enableVirtualScroll`、`itemHeight`）
+  - 流式加载内容时，启用分段加载（`enableSegmentedLoading`、`onLoadMore`）
+  - 支持多格式混排：Markdown、HTML、纯文本等
+
+- **ChatMessageAdapter**: 面向对话消息流的渲染/编排适配器（按需组装 `UnifiedRichText`）
+  - 支持用户/AI 消息的不同样式
+  - 集成引用系统：知识库、网络搜索、数据库查询
+  - 支持文件上传和预览功能
+  - 提供丰富的交互功能：复制、点赞、转发、编辑等
+
+- **PromptTempDesigner**: 模板字段设计器，用于可视化创建 `<template>...</template>` 字段
+  - 支持新协议：`<template key="name" placeholder="提示">内容</template>`
+  - 兼容旧协议：`<template>占位文本</template>`
+  - 支持多格式导出：纯文本、Markdown、HTML
+  - 与 zui-theme 完美集成
+
+### 调用案例说明
+
+```tsx
+import { Markdownit, DataType } from '@mxmweb/rtext';
+
+const segments = [
+  { id: '1', type: DataType.MARKDOWN, content: '# 第一段' },
+  { id: '2', type: DataType.TEXT, content: '纯文本段落' },
+];
+
+<Markdownit
+  dataSource={segments}
+  enableVirtualScroll
+  itemHeight={240}
+  enableSegmentedLoading
+  onLoadMore={async (lastId) => [{ id: String(+lastId + 1), type: DataType.TEXT, content: '更多内容' }]}
+  onSegmentClick={(id) => console.log('click', id)}
+  height="600px"
+/>;
+```
+
+### 接口类型说明
+
+```ts
+// Markdownit 关键 Props（节选）
+interface SegmentData {
+  id: string;
+  content: string | CustomElement[];
+  type: DataType;
+  timestamp?: number;
+  metadata?: Record<string, any>;
+}
+
+interface MarkdownitProps {
+  dataSource: DataSource | SegmentData[];
+  enableVirtualScroll?: boolean;
+  itemHeight?: number;
+  preloadCount?: number;
+  enableSegmentedLoading?: boolean;
+  onLoadMore?: (lastSegmentId: string) => Promise<SegmentData[]>;
+  isLoadingMore?: boolean;
+  size?: 'sm' | 'md';
+  theme?: { primaryColor?: string; backgroundColor?: string; /* ... */ };
+  onChange?: (content: any, type: DataType) => void;
+  onScroll?: (scrollTop: number, scrollHeight: number) => void;
+  onScrollToTop?: () => void;
+  onScrollToBottom?: () => void;
+  onSegmentClick?: (segmentId: string, segment: SegmentData) => void;
+  height?: string;
+}
+```
+
+## API 参考
+
+### 主题配置
+
+#### zui-theme 集成
+
+rtext 完全支持 zui-theme 系统，会自动使用 `useTheme()` 获取的主题配置：
+
+```tsx
+// 主题属性映射
+const themeMapping = {
+  // 颜色系统
+  primaryColor: zuiTheme?.colors?.primary,
+  secondaryColor: zuiTheme?.colors?.secondary,
+  backgroundColor: zuiTheme?.colors?.background,
+  textColor: zuiTheme?.colors?.text,
+  borderColor: zuiTheme?.colors?.border,
+  
+  // 间距系统
+  padding: zuiTheme?.space?.padding,
+  margin: zuiTheme?.space?.margin,
+  borderRadius: zuiTheme?.space?.radius,
+  
+  // 字体系统
+  baseFontSize: zuiTheme?.fonts?.body?.size,
+  fontFamily: zuiTheme?.fonts?.body?.family,
+  fontWeight: zuiTheme?.fonts?.body?.weight,
+};
+```
+
+#### 自定义主题属性
+
+```tsx
+interface ThemeConfig {
+  // 基础颜色
+  primaryColor?: string;
+  secondaryColor?: string;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
+  disabledBackground?: string;
+  
+  // 布局
+  borderRadius?: string;
+  padding?: string;
+  margin?: string;
+  minHeight?: string;
+  
+  // 字体
+  baseFontSize?: number;
+}
+```
+
+### 样式配置
+
+```tsx
+interface StylesConfig {
+  // 文本样式
+  letterSpacing?: string;
+  lineHeight?: string;
+  text?: {
+    fontSize?: string;
+    color?: string;
+  };
+  
+  // 模板字段样式
+  templateField?: {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    padding?: string;
+    textColor?: string;
+    minWidth?: string;
+    maxWidth?: string;
+  };
+}
+```
+
+### 事件回调
+
+```tsx
+interface EventCallbacks {
+  // 内容变化
+  onChange?: (content: any, type: DataType) => void;
+  
+  // 交互事件
+  onFocus?: () => void;
+  onBlur?: () => void;
+  
+  // 自定义渲染
+  renderElement?: (props: RenderElementProps) => JSX.Element;
+  renderLeaf?: (props: RenderLeafProps) => JSX.Element;
+  
+  // 模板字段事件
+  onRetriveTagClick?: (leaf: any, attributes: any) => void;
+  eventsEmit?: (event: string, data: any) => void;
+}
+```
+
+---
+
+以上文档基于 `src/lib_enter.ts` 的实际导出整理：
+- 核心导出: `UnifiedRichText`, `DataType`, `serializeToMarkdown`, `serializeToHtml` 及类型定义
+- 业务导出: `Markdownit`, `ChatMessageAdapter`, `PromptTempDesigner` 及其类型
+
+如需补充更多示例或 API 细节，请在对应组件的 `README` 中扩展。
+

package/assets/style.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-600:oklch(64.6% .222 41.116);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\[16px\]{margin-left:16px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-3{height:calc(var(--spacing)*3)}.h-6{height:calc(var(--spacing)*6)}.w-6{width:calc(var(--spacing)*6)}.w-\[60\%\]{width:60%}.w-\[250px\]{width:250px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-x-1{-moz-column-gap:calc(var(--spacing)*1);column-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#ECECEE\]{border-color:#ececee}.border-gray-200{border-color:var(--color-gray-200)}.bg-\[\#F5F7FA\]{background-color:#f5f7fa}.bg-\[\#e6f7ff\]{background-color:#e6f7ff}.bg-\[\#f6ffed\]{background-color:#f6ffed}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/40{background-color:color-mix(in oklab,var(--color-gray-50)40%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-orange-100{background-color:var(--color-orange-100)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.text-\[\#52c41a\]{color:#52c41a}.text-\[\#1890ff\]{color:#1890ff}.text-\[\#86909C\]{color:#86909c}.text-\[\#374151\]{color:#374151}.text-\[\#888888\]{color:#888}.text-\[\#b4b4b4\]{color:#b4b4b4}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-orange-600{color:var(--color-orange-600)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-orange-200:hover{background-color:var(--color-orange-200)}.hover\:text-\[\#86909C\]:hover{color:#86909c}.hover\:text-blue-600:hover{color:var(--color-blue-600)}}*{margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.retrieve-sql-data-container{width:100%}.table-container{position:relative;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.database-table{font-size:12px;line-height:1.4;margin:0!important}.database-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626;padding:8px 12px;white-space:nowrap;position:sticky;top:0;z-index:3;margin:0}.database-table .ant-table-tbody>tr>td{padding:8px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top;margin:0}.database-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.database-table .ant-table-thead>tr>th:first-child{position:sticky;left:0;background:#fafafa;z-index:4;border-right:2px solid #e8e8e8;box-shadow:2px 0 4px #0000001a;min-width:80px;max-width:80px;width:80px}.database-table .ant-table-tbody>tr>td:first-child{position:sticky;left:0;background:#fff;z-index:2;border-right:2px solid #e8e8e8;box-shadow:2px 0 4px #0000001a;min-width:80px;max-width:80px;width:80px}.database-table .ant-table-tbody>tr:hover>td:first-child{background:#f5f5f5}.table-container .ant-table{position:relative}.database-table .ant-table-container,.database-table .ant-table-content{margin:0!important;padding:0}.database-table .ant-table-thead>tr,.database-table .ant-table-tbody>tr{margin:0!important;padding:0}.database-table .ant-table-thead>tr>th,.database-table .ant-table-tbody>tr>td{margin:0;padding:8px 12px;border-spacing:0}.database-table table{border-collapse:collapse;border-spacing:0;margin:0!important;padding:0}.database-table .ant-table-thead>tr>th.ant-table-cell-fix-left{background:#fafafa!important;z-index:4!important}.database-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{background:#fff!important;z-index:2!important}.database-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left{background:#f5f5f5!important}.database-table .ant-table-cell-fix-left{border-right:2px solid #e8e8e8!important;box-shadow:2px 0 4px #0000001a!important}.database-table .ant-table-cell-fix-left{position:sticky!important;left:0!important}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-pagination{margin-top:16px}.ant-pagination .ant-pagination-total-text{color:#666;font-size:12px}@media (max-width: 768px){.database-table{font-size:11px}.database-table .ant-table-thead>tr>th,.database-table .ant-table-tbody>tr>td{padding:6px 8px}}
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-600:oklch(64.6% .222 41.116);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\[16px\]{margin-left:16px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-3{height:calc(var(--spacing)*3)}.h-6{height:calc(var(--spacing)*6)}.max-h-96{max-height:calc(var(--spacing)*96)}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing)*6)}.w-\[60\%\]{width:60%}.w-\[250px\]{width:250px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-x-1{-moz-column-gap:calc(var(--spacing)*1);column-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#ECECEE\]{border-color:#ececee}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[\#F5F7FA\]{background-color:#f5f7fa}.bg-\[\#e6f7ff\]{background-color:#e6f7ff}.bg-\[\#f6ffed\]{background-color:#f6ffed}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/40{background-color:color-mix(in oklab,var(--color-gray-50)40%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#52c41a\]{color:#52c41a}.text-\[\#1890ff\]{color:#1890ff}.text-\[\#86909C\]{color:#86909c}.text-\[\#374151\]{color:#374151}.text-\[\#888888\]{color:#888}.text-\[\#b4b4b4\]{color:#b4b4b4}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-orange-600{color:var(--color-orange-600)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-orange-200:hover{background-color:var(--color-orange-200)}.hover\:text-\[\#86909C\]:hover{color:#86909c}.hover\:text-blue-600:hover{color:var(--color-blue-600)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}*{margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.retrieve-sql-data-container{width:100%}.table-container{position:relative;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.database-table{font-size:12px;line-height:1.4;margin:0!important}.database-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626;padding:8px 12px;white-space:nowrap;position:sticky;top:0;z-index:3;margin:0}.database-table .ant-table-tbody>tr>td{padding:8px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top;margin:0}.database-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.database-table .ant-table-thead>tr>th:first-child{position:sticky;left:0;background:#fafafa;z-index:4;border-right:2px solid #e8e8e8;box-shadow:2px 0 4px #0000001a;min-width:80px;max-width:80px;width:80px}.database-table .ant-table-tbody>tr>td:first-child{position:sticky;left:0;background:#fff;z-index:2;border-right:2px solid #e8e8e8;box-shadow:2px 0 4px #0000001a;min-width:80px;max-width:80px;width:80px}.database-table .ant-table-tbody>tr:hover>td:first-child{background:#f5f5f5}.table-container .ant-table{position:relative}.database-table .ant-table-container,.database-table .ant-table-content{margin:0!important;padding:0}.database-table .ant-table-thead>tr,.database-table .ant-table-tbody>tr{margin:0!important;padding:0}.database-table .ant-table-thead>tr>th,.database-table .ant-table-tbody>tr>td{margin:0;padding:8px 12px;border-spacing:0}.database-table table{border-collapse:collapse;border-spacing:0;margin:0!important;padding:0}.database-table .ant-table-thead>tr>th.ant-table-cell-fix-left{background:#fafafa!important;z-index:4!important}.database-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{background:#fff!important;z-index:2!important}.database-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left{background:#f5f5f5!important}.database-table .ant-table-cell-fix-left{border-right:2px solid #e8e8e8!important;box-shadow:2px 0 4px #0000001a!important}.database-table .ant-table-cell-fix-left{position:sticky!important;left:0!important}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-pagination{margin-top:16px}.ant-pagination .ant-pagination-total-text{color:#666;font-size:12px}@media (max-width: 768px){.database-table{font-size:11px}.database-table .ant-table-thead>tr>th,.database-table .ant-table-tbody>tr>td{padding:6px 8px}}

package/examples/chatmessage/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChatMessageDemo: React.FC;
+export default ChatMessageDemo;