@geekmidas/ui 9.0.2 → 10.0.0-alpha.1

package/dist/index.cjs

@@ -1,2566 +1,150 @@
-const require_hooks = require('./hooks-DuxmSO-h.cjs');
-const require_theme = require('./theme-BRGSS8qx.cjs');
-const date_fns = require_hooks.__toESM(require("date-fns"));
-const recharts = require_hooks.__toESM(require("recharts"));
-const clsx = require_hooks.__toESM(require("clsx"));
-const tailwind_merge = require_hooks.__toESM(require("tailwind-merge"));
-const react_jsx_runtime = require_hooks.__toESM(require("react/jsx-runtime"));
-const lucide_react = require_hooks.__toESM(require("lucide-react"));
-const react = require_hooks.__toESM(require("react"));
-const __radix_ui_react_slot = require_hooks.__toESM(require("@radix-ui/react-slot"));
-const class_variance_authority = require_hooks.__toESM(require("class-variance-authority"));
-const __radix_ui_react_select = require_hooks.__toESM(require("@radix-ui/react-select"));
-const __radix_ui_react_scroll_area = require_hooks.__toESM(require("@radix-ui/react-scroll-area"));
-const __radix_ui_react_tooltip = require_hooks.__toESM(require("@radix-ui/react-tooltip"));
-const prism_react_renderer = require_hooks.__toESM(require("prism-react-renderer"));
-const __radix_ui_react_dialog = require_hooks.__toESM(require("@radix-ui/react-dialog"));
-const __radix_ui_react_dropdown_menu = require_hooks.__toESM(require("@radix-ui/react-dropdown-menu"));
-const __radix_ui_react_label = require_hooks.__toESM(require("@radix-ui/react-label"));
-const __radix_ui_react_separator = require_hooks.__toESM(require("@radix-ui/react-separator"));
-const __radix_ui_react_tabs = require_hooks.__toESM(require("@radix-ui/react-tabs"));
-
-//#region src/lib/utils.ts
-function cn(...inputs) {
-	return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
-}
-
-//#endregion
-//#region src/components/data-display/charts/area-time-series-chart.tsx
-const COLOR_MAP = {
-	blue: "hsl(217, 91%, 60%)",
-	red: "hsl(0, 84%, 60%)",
-	green: "hsl(142, 71%, 45%)",
-	amber: "hsl(38, 92%, 50%)",
-	purple: "hsl(263, 70%, 50%)"
-};
-function AreaTimeSeriesChart({ data, primaryLabel = "Value", secondaryLabel, primaryColor = "blue", secondaryColor = "red", timeFormat = "HH:mm", valueFormatter = (v) => v.toLocaleString(), className, showLegend }) {
-	if (data.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "h-48 flex items-center justify-center text-sm text-muted-foreground",
-		children: "No data available"
-	});
-	const hasSecondary = secondaryLabel && data.some((p) => p.secondaryValue !== void 0);
-	const chartData = data.map((point) => ({
-		time: (0, date_fns.format)(new Date(point.timestamp), timeFormat),
-		timestamp: point.timestamp,
-		[primaryLabel]: point.value,
-		...hasSecondary && secondaryLabel ? { [secondaryLabel]: point.secondaryValue ?? 0 } : {}
-	}));
-	const primaryColorValue = COLOR_MAP[primaryColor] ?? primaryColor;
-	const secondaryColorValue = COLOR_MAP[secondaryColor] ?? secondaryColor;
-	const shouldShowLegend = showLegend ?? hasSecondary;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("h-48", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.AreaChart, {
-				data: chartData,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
-						id: "primaryGradient",
-						x1: "0",
-						y1: "0",
-						x2: "0",
-						y2: "1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
-							offset: "5%",
-							stopColor: primaryColorValue,
-							stopOpacity: .3
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
-							offset: "95%",
-							stopColor: primaryColorValue,
-							stopOpacity: 0
-						})]
-					}), hasSecondary && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
-						id: "secondaryGradient",
-						x1: "0",
-						y1: "0",
-						x2: "0",
-						y2: "1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
-							offset: "5%",
-							stopColor: secondaryColorValue,
-							stopOpacity: .3
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
-							offset: "95%",
-							stopColor: secondaryColorValue,
-							stopOpacity: 0
-						})]
-					})] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.XAxis, {
-						dataKey: "time",
-						tick: {
-							fill: "hsl(var(--muted-foreground))",
-							fontSize: 12
-						},
-						axisLine: false,
-						tickLine: false
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.YAxis, {
-						tick: {
-							fill: "hsl(var(--muted-foreground))",
-							fontSize: 12
-						},
-						axisLine: false,
-						tickLine: false,
-						tickFormatter: valueFormatter,
-						width: 50
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, { content: ({ active, payload, label }) => {
-						if (!active || !payload?.length) return null;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "rounded-lg border bg-popover px-3 py-2 text-sm shadow-md",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "font-medium mb-1",
-								children: label
-							}), payload.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-								className: "flex items-center gap-2 text-muted-foreground",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "w-2 h-2 rounded-full",
-										style: { backgroundColor: entry.color }
-									}),
-									entry.name,
-									": ",
-									valueFormatter(entry.value)
-								]
-							}, index))]
-						});
-					} }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Area, {
-						type: "monotone",
-						dataKey: primaryLabel,
-						stroke: primaryColorValue,
-						fill: "url(#primaryGradient)",
-						strokeWidth: 2
-					}),
-					hasSecondary && secondaryLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Area, {
-						type: "monotone",
-						dataKey: secondaryLabel,
-						stroke: secondaryColorValue,
-						fill: "url(#secondaryGradient)",
-						strokeWidth: 2
-					})
-				]
-			})
-		}), shouldShowLegend && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex justify-center gap-4 mt-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 text-xs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "w-3 h-3 rounded-full",
-					style: { backgroundColor: primaryColorValue }
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: primaryLabel
-				})]
-			}), hasSecondary && secondaryLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 text-xs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "w-3 h-3 rounded-full",
-					style: { backgroundColor: secondaryColorValue }
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: secondaryLabel
-				})]
-			})]
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/data-display/charts/bar-list-chart.tsx
-function BarListChart({ data, valueFormatter = (v) => v.toLocaleString(), onItemClick, className, emptyMessage = "No data available", color = "hsl(217, 91%, 60%)" }) {
-	if (data.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "h-48 flex items-center justify-center text-sm text-muted-foreground",
-		children: emptyMessage
-	});
-	const maxValue = Math.max(...data.map((d) => d.value));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("space-y-3", className),
-		children: data.map((item, index) => {
-			const percentage = maxValue > 0 ? item.value / maxValue * 100 : 0;
-			const isClickable = !!onItemClick;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: cn("group", isClickable && "cursor-pointer"),
-				onClick: () => onItemClick?.(item),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center justify-between mb-1",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: cn("text-sm truncate flex-1 mr-4", isClickable && "group-hover:text-foreground"),
-						children: item.name
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-sm font-medium tabular-nums",
-						children: valueFormatter(item.value)
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "h-2 bg-muted rounded-full overflow-hidden",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: cn("h-full rounded-full transition-all duration-300", isClickable && "group-hover:opacity-80"),
-						style: {
-							width: `${percentage}%`,
-							backgroundColor: color
-						}
-					})
-				})]
-			}, index);
-		})
-	});
-}
-
-//#endregion
-//#region src/components/data-display/charts/latency-percentiles-chart.tsx
-function defaultFormatDuration(ms) {
-	if (ms < 1) return "<1ms";
-	if (ms < 1e3) return `${Math.round(ms)}ms`;
-	return `${(ms / 1e3).toFixed(2)}s`;
-}
-const PERCENTILE_COLORS = {
-	p50: "hsl(217, 91%, 60%)",
-	p95: "hsl(38, 92%, 50%)",
-	p99: "hsl(0, 84%, 60%)"
-};
-function LatencyPercentilesChart({ p50, p95, p99, className, valueFormatter = defaultFormatDuration }) {
-	const chartData = [
-		{
-			name: "p50",
-			label: "p50 (Median)",
-			value: p50,
-			color: PERCENTILE_COLORS.p50
-		},
-		{
-			name: "p95",
-			label: "p95",
-			value: p95,
-			color: PERCENTILE_COLORS.p95
-		},
-		{
-			name: "p99",
-			label: "p99",
-			value: p99,
-			color: PERCENTILE_COLORS.p99
-		}
-	];
-	if (p99 === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "h-48 flex items-center justify-center text-sm text-muted-foreground",
-		children: "No data available"
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("h-48", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.BarChart, {
-				data: chartData,
-				layout: "vertical",
-				barSize: 20,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.XAxis, {
-						type: "number",
-						tickFormatter: valueFormatter,
-						tick: {
-							fill: "hsl(var(--muted-foreground))",
-							fontSize: 12
-						},
-						axisLine: false,
-						tickLine: false
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.YAxis, {
-						type: "category",
-						dataKey: "label",
-						width: 90,
-						tick: {
-							fill: "hsl(var(--muted-foreground))",
-							fontSize: 12
-						},
-						axisLine: false,
-						tickLine: false
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, { content: ({ active, payload }) => {
-						if (!active || !payload?.length) return null;
-						const item = payload[0]?.payload;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "rounded-lg border bg-popover px-3 py-2 text-sm shadow-md",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "font-medium",
-								children: item.label
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "text-muted-foreground",
-								children: valueFormatter(item.value)
-							})]
-						});
-					} }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Bar, {
-						dataKey: "value",
-						radius: [
-							0,
-							4,
-							4,
-							0
-						],
-						children: chartData.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Cell, { fill: entry.color }, `cell-${index}`))
-					})
-				]
-			})
-		})
-	});
-}
-
-//#endregion
-//#region src/components/data-display/charts/status-distribution-chart.tsx
-const STATUS_CONFIG = {
-	"2xx": {
-		label: "2xx Success",
-		color: "hsl(142, 71%, 45%)"
-	},
-	"3xx": {
-		label: "3xx Redirect",
-		color: "hsl(217, 91%, 60%)"
-	},
-	"4xx": {
-		label: "4xx Client Error",
-		color: "hsl(38, 92%, 50%)"
-	},
-	"5xx": {
-		label: "5xx Server Error",
-		color: "hsl(0, 84%, 60%)"
-	}
-};
-function StatusDistributionChart({ data, className }) {
-	const chartData = Object.entries(data).filter(([, value]) => value > 0).map(([key, value]) => ({
-		name: STATUS_CONFIG[key].label,
-		value,
-		color: STATUS_CONFIG[key].color
-	}));
-	const total = chartData.reduce((sum, d) => sum + d.value, 0);
-	if (total === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "h-48 flex items-center justify-center text-sm text-muted-foreground",
-		children: "No data available"
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("h-48", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.PieChart, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Pie, {
-				data: chartData,
-				cx: "50%",
-				cy: "50%",
-				innerRadius: 50,
-				outerRadius: 70,
-				paddingAngle: 2,
-				dataKey: "value",
-				nameKey: "name",
-				children: chartData.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Cell, { fill: entry.color }, `cell-${index}`))
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, { content: ({ active, payload }) => {
-				if (!active || !payload?.length) return null;
-				const item = payload[0];
-				const percent = (item.value / total * 100).toFixed(1);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "rounded-lg border bg-popover px-3 py-2 text-sm shadow-md",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "font-medium",
-						children: item.name
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-						className: "text-muted-foreground",
-						children: [
-							item.value.toLocaleString(),
-							" (",
-							percent,
-							"%)"
-						]
-					})]
-				});
-			} })] })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex flex-wrap justify-center gap-4 mt-2",
-			children: chartData.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 text-xs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "w-3 h-3 rounded-full",
-					style: { backgroundColor: item.color }
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: item.name
-				})]
-			}, item.name))
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/data-display/charts/time-range-selector.tsx
-const defaultPresets = [
-	{
-		label: "1h",
-		value: "1h"
-	},
-	{
-		label: "6h",
-		value: "6h"
-	},
-	{
-		label: "24h",
-		value: "24h"
-	},
-	{
-		label: "7d",
-		value: "7d"
-	}
-];
-function getPresetRange(preset) {
-	const end = /* @__PURE__ */ new Date();
-	switch (preset) {
-		case "1h": return {
-			start: (0, date_fns.subHours)(end, 1),
-			end
-		};
-		case "6h": return {
-			start: (0, date_fns.subHours)(end, 6),
-			end
-		};
-		case "24h": return {
-			start: (0, date_fns.subHours)(end, 24),
-			end
-		};
-		case "7d": return {
-			start: (0, date_fns.subDays)(end, 7),
-			end
-		};
-		default: return {
-			start: (0, date_fns.subHours)(end, 1),
-			end
-		};
-	}
-}
-function TimeRangeSelector({ value, onChange, presets = defaultPresets, className }) {
-	const handlePresetClick = (preset) => {
-		const range = getPresetRange(preset);
-		onChange({
-			preset,
-			...range
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex items-center gap-2", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex rounded-md border border-border overflow-hidden",
-			children: presets.map(({ label, value: preset }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: () => handlePresetClick(preset),
-				className: cn("px-3 py-1.5 text-sm font-medium transition-colors", value.preset === preset ? "bg-primary text-primary-foreground" : "bg-card hover:bg-muted text-foreground", index > 0 && "border-l border-border"),
-				children: label
-			}, preset))
-		})
-	});
-}
-/**
-* Create a time range from a preset
-*/
-function createTimeRange(preset = "1h") {
-	const range = getPresetRange(preset);
-	return {
-		preset,
-		...range
-	};
-}
-
-//#endregion
-//#region src/components/ui/button.tsx
-const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-			destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-			outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-			secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			default: "h-9 px-4 py-2",
-			sm: "h-8 rounded-md px-3 text-xs",
-			lg: "h-10 rounded-md px-8",
-			icon: "h-9 w-9"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-const Button = react.forwardRef(({ className, variant, size, asChild = false,...props }, ref) => {
-	const Comp = asChild ? __radix_ui_react_slot.Slot : "button";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-		className: cn(buttonVariants({
-			variant,
-			size,
-			className
-		})),
-		ref,
-		...props
-	});
-});
-Button.displayName = "Button";
-
-//#endregion
-//#region src/components/ui/select.tsx
-const Select = __radix_ui_react_select.Root;
-const SelectGroup = __radix_ui_react_select.Group;
-const SelectValue = __radix_ui_react_select.Value;
-const SelectTrigger = react.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Trigger, {
-	ref,
-	className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
-	...props,
-	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Icon, {
-		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" })
-	})]
-}));
-SelectTrigger.displayName = __radix_ui_react_select.Trigger.displayName;
-const SelectScrollUpButton = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollUpButton, {
-	ref,
-	className: cn("flex cursor-default items-center justify-center py-1", className),
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, { className: "h-4 w-4" })
-}));
-SelectScrollUpButton.displayName = __radix_ui_react_select.ScrollUpButton.displayName;
-const SelectScrollDownButton = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollDownButton, {
-	ref,
-	className: cn("flex cursor-default items-center justify-center py-1", className),
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" })
-}));
-SelectScrollDownButton.displayName = __radix_ui_react_select.ScrollDownButton.displayName;
-const SelectContent = react.forwardRef(({ className, children, position = "popper",...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Content, {
-	ref,
-	className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-	position,
-	...props,
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Viewport, {
-			className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
-			children
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
-	]
-}) }));
-SelectContent.displayName = __radix_ui_react_select.Content.displayName;
-const SelectLabel = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Label, {
-	ref,
-	className: cn("px-2 py-1.5 text-sm font-semibold", className),
-	...props
-}));
-SelectLabel.displayName = __radix_ui_react_select.Label.displayName;
-const SelectItem = react.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Item, {
-	ref,
-	className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-4 w-4" }) })
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemText, { children })]
-}));
-SelectItem.displayName = __radix_ui_react_select.Item.displayName;
-const SelectSeparator = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Separator, {
-	ref,
-	className: cn("-mx-1 my-1 h-px bg-muted", className),
-	...props
-}));
-SelectSeparator.displayName = __radix_ui_react_select.Separator.displayName;
-
-//#endregion
-//#region src/components/ui/table.tsx
-const Table = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: "relative w-full overflow-auto",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
-		ref,
-		className: cn("w-full caption-bottom text-sm", className),
-		...props
-	})
-}));
-Table.displayName = "Table";
-const TableHeader = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
-	ref,
-	className: cn("[&_tr]:border-b", className),
-	...props
-}));
-TableHeader.displayName = "TableHeader";
-const TableBody = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
-	ref,
-	className: cn("[&_tr:last-child]:border-0", className),
-	...props
-}));
-TableBody.displayName = "TableBody";
-const TableFooter = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
-	ref,
-	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-	...props
-}));
-TableFooter.displayName = "TableFooter";
-const TableRow = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-	ref,
-	className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
-	...props
-}));
-TableRow.displayName = "TableRow";
-const TableHead = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-	ref,
-	className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-	...props
-}));
-TableHead.displayName = "TableHead";
-const TableCell = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-	ref,
-	className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-	...props
-}));
-TableCell.displayName = "TableCell";
-const TableCaption = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
-	ref,
-	className: cn("mt-4 text-sm text-muted-foreground", className),
-	...props
-}));
-TableCaption.displayName = "TableCaption";
-
-//#endregion
-//#region src/components/data-display/data-table.tsx
-function DataTableInner({ className, columns, data, getRowKey = (_, index) => index, sortColumn, sortDirection, onSortChange, pagination = false, page = 1, pageSize = 10, totalItems, onPageChange, onPageSizeChange, pageSizeOptions = [
-	10,
-	20,
-	50,
-	100
-], loading = false, emptyState, onRowClick, selectedKeys, striped = false, hoverable = true, compact = false,...props }, ref) {
-	const total = totalItems ?? data.length;
-	const totalPages = Math.ceil(total / pageSize);
-	const handleSort = (columnKey) => {
-		if (!onSortChange) return;
-		if (sortColumn === columnKey) onSortChange(columnKey, sortDirection === "asc" ? "desc" : "asc");
-		else onSortChange(columnKey, "asc");
-	};
-	const getSortIcon = (columnKey) => {
-		if (sortColumn !== columnKey) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpDown, { className: "ml-1 h-3.5 w-3.5 text-muted-foreground" });
-		return sortDirection === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowDown, { className: "ml-1 h-3.5 w-3.5" });
-	};
-	const getAlignClass = (align) => {
-		switch (align) {
-			case "center": return "text-center";
-			case "right": return "text-right";
-			default: return "text-left";
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("w-full", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "rounded-md border border-border overflow-hidden",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
-				className: "hover:bg-transparent",
-				children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, {
-					className: cn(getAlignClass(column.align), column.sortable && "cursor-pointer select-none", compact ? "py-2" : "py-3", column.headerClassName),
-					style: { width: column.width },
-					onClick: column.sortable ? () => handleSort(column.key) : void 0,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: cn("flex items-center", column.align === "center" && "justify-center", column.align === "right" && "justify-end"),
-						children: [column.header, column.sortable && getSortIcon(column.key)]
-					})
-				}, column.key))
-			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-				colSpan: columns.length,
-				className: "h-24 text-center text-muted-foreground",
-				children: "Loading..."
-			}) }) : data.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-				colSpan: columns.length,
-				className: "h-24 text-center text-muted-foreground",
-				children: emptyState ?? "No data available"
-			}) }) : data.map((row, rowIndex) => {
-				const rowKey = getRowKey(row, rowIndex);
-				const isSelected = selectedKeys?.has(rowKey);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
-					className: cn(striped && rowIndex % 2 === 1 && "bg-surface/50", hoverable && "hover:bg-surface-hover cursor-pointer", isSelected && "bg-accent/10", onRowClick && "cursor-pointer"),
-					onClick: onRowClick ? () => onRowClick(row, rowIndex) : void 0,
-					children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
-						className: cn(getAlignClass(column.align), compact ? "py-2" : "py-3", column.cellClassName),
-						children: column.cell ? column.cell(row, rowIndex) : column.accessor ? column.accessor(row) : row[column.key]
-					}, column.key))
-				}, rowKey);
-			}) })] })
-		}), pagination && totalPages > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between px-2 py-4",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Rows per page:" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Select, {
-					value: String(pageSize),
-					onValueChange: (value) => onPageSizeChange?.(Number(value)),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectTrigger, {
-						className: "h-8 w-[70px]",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectValue, {})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectItem, {
-						value: String(size),
-						children: size
-					}, size)) })]
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "text-sm text-muted-foreground",
-					children: [
-						"Page ",
-						page,
-						" of ",
-						totalPages
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => onPageChange?.(1),
-							disabled: page <= 1,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsLeft, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => onPageChange?.(page - 1),
-							disabled: page <= 1,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => onPageChange?.(page + 1),
-							disabled: page >= totalPages,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => onPageChange?.(totalPages),
-							disabled: page >= totalPages,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsRight, { className: "h-4 w-4" })
-						})
-					]
-				})]
-			})]
-		})]
-	});
-}
-const DataTable = react.forwardRef(DataTableInner);
-
-//#endregion
-//#region src/components/data-display/json-viewer.tsx
-const JsonViewer = react.forwardRef(({ className, data, defaultExpanded = true, expandDepth = 2, copyable = true, keyClassName, valueClassName,...props }, ref) => {
-	const [copied, setCopied] = react.useState(false);
-	const handleCopy = async () => {
-		await navigator.clipboard.writeText(JSON.stringify(data, null, 2));
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2e3);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("relative rounded-md bg-surface border border-border font-mono text-sm", className),
-		...props,
-		children: [copyable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			onClick: handleCopy,
-			className: "absolute right-2 top-2 p-1.5 rounded-md hover:bg-surface-hover text-muted-foreground hover:text-foreground transition-colors",
-			"aria-label": "Copy JSON",
-			children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-4 w-4" })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "p-3 overflow-auto",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonNode, {
-				data,
-				depth: 0,
-				defaultExpanded,
-				expandDepth,
-				keyClassName,
-				valueClassName
-			})
-		})]
-	});
-});
-JsonViewer.displayName = "JsonViewer";
-function JsonNode({ data, depth, defaultExpanded, expandDepth, keyClassName, valueClassName, propertyKey, isLast = true }) {
-	const [expanded, setExpanded] = react.useState(defaultExpanded && depth < expandDepth);
-	const indent = depth * 16;
-	if (data === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline",
-		children: [
-			propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-purple-400", keyClassName),
-				children: [
-					"\"",
-					propertyKey,
-					"\""
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ": "
-			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn("text-orange-400", valueClassName),
-				children: "null"
-			}),
-			!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ","
-			})
-		]
-	});
-	if (data === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline",
-		children: [
-			propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-purple-400", keyClassName),
-				children: [
-					"\"",
-					propertyKey,
-					"\""
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ": "
-			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn("text-gray-500", valueClassName),
-				children: "undefined"
-			}),
-			!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ","
-			})
-		]
-	});
-	if (typeof data === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline",
-		children: [
-			propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-purple-400", keyClassName),
-				children: [
-					"\"",
-					propertyKey,
-					"\""
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ": "
-			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn("text-blue-400", valueClassName),
-				children: String(data)
-			}),
-			!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ","
-			})
-		]
-	});
-	if (typeof data === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline",
-		children: [
-			propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-purple-400", keyClassName),
-				children: [
-					"\"",
-					propertyKey,
-					"\""
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ": "
-			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn("text-amber-400", valueClassName),
-				children: data
-			}),
-			!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ","
-			})
-		]
-	});
-	if (typeof data === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline",
-		children: [
-			propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-purple-400", keyClassName),
-				children: [
-					"\"",
-					propertyKey,
-					"\""
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ": "
-			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: cn("text-green-400", valueClassName),
-				children: [
-					"\"",
-					data,
-					"\""
-				]
-			}),
-			!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: ","
-			})
-		]
-	});
-	if (Array.isArray(data)) {
-		if (data.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "inline",
-			children: [
-				propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: cn("text-purple-400", keyClassName),
-					children: [
-						"\"",
-						propertyKey,
-						"\""
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ": "
-				})] }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: "[]"
-				}),
-				!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ","
-				})
-			]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "inline-block",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center cursor-pointer hover:text-foreground text-muted-foreground",
-					onClick: () => setExpanded(!expanded),
-					children: [
-						expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5 mr-0.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-3.5 w-3.5 mr-0.5" }),
-						propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: cn("text-purple-400", keyClassName),
-							children: [
-								"\"",
-								propertyKey,
-								"\""
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: ": "
-						})] }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: "["
-						}),
-						!expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "text-muted-foreground mx-1",
-							children: [data.length, " items"]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: "]"
-						})] })
-					]
-				}),
-				expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: { paddingLeft: indent + 16 },
-					children: data.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonNode, {
-						data: item,
-						depth: depth + 1,
-						defaultExpanded,
-						expandDepth,
-						keyClassName,
-						valueClassName,
-						isLast: index === data.length - 1
-					}) }, index))
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: "]"
-				})] }),
-				!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ","
-				})
-			]
-		});
-	}
-	if (typeof data === "object") {
-		const entries = Object.entries(data);
-		if (entries.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "inline",
-			children: [
-				propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: cn("text-purple-400", keyClassName),
-					children: [
-						"\"",
-						propertyKey,
-						"\""
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ": "
-				})] }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: "{}"
-				}),
-				!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ","
-				})
-			]
-		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "inline-block",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center cursor-pointer hover:text-foreground text-muted-foreground",
-					onClick: () => setExpanded(!expanded),
-					children: [
-						expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5 mr-0.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-3.5 w-3.5 mr-0.5" }),
-						propertyKey && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: cn("text-purple-400", keyClassName),
-							children: [
-								"\"",
-								propertyKey,
-								"\""
-							]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: ": "
-						})] }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: "{"
-						}),
-						!expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground mx-1",
-							children: "..."
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-muted-foreground",
-							children: "}"
-						})] })
-					]
-				}),
-				expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: { paddingLeft: indent + 16 },
-					children: entries.map(([key, value], index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonNode, {
-						data: value,
-						depth: depth + 1,
-						defaultExpanded,
-						expandDepth,
-						keyClassName,
-						valueClassName,
-						propertyKey: key,
-						isLast: index === entries.length - 1
-					}) }, key))
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: "}"
-				})] }),
-				!isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: ","
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: cn("text-muted-foreground", valueClassName),
-		children: String(data)
-	});
-}
-
-//#endregion
-//#region src/components/data-display/sparkline.tsx
-const Sparkline = react.forwardRef(({ className, data, width = 100, height = 32, color = "currentColor", strokeWidth = 2, filled = false, fillOpacity = .2, showDots = false, curved = true, min: minProp, max: maxProp,...props }, ref) => {
-	if (data.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		ref,
-		className: cn("text-accent", className),
-		width,
-		height,
-		viewBox: `0 0 ${width} ${height}`,
-		...props
-	});
-	const min = minProp ?? Math.min(...data);
-	const max = maxProp ?? Math.max(...data);
-	const range = max - min || 1;
-	const padding = strokeWidth;
-	const chartWidth = width - padding * 2;
-	const chartHeight = height - padding * 2;
-	const points = data.map((value, index) => {
-		const x = padding + index / (data.length - 1 || 1) * chartWidth;
-		const y = padding + chartHeight - (value - min) / range * chartHeight;
-		return {
-			x,
-			y
-		};
-	});
-	let pathD;
-	if (curved && points.length > 2) pathD = points.reduce((acc, point, index) => {
-		if (index === 0) return `M ${point.x},${point.y}`;
-		const prev = points[index - 1];
-		const cpX = (prev.x + point.x) / 2;
-		return `${acc} Q ${prev.x},${prev.y} ${cpX},${(prev.y + point.y) / 2} T ${point.x},${point.y}`;
-	}, "");
-	else pathD = points.map((point, index) => index === 0 ? `M ${point.x},${point.y}` : `L ${point.x},${point.y}`).join(" ");
-	const fillPathD = filled ? `${pathD} L ${points[points.length - 1]?.x},${height - padding} L ${points[0]?.x},${height - padding} Z` : "";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		ref,
-		className: cn("text-accent", className),
-		width,
-		height,
-		viewBox: `0 0 ${width} ${height}`,
-		...props,
-		children: [
-			filled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: fillPathD,
-				fill: color,
-				opacity: fillOpacity,
-				strokeWidth: 0
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: pathD,
-				fill: "none",
-				stroke: color,
-				strokeWidth,
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			}),
-			showDots && points.map((point, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-				cx: point.x,
-				cy: point.y,
-				r: strokeWidth + 1,
-				fill: color
-			}, index))
-		]
-	});
-});
-Sparkline.displayName = "Sparkline";
-const SparkBar = react.forwardRef(({ className, data, width = 100, height = 32, color = "currentColor", gap = .2, min: minProp = 0, max: maxProp, radius = 2,...props }, ref) => {
-	if (data.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		ref,
-		className: cn("text-accent", className),
-		width,
-		height,
-		viewBox: `0 0 ${width} ${height}`,
-		...props
-	});
-	const min = minProp;
-	const max = maxProp ?? Math.max(...data);
-	const range = max - min || 1;
-	const barWidth = width / data.length;
-	const gapWidth = barWidth * gap;
-	const actualBarWidth = barWidth - gapWidth;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		ref,
-		className: cn("text-accent", className),
-		width,
-		height,
-		viewBox: `0 0 ${width} ${height}`,
-		...props,
-		children: data.map((value, index) => {
-			const barHeight = (value - min) / range * height;
-			const x = index * barWidth + gapWidth / 2;
-			const y = height - barHeight;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-				x,
-				y,
-				width: actualBarWidth,
-				height: barHeight,
-				fill: color,
-				rx: radius,
-				ry: radius
-			}, index);
-		})
-	});
-});
-SparkBar.displayName = "SparkBar";
-const MetricCard = react.forwardRef(({ className, title, value, description, sparklineData, trend, trendValue, icon,...props }, ref) => {
-	const trendColor = trend === "up" ? "text-green-500" : trend === "down" ? "text-red-500" : "text-muted-foreground";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("rounded-lg border border-border bg-surface p-4", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-sm font-medium text-muted-foreground",
-				children: title
-			}), icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: icon
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "mt-2 flex items-end justify-between",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "text-2xl font-bold text-foreground",
-				children: value
-			}), (description || trendValue) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "mt-1 flex items-center gap-1",
-				children: [trendValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: cn("text-xs font-medium", trendColor),
-					children: trendValue
-				}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-xs text-muted-foreground",
-					children: description
-				})]
-			})] }), sparklineData && sparklineData.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sparkline, {
-				data: sparklineData,
-				width: 80,
-				height: 32,
-				filled: true,
-				className: trend === "up" ? "text-green-500" : trend === "down" ? "text-red-500" : "text-accent"
-			})]
-		})]
-	});
-});
-MetricCard.displayName = "MetricCard";
-
-//#endregion
-//#region src/components/data-display/timeline.tsx
-const timelineVariants = (0, class_variance_authority.cva)("relative", {
-	variants: { orientation: {
-		vertical: "flex flex-col",
-		horizontal: "flex flex-row"
-	} },
-	defaultVariants: { orientation: "vertical" }
-});
-const Timeline = react.forwardRef(({ className, orientation = "vertical", children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn(timelineVariants({
-			orientation,
-			className
-		})),
-		...props,
-		children
-	});
-});
-Timeline.displayName = "Timeline";
-const timelineItemVariants = (0, class_variance_authority.cva)("relative flex", {
-	variants: { orientation: {
-		vertical: "flex-row gap-4 pb-8 last:pb-0",
-		horizontal: "flex-col gap-2 pr-8 last:pr-0"
-	} },
-	defaultVariants: { orientation: "vertical" }
-});
-const TimelineItem = react.forwardRef(({ className, orientation = "vertical", active, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn(timelineItemVariants({
-			orientation,
-			className
-		})),
-		"data-active": active,
-		...props,
-		children
-	});
-});
-TimelineItem.displayName = "TimelineItem";
-const timelineIndicatorVariants = (0, class_variance_authority.cva)("flex items-center justify-center rounded-full border-2 shrink-0", {
-	variants: {
-		size: {
-			sm: "h-3 w-3",
-			md: "h-4 w-4",
-			lg: "h-6 w-6"
-		},
-		variant: {
-			default: "border-border bg-surface",
-			primary: "border-accent bg-accent",
-			success: "border-green-500 bg-green-500",
-			warning: "border-amber-500 bg-amber-500",
-			error: "border-red-500 bg-red-500",
-			info: "border-blue-500 bg-blue-500",
-			muted: "border-muted-foreground bg-muted"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
-	}
-});
-const TimelineIndicator = react.forwardRef(({ className, size, variant, showLine = true, linePosition = "after", orientation = "vertical", children,...props }, ref) => {
-	const isVertical = orientation === "vertical";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("relative flex items-center", isVertical ? "flex-col" : "flex-row"),
-		children: [
-			showLine && (linePosition === "before" || linePosition === "both") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: cn("bg-border", isVertical ? "w-0.5 flex-1" : "h-0.5 flex-1") }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn(timelineIndicatorVariants({
-					size,
-					variant,
-					className
-				})),
-				...props,
-				children
-			}),
-			showLine && (linePosition === "after" || linePosition === "both") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: cn("bg-border", isVertical ? "w-0.5 flex-1" : "h-0.5 flex-1") })
-		]
-	});
-});
-TimelineIndicator.displayName = "TimelineIndicator";
-const TimelineConnector = react.forwardRef(({ className, orientation = "vertical",...props }, ref) => {
-	const isVertical = orientation === "vertical";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("bg-border", isVertical ? "absolute left-[7px] top-4 bottom-0 w-0.5" : "absolute top-[7px] left-4 right-0 h-0.5", className),
-		...props
-	});
-});
-TimelineConnector.displayName = "TimelineConnector";
-const TimelineContent = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("flex-1 pt-0.5", className),
-		...props,
-		children
-	});
-});
-TimelineContent.displayName = "TimelineContent";
-const TimelineTitle = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-		ref,
-		className: cn("text-sm font-medium text-foreground", className),
-		...props,
-		children
-	});
-});
-TimelineTitle.displayName = "TimelineTitle";
-const TimelineDescription = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		ref,
-		className: cn("text-sm text-muted-foreground", className),
-		...props,
-		children
-	});
-});
-TimelineDescription.displayName = "TimelineDescription";
-const TimelineTime = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref,
-		className: cn("text-xs text-muted-foreground", className),
-		...props,
-		children
-	});
-});
-TimelineTime.displayName = "TimelineTime";
-
-//#endregion
-//#region src/components/feedback/empty-state.tsx
-const emptyStateVariants = (0, class_variance_authority.cva)("flex flex-col items-center justify-center text-center", {
-	variants: { size: {
-		sm: "gap-2 p-4",
-		md: "gap-3 p-6",
-		lg: "gap-4 p-8"
-	} },
-	defaultVariants: { size: "md" }
-});
-const EmptyState = react.forwardRef(({ className, size, icon, title, description, action, secondaryAction, children,...props }, ref) => {
-	const iconSize = size === "sm" ? "h-8 w-8" : size === "lg" ? "h-16 w-16" : "h-12 w-12";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn(emptyStateVariants({
-			size,
-			className
-		})),
-		...props,
-		children: [
-			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn("text-muted-foreground", iconSize),
-				children: icon
-			}),
-			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-				className: cn("font-semibold text-foreground", size === "sm" && "text-sm", size === "lg" && "text-xl"),
-				children: title
-			}),
-			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: cn("text-muted-foreground max-w-sm", size === "sm" && "text-xs", size === "lg" && "text-base", !size && "text-sm"),
-				children: description
-			}),
-			children,
-			(action || secondaryAction) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 mt-2",
-				children: [action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-					size: size === "sm" ? "sm" : size === "lg" ? "default" : "sm",
-					onClick: action.onClick,
-					children: action.label
-				}), secondaryAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-					variant: "outline",
-					size: size === "sm" ? "sm" : size === "lg" ? "default" : "sm",
-					onClick: secondaryAction.onClick,
-					children: secondaryAction.label
-				})]
-			})
-		]
-	});
-});
-EmptyState.displayName = "EmptyState";
-const NoData = react.forwardRef(({ title = "No data",...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
-		ref,
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Inbox, { className: "h-full w-full" }),
-		title,
-		...props
-	});
-});
-NoData.displayName = "NoData";
-const NoResults = react.forwardRef(({ title = "No results found", searchTerm, description,...props }, ref) => {
-	const desc = description ?? (searchTerm ? `No results found for "${searchTerm}". Try adjusting your search.` : "Try adjusting your search or filters.");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
-		ref,
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-full w-full" }),
-		title,
-		description: desc,
-		...props
-	});
-});
-NoResults.displayName = "NoResults";
-const NotFound = react.forwardRef(({ title = "Page not found", description = "The page you're looking for doesn't exist or has been moved.",...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
-		ref,
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileQuestion, { className: "h-full w-full" }),
-		title,
-		description,
-		...props
-	});
-});
-NotFound.displayName = "NotFound";
-const ServerError = react.forwardRef(({ title = "Something went wrong", description = "An unexpected error occurred. Please try again later.",...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
-		ref,
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ServerOff, { className: "h-full w-full" }),
-		title,
-		description,
-		...props
-	});
-});
-ServerError.displayName = "ServerError";
-
-//#endregion
-//#region src/components/feedback/live-indicator.tsx
-const liveIndicatorVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-2 rounded-full text-sm font-medium", {
-	variants: {
-		size: {
-			sm: "h-6 px-2 text-xs",
-			md: "h-7 px-2.5",
-			lg: "h-8 px-3"
-		},
-		variant: {
-			default: "bg-surface border border-border",
-			solid: ""
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
-	}
-});
-const LiveIndicator = react.forwardRef(({ className, size, variant, live = true, liveLabel = "Live", pausedLabel = "Paused", toggleable = false, onLiveToggle, liveColor = "#22c55e",...props }, ref) => {
-	const handleToggle = () => {
-		onLiveToggle?.(!live);
-	};
-	const dotColor = live ? liveColor : "#6b7280";
-	const textColor = live ? liveColor : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn(liveIndicatorVariants({
-			size,
-			variant,
-			className
-		}), variant === "solid" && live && "bg-green-500/10", variant === "solid" && !live && "bg-muted"),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn("rounded-full", live && "animate-pulse"),
-				style: {
-					backgroundColor: dotColor,
-					width: size === "sm" ? 6 : size === "lg" ? 10 : 8,
-					height: size === "sm" ? 6 : size === "lg" ? 10 : 8
-				}
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				style: { color: textColor },
-				children: live ? liveLabel : pausedLabel
-			}),
-			toggleable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-				variant: "ghost",
-				size: "icon",
-				className: cn("ml-1 rounded-full", size === "sm" && "h-4 w-4", size === "md" && "h-5 w-5", size === "lg" && "h-6 w-6"),
-				onClick: handleToggle,
-				children: live ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: cn(size === "sm" && "h-2.5 w-2.5", size === "md" && "h-3 w-3", size === "lg" && "h-3.5 w-3.5") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: cn(size === "sm" && "h-2.5 w-2.5", size === "md" && "h-3 w-3", size === "lg" && "h-3.5 w-3.5") })
-			})
-		]
-	});
-});
-LiveIndicator.displayName = "LiveIndicator";
-const connectionStatusConfig = {
-	connected: {
-		color: "#22c55e",
-		label: "Connected",
-		pulse: false
-	},
-	connecting: {
-		color: "#f59e0b",
-		label: "Connecting...",
-		pulse: true
-	},
-	disconnected: {
-		color: "#6b7280",
-		label: "Disconnected",
-		pulse: false
-	},
-	error: {
-		color: "#ef4444",
-		label: "Error",
-		pulse: true
-	}
-};
-const ConnectionStatus = react.forwardRef(({ className, status, showLabel = true, size = "md",...props }, ref) => {
-	const config = connectionStatusConfig[status];
-	const dotSize = size === "sm" ? 6 : size === "lg" ? 10 : 8;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("inline-flex items-center gap-2", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: cn("rounded-full", config.pulse && "animate-pulse"),
-			style: {
-				backgroundColor: config.color,
-				width: dotSize,
-				height: dotSize
-			}
-		}), showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: cn("text-sm", size === "sm" && "text-xs", size === "lg" && "text-base"),
-			style: { color: config.color },
-			children: config.label
-		})]
-	});
-});
-ConnectionStatus.displayName = "ConnectionStatus";
-
-//#endregion
-//#region src/components/feedback/loading.tsx
-const spinnerVariants = (0, class_variance_authority.cva)("animate-spin text-muted-foreground", {
-	variants: { size: {
-		xs: "h-3 w-3",
-		sm: "h-4 w-4",
-		md: "h-6 w-6",
-		lg: "h-8 w-8",
-		xl: "h-12 w-12"
-	} },
-	defaultVariants: { size: "md" }
-});
-const Spinner = react.forwardRef(({ className, size,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
-		ref,
-		className: cn(spinnerVariants({
-			size,
-			className
-		})),
-		...props
-	});
-});
-Spinner.displayName = "Spinner";
-const loadingOverlayVariants = (0, class_variance_authority.cva)("absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm", {
-	variants: { variant: {
-		default: "bg-background/80",
-		dark: "bg-background/90",
-		light: "bg-background/50"
-	} },
-	defaultVariants: { variant: "default" }
-});
-const LoadingOverlay = react.forwardRef(({ className, variant, loading = true, text, spinnerSize = "lg", children,...props }, ref) => {
-	if (!loading) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn(loadingOverlayVariants({
-			variant,
-			className
-		})),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col items-center gap-3",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: spinnerSize }),
-				text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm text-muted-foreground",
-					children: text
-				}),
-				children
-			]
-		})
-	});
-});
-LoadingOverlay.displayName = "LoadingOverlay";
-const LoadingContainer = react.forwardRef(({ className, loading = false, loadingText, spinnerSize, overlayVariant, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("relative", className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingOverlay, {
-			loading,
-			text: loadingText,
-			spinnerSize,
-			variant: overlayVariant
-		})]
-	});
-});
-LoadingContainer.displayName = "LoadingContainer";
-const LoadingDots = react.forwardRef(({ className, size = "md",...props }, ref) => {
-	const dotSize = size === "sm" ? "h-1 w-1" : size === "lg" ? "h-2.5 w-2.5" : "h-1.5 w-1.5";
-	const gap = size === "sm" ? "gap-1" : size === "lg" ? "gap-2" : "gap-1.5";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("flex items-center", gap, className),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
-				style: { animationDelay: "0ms" }
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
-				style: { animationDelay: "150ms" }
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: cn(dotSize, "rounded-full bg-muted-foreground animate-bounce"),
-				style: { animationDelay: "300ms" }
-			})
-		]
-	});
-});
-LoadingDots.displayName = "LoadingDots";
-const Skeleton = react.forwardRef(({ className, width, height, rounded = "md", style,...props }, ref) => {
-	const roundedClass = rounded === true ? "rounded-md" : rounded === false ? "" : rounded === "sm" ? "rounded-sm" : rounded === "lg" ? "rounded-lg" : rounded === "full" ? "rounded-full" : "rounded-md";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("animate-pulse bg-muted", roundedClass, className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		...props
-	});
-});
-Skeleton.displayName = "Skeleton";
-
-//#endregion
-//#region src/components/feedback/status-badge.tsx
-const statusBadgeVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center rounded-full text-xs font-medium", {
-	variants: { size: {
-		sm: "h-5 min-w-5 px-1.5",
-		md: "h-6 min-w-6 px-2",
-		lg: "h-7 min-w-7 px-2.5"
-	} },
-	defaultVariants: { size: "md" }
-});
-const StatusBadge = react.forwardRef(({ className, size, status, method, logLevel, color: customColor, pulse, children, style,...props }, ref) => {
-	let color = customColor;
-	let content = children;
-	if (status !== void 0) {
-		color = color ?? require_theme.getStatusColor(status);
-		content = content ?? String(status);
-	} else if (method) {
-		color = color ?? require_theme.getMethodColor(method);
-		content = content ?? method.toUpperCase();
-	} else if (logLevel) {
-		color = color ?? require_theme.getLogLevelColor(logLevel);
-		content = content ?? logLevel.toUpperCase();
-	}
-	const backgroundColor = color ? `${color}20` : void 0;
-	const textColor = color;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		ref,
-		className: cn(statusBadgeVariants({
-			size,
-			className
-		})),
-		style: {
-			backgroundColor,
-			color: textColor,
-			...style
-		},
-		...props,
-		children: [pulse && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "mr-1.5 h-1.5 w-1.5 rounded-full animate-pulse",
-			style: { backgroundColor: color }
-		}), content]
-	});
-});
-StatusBadge.displayName = "StatusBadge";
-const HttpStatusBadge = react.forwardRef(({ code,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
-		ref,
-		status: code,
-		...props
-	});
-});
-HttpStatusBadge.displayName = "HttpStatusBadge";
-const HttpMethodBadge = react.forwardRef(({ method,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
-		ref,
-		method,
-		...props
-	});
-});
-HttpMethodBadge.displayName = "HttpMethodBadge";
-const LogLevelBadge = react.forwardRef(({ level,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusBadge, {
-		ref,
-		logLevel: level,
-		...props
-	});
-});
-LogLevelBadge.displayName = "LogLevelBadge";
-
-//#endregion
-//#region src/components/layout/header.tsx
-const Header = react.forwardRef(({ className, sticky = false, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-		ref,
-		className: cn("flex h-14 items-center gap-4 border-b border-border bg-surface px-4", sticky && "sticky top-0 z-10", className),
-		...props,
-		children
-	});
-});
-Header.displayName = "Header";
-const HeaderTitle = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-		ref,
-		className: cn("text-lg font-semibold text-foreground", className),
-		...props,
-		children
-	});
-});
-HeaderTitle.displayName = "HeaderTitle";
-const HeaderDescription = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		ref,
-		className: cn("text-sm text-muted-foreground", className),
-		...props,
-		children
-	});
-});
-HeaderDescription.displayName = "HeaderDescription";
-const HeaderActions = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("ml-auto flex items-center gap-2", className),
-		...props,
-		children
-	});
-});
-HeaderActions.displayName = "HeaderActions";
-const HeaderBreadcrumbs = react.forwardRef(({ className, items, separator,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-		ref,
-		"aria-label": "Breadcrumb",
-		className: cn("flex items-center gap-1 text-sm", className),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
-			className: "flex items-center gap-1",
-			children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: "flex items-center gap-1",
-				children: [index > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-muted-foreground",
-					children: separator ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-3.5 w-3.5" })
-				}), item.href && !item.current ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					href: item.href,
-					className: "text-muted-foreground hover:text-foreground transition-colors",
-					children: item.label
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: cn(item.current ? "text-foreground font-medium" : "text-muted-foreground"),
-					"aria-current": item.current ? "page" : void 0,
-					children: item.label
-				})]
-			}, item.label))
-		})
-	});
-});
-HeaderBreadcrumbs.displayName = "HeaderBreadcrumbs";
-const HeaderGroup = react.forwardRef(({ className, align = "start", children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("flex items-center gap-3", align === "center" && "justify-center", align === "end" && "justify-end ml-auto", className),
-		...props,
-		children
-	});
-});
-HeaderGroup.displayName = "HeaderGroup";
-
-//#endregion
-//#region src/components/layout/shell.tsx
-const Shell = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("flex h-screen w-full bg-background", className),
-		...props,
-		children
-	});
-});
-Shell.displayName = "Shell";
-const ShellSidebar = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("shrink-0", className),
-		...props,
-		children
-	});
-});
-ShellSidebar.displayName = "ShellSidebar";
-const ShellMain = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("flex flex-1 flex-col overflow-hidden", className),
-		...props,
-		children
-	});
-});
-ShellMain.displayName = "ShellMain";
-const ShellHeader = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("shrink-0", className),
-		...props,
-		children
-	});
-});
-ShellHeader.displayName = "ShellHeader";
-const ShellContent = react.forwardRef(({ className, scrollable = true, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("flex-1", scrollable && "overflow-auto", className),
-		...props,
-		children
-	});
-});
-ShellContent.displayName = "ShellContent";
-const ShellFooter = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("shrink-0 border-t border-border bg-surface", className),
-		...props,
-		children
-	});
-});
-ShellFooter.displayName = "ShellFooter";
-
-//#endregion
-//#region src/components/ui/scroll-area.tsx
-const ScrollArea = react.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_scroll_area.Root, {
-	ref,
-	className: cn("relative overflow-hidden", className),
-	...props,
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.Viewport, {
-			className: "h-full w-full rounded-[inherit]",
-			children
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollBar, {}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.Corner, {})
-	]
-}));
-ScrollArea.displayName = __radix_ui_react_scroll_area.Root.displayName;
-const ScrollBar = react.forwardRef(({ className, orientation = "vertical",...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.ScrollAreaScrollbar, {
-	ref,
-	orientation,
-	className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
-	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_scroll_area.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-}));
-ScrollBar.displayName = __radix_ui_react_scroll_area.ScrollAreaScrollbar.displayName;
-
-//#endregion
-//#region src/components/ui/tooltip.tsx
-const TooltipProvider = __radix_ui_react_tooltip.Provider;
-const Tooltip = __radix_ui_react_tooltip.Root;
-const TooltipTrigger = __radix_ui_react_tooltip.Trigger;
-const TooltipContent = react.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Content, {
-	ref,
-	sideOffset,
-	className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
-	...props
-}) }));
-TooltipContent.displayName = __radix_ui_react_tooltip.Content.displayName;
-
-//#endregion
-//#region src/components/layout/sidebar.tsx
-const sidebarVariants = (0, class_variance_authority.cva)("flex flex-col border-r border-border bg-surface transition-all duration-200", {
-	variants: { collapsed: {
-		true: "w-16",
-		false: "w-64"
-	} },
-	defaultVariants: { collapsed: false }
-});
-const SidebarContext = react.createContext({
-	collapsed: false,
-	setCollapsed: () => {}
-});
-function useSidebar() {
-	const context = react.useContext(SidebarContext);
-	if (!context) throw new Error("useSidebar must be used within a Sidebar");
-	return context;
-}
-const Sidebar = react.forwardRef(({ className, collapsed: controlledCollapsed, onCollapsedChange, header, footer, children,...props }, ref) => {
-	const [internalCollapsed, setInternalCollapsed] = react.useState(false);
-	const collapsed = controlledCollapsed ?? internalCollapsed;
-	const setCollapsed = react.useCallback((value) => {
-		setInternalCollapsed(value);
-		onCollapsedChange?.(value);
-	}, [onCollapsedChange]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContext.Provider, {
-		value: {
-			collapsed,
-			setCollapsed
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, {
-			delayDuration: 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref,
-				className: cn(sidebarVariants({
-					collapsed,
-					className
-				})),
-				...props,
-				children: [
-					header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "flex h-14 items-center border-b border-border px-4",
-						children: header
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollArea, {
-						className: "flex-1",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "flex flex-col gap-1 p-2",
-							children
-						})
-					}),
-					footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "border-t border-border p-2",
-						children: footer
-					})
-				]
-			})
-		})
-	});
-});
-Sidebar.displayName = "Sidebar";
-const SidebarToggle = react.forwardRef(({ className,...props }, ref) => {
-	const { collapsed, setCollapsed } = useSidebar();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
-		ref,
-		variant: "ghost",
-		size: "icon",
-		className: cn("h-8 w-8", className),
-		onClick: () => setCollapsed(!collapsed),
-		...props,
-		children: [collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PanelLeftClose, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "sr-only",
-			children: collapsed ? "Expand sidebar" : "Collapse sidebar"
-		})]
-	});
-});
-SidebarToggle.displayName = "SidebarToggle";
-const SidebarSection = react.forwardRef(({ className, title, children,...props }, ref) => {
-	const { collapsed } = useSidebar();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref,
-		className: cn("flex flex-col gap-1", className),
-		...props,
-		children: [
-			title && !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "px-2 py-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wider",
-				children: title
-			}),
-			title && collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-auto my-1 h-px w-6 bg-border" }),
-			children
-		]
-	});
-});
-SidebarSection.displayName = "SidebarSection";
-const SidebarItem = react.forwardRef(({ className, icon: Icon, active, badge, children,...props }, ref) => {
-	const { collapsed } = useSidebar();
-	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		ref,
-		className: cn("flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors", "text-muted-foreground hover:bg-surface-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", active && "bg-surface-hover text-foreground", collapsed && "justify-center px-0", className),
-		...props,
-		children: [
-			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
-			!collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "flex-1 truncate",
-				children
-			}),
-			!collapsed && badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: badge })
-		]
-	});
-	if (collapsed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
-		asChild: true,
-		children: button
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipContent, {
-		side: "right",
-		className: "flex items-center gap-2",
-		children: [children, badge]
-	})] });
-	return button;
-});
-SidebarItem.displayName = "SidebarItem";
-const SidebarLink = react.forwardRef(({ className, icon: Icon, active, badge, children,...props }, ref) => {
-	const { collapsed } = useSidebar();
-	const link = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-		ref,
-		className: cn("flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors", "text-muted-foreground hover:bg-surface-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", active && "bg-surface-hover text-foreground", collapsed && "justify-center px-0", className),
-		...props,
-		children: [
-			Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
-			!collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "flex-1 truncate",
-				children
-			}),
-			!collapsed && badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: badge })
-		]
-	});
-	if (collapsed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
-		asChild: true,
-		children: link
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TooltipContent, {
-		side: "right",
-		className: "flex items-center gap-2",
-		children: [children, badge]
-	})] });
-	return link;
-});
-SidebarLink.displayName = "SidebarLink";
-
-//#endregion
-//#region src/components/layout/split-pane.tsx
-const SplitPane = react.forwardRef(({ className, direction = "horizontal", defaultSize = "50%", minSize = 100, maxSize, onSizeChange, resizable = true, children,...props }, ref) => {
-	const containerRef = react.useRef(null);
-	const [size, setSize] = react.useState(null);
-	const [isDragging, setIsDragging] = react.useState(false);
-	const childArray = react.Children.toArray(children);
-	const firstPane = childArray[0];
-	const secondPane = childArray[1];
-	const isHorizontal = direction === "horizontal";
-	react.useEffect(() => {
-		if (size !== null || !containerRef.current) return;
-		const containerSize = isHorizontal ? containerRef.current.offsetWidth : containerRef.current.offsetHeight;
-		if (typeof defaultSize === "string" && defaultSize.endsWith("%")) {
-			const percent = parseFloat(defaultSize) / 100;
-			setSize(Math.round(containerSize * percent));
-		} else if (typeof defaultSize === "number") setSize(defaultSize);
-		else setSize(Math.round(containerSize / 2));
-	}, [
-		defaultSize,
-		isHorizontal,
-		size
-	]);
-	const handleMouseDown = react.useCallback((e) => {
-		if (!resizable) return;
-		e.preventDefault();
-		setIsDragging(true);
-	}, [resizable]);
-	react.useEffect(() => {
-		if (!isDragging) return;
-		const handleMouseMove = (e) => {
-			if (!containerRef.current) return;
-			const containerRect = containerRef.current.getBoundingClientRect();
-			const containerSize = isHorizontal ? containerRect.width : containerRect.height;
-			let newSize = isHorizontal ? e.clientX - containerRect.left : e.clientY - containerRect.top;
-			newSize = Math.max(minSize, newSize);
-			if (maxSize) newSize = Math.min(maxSize, newSize);
-			newSize = Math.min(containerSize - minSize, newSize);
-			setSize(newSize);
-			onSizeChange?.(newSize);
-		};
-		const handleMouseUp = () => {
-			setIsDragging(false);
-		};
-		document.addEventListener("mousemove", handleMouseMove);
-		document.addEventListener("mouseup", handleMouseUp);
-		return () => {
-			document.removeEventListener("mousemove", handleMouseMove);
-			document.removeEventListener("mouseup", handleMouseUp);
-		};
-	}, [
-		isDragging,
-		isHorizontal,
-		minSize,
-		maxSize,
-		onSizeChange
-	]);
-	const firstPaneStyle = {
-		[isHorizontal ? "width" : "height"]: size !== null ? `${size}px` : defaultSize,
-		flexShrink: 0
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: (node) => {
-			containerRef.current = node;
-			if (typeof ref === "function") ref(node);
-			else if (ref) ref.current = node;
-		},
-		className: cn("flex overflow-hidden", isHorizontal ? "flex-row" : "flex-col", isDragging && "cursor-col-resize select-none", className),
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn("overflow-auto", isHorizontal ? "min-w-0" : "min-h-0"),
-				style: firstPaneStyle,
-				children: firstPane
-			}),
-			resizable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn("flex shrink-0 items-center justify-center bg-border transition-colors", isHorizontal ? "w-1 cursor-col-resize hover:bg-border-hover active:bg-accent" : "h-1 cursor-row-resize hover:bg-border-hover active:bg-accent", isDragging && "bg-accent"),
-				onMouseDown: handleMouseDown,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: cn("rounded-full bg-muted-foreground/50", isHorizontal ? "h-8 w-1" : "h-1 w-8") })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cn("flex-1 overflow-auto", isHorizontal ? "min-w-0" : "min-h-0"),
-				children: secondPane
-			})
-		]
-	});
-});
-SplitPane.displayName = "SplitPane";
-const SplitPanePanel = react.forwardRef(({ className, children,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		className: cn("h-full w-full", className),
-		...props,
-		children
-	});
-});
-SplitPanePanel.displayName = "SplitPanePanel";
-
-//#endregion
-//#region src/components/ui/badge.tsx
-const badgeVariants = (0, class_variance_authority.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-	variants: { variant: {
-		default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-		destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-		outline: "text-foreground",
-		success: "border-transparent bg-emerald-500/15 text-emerald-400",
-		warning: "border-transparent bg-amber-500/15 text-amber-400",
-		info: "border-transparent bg-blue-500/15 text-blue-400",
-		get: "border-transparent bg-blue-500/15 text-blue-400 font-mono",
-		post: "border-transparent bg-emerald-500/15 text-emerald-400 font-mono",
-		put: "border-transparent bg-amber-500/15 text-amber-400 font-mono",
-		patch: "border-transparent bg-violet-500/15 text-violet-400 font-mono",
-		delete: "border-transparent bg-red-500/15 text-red-400 font-mono"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function Badge({ className, variant,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn(badgeVariants({ variant }), className),
-		...props
-	});
-}
-
-//#endregion
-//#region src/components/ui/card.tsx
-const Card = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("rounded-xl border bg-card text-card-foreground shadow", className),
-	...props
-}));
-Card.displayName = "Card";
-const CardHeader = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("flex flex-col space-y-1.5 p-6", className),
-	...props
-}));
-CardHeader.displayName = "CardHeader";
-const CardTitle = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("font-semibold leading-none tracking-tight", className),
-	...props
-}));
-CardTitle.displayName = "CardTitle";
-const CardDescription = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("text-sm text-muted-foreground", className),
-	...props
-}));
-CardDescription.displayName = "CardDescription";
-const CardContent = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("p-6 pt-0", className),
-	...props
-}));
-CardContent.displayName = "CardContent";
-const CardFooter = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: cn("flex items-center p-6 pt-0", className),
-	...props
-}));
-CardFooter.displayName = "CardFooter";
-
-//#endregion
-//#region src/components/ui/code-block.tsx
-const CodeBlock = react.forwardRef(({ code, language = "typescript", showLineNumbers = false, className }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prism_react_renderer.Highlight, {
-		theme: prism_react_renderer.themes.vsDark,
-		code: code.trim(),
-		language,
-		children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-			ref,
-			className: cn("overflow-auto rounded-md border bg-[#1e1e1e] p-4 text-sm", className),
-			style,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-				className: highlightClassName,
-				children: tokens.map((line, i) => {
-					const lineProps = getLineProps({
-						line,
-						key: i
-					});
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						...lineProps,
-						className: "table-row",
-						children: [showLineNumbers && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "table-cell select-none pr-4 text-right text-muted-foreground opacity-50",
-							children: i + 1
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "table-cell",
-							children: line.map((token, key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { ...getTokenProps({
-								token,
-								key
-							}) }, key))
-						})]
-					}, i);
-				})
-			})
-		})
-	});
-});
-CodeBlock.displayName = "CodeBlock";
-
-//#endregion
-//#region src/components/ui/dialog.tsx
-const Dialog = __radix_ui_react_dialog.Root;
-const DialogTrigger = __radix_ui_react_dialog.Trigger;
-const DialogPortal = __radix_ui_react_dialog.Portal;
-const DialogClose = __radix_ui_react_dialog.Close;
-const DialogOverlay = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, {
-	ref,
-	className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
-	...props
-}));
-DialogOverlay.displayName = __radix_ui_react_dialog.Overlay.displayName;
-const DialogContent = react.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
-	ref,
-	className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className),
-	...props,
-	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Close, {
-		className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "sr-only",
-			children: "Close"
-		})]
-	})]
-})] }));
-DialogContent.displayName = __radix_ui_react_dialog.Content.displayName;
-const DialogHeader = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
-	...props
-});
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-	...props
-});
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
-	ref,
-	className: cn("text-lg font-semibold leading-none tracking-tight", className),
-	...props
-}));
-DialogTitle.displayName = __radix_ui_react_dialog.Title.displayName;
-const DialogDescription = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
-	ref,
-	className: cn("text-sm text-muted-foreground", className),
-	...props
-}));
-DialogDescription.displayName = __radix_ui_react_dialog.Description.displayName;
-
-//#endregion
-//#region src/components/ui/dropdown-menu.tsx
-const DropdownMenu = __radix_ui_react_dropdown_menu.Root;
-const DropdownMenuTrigger = __radix_ui_react_dropdown_menu.Trigger;
-const DropdownMenuGroup = __radix_ui_react_dropdown_menu.Group;
-const DropdownMenuPortal = __radix_ui_react_dropdown_menu.Portal;
-const DropdownMenuSub = __radix_ui_react_dropdown_menu.Sub;
-const DropdownMenuRadioGroup = __radix_ui_react_dropdown_menu.RadioGroup;
-const DropdownMenuSubTrigger = react.forwardRef(({ className, inset, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.SubTrigger, {
-	ref,
-	className: cn("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props,
-	children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "ml-auto" })]
-}));
-DropdownMenuSubTrigger.displayName = __radix_ui_react_dropdown_menu.SubTrigger.displayName;
-const DropdownMenuSubContent = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.SubContent, {
-	ref,
-	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
-	...props
-}));
-DropdownMenuSubContent.displayName = __radix_ui_react_dropdown_menu.SubContent.displayName;
-const DropdownMenuContent = react.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Content, {
-	ref,
-	sideOffset,
-	className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
-	...props
-}) }));
-DropdownMenuContent.displayName = __radix_ui_react_dropdown_menu.Content.displayName;
-const DropdownMenuItem = react.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Item, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuItem.displayName = __radix_ui_react_dropdown_menu.Item.displayName;
-const DropdownMenuCheckboxItem = react.forwardRef(({ className, children, checked,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.CheckboxItem, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	checked,
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-4 w-4" }) })
-	}), children]
-}));
-DropdownMenuCheckboxItem.displayName = __radix_ui_react_dropdown_menu.CheckboxItem.displayName;
-const DropdownMenuRadioItem = react.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.RadioItem, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Circle, { className: "h-2 w-2 fill-current" }) })
-	}), children]
-}));
-DropdownMenuRadioItem.displayName = __radix_ui_react_dropdown_menu.RadioItem.displayName;
-const DropdownMenuLabel = react.forwardRef(({ className, inset,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Label, {
-	ref,
-	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuLabel.displayName = __radix_ui_react_dropdown_menu.Label.displayName;
-const DropdownMenuSeparator = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Separator, {
-	ref,
-	className: cn("-mx-1 my-1 h-px bg-muted", className),
-	...props
-}));
-DropdownMenuSeparator.displayName = __radix_ui_react_dropdown_menu.Separator.displayName;
-const DropdownMenuShortcut = ({ className,...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-		...props
-	});
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-//#endregion
-//#region src/components/ui/input.tsx
-const Input = react.forwardRef(({ className, type,...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		type,
-		className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
-		ref,
-		...props
-	});
-});
-Input.displayName = "Input";
-
-//#endregion
-//#region src/components/ui/label.tsx
-const labelVariants = (0, class_variance_authority.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Label = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_label.Root, {
-	ref,
-	className: cn(labelVariants(), className),
-	...props
-}));
-Label.displayName = __radix_ui_react_label.Root.displayName;
-
-//#endregion
-//#region src/components/ui/separator.tsx
-const Separator = react.forwardRef(({ className, orientation = "horizontal", decorative = true,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_separator.Root, {
-	ref,
-	decorative,
-	orientation,
-	className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className),
-	...props
-}));
-Separator.displayName = __radix_ui_react_separator.Root.displayName;
-
-//#endregion
-//#region src/components/ui/tabs.tsx
-const Tabs = __radix_ui_react_tabs.Root;
-const TabsList = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.List, {
-	ref,
-	className: cn("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className),
-	...props
-}));
-TabsList.displayName = __radix_ui_react_tabs.List.displayName;
-const TabsTrigger = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Trigger, {
-	ref,
-	className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className),
-	...props
-}));
-TabsTrigger.displayName = __radix_ui_react_tabs.Trigger.displayName;
-const TabsContent = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Content, {
-	ref,
-	className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
-	...props
-}));
-TabsContent.displayName = __radix_ui_react_tabs.Content.displayName;
-
-//#endregion
-exports.AreaTimeSeriesChart = AreaTimeSeriesChart;
-exports.Badge = Badge;
-exports.BarListChart = BarListChart;
-exports.Button = Button;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
-exports.CodeBlock = CodeBlock;
-exports.ConnectionStatus = ConnectionStatus;
-exports.DataTable = DataTable;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.EmptyState = EmptyState;
-exports.Header = Header;
-exports.HeaderActions = HeaderActions;
-exports.HeaderBreadcrumbs = HeaderBreadcrumbs;
-exports.HeaderDescription = HeaderDescription;
-exports.HeaderGroup = HeaderGroup;
-exports.HeaderTitle = HeaderTitle;
-exports.HttpMethodBadge = HttpMethodBadge;
-exports.HttpStatusBadge = HttpStatusBadge;
-exports.Input = Input;
-exports.JsonViewer = JsonViewer;
-exports.Label = Label;
-exports.LatencyPercentilesChart = LatencyPercentilesChart;
-exports.LiveIndicator = LiveIndicator;
-exports.LoadingContainer = LoadingContainer;
-exports.LoadingDots = LoadingDots;
-exports.LoadingOverlay = LoadingOverlay;
-exports.LogLevelBadge = LogLevelBadge;
-exports.MetricCard = MetricCard;
-exports.NoData = NoData;
-exports.NoResults = NoResults;
-exports.NotFound = NotFound;
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
-exports.Separator = Separator;
-exports.ServerError = ServerError;
-exports.Shell = Shell;
-exports.ShellContent = ShellContent;
-exports.ShellFooter = ShellFooter;
-exports.ShellHeader = ShellHeader;
-exports.ShellMain = ShellMain;
-exports.ShellSidebar = ShellSidebar;
-exports.Sidebar = Sidebar;
-exports.SidebarItem = SidebarItem;
-exports.SidebarLink = SidebarLink;
-exports.SidebarSection = SidebarSection;
-exports.SidebarToggle = SidebarToggle;
-exports.Skeleton = Skeleton;
-exports.SparkBar = SparkBar;
-exports.Sparkline = Sparkline;
-exports.Spinner = Spinner;
-exports.SplitPane = SplitPane;
-exports.SplitPanePanel = SplitPanePanel;
-exports.StatusBadge = StatusBadge;
-exports.StatusDistributionChart = StatusDistributionChart;
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCaption = TableCaption;
-exports.TableCell = TableCell;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.TimeRangeSelector = TimeRangeSelector;
-exports.Timeline = Timeline;
-exports.TimelineConnector = TimelineConnector;
-exports.TimelineContent = TimelineContent;
-exports.TimelineDescription = TimelineDescription;
-exports.TimelineIndicator = TimelineIndicator;
-exports.TimelineItem = TimelineItem;
-exports.TimelineTime = TimelineTime;
-exports.TimelineTitle = TimelineTitle;
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipTrigger = TooltipTrigger;
-exports.badgeVariants = badgeVariants;
-exports.buttonVariants = buttonVariants;
-exports.cn = cn;
-exports.createTimeRange = createTimeRange;
-exports.emptyStateVariants = emptyStateVariants;
+const require_utils = require('./utils-DTuzb7hO.cjs');
+const require_data_display = require('./data-display-BSUj4rIc.cjs');
+const require_button = require('./button-BSp9VyHi.cjs');
+const require_table = require('./table-DNX6iqH5.cjs');
+const require_feedback = require('./feedback-B9rTsQdJ.cjs');
+const require_theme = require('./theme-BBoDSysS.cjs');
+const require_layout = require('./layout-CcO0svmw.cjs');
+const require_tooltip = require('./tooltip-BuTZvLTX.cjs');
+const require_ui = require('./ui-PFNfvwdv.cjs');
+const require_hooks = require('./hooks-C5O7RXTd.cjs');
+
+exports.AreaTimeSeriesChart = require_data_display.AreaTimeSeriesChart;
+exports.Badge = require_ui.Badge;
+exports.BarListChart = require_data_display.BarListChart;
+exports.Button = require_button.Button;
+exports.Card = require_ui.Card;
+exports.CardContent = require_ui.CardContent;
+exports.CardDescription = require_ui.CardDescription;
+exports.CardFooter = require_ui.CardFooter;
+exports.CardHeader = require_ui.CardHeader;
+exports.CardTitle = require_ui.CardTitle;
+exports.CodeBlock = require_ui.CodeBlock;
+exports.ConnectionStatus = require_feedback.ConnectionStatus;
+exports.DataTable = require_data_display.DataTable;
+exports.Dialog = require_ui.Dialog;
+exports.DialogClose = require_ui.DialogClose;
+exports.DialogContent = require_ui.DialogContent;
+exports.DialogDescription = require_ui.DialogDescription;
+exports.DialogFooter = require_ui.DialogFooter;
+exports.DialogHeader = require_ui.DialogHeader;
+exports.DialogOverlay = require_ui.DialogOverlay;
+exports.DialogPortal = require_ui.DialogPortal;
+exports.DialogTitle = require_ui.DialogTitle;
+exports.DialogTrigger = require_ui.DialogTrigger;
+exports.DropdownMenu = require_ui.DropdownMenu;
+exports.DropdownMenuCheckboxItem = require_ui.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = require_ui.DropdownMenuContent;
+exports.DropdownMenuGroup = require_ui.DropdownMenuGroup;
+exports.DropdownMenuItem = require_ui.DropdownMenuItem;
+exports.DropdownMenuLabel = require_ui.DropdownMenuLabel;
+exports.DropdownMenuPortal = require_ui.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = require_ui.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = require_ui.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = require_ui.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = require_ui.DropdownMenuShortcut;
+exports.DropdownMenuSub = require_ui.DropdownMenuSub;
+exports.DropdownMenuSubContent = require_ui.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = require_ui.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = require_ui.DropdownMenuTrigger;
+exports.EmptyState = require_feedback.EmptyState;
+exports.Header = require_layout.Header;
+exports.HeaderActions = require_layout.HeaderActions;
+exports.HeaderBreadcrumbs = require_layout.HeaderBreadcrumbs;
+exports.HeaderDescription = require_layout.HeaderDescription;
+exports.HeaderGroup = require_layout.HeaderGroup;
+exports.HeaderTitle = require_layout.HeaderTitle;
+exports.HttpMethodBadge = require_feedback.HttpMethodBadge;
+exports.HttpStatusBadge = require_feedback.HttpStatusBadge;
+exports.Input = require_ui.Input;
+exports.JsonViewer = require_data_display.JsonViewer;
+exports.Label = require_ui.Label;
+exports.LatencyPercentilesChart = require_data_display.LatencyPercentilesChart;
+exports.LiveIndicator = require_feedback.LiveIndicator;
+exports.LoadingContainer = require_feedback.LoadingContainer;
+exports.LoadingDots = require_feedback.LoadingDots;
+exports.LoadingOverlay = require_feedback.LoadingOverlay;
+exports.LogLevelBadge = require_feedback.LogLevelBadge;
+exports.MetricCard = require_data_display.MetricCard;
+exports.NoData = require_feedback.NoData;
+exports.NoResults = require_feedback.NoResults;
+exports.NotFound = require_feedback.NotFound;
+exports.ScrollArea = require_tooltip.ScrollArea;
+exports.ScrollBar = require_tooltip.ScrollBar;
+exports.Select = require_table.Select;
+exports.SelectContent = require_table.SelectContent;
+exports.SelectGroup = require_table.SelectGroup;
+exports.SelectItem = require_table.SelectItem;
+exports.SelectLabel = require_table.SelectLabel;
+exports.SelectScrollDownButton = require_table.SelectScrollDownButton;
+exports.SelectScrollUpButton = require_table.SelectScrollUpButton;
+exports.SelectSeparator = require_table.SelectSeparator;
+exports.SelectTrigger = require_table.SelectTrigger;
+exports.SelectValue = require_table.SelectValue;
+exports.Separator = require_ui.Separator;
+exports.ServerError = require_feedback.ServerError;
+exports.Shell = require_layout.Shell;
+exports.ShellContent = require_layout.ShellContent;
+exports.ShellFooter = require_layout.ShellFooter;
+exports.ShellHeader = require_layout.ShellHeader;
+exports.ShellMain = require_layout.ShellMain;
+exports.ShellSidebar = require_layout.ShellSidebar;
+exports.Sidebar = require_layout.Sidebar;
+exports.SidebarItem = require_layout.SidebarItem;
+exports.SidebarLink = require_layout.SidebarLink;
+exports.SidebarSection = require_layout.SidebarSection;
+exports.SidebarToggle = require_layout.SidebarToggle;
+exports.Skeleton = require_feedback.Skeleton;
+exports.SparkBar = require_data_display.SparkBar;
+exports.Sparkline = require_data_display.Sparkline;
+exports.Spinner = require_feedback.Spinner;
+exports.SplitPane = require_layout.SplitPane;
+exports.SplitPanePanel = require_layout.SplitPanePanel;
+exports.StatusBadge = require_feedback.StatusBadge;
+exports.StatusDistributionChart = require_data_display.StatusDistributionChart;
+exports.Table = require_table.Table;
+exports.TableBody = require_table.TableBody;
+exports.TableCaption = require_table.TableCaption;
+exports.TableCell = require_table.TableCell;
+exports.TableFooter = require_table.TableFooter;
+exports.TableHead = require_table.TableHead;
+exports.TableHeader = require_table.TableHeader;
+exports.TableRow = require_table.TableRow;
+exports.Tabs = require_ui.Tabs;
+exports.TabsContent = require_ui.TabsContent;
+exports.TabsList = require_ui.TabsList;
+exports.TabsTrigger = require_ui.TabsTrigger;
+exports.TimeRangeSelector = require_data_display.TimeRangeSelector;
+exports.Timeline = require_data_display.Timeline;
+exports.TimelineConnector = require_data_display.TimelineConnector;
+exports.TimelineContent = require_data_display.TimelineContent;
+exports.TimelineDescription = require_data_display.TimelineDescription;
+exports.TimelineIndicator = require_data_display.TimelineIndicator;
+exports.TimelineItem = require_data_display.TimelineItem;
+exports.TimelineTime = require_data_display.TimelineTime;
+exports.TimelineTitle = require_data_display.TimelineTitle;
+exports.Tooltip = require_tooltip.Tooltip;
+exports.TooltipContent = require_tooltip.TooltipContent;
+exports.TooltipProvider = require_tooltip.TooltipProvider;
+exports.TooltipTrigger = require_tooltip.TooltipTrigger;
+exports.badgeVariants = require_ui.badgeVariants;
+exports.buttonVariants = require_button.buttonVariants;
+exports.cn = require_utils.cn;
+exports.createTimeRange = require_data_display.createTimeRange;
+exports.emptyStateVariants = require_feedback.emptyStateVariants;
 exports.getLogLevelColor = require_theme.getLogLevelColor;
 exports.getMethodColor = require_theme.getMethodColor;
 exports.getStatusColor = require_theme.getStatusColor;
