@zhama/tego-ui 0.0.0-stage → 1.36.0

package/dist/design-system/index.d.ts

@@ -0,0 +1,629 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Design Tokens - TeGo-OS 设计系统 v2.0
+ *
+ * 设计原则：
+ * 1. 专业紧凑：提高信息密度，减少装饰
+ * 2. 视觉层次：限制在 5 种字体大小
+ * 3. 一致性：统一的间距、圆角、动画
+ */
+/**
+ * 字体排版系统 - 紧凑版
+ * 整体减小一个级别，提高信息密度
+ */
+declare const typography: {
+    readonly heading1: "text-lg font-semibold tracking-tight";
+    readonly heading2: "text-[15px] font-medium leading-tight";
+    readonly body: "text-sm";
+    readonly bodyMedium: "text-sm font-medium";
+    readonly bodyBold: "text-sm font-semibold";
+    readonly small: "text-[13px]";
+    readonly smallMedium: "text-[13px] font-medium";
+    readonly caption: "text-xs";
+    readonly captionMuted: "text-xs text-muted-foreground";
+};
+/**
+ * 间距系统 - 平衡版
+ * 适中的间距，兼顾信息密度和可读性
+ */
+declare const spacing: {
+    readonly xs: {
+        readonly y: "space-y-1.5";
+        readonly x: "space-x-1.5";
+        readonly gap: "gap-1.5";
+        readonly p: "p-1.5";
+        readonly px: "px-2";
+        readonly py: "py-1.5";
+        readonly pt: "pt-1.5";
+        readonly pb: "pb-1.5";
+        readonly pl: "pl-1.5";
+        readonly pr: "pr-1.5";
+        readonly mx: "mx-1.5";
+        readonly my: "my-1.5";
+        readonly ml: "ml-1.5";
+        readonly mr: "mr-1.5";
+        readonly mt: "mt-1.5";
+        readonly mb: "mb-1.5";
+        readonly left: "left-1.5";
+        readonly right: "right-1.5";
+        readonly top: "top-1.5";
+        readonly bottom: "bottom-1.5";
+    };
+    readonly sm: {
+        readonly y: "space-y-3";
+        readonly x: "space-x-3";
+        readonly gap: "gap-3";
+        readonly p: "p-3";
+        readonly px: "px-3";
+        readonly py: "py-2";
+        readonly pt: "pt-3";
+        readonly pb: "pb-3";
+        readonly pl: "pl-3";
+        readonly pr: "pr-3";
+        readonly mx: "mx-3";
+        readonly my: "my-3";
+        readonly ml: "ml-3";
+        readonly mr: "mr-3";
+        readonly mt: "mt-3";
+        readonly mb: "mb-3";
+        readonly left: "left-3";
+        readonly right: "right-3";
+        readonly top: "top-3";
+        readonly bottom: "bottom-3";
+    };
+    readonly md: {
+        readonly y: "space-y-4";
+        readonly x: "space-x-4";
+        readonly gap: "gap-4";
+        readonly p: "p-4";
+        readonly px: "px-4";
+        readonly py: "py-3";
+        readonly pt: "pt-4";
+        readonly pb: "pb-4";
+        readonly pl: "pl-4";
+        readonly pr: "pr-4";
+        readonly mx: "mx-4";
+        readonly my: "my-4";
+        readonly ml: "ml-4";
+        readonly mr: "mr-4";
+        readonly mt: "mt-4";
+        readonly mb: "mb-4";
+        readonly left: "left-4";
+        readonly right: "right-4";
+        readonly top: "top-4";
+        readonly bottom: "bottom-4";
+    };
+    readonly lg: {
+        readonly y: "space-y-5";
+        readonly x: "space-x-5";
+        readonly gap: "gap-5";
+        readonly p: "p-5";
+        readonly px: "px-5";
+        readonly py: "py-4";
+        readonly pt: "pt-5";
+        readonly pb: "pb-5";
+        readonly pl: "pl-5";
+        readonly pr: "pr-5";
+        readonly mx: "mx-5";
+        readonly my: "my-5";
+        readonly ml: "ml-5";
+        readonly mr: "mr-5";
+        readonly mt: "mt-5";
+        readonly mb: "mb-5";
+        readonly left: "left-5";
+        readonly right: "right-5";
+        readonly top: "top-5";
+        readonly bottom: "bottom-5";
+    };
+    readonly xl: {
+        readonly y: "space-y-6";
+        readonly x: "space-x-6";
+        readonly gap: "gap-6";
+        readonly p: "p-6";
+        readonly px: "px-6";
+        readonly py: "py-5";
+        readonly pt: "pt-6";
+        readonly pb: "pb-6";
+        readonly pl: "pl-6";
+        readonly pr: "pr-6";
+        readonly mx: "mx-6";
+        readonly my: "my-6";
+        readonly ml: "ml-6";
+        readonly mr: "mr-6";
+        readonly mt: "mt-6";
+        readonly mb: "mb-6";
+        readonly left: "left-6";
+        readonly right: "right-6";
+        readonly top: "top-6";
+        readonly bottom: "bottom-6";
+    };
+};
+/**
+ * 圆角系统 - 更小更专业
+ */
+declare const radius: {
+    readonly none: "rounded-none";
+    readonly sm: "rounded";
+    readonly md: "rounded-md";
+    readonly lg: "rounded-lg";
+    readonly full: "rounded-full";
+};
+/**
+ * 阴影系统 - 适度阴影
+ */
+declare const shadows: {
+    readonly none: "";
+    readonly sm: "shadow";
+    readonly md: "shadow-md";
+    readonly lg: "shadow-lg";
+};
+/**
+ * 颜色语义系统
+ * 使用语义化的颜色名称，便于维护
+ */
+declare const colors: {
+    readonly primary: "bg-primary text-primary-foreground";
+    readonly primaryHover: "hover:bg-primary/90";
+    readonly primaryMuted: "bg-primary/10 text-primary";
+    readonly secondary: "bg-secondary text-secondary-foreground";
+    readonly secondaryHover: "hover:bg-secondary/80";
+    readonly success: "bg-success text-success-foreground";
+    readonly successHover: "hover:bg-success/90";
+    readonly successMuted: "bg-success/10 text-success";
+    readonly warning: "bg-warning text-warning-foreground";
+    readonly warningHover: "hover:bg-warning/90";
+    readonly warningMuted: "bg-warning/10 text-warning";
+    readonly destructive: "bg-destructive text-destructive-foreground";
+    readonly destructiveHover: "hover:bg-destructive/90";
+    readonly destructiveMuted: "bg-destructive/10 text-destructive";
+    readonly muted: "bg-muted text-muted-foreground";
+    readonly mutedHover: "hover:bg-muted/80";
+    readonly accent: "bg-accent text-accent-foreground";
+    readonly accentHover: "hover:bg-accent/80";
+};
+/**
+ * 中性表层系统 - 用于 sidebar / 列表 / 面板的层级与交互态
+ *
+ * 目的：给"背景 → 浮起 → hover → selected"以及"边框 / 分隔线"一组
+ * 明确、克制的中性梯度，避免到处用主品牌色（浅紫）做选中/hover 背景，
+ * 把品牌色留给关键状态与主操作。全部基于主题 CSS 变量，自动适配深色模式。
+ */
+declare const surfaces: {
+    readonly base: "bg-background";
+    readonly raised: "bg-muted/30";
+    readonly hover: "hover:bg-muted/50";
+    readonly selected: "bg-muted/60";
+    readonly border: "border-border/60";
+    readonly divider: "bg-border/40";
+};
+/**
+ * 聊天气泡 - 自己发出的消息（与员工的对话、工作会话共用）
+ */
+declare const chatBubbles: {
+    readonly user: "border border-primary/20 bg-primary-soft text-foreground shadow-[0_10px_28px_-24px_hsl(var(--primary)/0.65)]";
+};
+/**
+ * 过渡动画 - 更快响应
+ */
+declare const transitions: {
+    readonly fast: "transition-colors duration-100 ease-out";
+    readonly normal: "transition-all duration-150 ease-out";
+    readonly slow: "transition-all duration-200 ease-out";
+};
+/**
+ * 交互效果 - 简化，减少视觉噪音
+ */
+declare const interactions: {
+    readonly hoverHighlight: "hover:bg-accent/50 transition-colors duration-100 ease-out";
+    readonly hoverShadow: "hover:shadow-sm transition-shadow duration-150 ease-out";
+    readonly clickable: "cursor-pointer active:scale-[0.98] active:opacity-90 transition-all duration-100 ease-out";
+    readonly cardHover: "hover:border-border/80 hover:shadow-sm transition-all duration-150 ease-out";
+};
+/**
+ * 布局相关
+ */
+declare const layout: {
+    readonly container: "layout-responsive container-responsive";
+    readonly grid: {
+        readonly stats: "stats-grid";
+        readonly actions: "actions-grid";
+        readonly agents: "agents-grid";
+        readonly default: "grid-responsive";
+    };
+    readonly card: "card-responsive";
+};
+/**
+ * 状态样式
+ */
+declare const states: {
+    readonly disabled: "opacity-50 cursor-not-allowed";
+    readonly loading: "opacity-70 cursor-wait";
+    readonly error: "border-destructive bg-destructive/10";
+    readonly success: "border-success bg-success/10";
+};
+/**
+ * 组合助手函数
+ * 用于快速组合多个 design tokens
+ */
+declare function combineTokens(...tokens: string[]): string;
+/**
+ * 响应式断点辅助
+ */
+declare const breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+};
+/**
+ * 常用组合样式
+ */
+declare const presets: {
+    readonly pageTitle: string;
+    readonly sectionTitle: string;
+    readonly cardTitle: string;
+    readonly buttonPrimary: string;
+    readonly interactiveCard: string;
+    readonly input: string;
+};
+/**
+ * 导出所有 tokens
+ */
+declare const designTokens: {
+    readonly typography: {
+        readonly heading1: "text-lg font-semibold tracking-tight";
+        readonly heading2: "text-[15px] font-medium leading-tight";
+        readonly body: "text-sm";
+        readonly bodyMedium: "text-sm font-medium";
+        readonly bodyBold: "text-sm font-semibold";
+        readonly small: "text-[13px]";
+        readonly smallMedium: "text-[13px] font-medium";
+        readonly caption: "text-xs";
+        readonly captionMuted: "text-xs text-muted-foreground";
+    };
+    readonly spacing: {
+        readonly xs: {
+            readonly y: "space-y-1.5";
+            readonly x: "space-x-1.5";
+            readonly gap: "gap-1.5";
+            readonly p: "p-1.5";
+            readonly px: "px-2";
+            readonly py: "py-1.5";
+            readonly pt: "pt-1.5";
+            readonly pb: "pb-1.5";
+            readonly pl: "pl-1.5";
+            readonly pr: "pr-1.5";
+            readonly mx: "mx-1.5";
+            readonly my: "my-1.5";
+            readonly ml: "ml-1.5";
+            readonly mr: "mr-1.5";
+            readonly mt: "mt-1.5";
+            readonly mb: "mb-1.5";
+            readonly left: "left-1.5";
+            readonly right: "right-1.5";
+            readonly top: "top-1.5";
+            readonly bottom: "bottom-1.5";
+        };
+        readonly sm: {
+            readonly y: "space-y-3";
+            readonly x: "space-x-3";
+            readonly gap: "gap-3";
+            readonly p: "p-3";
+            readonly px: "px-3";
+            readonly py: "py-2";
+            readonly pt: "pt-3";
+            readonly pb: "pb-3";
+            readonly pl: "pl-3";
+            readonly pr: "pr-3";
+            readonly mx: "mx-3";
+            readonly my: "my-3";
+            readonly ml: "ml-3";
+            readonly mr: "mr-3";
+            readonly mt: "mt-3";
+            readonly mb: "mb-3";
+            readonly left: "left-3";
+            readonly right: "right-3";
+            readonly top: "top-3";
+            readonly bottom: "bottom-3";
+        };
+        readonly md: {
+            readonly y: "space-y-4";
+            readonly x: "space-x-4";
+            readonly gap: "gap-4";
+            readonly p: "p-4";
+            readonly px: "px-4";
+            readonly py: "py-3";
+            readonly pt: "pt-4";
+            readonly pb: "pb-4";
+            readonly pl: "pl-4";
+            readonly pr: "pr-4";
+            readonly mx: "mx-4";
+            readonly my: "my-4";
+            readonly ml: "ml-4";
+            readonly mr: "mr-4";
+            readonly mt: "mt-4";
+            readonly mb: "mb-4";
+            readonly left: "left-4";
+            readonly right: "right-4";
+            readonly top: "top-4";
+            readonly bottom: "bottom-4";
+        };
+        readonly lg: {
+            readonly y: "space-y-5";
+            readonly x: "space-x-5";
+            readonly gap: "gap-5";
+            readonly p: "p-5";
+            readonly px: "px-5";
+            readonly py: "py-4";
+            readonly pt: "pt-5";
+            readonly pb: "pb-5";
+            readonly pl: "pl-5";
+            readonly pr: "pr-5";
+            readonly mx: "mx-5";
+            readonly my: "my-5";
+            readonly ml: "ml-5";
+            readonly mr: "mr-5";
+            readonly mt: "mt-5";
+            readonly mb: "mb-5";
+            readonly left: "left-5";
+            readonly right: "right-5";
+            readonly top: "top-5";
+            readonly bottom: "bottom-5";
+        };
+        readonly xl: {
+            readonly y: "space-y-6";
+            readonly x: "space-x-6";
+            readonly gap: "gap-6";
+            readonly p: "p-6";
+            readonly px: "px-6";
+            readonly py: "py-5";
+            readonly pt: "pt-6";
+            readonly pb: "pb-6";
+            readonly pl: "pl-6";
+            readonly pr: "pr-6";
+            readonly mx: "mx-6";
+            readonly my: "my-6";
+            readonly ml: "ml-6";
+            readonly mr: "mr-6";
+            readonly mt: "mt-6";
+            readonly mb: "mb-6";
+            readonly left: "left-6";
+            readonly right: "right-6";
+            readonly top: "top-6";
+            readonly bottom: "bottom-6";
+        };
+    };
+    readonly radius: {
+        readonly none: "rounded-none";
+        readonly sm: "rounded";
+        readonly md: "rounded-md";
+        readonly lg: "rounded-lg";
+        readonly full: "rounded-full";
+    };
+    readonly shadows: {
+        readonly none: "";
+        readonly sm: "shadow";
+        readonly md: "shadow-md";
+        readonly lg: "shadow-lg";
+    };
+    readonly colors: {
+        readonly primary: "bg-primary text-primary-foreground";
+        readonly primaryHover: "hover:bg-primary/90";
+        readonly primaryMuted: "bg-primary/10 text-primary";
+        readonly secondary: "bg-secondary text-secondary-foreground";
+        readonly secondaryHover: "hover:bg-secondary/80";
+        readonly success: "bg-success text-success-foreground";
+        readonly successHover: "hover:bg-success/90";
+        readonly successMuted: "bg-success/10 text-success";
+        readonly warning: "bg-warning text-warning-foreground";
+        readonly warningHover: "hover:bg-warning/90";
+        readonly warningMuted: "bg-warning/10 text-warning";
+        readonly destructive: "bg-destructive text-destructive-foreground";
+        readonly destructiveHover: "hover:bg-destructive/90";
+        readonly destructiveMuted: "bg-destructive/10 text-destructive";
+        readonly muted: "bg-muted text-muted-foreground";
+        readonly mutedHover: "hover:bg-muted/80";
+        readonly accent: "bg-accent text-accent-foreground";
+        readonly accentHover: "hover:bg-accent/80";
+    };
+    readonly surfaces: {
+        readonly base: "bg-background";
+        readonly raised: "bg-muted/30";
+        readonly hover: "hover:bg-muted/50";
+        readonly selected: "bg-muted/60";
+        readonly border: "border-border/60";
+        readonly divider: "bg-border/40";
+    };
+    readonly chatBubbles: {
+        readonly user: "border border-primary/20 bg-primary-soft text-foreground shadow-[0_10px_28px_-24px_hsl(var(--primary)/0.65)]";
+    };
+    readonly transitions: {
+        readonly fast: "transition-colors duration-100 ease-out";
+        readonly normal: "transition-all duration-150 ease-out";
+        readonly slow: "transition-all duration-200 ease-out";
+    };
+    readonly interactions: {
+        readonly hoverHighlight: "hover:bg-accent/50 transition-colors duration-100 ease-out";
+        readonly hoverShadow: "hover:shadow-sm transition-shadow duration-150 ease-out";
+        readonly clickable: "cursor-pointer active:scale-[0.98] active:opacity-90 transition-all duration-100 ease-out";
+        readonly cardHover: "hover:border-border/80 hover:shadow-sm transition-all duration-150 ease-out";
+    };
+    readonly layout: {
+        readonly container: "layout-responsive container-responsive";
+        readonly grid: {
+            readonly stats: "stats-grid";
+            readonly actions: "actions-grid";
+            readonly agents: "agents-grid";
+            readonly default: "grid-responsive";
+        };
+        readonly card: "card-responsive";
+    };
+    readonly states: {
+        readonly disabled: "opacity-50 cursor-not-allowed";
+        readonly loading: "opacity-70 cursor-wait";
+        readonly error: "border-destructive bg-destructive/10";
+        readonly success: "border-success bg-success/10";
+    };
+    readonly presets: {
+        readonly pageTitle: string;
+        readonly sectionTitle: string;
+        readonly cardTitle: string;
+        readonly buttonPrimary: string;
+        readonly interactiveCard: string;
+        readonly input: string;
+    };
+    readonly breakpoints: {
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly '2xl': "1536px";
+    };
+};
+
+/**
+ * Design System 实用工具函数
+ *
+ * 提供类型安全的设计系统辅助函数
+ */
+
+/**
+ * 合并 Tailwind CSS 类名
+ * 与现有的 cn 函数保持一致
+ */
+declare function cn(...inputs: ClassValue[]): string;
+/**
+ * 获取响应式间距类名
+ * @param size 间距大小: xs, sm, md, lg, xl
+ * @param type 间距类型: y, x, gap, p, px, py
+ */
+declare function getSpacing(size: keyof typeof designTokens.spacing, type: keyof (typeof designTokens.spacing)['sm']): string;
+/**
+ * 获取字体样式类名
+ * @param variant 字体变体
+ */
+declare function getTypography(variant: keyof typeof designTokens.typography): string;
+/**
+ * 获取状态样式
+ * @param state 状态类型
+ */
+declare function getStateStyle(state: keyof typeof designTokens.states): string;
+/**
+ * 构建卡片样式
+ * @param options 卡片选项
+ */
+declare function buildCardClass(options: {
+    interactive?: boolean;
+    shadow?: keyof typeof designTokens.shadows;
+    radius?: keyof typeof designTokens.radius;
+    className?: string;
+}): string;
+/**
+ * 构建按钮样式
+ * @param options 按钮选项
+ */
+declare function buildButtonClass(options: {
+    variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'outline';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}): string;
+/**
+ * 构建输入框样式
+ * @param options 输入框选项
+ */
+declare function buildInputClass(options: {
+    error?: boolean;
+    disabled?: boolean;
+    className?: string;
+}): string;
+/**
+ * 构建徽章样式
+ * @param options 徽章选项
+ */
+declare function buildBadgeClass(options: {
+    variant?: 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline';
+    className?: string;
+}): string;
+/**
+ * 构建网格布局样式
+ * @param type 网格类型
+ */
+declare function buildGridClass(type: keyof typeof designTokens.layout.grid): string;
+/**
+ * 响应式容器样式
+ */
+declare function getContainerClass(): string;
+/**
+ * 图标尺寸助手
+ */
+declare const iconSizes: {
+    readonly xs: "h-3 w-3";
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+    readonly xl: "h-8 w-8";
+    readonly '2xl': "h-10 w-10";
+};
+/**
+ * 获取图标尺寸
+ */
+declare function getIconSize(size: keyof typeof iconSizes): string;
+/**
+ * 状态颜色映射
+ */
+declare function getStatusColor(status: string): string;
+/**
+ * 获取状态徽章变体
+ */
+declare function getStatusBadgeVariant(status: string): 'default' | 'secondary' | 'success' | 'warning' | 'destructive';
+/**
+ * 构建表格样式
+ */
+declare function buildTableClass(options?: {
+    className?: string;
+}): string;
+/**
+ * 截断文本样式
+ */
+declare const truncate: {
+    readonly single: "truncate";
+    readonly double: "line-clamp-2";
+    readonly triple: "line-clamp-3";
+};
+/**
+ * 获取截断样式
+ */
+declare function getTruncateClass(lines: keyof typeof truncate): string;
+/**
+ * 动画预设
+ */
+declare const animations: {
+    readonly fadeIn: "animate-in fade-in duration-200";
+    readonly fadeOut: "animate-out fade-out duration-200";
+    readonly slideInFromRight: "animate-in slide-in-from-right duration-300";
+    readonly slideInFromLeft: "animate-in slide-in-from-left duration-300";
+    readonly slideInFromTop: "animate-in slide-in-from-top duration-300";
+    readonly slideInFromBottom: "animate-in slide-in-from-bottom duration-300";
+    readonly spin: "animate-spin";
+    readonly pulse: "animate-pulse";
+};
+/**
+ * 获取动画类名
+ */
+declare function getAnimation(animation: keyof typeof animations): string;
+/**
+ * 聚焦环样式
+ */
+declare const focusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+/**
+ * 构建可聚焦元素样式
+ */
+declare function buildFocusableClass(className?: string): string;
+/**
+ * 骨架屏样式
+ */
+declare function buildSkeletonClass(className?: string): string;
+
+export { animations, breakpoints, buildBadgeClass, buildButtonClass, buildCardClass, buildFocusableClass, buildGridClass, buildInputClass, buildSkeletonClass, buildTableClass, chatBubbles, cn, colors, combineTokens, designTokens, focusRing, getAnimation, getContainerClass, getIconSize, getSpacing, getStateStyle, getStatusBadgeVariant, getStatusColor, getTruncateClass, getTypography, iconSizes, interactions, layout, presets, radius, shadows, spacing, states, surfaces, transitions, truncate, typography };