-exports.liveIndicatorVariants = liveIndicatorVariants;
-exports.loadingOverlayVariants = loadingOverlayVariants;
-exports.sidebarVariants = sidebarVariants;
-exports.spinnerVariants = spinnerVariants;
-exports.statusBadgeVariants = statusBadgeVariants;
+exports.liveIndicatorVariants = require_feedback.liveIndicatorVariants;
+exports.loadingOverlayVariants = require_feedback.loadingOverlayVariants;
+exports.sidebarVariants = require_layout.sidebarVariants;
+exports.spinnerVariants = require_feedback.spinnerVariants;
+exports.statusBadgeVariants = require_feedback.statusBadgeVariants;
 exports.theme = require_theme.theme;
-exports.timelineIndicatorVariants = timelineIndicatorVariants;
-exports.timelineItemVariants = timelineItemVariants;
-exports.timelineVariants = timelineVariants;
+exports.timelineIndicatorVariants = require_data_display.timelineIndicatorVariants;
+exports.timelineItemVariants = require_data_display.timelineItemVariants;
+exports.timelineVariants = require_data_display.timelineVariants;
 exports.useDebounce = require_hooks.useDebounce;
 exports.useLocalStorage = require_hooks.useLocalStorage;
-exports.useSidebar = useSidebar;
-exports.useWebSocket = require_hooks.useWebSocket;
-//# sourceMappingURL=index.cjs.map
+exports.useSidebar = require_layout.useSidebar;
+exports.useWebSocket = require_hooks.useWebSocket;