package/dist/design-system/index.js

@@ -0,0 +1 @@
+export{animations,breakpoints,buildBadgeClass,buildButtonClass,buildCardClass,buildFocusableClass,buildGridClass,buildInputClass,buildSkeletonClass,buildTableClass,chatBubbles,cn,colors,combineTokens,designTokens,focusRing,getAnimation,getContainerClass,getIconSize,getSpacing,getStateStyle,getStatusBadgeVariant,getStatusColor,getTruncateClass,getTypography,iconSizes,interactions,layout,presets,radius,shadows,spacing,states,surfaces,transitions,truncate,typography}from"../chunk-6Z2BWV6F.js";import"../chunk-QPXIAUJD.js";

package/dist/editors.cjs

@@ -0,0 +1 @@
+"use strict";var O=Object.defineProperty;var a=(e,r)=>O(e,"name",{value:r,configurable:!0});var chunkGZXKQ2K6_cjs=require("./chunk-GZXKQ2K6.cjs"),chunkM2GCF4FZ_cjs=require("./chunk-M2GCF4FZ.cjs"),chunkERURJLNK_cjs=require("./chunk-ERURJLNK.cjs"),chunkYWPIPAUQ_cjs=require("./chunk-YWPIPAUQ.cjs");require("./chunk-6HRT65AA.cjs");var ace=require("ace-builds/src-noconflict/ace"),React2=require("react"),AceEditor=require("react-ace");require("ace-builds/src-noconflict/mode-javascript"),require("ace-builds/src-noconflict/mode-typescript"),require("ace-builds/src-noconflict/mode-json"),require("ace-builds/src-noconflict/mode-json5"),require("ace-builds/src-noconflict/mode-yaml"),require("ace-builds/src-noconflict/mode-html"),require("ace-builds/src-noconflict/mode-css"),require("ace-builds/src-noconflict/mode-markdown"),require("ace-builds/src-noconflict/mode-python"),require("ace-builds/src-noconflict/mode-xml"),require("ace-builds/src-noconflict/mode-sql"),require("ace-builds/src-noconflict/mode-text"),require("ace-builds/src-noconflict/theme-github"),require("ace-builds/src-noconflict/theme-monokai"),require("ace-builds/src-noconflict/ext-language_tools"),require("ace-builds/src-noconflict/ext-beautify");var jsxRuntime=require("react/jsx-runtime"),lucideReact=require("lucide-react");function _interopDefault(e){return e&&e.__esModule?e:{default:e}}a(_interopDefault,"_interopDefault");var ace__default=_interopDefault(ace),React2__default=_interopDefault(React2),AceEditor__default=_interopDefault(AceEditor),beautifyCommand={name:"beautify",bindKey:{win:"Ctrl-Shift-B",mac:"Command-Shift-B"},exec:a(e=>{ace__default.default.require("ace/ext/beautify").beautify(e.session)},"exec")},CodeEditor=React2.forwardRef(({value:e="",onChange:r,language:m="javascript",theme:s,height:x="200px",width:c="100%",placeholder:f="Enter your code here...",readOnly:u=!1,disabled:n=!1,className:R,fontSize:L=14,showGutter:E=!0,showPrintMargin:w=!1,highlightActiveLine:D=!0,enableBasicAutocompletion:J=!0,enableLiveAutocompletion:d=!1,enableSnippets:j=!0,tabSize:C=2,name:i="code-editor",wrapEnabled:p=!1,onLoad:T,onCursorChange:l,annotations:N,markers:F,commands:S,...M},v)=>{const[_,h]=React2.useState("github");React2.useEffect(()=>{const b=document.documentElement.classList.contains("dark")||window.matchMedia("(prefers-color-scheme: dark)").matches;h(b?"monokai":"github");const k=new MutationObserver(()=>{const t=document.documentElement.classList.contains("dark");h(t?"monokai":"github")});k.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]});const y=window.matchMedia("(prefers-color-scheme: dark)"),q=a(()=>{!document.documentElement.classList.contains("light")&&!document.documentElement.classList.contains("dark")&&h(y.matches?"monokai":"github")},"handleChange2");return y.addEventListener("change",q),()=>{k.disconnect(),y.removeEventListener("change",q)}},[]);const g=s||_,A=a(b=>{r&&!n&&!u&&r(b)},"handleChange");return jsxRuntime.jsx("div",{ref:v,className:chunkYWPIPAUQ_cjs.cn("relative overflow-hidden rounded-md border border-input","focus-within:border-ring focus-within:ring-1 focus-within:ring-ring",n&&"cursor-not-allowed bg-muted opacity-50",R),...M,children:jsxRuntime.jsx(AceEditor__default.default,{mode:m,theme:g,name:i,value:e,onChange:A,fontSize:L,showGutter:E,showPrintMargin:w,highlightActiveLine:D,height:typeof x=="number"?`${x}px`:x,width:typeof c=="number"?`${c}px`:c,readOnly:u||n,placeholder:f,wrapEnabled:p,onLoad:T,onCursorChange:l,annotations:N,markers:F,commands:[beautifyCommand,...S??[]],setOptions:{enableBasicAutocompletion:J,enableLiveAutocompletion:d,enableSnippets:j,showLineNumbers:E,tabSize:C,useWorker:!1},style:{fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace'},editorProps:{$blockScrolling:!0}})})});CodeEditor.displayName="CodeEditor";function formatJSON(e){try{const r=JSON.parse(e);return{formatted:JSON.stringify(r,null,2)}}catch(r){return{formatted:e,error:r instanceof Error?r.message:"Invalid JSON format"}}}a(formatJSON,"formatJSON");function formatYAML(e){return{formatted:e}}a(formatYAML,"formatYAML");function validateJSON(e){if(!e.trim())return{valid:!0};try{return JSON.parse(e),{valid:!0}}catch(r){return{valid:!1,error:r instanceof Error?r.message:"Invalid JSON format"}}}a(validateJSON,"validateJSON");function ConfigEditor({value:e="",onChange:r,onValidate:m,language:s="json",showToolbar:x=!0,showFormatButton:c=!0,showCopyButton:f=!0,showClearButton:u=!0,showValidateButton:n=!1,enableAutoValidation:R=!0,formatOnMount:L=!1,validateOnChange:E=!0,className:w,toolbarClassName:D,errorClassName:J,onToolbarActionsChange:d,height:j="400px",...C}){const[i,p]=React2.useState(e),[T,l]=React2.useState(null),[N,F]=React2.useState(!1),[S,M]=React2.useState(!1);React2__default.default.useEffect(()=>{L&&e&&h()},[]),React2__default.default.useEffect(()=>{p(e)},[e]);const v=React2.useCallback(t=>{if(m){const o=m(t);return l(o.valid?null:o.error||"Validation failed"),o}if(s==="json"){const o=validateJSON(t);return l(o.valid?null:o.error||null),o}return l(null),{valid:!0}},[s,m]),_=React2.useCallback(t=>{p(t);const o=E?v(t):{valid:!0};r&&r(t,o.valid)},[r,v,E]),h=React2.useCallback(()=>{M(!0);try{let t;if(s==="json")t=formatJSON(i);else if(s==="yaml")t=formatYAML(i);else{l("Format not supported for this language");return}t.error?l(t.error):(p(t.formatted),r&&r(t.formatted,!0),l(null))}finally{setTimeout(()=>M(!1),500)}},[i,s,r]),g=React2.useCallback(async()=>{try{await navigator.clipboard.writeText(i),F(!0),setTimeout(()=>F(!1),2e3)}catch(t){console.error("Failed to copy:",t)}},[i]),A=React2.useCallback(()=>{const t=s==="json"?"{}":"";p(t),l(null),r&&r(t,!0)},[s,r]),b=React2.useCallback(()=>{v(i)},[v,i]),k=React2.useMemo(()=>!c&&!f&&!u&&!n?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c&&(s==="json"||s==="yaml")&&jsxRuntime.jsxs(chunkERURJLNK_cjs.Tooltip,{children:[jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs(chunkM2GCF4FZ_cjs.Button,{variant:"ghost",size:"sm",onClick:h,disabled:S,className:"h-7 px-2",children:[jsxRuntime.jsx(lucideReact.WrapText,{className:"h-3.5 w-3.5"}),jsxRuntime.jsx("span",{className:"ml-1.5 text-xs",children:"\u683C\u5F0F\u5316"})]})}),jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipContent,{children:jsxRuntime.jsx("p",{children:"\u683C\u5F0F\u5316\u4EE3\u7801"})})]}),n&&jsxRuntime.jsxs(chunkERURJLNK_cjs.Tooltip,{children:[jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs(chunkM2GCF4FZ_cjs.Button,{variant:"ghost",size:"sm",onClick:b,className:"h-7 px-2",children:[jsxRuntime.jsx(lucideReact.AlertCircle,{className:"h-3.5 w-3.5"}),jsxRuntime.jsx("span",{className:"ml-1.5 text-xs",children:"\u9A8C\u8BC1"})]})}),jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipContent,{children:jsxRuntime.jsx("p",{children:"\u9A8C\u8BC1\u4EE3\u7801\u683C\u5F0F"})})]}),f&&jsxRuntime.jsxs(chunkERURJLNK_cjs.Tooltip,{children:[jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs(chunkM2GCF4FZ_cjs.Button,{variant:"ghost",size:"sm",onClick:g,className:"h-7 px-2",children:[N?jsxRuntime.jsx(lucideReact.Check,{className:"h-3.5 w-3.5 text-success"}):jsxRuntime.jsx(lucideReact.Copy,{className:"h-3.5 w-3.5"}),jsxRuntime.jsx("span",{className:"ml-1.5 text-xs",children:N?"\u5DF2\u590D\u5236":"\u590D\u5236"})]})}),jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipContent,{children:jsxRuntime.jsx("p",{children:"\u590D\u5236\u5230\u526A\u8D34\u677F"})})]}),u&&jsxRuntime.jsxs(chunkERURJLNK_cjs.Tooltip,{children:[jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipTrigger,{asChild:!0,children:jsxRuntime.jsxs(chunkM2GCF4FZ_cjs.Button,{variant:"ghost",size:"sm",onClick:A,className:"h-7 px-2 text-destructive hover:text-destructive",children:[jsxRuntime.jsx(lucideReact.RotateCcw,{className:"h-3.5 w-3.5"}),jsxRuntime.jsx("span",{className:"ml-1.5 text-xs",children:"\u6E05\u7A7A"})]})}),jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipContent,{children:jsxRuntime.jsx("p",{children:"\u6E05\u7A7A\u5185\u5BB9"})})]})]}),[N,A,g,h,b,S,s,u,f,c,n]);React2__default.default.useEffect(()=>{if(d)return d(k),()=>d(null)},[d,k]);const y=React2.useMemo(()=>x&&!d&&(c||f||u||n),[x,c,f,u,n,d]),q=typeof j=="string"&&(j==="100%"||j==="auto");return jsxRuntime.jsxs("div",{className:chunkYWPIPAUQ_cjs.cn("flex flex-col gap-2",q&&"h-full overflow-hidden",w),children:[y&&jsxRuntime.jsx(chunkERURJLNK_cjs.TooltipProvider,{children:jsxRuntime.jsx("div",{className:chunkYWPIPAUQ_cjs.cn("flex shrink-0 items-center justify-end gap-1 rounded-md border bg-muted/30 p-1",D),children:k})}),q?jsxRuntime.jsx("div",{className:"min-h-0 flex-1",children:jsxRuntime.jsx(CodeEditor,{value:i,onChange:_,language:s,height:"100%",className:"h-full [&>.ace_editor]:!h-full",...C})}):jsxRuntime.jsx(CodeEditor,{value:i,onChange:_,language:s,height:j,...C}),T&&R&&jsxRuntime.jsxs(chunkGZXKQ2K6_cjs.Alert,{variant:"destructive",className:chunkYWPIPAUQ_cjs.cn("mt-2 shrink-0",J),children:[jsxRuntime.jsx(lucideReact.AlertCircle,{className:"h-4 w-4"}),jsxRuntime.jsx(chunkGZXKQ2K6_cjs.AlertDescription,{children:T})]})]})}a(ConfigEditor,"ConfigEditor"),ConfigEditor.displayName="ConfigEditor";var MarkdownEditor=React2.forwardRef(({placeholder:e="Write markdown...",...r},m)=>jsxRuntime.jsx(CodeEditor,{ref:m,language:"markdown",placeholder:e,...r}));MarkdownEditor.displayName="MarkdownEditor",exports.CodeEditor=CodeEditor,exports.ConfigEditor=ConfigEditor,exports.MarkdownEditor=MarkdownEditor;