@reopt-ai/opt-ui 1.12.4 → 1.13.0

package/dist/index.js

@@ -1,114 +1,15 @@
 "use client";
-import { $ as PopoverClose, $t as ToolbarButton, A as FormRadio, An as OPT_BADGE_RED, At as DialogPanel, B as FormSubmit, Bn as OPT_FOCUS, Bt as TabsRoot, C as FormGroupLabel, Ct as DialogBody, D as FormNumberInput, Dn as OPT_BADGE_BLUE, Dt as DialogFooter, E as FormLabel, Et as DialogDismiss, F as FormSelect, Ft as SelectRoot, G as useFormContext, Gt as CompositeItem, H as FormTagInput, Hn as OPT_HOVER_ITEM, Ht as DisclosureRoot, I as FormSelectItem, In as OPT_DOT_GRAY, It as SelectTrigger, J as DateRangePicker, Jt as CompositeZone, K as useFormStore, Kt as CompositeProvider, L as FormSelectPopover, Ln as OPT_DOT_GREEN, Lt as Tab, M as FormRemove, Mn as OPT_BORDER, Mt as SelectItem, N as FormReset, Nt as SelectLabel, O as FormProvider, On as OPT_BADGE_GREEN, Ot as DialogHeader, P as FormRoot, Pt as SelectPopover, Q as ColorPicker, Qt as useInputId, R as FormSlider, Rn as OPT_DOT_RED, Rt as TabList, S as FormGroup, St as AlertDialogPanel, T as FormInput, Tt as DialogDisclosure, U as FormTextarea, Un as OPT_INPUT, Ut as DisclosureTrigger, V as FormSwitch, Vn as OPT_FOCUS_VISIBLE, Vt as DisclosureContent, W as useFieldValue, Wt as Composite, X as IconPicker, Xn as OPT_TD, Xt as StarRating, Y as TagInput, Yt as Meter, Z as getIconRegistryEntry, Zt as Input, _ as FormControl, _n as SkeletonCard, _t as ComboboxGroupLabel, a as FieldTokenLegend, an as TooltipProvider, ar as _objectWithoutProperties, at as MenuButtonArrow, b as FormError, bn as useControlledState, bt as ComboboxPopover, c as Checkbox, cn as Badge, ct as MenuItemRadio, d as formatOptDateTime, dn as koBreadcrumbLabels, dt as MenuSeparator, en as ToolbarContainer, er as OPT_TEXT_PRIMARY, et as PopoverContent, f as formatOptNumber, fn as koComboboxLabels, ft as MenuTrigger, g as FormColorPicker, gn as SkeletonAvatar, gt as ComboboxGroup, h as FormCheckbox, hn as Skeleton, ht as ComboboxEmpty, i as FieldToken, in as TooltipAnchor, ir as _objectSpread2, it as NumberInput, j as FormRadioGroup, jn as OPT_BADGE_YELLOW, jt as DialogRoot, k as FormPush, kn as OPT_BADGE_NEUTRAL, kt as DialogHeading, l as CheckboxGroup, ln as EmptyState, lt as MenuPopover, m as formatOptTime, mn as StatCard, mt as MenubarRoot, n as Highlight, nn as ToolbarSeparator, nr as OPT_TEXT_TERTIARY, nt as PopoverTrigger, o as resolveFieldType, on as Alert, or as Kbd, ot as MenuItem, p as formatOptShortDate, pn as koStarRatingLabels, pt as MenubarContainer, q as DEFAULT_PRESETS, qt as CompositeRow, r as FIELD_TYPE_TOKENS, rn as Tooltip, rr as OPT_TH, rt as Slider, s as Pagination, sn as Spinner, sr as cn, st as MenuItemCheckbox, t as TextTruncate, tn as ToolbarRoot, tr as OPT_TEXT_SECONDARY, tt as PopoverRoot, un as Button, ut as MenuRoot, v as FormDateRangePicker, vn as SkeletonTable, vt as ComboboxInput, w as FormIconPicker, wt as DialogDescription, x as FormField, xt as ComboboxRoot, y as FormDescription, yn as SkeletonText, yt as ComboboxItem, z as FormStarRating, zn as OPT_DOT_YELLOW, zt as TabPanel } from "./text-truncate-BFWd2cE_.js";
-import { $ as Identity, A as PageHeader, B as DropdownTrigger, C as Logo, D as Section, E as ResizablePanelGroup, F as RadioGroup, G as Textarea, H as StepBuilder, I as DropdownContent, J as CardContent, K as Switch, L as DropdownItem, M as BlockLayout, N as LoadingOverlay, O as Container, P as Radio, Q as CardTitle, R as DropdownMenu, S as DrawerRoot, T as ResizablePanel, U as CircularProgress, V as ConditionBuilder, W as Progress, X as CardFooter, Y as CardDescription, Z as CardHeader, _ as getShaderFragment, a as THEME_PALETTES, at as AccordionItem, b as DrawerClose, c as ExpressionGroup, ct as Toggle, d as ShaderSurface, dt as Separator, et as Avatar, f as SHADER_OVERLAY_PARAM_KEYS, ft as Heading, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, it as AccordionContent, j as createBlock, k as ScrollArea, l as Facet, lt as ToggleGroup, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as DescriptionList, o as LiveRegion, ot as AccordionRoot, p as SHADER_PARAM_FALLBACK, pt as Text, q as Card, r as ColorPaletteDisplay, rt as Breadcrumb, s as Expression, st as AccordionTrigger, t as KeyPadMenu, tt as AvatarGroup, u as FacetGroup, ut as OtpField, v as getShaderPreset, w as ResizableHandle, x as DrawerPanel, y as VirtualList, z as DropdownSeparator } from "./key-pad-menu-CUiQ-vKw.js";
-import { $ as CommandGroup, A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, Q as CommandEmpty, R as DeploymentTimeline, S as withoutField, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, X as Command, Y as CommandPalette, Z as CommandDialog, _ as fieldValues, a as TimeRangeControl, b as removeClause, c as describeClause, d as quoteValue, et as CommandInput, f as parseQuery, g as applyCellAction, h as addClause, i as DEFAULT_TIME_PRESETS, it as CommandShortcut, j as toast, k as NotificationToast, l as formatClause, m as EMPTY_QUERY, n as LogTable, nt as CommandList, o as useAutoRefresh, p as parseQueryWithDiagnostics, q as DashboardGrid, r as TimeSeriesPanel, rt as CommandSeparator, s as QueryBar, t as FieldSidebar, tt as CommandItem, u as formatQuery, v as isEmptyQuery, w as ScoreBreakdown, x as withFieldValue, y as queryFields, z as SettingsForm } from "./field-sidebar-C8bDzGPs.js";
+import { $ as useFormContext, $n as OPT_HOVER_ITEM, $t as CompositeItem, A as FormGroup, An as SkeletonText, At as AlertDialogPanel, B as FormRemove, Bn as OPT_BADGE_NEUTRAL, Bt as SelectItem, C as FormCheckbox, Cn as koComboboxLabels, Ct as ComboboxEmpty, D as FormDescription, Dn as SkeletonAvatar, Dt as ComboboxItem, E as FormDateRangePicker, En as Skeleton, Et as ComboboxInput, F as FormNumberInput, Ft as DialogFooter, G as FormSelectPopover, Gt as Tab, H as FormRoot, Hn as OPT_BADGE_YELLOW, Ht as SelectPopover, I as FormProvider, It as DialogHeader, J as FormSubmit, Jn as OPT_DOT_GREEN, Jt as TabsRoot, K as FormSlider, Kt as TabList, L as FormPush, Lt as DialogHeading, M as FormIconPicker, Mt as DialogDescription, N as FormInput, Nt as DialogDisclosure, O as FormError, On as SkeletonCard, Ot as ComboboxPopover, P as FormLabel, Pt as DialogDismiss, Q as useFieldValue, Qn as OPT_FOCUS_VISIBLE, Qt as Composite, R as FormRadio, Rn as OPT_BADGE_BLUE, Rt as DialogPanel, S as formatOptTime, Sn as koBreadcrumbLabels, St as MenubarRoot, T as FormControl, Tn as StatCard, Tt as ComboboxGroupLabel, U as FormSelect, Un as OPT_BORDER, Ut as SelectRoot, V as FormReset, Vn as OPT_BADGE_RED, Vt as SelectLabel, W as FormSelectItem, Wt as SelectTrigger, X as FormTagInput, Xn as OPT_DOT_YELLOW, Xt as DisclosureRoot, Y as FormSwitch, Yn as OPT_DOT_RED, Yt as DisclosureContent, Z as FormTextarea, Zn as OPT_FOCUS, Zt as DisclosureTrigger, _ as DropdownTrigger, _n as Spinner, _r as cn, _t as MenuPopover, a as FieldTokenLegend, an as StarRating, at as getIconRegistryEntry, b as formatOptNumber, bn as EmptyState, bt as MenuTrigger, c as ResizableHandle, cn as useInputId, ct as PopoverContent, d as Checkbox, dn as ToolbarRoot, dr as OPT_TEXT_SECONDARY, dt as Slider, en as CompositeProvider, er as OPT_INPUT, et as useFormStore, f as CheckboxGroup, fn as ToolbarSeparator, fr as OPT_TEXT_TERTIARY, ft as NumberInput, g as DropdownSeparator, gn as Alert, gr as Kbd, gt as MenuItemRadio, h as DropdownMenu, hn as TooltipProvider, hr as _objectWithoutProperties, ht as MenuItemCheckbox, i as FieldToken, in as Textarea, it as IconPicker, j as FormGroupLabel, jn as useControlledState, jt as DialogBody, k as FormField, kn as SkeletonTable, kt as ComboboxRoot, l as ResizablePanel, ln as ToolbarButton, lt as PopoverRoot, m as DropdownItem, mn as TooltipAnchor, mr as _objectSpread2, mt as MenuItem, n as Highlight, nn as CompositeZone, nt as DateRangePicker, o as resolveFieldType, on as Switch, ot as ColorPicker, p as DropdownContent, pn as Tooltip, pr as OPT_TH, pt as MenuButtonArrow, q as FormStarRating, qn as OPT_DOT_GRAY, qt as TabPanel, r as FIELD_TYPE_TOKENS, rn as Meter, rt as TagInput, s as Pagination, sn as Input, sr as OPT_TD, st as PopoverClose, t as TextTruncate, tn as CompositeRow, tt as DEFAULT_PRESETS, u as ResizablePanelGroup, un as ToolbarContainer, ur as OPT_TEXT_PRIMARY, ut as PopoverTrigger, vn as Badge, vt as MenuRoot, w as FormColorPicker, wn as koStarRatingLabels, wt as ComboboxGroup, x as formatOptShortDate, xn as Button, xt as MenubarContainer, y as formatOptDateTime, yn as DescriptionList, yt as MenuSeparator, z as FormRadioGroup, zn as OPT_BADGE_GREEN, zt as DialogRoot } from "./text-truncate-Bd-0WkSP.js";
+import { $ as OtpField, A as LoadingOverlay, B as CardFooter, C as Logo, D as PageHeader, E as ScrollArea, F as CircularProgress, G as AvatarGroup, H as CardTitle, I as Progress, J as AccordionItem, K as Breadcrumb, L as Card, M as RadioGroup, N as ConditionBuilder, O as createBlock, P as StepBuilder, Q as ToggleGroup, R as CardContent, S as DrawerRoot, T as Container, U as Identity, V as CardHeader, W as Avatar, X as AccordionTrigger, Y as AccordionRoot, Z as Toggle, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Separator, f as SHADER_OVERLAY_PARAM_KEYS, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, j as Radio, k as BlockLayout, l as Facet, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as Text, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, tt as Heading, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "./key-pad-menu-DMmbQ1jF.js";
+import { $ as generatedTheme, $t as Command, A as useOptThemeController, At as KeyValueEditor, B as THEME_SPEC_STORAGE_KEY, Bt as ProjectSwitcher, C as ScoreBreakdown, Ct as QueryOutputPane, D as useOptTheme, Dt as formatQueryCell, E as OptThemeProvider, Et as QueryResultsTable, F as getCompoundTheme, Ft as useToast, G as isForceLightSpec, Gt as EditorToolbar, H as buildTokenCache, Ht as SettingsForm, I as readStoredTheme, It as DataTable, J as safeParseStoredTokens, Jt as StatusSelect, K as resolveDescriptor, Kt as SidebarNav, L as resolveThemeMode, Lt as DomainTable, M as FORCE_LIGHT_PRESETS, Mt as NotificationToast, N as coerceThemeMode, Nt as ToastProvider, O as useOptionalOptTheme, Ot as Flyout, P as createThemeBootScript, Pt as toast, Q as defineThemeOverrides, Qt as CommandPalette, R as GENERATED_THEME_ID_DEFAULT, Rt as BranchSelect, S as withoutField, St as numericResultColumns, T as SqlEditor, Tt as SchemaTree, U as computeGeneratedTokens, Ut as FaqAccordion, V as THEME_TOKENS_STORAGE_KEY, Vt as DeploymentTimeline, W as getCompoundIdForSpec, Wt as ContentTabs, X as serializeThemeRule, Xt as DashboardGrid, Y as serializeGeneratedTheme, Yt as SearchCombobox, Z as serializeTokenBody, Zt as CommandPaletteTrigger, _ as fieldValues, _t as VALUELESS_OPERATORS, a as TimeRangeControl, an as CommandList, at as THEME_PRESET_IDS, b as removeClause, bt as QueryResultChart, c as describeClause, cn as SegmentedControl, ct as isThemePresetId, d as quoteValue, dt as SaveQueryDialog, en as CommandDialog, et as isDescriptorSpec, f as parseQuery, ft as QueryHistoryList, g as applyCellAction, gt as QueryFiltersMenu, h as addClause, ht as EMPTY_QUERY_FILTERS, i as DEFAULT_TIME_PRESETS, in as CommandItem, it as FORCE_LIGHT_PRESET_IDS, j as ALL_COMPOUND_THEMES, jt as FailureList, k as OptThemeControllerContext, kt as WorkflowCanvas, l as formatClause, ln as Callout, lt as QueryWorkspace, m as EMPTY_QUERY, mt as isValidQueryVariableName, n as LogTable, nn as CommandGroup, nt as isPresetSpec, o as useAutoRefresh, on as CommandSeparator, ot as THEME_REGISTRY, p as parseQueryWithDiagnostics, pt as QueryVariablesMenu, q as safeParseStoredSpec, qt as AppMenubar, r as TimeSeriesPanel, rn as CommandInput, rt as presetTheme, s as QueryBar, sn as CommandShortcut, st as getThemeDescriptor, t as FieldSidebar, tn as CommandEmpty, tt as isGeneratedSpec, u as formatQuery, ut as useMediaQuery, v as isEmptyQuery, vt as countActiveQueryFilters, w as EventTimeline, wt as QueryToolbar, x as withFieldValue, xt as defaultQueryChartConfig, y as queryFields, yt as hasActiveQueryFilters, z as GLOBAL_THEME_STYLE_ID, zt as EnvPanel } from "./field-sidebar-CRdToHRO.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Component, createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { Radio as Radio$1, RadioGroupRoot } from "@reopt-ai/opt-ui-primitives";
-import { Check, ChevronDown, CircleAlert, CircleCheck, Copy, FilePen, GitMerge, Info, MessageSquare, MoreHorizontal, Pencil, Rocket, Search, Sparkles, Trash2, TriangleAlert, User, X } from "lucide-react";
-import { generatePalette } from "@reopt-ai/opt-palette";
+import { Component, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Check, ChevronDown, CircleCheck, Copy, FilePen, GitMerge, MessageSquare, MoreHorizontal, Pencil, Rocket, Search, Sparkles, Trash2, User, X } from "lucide-react";
 import { EventSparkline, MetricsCard, ReportWidget, TrendChart } from "@reopt-ai/opt-charts";
 import { matchSorter } from "match-sorter";
 import { usePathname } from "next/navigation";
 export * from "@reopt-ai/opt-charts";
-//#region src/core/callout.tsx
-const _excluded$2 = [
-	"tone",
-	"title",
-	"icon",
-	"action",
-	"size",
-	"className",
-	"children"
-];
-const toneStyles = {
-	info: "border-info/40 bg-info-subtle",
-	success: "border-success/40 bg-success-subtle",
-	warning: "border-warning/40 bg-warning-subtle",
-	danger: "border-danger/40 bg-danger-subtle",
-	neutral: "border-border bg-bg-subtle"
-};
-const iconTone = {
-	info: "text-info-fg",
-	success: "text-success-fg",
-	warning: "text-warning-fg",
-	danger: "text-danger-fg",
-	neutral: "text-text-tertiary"
-};
-const titleTone = {
-	info: "text-info-fg",
-	success: "text-success-fg",
-	warning: "text-warning-fg",
-	danger: "text-danger-fg",
-	neutral: "text-text-primary"
-};
-const defaultIcons = {
-	info: Info,
-	success: CircleCheck,
-	warning: TriangleAlert,
-	danger: CircleAlert,
-	neutral: null
-};
-const sizeStyles$3 = {
-	sm: "gap-2 p-2.5 text-xs [&_svg]:size-3.5",
-	md: "gap-3 p-3 text-sm [&_svg]:size-4"
-};
-/**
-* Callout — a notice that belongs to the page, not to the moment.
-*
-* `Alert` reports something that just happened and can be dismissed once read.
-* A callout is the opposite: it is part of the layout, it is true for as long
-* as the condition holds, and dismissing it would only hide a fact that is
-* still true. "12 new events to triage" above a list, or "these numbers come
-* from a 10,000-row sample" above a chart — both are read many times and
-* dismissed never.
-*
-* That is why there is no `onDismiss` here, and why `action` takes one control:
-* a notice earns its space by naming the single thing to do about it.
-*
-* @example
-* ```tsx
-* <Callout tone="info" title="정리할 신규 이벤트 12개"
-*   action={<Button size="sm" onClick={showNew}>보기</Button>}>
-*   7일 안에 처음 관측된 이벤트입니다.
-* </Callout>
-* ```
-*/
-function Callout(_ref) {
-	let { tone = "info", title, icon, action, size = "md", className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$2);
-	const DefaultIcon = defaultIcons[tone];
-	const glyph = icon === void 0 ? DefaultIcon ? /* @__PURE__ */ jsx(DefaultIcon, { "aria-hidden": "true" }) : null : icon;
-	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({
-		role: "status",
-		className: cn("flex items-start rounded-lg border", toneStyles[tone], sizeStyles$3[size], className)
-	}, props), {}, {
-		"data-opt-id": "AT7TX",
-		"data-opt-slug": "callout.Callout",
-		"data-tone": tone,
-		children: [
-			glyph && /* @__PURE__ */ jsx("span", {
-				className: cn("mt-0.5 shrink-0", iconTone[tone]),
-				children: glyph
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1",
-				children: [title && /* @__PURE__ */ jsx("p", {
-					className: cn("font-medium", titleTone[tone]),
-					children: title
-				}), children && /* @__PURE__ */ jsx("div", {
-					className: cn("text-text-secondary", title && "mt-1"),
-					children
-				})]
-			}),
-			action && /* @__PURE__ */ jsx("div", {
-				className: "shrink-0 self-center",
-				children: action
-			})
-		]
-	}));
-}
-//#endregion
 //#region src/core/status-dot.tsx
 const _excluded$1 = [
 	"tone",
@@ -133,7 +34,7 @@ const textTone = {
 	warning: "text-text-secondary",
 	danger: "text-text-secondary"
 };
-const sizeStyles$2 = {
+const sizeStyles$1 = {
 	sm: "gap-1.5 text-[11px]",
 	md: "gap-2 text-xs"
 };
@@ -164,7 +65,7 @@ const dotSize = {
 function StatusDot(_ref) {
 	let { tone = "neutral", size = "md", hint, className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$1);
 	const dot = /* @__PURE__ */ jsxs("span", _objectSpread2(_objectSpread2({
-		className: cn("inline-flex items-center whitespace-nowrap", sizeStyles$2[size], textTone[tone], hint && "focus-visible:ring-ring rounded-sm outline-none focus-visible:ring-2", className),
+		className: cn("inline-flex items-center whitespace-nowrap", sizeStyles$1[size], textTone[tone], hint && "focus-visible:ring-ring rounded-sm outline-none focus-visible:ring-2", className),
 		tabIndex: hint ? 0 : void 0
 	}, props), {}, {
 		"data-opt-id": "N51AT",
@@ -191,12 +92,12 @@ const _excluded = [
 	"disabled",
 	"onClick"
 ];
-const defaultLabels$35 = {
+const defaultLabels$33 = {
 	copy: "복사",
 	copied: "복사됨",
 	failed: "복사할 수 없습니다"
 };
-const sizeStyles$1 = {
+const sizeStyles = {
 	sm: "h-6 gap-1 text-[11px] [&>svg]:size-3",
 	md: "h-7 gap-1.5 text-xs [&>svg]:size-3.5"
 };
@@ -238,7 +139,7 @@ const stateTone = {
 */
 function CopyButton(_ref) {
 	let { value, variant = "icon", size = "md", feedbackDuration = 1500, onCopy, labels: customLabels, className, disabled, onClick } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$35), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$33), customLabels);
 	const [state, setState] = useState("idle");
 	const timer = useRef(null);
 	useEffect(() => () => {
@@ -271,7 +172,7 @@ function CopyButton(_ref) {
 		onClick: handleClick,
 		disabled,
 		"aria-label": variant === "icon" ? label : void 0,
-		className: cn("inline-flex shrink-0 items-center rounded transition-colors", "disabled:pointer-events-none disabled:opacity-50", OPT_FOCUS_VISIBLE, sizeStyles$1[size], paddingStyles[variant][size], stateTone[state], className)
+		className: cn("inline-flex shrink-0 items-center rounded transition-colors", "disabled:pointer-events-none disabled:opacity-50", OPT_FOCUS_VISIBLE, sizeStyles[size], paddingStyles[variant][size], stateTone[state], className)
 	}, props), {}, {
 		"data-opt-id": "E0C8T",
 		"data-opt-slug": "copy-button.CopyButton",
@@ -289,76 +190,6 @@ function CopyButton(_ref) {
 	}));
 }
 //#endregion
-//#region src/core/segmented-control.tsx
-const sizeStyles = {
-	sm: "h-7 text-[11px] [&_svg]:size-3",
-	md: "h-8 text-xs [&_svg]:size-3.5"
-};
-const segmentPadding = {
-	sm: "gap-1 px-2",
-	md: "gap-1.5 px-2.5"
-};
-/**
-* SegmentedControl — one of a few views, all of them visible.
-*
-* A `Select` hides the alternatives behind a click; a `ToggleGroup` presses
-* buttons that may be on together. Neither is what "이벤트 | 속성" is: exactly
-* one is true, the set is small enough to show, and the reader is choosing a
-* view rather than filtering anything.
-*
-* Built on the radio-group primitive rather than on buttons, so the arrow keys,
-* the group name and the checked state come from the platform. A control that
-* merely looks like a radiogroup is one a keyboard cannot drive.
-*
-* @example
-* ```tsx
-* <SegmentedControl
-*   aria-label="카탈로그 탭"
-*   options={[
-*     { value: "events", label: "이벤트", badge: 128 },
-*     { value: "properties", label: "속성", badge: 341 },
-*   ]}
-*   value={tab}
-*   onChange={setTab}
-* />
-* ```
-*/
-function SegmentedControl({ options, value, onChange, size = "md", fullWidth = false, disabled = false, "aria-label": ariaLabel, className }) {
-	const name = useId();
-	return /* @__PURE__ */ jsx(RadioGroupRoot, {
-		value,
-		onValueChange: (next) => onChange(next),
-		disabled,
-		orientation: "horizontal",
-		name,
-		"aria-label": ariaLabel,
-		className: cn("inline-flex items-center rounded-lg border border-border bg-bg-subtle p-0.5", fullWidth && "flex w-full", sizeStyles[size], className),
-		"data-opt-id": "YKENE",
-		"data-opt-slug": "segmented-control.SegmentedControl",
-		children: options.map((option) => {
-			const selected = option.value === value;
-			const itemDisabled = disabled || option.disabled;
-			return /* @__PURE__ */ jsxs("label", {
-				className: cn("relative inline-flex h-full cursor-pointer items-center justify-center", "rounded-md font-medium whitespace-nowrap transition-colors", "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring has-[:focus-visible]:ring-offset-1 has-[:focus-visible]:ring-offset-ring-offset", segmentPadding[size], fullWidth && "flex-1", selected ? "bg-surface text-text-primary shadow-sm" : "text-text-tertiary hover:text-text-secondary", itemDisabled && "pointer-events-none opacity-50"),
-				"data-selected": selected || void 0,
-				children: [
-					/* @__PURE__ */ jsx(Radio$1, {
-						value: option.value,
-						disabled: itemDisabled,
-						className: "absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0"
-					}),
-					option.icon,
-					/* @__PURE__ */ jsx("span", { children: option.label }),
-					option.badge != null && /* @__PURE__ */ jsx("span", {
-						className: cn("tabular-nums", selected ? "text-text-tertiary" : "text-text-tertiary/70"),
-						children: option.badge
-					})
-				]
-			}, option.value);
-		})
-	});
-}
-//#endregion
 //#region src/lib/schema-validator.ts
 /** Handles schema validator. */
 function schemaValidator(schema) {
@@ -433,7 +264,7 @@ function PageAside({ header, children, footer, widthClassName = "w-60", label, h
 PageAside.displayName = "PageAside";
 //#endregion
 //#region src/shells/task-list.tsx
-const defaultLabels$34 = {
+const defaultLabels$32 = {
 	title: "작업 목록",
 	emptyMessage: "작업이 없습니다",
 	completedOf: "{completed}/{total} 완료",
@@ -453,9 +284,9 @@ const defaultLabels$34 = {
 };
 /** Renders the task list component. */
 function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage, showSubtasks = false, maxItems, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$34), customLabels), {}, {
-		priority: _objectSpread2(_objectSpread2({}, defaultLabels$34.priority), customLabels === null || customLabels === void 0 ? void 0 : customLabels.priority),
-		status: _objectSpread2(_objectSpread2({}, defaultLabels$34.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status)
+	const labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$32), customLabels), {}, {
+		priority: _objectSpread2(_objectSpread2({}, defaultLabels$32.priority), customLabels === null || customLabels === void 0 ? void 0 : customLabels.priority),
+		status: _objectSpread2(_objectSpread2({}, defaultLabels$32.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status)
 	});
 	const displayTitle = title !== null && title !== void 0 ? title : labels.title;
 	const displayEmptyMessage = emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : labels.emptyMessage;
@@ -613,7 +444,7 @@ function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage,
 }
 //#endregion
 //#region src/shells/activity-feed.tsx
-const defaultLabels$33 = {
+const defaultLabels$31 = {
 	title: "활동 피드",
 	emptyMessage: "활동이 없습니다",
 	moreItems: "{count}개 더 보기",
@@ -663,24 +494,24 @@ const variantBorder = {
 function ActivityFeed({ activities, title, maxItems, onActivityClick, onShowMore, emptyMessage, labels: customLabels, locale = "ko-KR", loading = false, layout = "list", renderActions, className }) {
 	var _customLabels$timeAgo, _customLabels$timeAgo2, _customLabels$timeAgo3, _customLabels$timeAgo4, _customLabels$timeAgo5, _customLabels$timeAgo6, _customLabels$timeAgo7, _customLabels$timeAgo8, _customLabels$activit, _customLabels$activit2, _customLabels$activit3, _customLabels$activit4, _customLabels$activit5, _customLabels$activit6, _customLabels$activit7, _customLabels$activit8, _customLabels$activit9, _customLabels$activit10, _customLabels$activit11, _customLabels$activit12, _customLabels$activit13, _customLabels$activit14, _customLabels$title, _customLabels$emptyMe, _customLabels$moreIte;
 	const mergedTimeAgo = {
-		justNow: (_customLabels$timeAgo = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo2 = customLabels.timeAgo) === null || _customLabels$timeAgo2 === void 0 ? void 0 : _customLabels$timeAgo2.justNow) !== null && _customLabels$timeAgo !== void 0 ? _customLabels$timeAgo : defaultLabels$33.timeAgo.justNow,
-		minutesAgo: (_customLabels$timeAgo3 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo4 = customLabels.timeAgo) === null || _customLabels$timeAgo4 === void 0 ? void 0 : _customLabels$timeAgo4.minutesAgo) !== null && _customLabels$timeAgo3 !== void 0 ? _customLabels$timeAgo3 : defaultLabels$33.timeAgo.minutesAgo,
-		hoursAgo: (_customLabels$timeAgo5 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo6 = customLabels.timeAgo) === null || _customLabels$timeAgo6 === void 0 ? void 0 : _customLabels$timeAgo6.hoursAgo) !== null && _customLabels$timeAgo5 !== void 0 ? _customLabels$timeAgo5 : defaultLabels$33.timeAgo.hoursAgo,
-		daysAgo: (_customLabels$timeAgo7 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo8 = customLabels.timeAgo) === null || _customLabels$timeAgo8 === void 0 ? void 0 : _customLabels$timeAgo8.daysAgo) !== null && _customLabels$timeAgo7 !== void 0 ? _customLabels$timeAgo7 : defaultLabels$33.timeAgo.daysAgo
+		justNow: (_customLabels$timeAgo = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo2 = customLabels.timeAgo) === null || _customLabels$timeAgo2 === void 0 ? void 0 : _customLabels$timeAgo2.justNow) !== null && _customLabels$timeAgo !== void 0 ? _customLabels$timeAgo : defaultLabels$31.timeAgo.justNow,
+		minutesAgo: (_customLabels$timeAgo3 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo4 = customLabels.timeAgo) === null || _customLabels$timeAgo4 === void 0 ? void 0 : _customLabels$timeAgo4.minutesAgo) !== null && _customLabels$timeAgo3 !== void 0 ? _customLabels$timeAgo3 : defaultLabels$31.timeAgo.minutesAgo,
+		hoursAgo: (_customLabels$timeAgo5 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo6 = customLabels.timeAgo) === null || _customLabels$timeAgo6 === void 0 ? void 0 : _customLabels$timeAgo6.hoursAgo) !== null && _customLabels$timeAgo5 !== void 0 ? _customLabels$timeAgo5 : defaultLabels$31.timeAgo.hoursAgo,
+		daysAgo: (_customLabels$timeAgo7 = customLabels === null || customLabels === void 0 || (_customLabels$timeAgo8 = customLabels.timeAgo) === null || _customLabels$timeAgo8 === void 0 ? void 0 : _customLabels$timeAgo8.daysAgo) !== null && _customLabels$timeAgo7 !== void 0 ? _customLabels$timeAgo7 : defaultLabels$31.timeAgo.daysAgo
 	};
 	const mergedActivityVerbs = {
-		created: (_customLabels$activit = customLabels === null || customLabels === void 0 || (_customLabels$activit2 = customLabels.activityVerbs) === null || _customLabels$activit2 === void 0 ? void 0 : _customLabels$activit2.created) !== null && _customLabels$activit !== void 0 ? _customLabels$activit : defaultLabels$33.activityVerbs.created,
-		updated: (_customLabels$activit3 = customLabels === null || customLabels === void 0 || (_customLabels$activit4 = customLabels.activityVerbs) === null || _customLabels$activit4 === void 0 ? void 0 : _customLabels$activit4.updated) !== null && _customLabels$activit3 !== void 0 ? _customLabels$activit3 : defaultLabels$33.activityVerbs.updated,
-		completed: (_customLabels$activit5 = customLabels === null || customLabels === void 0 || (_customLabels$activit6 = customLabels.activityVerbs) === null || _customLabels$activit6 === void 0 ? void 0 : _customLabels$activit6.completed) !== null && _customLabels$activit5 !== void 0 ? _customLabels$activit5 : defaultLabels$33.activityVerbs.completed,
-		commented: (_customLabels$activit7 = customLabels === null || customLabels === void 0 || (_customLabels$activit8 = customLabels.activityVerbs) === null || _customLabels$activit8 === void 0 ? void 0 : _customLabels$activit8.commented) !== null && _customLabels$activit7 !== void 0 ? _customLabels$activit7 : defaultLabels$33.activityVerbs.commented,
-		assigned: (_customLabels$activit9 = customLabels === null || customLabels === void 0 || (_customLabels$activit10 = customLabels.activityVerbs) === null || _customLabels$activit10 === void 0 ? void 0 : _customLabels$activit10.assigned) !== null && _customLabels$activit9 !== void 0 ? _customLabels$activit9 : defaultLabels$33.activityVerbs.assigned,
-		deployed: (_customLabels$activit11 = customLabels === null || customLabels === void 0 || (_customLabels$activit12 = customLabels.activityVerbs) === null || _customLabels$activit12 === void 0 ? void 0 : _customLabels$activit12.deployed) !== null && _customLabels$activit11 !== void 0 ? _customLabels$activit11 : defaultLabels$33.activityVerbs.deployed,
-		merged: (_customLabels$activit13 = customLabels === null || customLabels === void 0 || (_customLabels$activit14 = customLabels.activityVerbs) === null || _customLabels$activit14 === void 0 ? void 0 : _customLabels$activit14.merged) !== null && _customLabels$activit13 !== void 0 ? _customLabels$activit13 : defaultLabels$33.activityVerbs.merged
+		created: (_customLabels$activit = customLabels === null || customLabels === void 0 || (_customLabels$activit2 = customLabels.activityVerbs) === null || _customLabels$activit2 === void 0 ? void 0 : _customLabels$activit2.created) !== null && _customLabels$activit !== void 0 ? _customLabels$activit : defaultLabels$31.activityVerbs.created,
+		updated: (_customLabels$activit3 = customLabels === null || customLabels === void 0 || (_customLabels$activit4 = customLabels.activityVerbs) === null || _customLabels$activit4 === void 0 ? void 0 : _customLabels$activit4.updated) !== null && _customLabels$activit3 !== void 0 ? _customLabels$activit3 : defaultLabels$31.activityVerbs.updated,
+		completed: (_customLabels$activit5 = customLabels === null || customLabels === void 0 || (_customLabels$activit6 = customLabels.activityVerbs) === null || _customLabels$activit6 === void 0 ? void 0 : _customLabels$activit6.completed) !== null && _customLabels$activit5 !== void 0 ? _customLabels$activit5 : defaultLabels$31.activityVerbs.completed,
+		commented: (_customLabels$activit7 = customLabels === null || customLabels === void 0 || (_customLabels$activit8 = customLabels.activityVerbs) === null || _customLabels$activit8 === void 0 ? void 0 : _customLabels$activit8.commented) !== null && _customLabels$activit7 !== void 0 ? _customLabels$activit7 : defaultLabels$31.activityVerbs.commented,
+		assigned: (_customLabels$activit9 = customLabels === null || customLabels === void 0 || (_customLabels$activit10 = customLabels.activityVerbs) === null || _customLabels$activit10 === void 0 ? void 0 : _customLabels$activit10.assigned) !== null && _customLabels$activit9 !== void 0 ? _customLabels$activit9 : defaultLabels$31.activityVerbs.assigned,
+		deployed: (_customLabels$activit11 = customLabels === null || customLabels === void 0 || (_customLabels$activit12 = customLabels.activityVerbs) === null || _customLabels$activit12 === void 0 ? void 0 : _customLabels$activit12.deployed) !== null && _customLabels$activit11 !== void 0 ? _customLabels$activit11 : defaultLabels$31.activityVerbs.deployed,
+		merged: (_customLabels$activit13 = customLabels === null || customLabels === void 0 || (_customLabels$activit14 = customLabels.activityVerbs) === null || _customLabels$activit14 === void 0 ? void 0 : _customLabels$activit14.merged) !== null && _customLabels$activit13 !== void 0 ? _customLabels$activit13 : defaultLabels$31.activityVerbs.merged
 	};
 	const labels = {
-		title: (_customLabels$title = customLabels === null || customLabels === void 0 ? void 0 : customLabels.title) !== null && _customLabels$title !== void 0 ? _customLabels$title : defaultLabels$33.title,
-		emptyMessage: (_customLabels$emptyMe = customLabels === null || customLabels === void 0 ? void 0 : customLabels.emptyMessage) !== null && _customLabels$emptyMe !== void 0 ? _customLabels$emptyMe : defaultLabels$33.emptyMessage,
-		moreItems: (_customLabels$moreIte = customLabels === null || customLabels === void 0 ? void 0 : customLabels.moreItems) !== null && _customLabels$moreIte !== void 0 ? _customLabels$moreIte : defaultLabels$33.moreItems,
+		title: (_customLabels$title = customLabels === null || customLabels === void 0 ? void 0 : customLabels.title) !== null && _customLabels$title !== void 0 ? _customLabels$title : defaultLabels$31.title,
+		emptyMessage: (_customLabels$emptyMe = customLabels === null || customLabels === void 0 ? void 0 : customLabels.emptyMessage) !== null && _customLabels$emptyMe !== void 0 ? _customLabels$emptyMe : defaultLabels$31.emptyMessage,
+		moreItems: (_customLabels$moreIte = customLabels === null || customLabels === void 0 ? void 0 : customLabels.moreItems) !== null && _customLabels$moreIte !== void 0 ? _customLabels$moreIte : defaultLabels$31.moreItems,
 		timeAgo: mergedTimeAgo,
 		activityVerbs: mergedActivityVerbs
 	};
@@ -808,13 +639,13 @@ function ActivityFeed({ activities, title, maxItems, onActivityClick, onShowMore
 ActivityFeed.displayName = "ActivityFeed";
 //#endregion
 //#region src/shells/filter-bar.tsx
-const defaultLabels$32 = {
+const defaultLabels$30 = {
 	clearAll: "필터 초기화",
 	searchPlaceholder: "검색..."
 };
 /** Renders the filter bar component. */
 function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, labels: customLabels, presetActions, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$32), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$30), customLabels);
 	const [searchValues, setSearchValues] = useState({});
 	const [tagInputValues, setTagInputValues] = useState({});
 	const [multiSelectOpen, setMultiSelectOpen] = useState({});
@@ -1040,10 +871,10 @@ function matchesShortcut(event, shortcut) {
 	if (requiresMeta && !event.metaKey) return false;
 	return event.key.toLowerCase() === key;
 }
-const defaultLabels$31 = { title: "빠른 작업" };
+const defaultLabels$29 = { title: "빠른 작업" };
 /** Renders the quick actions component. */
 function QuickActions({ actions, title, layout = "grid", columns = 3, showDescriptionInGrid = false, bindShortcuts = false, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$31), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$29), customLabels);
 	const displayTitle = title !== null && title !== void 0 ? title : labels.title;
 	const titleId = useId();
 	useEffect(() => {
@@ -1121,7 +952,7 @@ function QuickActions({ actions, title, layout = "grid", columns = 3, showDescri
 QuickActions.displayName = "QuickActions";
 //#endregion
 //#region src/shells/team-member-list.tsx
-const defaultLabels$30 = {
+const defaultLabels$28 = {
 	title: "팀원",
 	emptyMessage: "팀원이 없습니다",
 	onlineCount: "{online}/{total} 온라인",
@@ -1142,7 +973,7 @@ const statusDot = {
 };
 /** Renders the team member list component. */
 function TeamMemberList({ members, title, layout = "list", maxDisplay, onMemberClick, onShowMore, emptyMessage, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$30), customLabels), {}, { status: _objectSpread2(_objectSpread2({}, defaultLabels$30.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status) });
+	const labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$28), customLabels), {}, { status: _objectSpread2(_objectSpread2({}, defaultLabels$28.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status) });
 	const displayTitle = title !== null && title !== void 0 ? title : labels.title;
 	const displayEmptyMessage = emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : labels.emptyMessage;
 	const titleId = useId();
@@ -2042,7 +1873,7 @@ const COLOR_PRESETS = [
 	"#f97316",
 	"#14b8a6"
 ];
-const defaultLabels$29 = {
+const defaultLabels$27 = {
 	eventLabelPrefix: "Event",
 	defaultAriaLabel: "Event icon"
 };
@@ -2073,7 +1904,7 @@ function getEventIconStyle(color) {
 /** Renders the event icon component. */
 function EventIcon({ icon, color, size = "md", className, labels: customLabels }) {
 	var _iconEntry$label;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$29), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$27), customLabels);
 	const sizes = SIZE_MAP[size];
 	const resolvedColor = (color === null || color === void 0 ? void 0 : color.trim()) ? color : void 0;
 	const iconEntry = typeof icon === "string" ? getIconRegistryEntry(icon) : void 0;
@@ -2165,14 +1996,14 @@ function ConnectionIndicator({ status, tone, label, showLabel = true, pulse, cla
 ConnectionIndicator.displayName = "ConnectionIndicator";
 //#endregion
 //#region src/shells/floating-action-bar.tsx
-const defaultLabels$28 = {
+const defaultLabels$26 = {
 	toolbarAriaLabel: "Actions",
 	selectedLabel: (count) => `${count} selected`,
 	dismissAriaLabel: "Dismiss"
 };
 /** Renders the floating action bar component. */
 function FloatingActionBar({ actions, selectedCount, onAction, onDismiss, className, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$28), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$26), customLabels);
 	if (actions.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "toolbar",
@@ -2209,7 +2040,7 @@ function FloatingActionBar({ actions, selectedCount, onAction, onDismiss, classN
 FloatingActionBar.displayName = "FloatingActionBar";
 //#endregion
 //#region src/shells/template-picker.tsx
-const defaultLabels$27 = {
+const defaultLabels$25 = {
 	ariaLabel: "Templates",
 	defaultCategory: "General",
 	searchPlaceholder: "Search templates...",
@@ -2217,7 +2048,7 @@ const defaultLabels$27 = {
 };
 /** Renders the template picker component. */
 function TemplatePicker({ templates, selected, onSelect, labels: customLabels, showSearch = false, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$27), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$25), customLabels);
 	const [search, setSearch] = React.useState("");
 	const filtered = React.useMemo(() => {
 		if (!showSearch || !search) return templates;
@@ -2303,7 +2134,7 @@ function TemplatePicker({ templates, selected, onSelect, labels: customLabels, s
 TemplatePicker.displayName = "TemplatePicker";
 //#endregion
 //#region src/shells/code-snippet-viewer.tsx
-const defaultLabels$26 = {
+const defaultLabels$24 = {
 	copy: "Copy",
 	copied: "Copied!",
 	codeRegion: "Code snippet"
@@ -2341,7 +2172,7 @@ const syntaxThemeClasses = {
 /** Renders the code snippet viewer component. */
 function CodeSnippetViewer({ code, language = "text", title, showLineNumbers = true, showCopyButton = true, maxHeight = 400, syntaxTheme = "default", className, labels: customLabels }) {
 	var _syntaxThemeClasses$s;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$26), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$24), customLabels);
 	const [copied, setCopied] = React.useState(false);
 	const lines = code.split("\n");
 	const theme = (_syntaxThemeClasses$s = syntaxThemeClasses[syntaxTheme]) !== null && _syntaxThemeClasses$s !== void 0 ? _syntaxThemeClasses$s : syntaxThemeClasses.default;
@@ -2393,7 +2224,7 @@ function CodeSnippetViewer({ code, language = "text", title, showLineNumbers = t
 CodeSnippetViewer.displayName = "CodeSnippetViewer";
 //#endregion
 //#region src/shells/property-explorer.tsx
-const defaultLabels$25 = {
+const defaultLabels$23 = {
 	searchPlaceholder: "Search properties...",
 	noPropertiesFound: "No properties found",
 	edit: (property) => `${property} 편집`,
@@ -2401,7 +2232,7 @@ const defaultLabels$25 = {
 };
 /** Renders the property explorer component. */
 function PropertyExplorer({ groups, onSelect, onEdit, className, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$25), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
 	const [search, setSearch] = React.useState("");
 	const filtered = React.useMemo(() => {
 		if (!search) return groups;
@@ -2485,99 +2316,209 @@ function PropertyExplorer({ groups, onSelect, onEdit, className, labels: customL
 }
 PropertyExplorer.displayName = "PropertyExplorer";
 //#endregion
-//#region src/shells/query-results-table.tsx
-const defaultLabels$24 = {
-	emptyMessage: "No results",
-	loadingMessage: "Running query...",
-	rowsSuffix: "row(s)"
-};
-/** Renders the query results table component. */
-function QueryResultsTable({ columns, rows, maxHeight = 400, emptyMessage, loading = false, error, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$24), customLabels);
-	if (error) return /* @__PURE__ */ jsx("div", {
-		className: cn("border-danger bg-danger-subtle rounded-lg border p-4", className),
-		role: "alert",
-		"aria-live": "assertive",
-		"data-opt-id": "PNC1V",
-		"data-opt-slug": "query-results-table.QueryResultsTable",
-		children: /* @__PURE__ */ jsx("p", {
-			className: "text-danger-fg font-mono text-sm",
-			children: error
-		})
-	});
-	if (loading) return /* @__PURE__ */ jsxs("div", {
-		className: cn("border-border rounded-lg border p-8 text-center", className),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": "true",
-		"data-opt-id": "PNC1V",
-		"data-opt-slug": "query-results-table.QueryResultsTable",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "border-border border-t-accent inline-block h-5 w-5 animate-spin rounded-full border-2",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-text-tertiary mt-2 text-sm",
-			children: labels.loadingMessage
-		})]
-	});
-	if (rows.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: cn("border-border rounded-lg border p-8 text-center", className),
-		"data-opt-id": "PNC1V",
-		"data-opt-slug": "query-results-table.QueryResultsTable",
-		children: /* @__PURE__ */ jsx("p", {
-			className: "text-text-tertiary text-sm",
-			children: emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : labels.emptyMessage
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("border-border overflow-hidden rounded-lg border", className),
-		"data-opt-id": "PNC1V",
-		"data-opt-slug": "query-results-table.QueryResultsTable",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "overflow-auto",
-			style: { maxHeight },
-			children: /* @__PURE__ */ jsxs("table", {
-				className: "w-full text-sm",
-				children: [/* @__PURE__ */ jsx("thead", {
-					className: "bg-surface-inset sticky top-0",
-					children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
-						className: "text-text-tertiary w-10 px-3 py-2 text-left text-xs font-medium",
-						children: "#"
-					}), columns.map((col) => /* @__PURE__ */ jsx("th", {
-						className: "text-text-tertiary px-3 py-2 text-left text-xs font-medium whitespace-nowrap",
-						children: col
-					}, col))] })
-				}), /* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", {
-					className: "border-border-subtle hover:bg-bg-subtle border-t",
-					children: [/* @__PURE__ */ jsx("td", {
-						className: "text-text-tertiary px-3 py-1.5 font-mono text-xs",
-						children: ri + 1
-					}), columns.map((col) => {
-						var _row$col;
-						return /* @__PURE__ */ jsx("td", {
-							className: "text-text-primary px-3 py-1.5 font-mono whitespace-nowrap",
-							children: String((_row$col = row[col]) !== null && _row$col !== void 0 ? _row$col : "")
-						}, col);
-					})]
-				}, ri)) })]
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "border-border-subtle bg-surface-inset border-t px-3 py-1.5",
-			children: /* @__PURE__ */ jsxs("span", {
-				className: "text-text-tertiary text-xs",
-				children: [
-					rows.length,
-					" ",
-					labels.rowsSuffix
-				]
-			})
-		})]
-	});
+//#region src/lib/sql/statements.ts
+/**
+* Split editor text into statements on top-level semicolons.
+*
+* Blank statements (two semicolons in a row, a trailing semicolon) are dropped.
+*/
+function splitSqlStatements(text) {
+	const out = [];
+	let segmentStart = 0;
+	let i = 0;
+	const length = text.length;
+	const push = (from, to) => {
+		let start = from;
+		let end = to;
+		while (start < end && /\s/.test(text[start])) start++;
+		while (end > start && /\s/.test(text[end - 1])) end--;
+		if (end > start) out.push({
+			text: text.slice(start, end),
+			start,
+			end
+		});
+	};
+	while (i < length) {
+		const ch = text[i];
+		const next = text[i + 1];
+		if (ch === "'" || ch === "\"" || ch === "`") {
+			i = skipQuoted(text, i, ch);
+			continue;
+		}
+		if (ch === "-" && next === "-") {
+			i = skipLineComment(text, i + 2);
+			continue;
+		}
+		if (ch === "/" && next === "*") {
+			i = skipBlockComment(text, i + 2);
+			continue;
+		}
+		if (ch === ";") {
+			push(segmentStart, i);
+			segmentStart = i + 1;
+		}
+		i++;
+	}
+	push(segmentStart, length);
+	return out;
+}
+/**
+* The statement the cursor is in, or the nearest one when the cursor sits in
+* the whitespace between two. `null` only when there are no statements.
+*
+* "Nearest" prefers the statement before the cursor: a reader who just typed a
+* semicolon and pressed run means the thing they finished, not the empty line
+* after it.
+*/
+function sqlStatementAtOffset(statements, offset) {
+	var _before;
+	if (statements.length === 0) return null;
+	let before = null;
+	for (const statement of statements) {
+		if (offset >= statement.start && offset <= statement.end) return statement;
+		if (statement.end < offset) before = statement;
+		else break;
+	}
+	return (_before = before) !== null && _before !== void 0 ? _before : statements[0];
+}
+/**
+* Whether the SQL uses a `{name}` placeholder outside strings and comments.
+* Also matches `{name.` and `{name(` so a `{filters(...)}` binding counts.
+*/
+function sqlUsesPlaceholder(sql, name) {
+	const needle = `{${name}`;
+	let i = 0;
+	const length = sql.length;
+	while (i < length) {
+		const ch = sql[i];
+		const next = sql[i + 1];
+		if (ch === "'" || ch === "\"" || ch === "`") {
+			i = skipQuoted(sql, i, ch);
+			continue;
+		}
+		if (ch === "-" && next === "-") {
+			i = skipLineComment(sql, i + 2);
+			continue;
+		}
+		if (ch === "/" && next === "*") {
+			i = skipBlockComment(sql, i + 2);
+			continue;
+		}
+		if (sql.startsWith(needle, i)) {
+			const after = sql[i + needle.length];
+			if (after === "}" || after === "." || after === "(") return true;
+		}
+		i++;
+	}
+	return false;
+}
+/**
+* Replace every `{name}` placeholder outside strings and comments with the
+* given text. A `{name(...)}` binding is left alone — that form carries
+* arguments the caller must interpret, and a blind substitution would corrupt it.
+*/
+function replaceSqlPlaceholder(sql, name, replacement) {
+	const needle = `{${name}}`;
+	let out = "";
+	let i = 0;
+	const length = sql.length;
+	while (i < length) {
+		const ch = sql[i];
+		const next = sql[i + 1];
+		let skipTo = -1;
+		if (ch === "'" || ch === "\"" || ch === "`") skipTo = skipQuoted(sql, i, ch);
+		else if (ch === "-" && next === "-") skipTo = skipLineComment(sql, i + 2);
+		else if (ch === "/" && next === "*") skipTo = skipBlockComment(sql, i + 2);
+		if (skipTo !== -1) {
+			out += sql.slice(i, skipTo);
+			i = skipTo;
+			continue;
+		}
+		if (sql.startsWith(needle, i)) {
+			out += replacement;
+			i += needle.length;
+			continue;
+		}
+		out += ch;
+		i++;
+	}
+	return out;
+}
+/** Names of every `{name}` / `{name.x}` placeholder, in order of first use. */
+function sqlPlaceholderNames(sql) {
+	const names = [];
+	const seen = /* @__PURE__ */ new Set();
+	let i = 0;
+	const length = sql.length;
+	while (i < length) {
+		const ch = sql[i];
+		const next = sql[i + 1];
+		if (ch === "'" || ch === "\"" || ch === "`") {
+			i = skipQuoted(sql, i, ch);
+			continue;
+		}
+		if (ch === "-" && next === "-") {
+			i = skipLineComment(sql, i + 2);
+			continue;
+		}
+		if (ch === "/" && next === "*") {
+			i = skipBlockComment(sql, i + 2);
+			continue;
+		}
+		if (ch === "{") {
+			const match = /^\{([A-Za-z_][A-Za-z0-9_]*)/.exec(sql.slice(i));
+			if (match) {
+				const name = match[1];
+				if (!seen.has(name)) {
+					seen.add(name);
+					names.push(name);
+				}
+				i += match[0].length;
+				continue;
+			}
+		}
+		i++;
+	}
+	return names;
+}
+function skipQuoted(text, from, quote) {
+	let i = from + 1;
+	const length = text.length;
+	while (i < length) {
+		const ch = text[i];
+		if (ch === "\\") {
+			i += 2;
+			continue;
+		}
+		if (ch === quote) {
+			if (text[i + 1] === quote) {
+				i += 2;
+				continue;
+			}
+			return i + 1;
+		}
+		i++;
+	}
+	return length;
+}
+function skipLineComment(text, from) {
+	let i = from;
+	const length = text.length;
+	while (i < length && text[i] !== "\n") i++;
+	return i;
+}
+function skipBlockComment(text, from) {
+	let i = from;
+	const length = text.length;
+	while (i < length) {
+		if (text[i] === "*" && text[i + 1] === "/") return i + 2;
+		i++;
+	}
+	return length;
 }
-QueryResultsTable.displayName = "QueryResultsTable";
 //#endregion
 //#region src/shells/alert-builder.tsx
-const defaultLabels$23 = {
+const defaultLabels$22 = {
 	alertNameLabel: "Alert name",
 	conditionsLabel: "Conditions",
 	metricLabel: "Metric",
@@ -2648,7 +2589,7 @@ function AlertBuilder({ value, onChange, metrics = [
 ], labels: customLabels, className }) {
 	const resolvedMetrics = eventOptions ? eventOptions.map((e) => e.id) : metrics;
 	const metricLabelMap = eventOptions ? Object.fromEntries(eventOptions.map((e) => [e.id, e.name])) : null;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$22), customLabels);
 	const alertNameId = React.useId();
 	const conditionsId = React.useId();
 	const checkFrequencyId = React.useId();
@@ -2802,186 +2743,6 @@ function AlertBuilder({ value, onChange, metrics = [
 }
 AlertBuilder.displayName = "AlertBuilder";
 //#endregion
-//#region src/shells/sql-editor.tsx
-const defaultLabels$22 = {
-	placeholder: "SELECT * FROM events LIMIT 100",
-	runHint: "Ctrl+Enter to run",
-	runButton: "Run Query",
-	editor: "SQL 편집기"
-};
-/** Renders the sql editor component. */
-function SqlEditor({ value, onChange, onRun, onRunAndAdvance, placeholder, readOnly = false, height = 200, schema, completionSources, keymap: customKeymap, extensions: customExtensions, ariaLabel, autoFocus = false, showFooter, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$22), customLabels);
-	const fill = height === "fill";
-	const footerVisible = showFooter !== null && showFooter !== void 0 ? showFooter : Boolean(onRun);
-	const editorRef = React.useRef(null);
-	const viewRef = React.useRef(null);
-	const completionCompartmentRef = React.useRef(null);
-	const editableCompartmentRef = React.useRef(null);
-	const buildCompletionRef = React.useRef(null);
-	const latestValueRef = React.useRef(value);
-	const onChangeRef = React.useRef(onChange);
-	const onRunRef = React.useRef(onRun);
-	const onRunAndAdvanceRef = React.useRef(onRunAndAdvance);
-	const customKeymapRef = React.useRef(customKeymap);
-	const schemaRef = React.useRef(schema);
-	const completionSourcesRef = React.useRef(completionSources);
-	const autoFocusRef = React.useRef(autoFocus);
-	latestValueRef.current = value;
-	onChangeRef.current = onChange;
-	onRunRef.current = onRun;
-	onRunAndAdvanceRef.current = onRunAndAdvance;
-	customKeymapRef.current = customKeymap;
-	schemaRef.current = schema;
-	completionSourcesRef.current = completionSources;
-	autoFocusRef.current = autoFocus;
-	const autocompleteEnabled = React.useRef(schema !== void 0 || completionSources !== void 0).current;
-	React.useEffect(() => {
-		let view = null;
-		let cancelled = false;
-		async function init() {
-			var _customKeymapRef$curr;
-			const parent = editorRef.current;
-			if (!parent) return;
-			const [{ EditorView, keymap: cmKeymap, placeholder: cmPlaceholder }, { Compartment, EditorState }, langSql, { oneDark }, autocomplete] = await Promise.all([
-				import("@codemirror/view"),
-				import("@codemirror/state"),
-				import("@codemirror/lang-sql"),
-				import("@codemirror/theme-one-dark"),
-				autocompleteEnabled ? import("@codemirror/autocomplete") : Promise.resolve(null)
-			]);
-			if (cancelled || !parent.isConnected) return;
-			const completionCompartment = new Compartment();
-			const editableCompartment = new Compartment();
-			completionCompartmentRef.current = completionCompartment;
-			editableCompartmentRef.current = editableCompartment;
-			const buildCompletion = (nextSchema, nextSources) => {
-				if (!autocomplete) return [];
-				const dialect = langSql.PostgreSQL;
-				return [autocomplete.autocompletion({ override: [
-					langSql.schemaCompletionSource({
-						dialect,
-						schema: nextSchema !== null && nextSchema !== void 0 ? nextSchema : {}
-					}),
-					langSql.keywordCompletionSource(dialect),
-					...nextSources !== null && nextSources !== void 0 ? nextSources : []
-				] }), cmKeymap.of(autocomplete.completionKeymap)];
-			};
-			buildCompletionRef.current = buildCompletion;
-			const runKeymap = [{
-				key: "Shift-Enter",
-				run: (target) => {
-					const handler = onRunAndAdvanceRef.current;
-					if (!handler) return false;
-					handler(target.state.doc.toString());
-					return true;
-				}
-			}, {
-				key: "Mod-Enter",
-				run: (target) => {
-					const handler = onRunRef.current;
-					if (!handler) return false;
-					handler(target.state.doc.toString());
-					return true;
-				}
-			}];
-			const extensions = [
-				langSql.PostgreSQL.extension,
-				completionCompartment.of(buildCompletion(schemaRef.current, completionSourcesRef.current)),
-				oneDark,
-				cmKeymap.of([...(_customKeymapRef$curr = customKeymapRef.current) !== null && _customKeymapRef$curr !== void 0 ? _customKeymapRef$curr : [], ...runKeymap]),
-				EditorView.theme({
-					"&": { height: "100%" },
-					"&.cm-focused": {
-						outline: "2px solid var(--opt-ring)",
-						outlineOffset: "-2px"
-					},
-					".cm-scroller": {
-						height: "100%",
-						overflow: "auto"
-					}
-				}),
-				cmPlaceholder(placeholder !== null && placeholder !== void 0 ? placeholder : labels.placeholder),
-				EditorView.lineWrapping,
-				EditorView.updateListener.of((update) => {
-					if (update.docChanged) onChangeRef.current(update.state.doc.toString());
-				}),
-				editableCompartment.of(EditorView.editable.of(!readOnly)),
-				EditorView.contentAttributes.of({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : labels.editor }),
-				...customExtensions !== null && customExtensions !== void 0 ? customExtensions : []
-			];
-			view = new EditorView({
-				state: EditorState.create({
-					doc: latestValueRef.current,
-					extensions
-				}),
-				parent
-			});
-			viewRef.current = view;
-			if (autoFocusRef.current) view.focus();
-		}
-		init();
-		return () => {
-			cancelled = true;
-			view === null || view === void 0 || view.destroy();
-			if (viewRef.current === view) viewRef.current = null;
-			completionCompartmentRef.current = null;
-			editableCompartmentRef.current = null;
-			buildCompletionRef.current = null;
-		};
-	}, []);
-	React.useEffect(() => {
-		const view = viewRef.current;
-		if (view && view.state.doc.toString() !== value) view.dispatch({ changes: {
-			from: 0,
-			to: view.state.doc.length,
-			insert: value
-		} });
-	}, [value]);
-	React.useEffect(() => {
-		const view = viewRef.current;
-		const compartment = completionCompartmentRef.current;
-		const build = buildCompletionRef.current;
-		if (!view || !compartment || !build) return;
-		view.dispatch({ effects: compartment.reconfigure(build(schema, completionSources)) });
-	}, [schema, completionSources]);
-	React.useEffect(() => {
-		const view = viewRef.current;
-		const compartment = editableCompartmentRef.current;
-		if (!view || !compartment) return;
-		let cancelled = false;
-		import("@codemirror/view").then(({ EditorView }) => {
-			if (cancelled || viewRef.current !== view) return;
-			view.dispatch({ effects: compartment.reconfigure(EditorView.editable.of(!readOnly)) });
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [readOnly]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("gap-element flex flex-col", fill && "h-full min-h-0", className),
-		"data-opt-id": "RSGKV",
-		"data-opt-slug": "sql-editor.SqlEditor",
-		children: [/* @__PURE__ */ jsx("div", {
-			ref: editorRef,
-			className: cn("border-border overflow-hidden rounded-lg border", fill && "min-h-0 flex-1"),
-			style: fill ? void 0 : { height }
-		}), footerVisible && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-none items-center justify-between",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-text-tertiary text-xs",
-				children: labels.runHint
-			}), onRun && /* @__PURE__ */ jsx(Button, {
-				variant: "primary",
-				size: "sm",
-				onClick: () => onRun(value),
-				children: labels.runButton
-			})]
-		})]
-	});
-}
-SqlEditor.displayName = "SqlEditor";
-//#endregion
 //#region src/shells/event-meta-editor.tsx
 const defaultLabels$21 = {
 	icon: "Icon",
@@ -4565,28 +4326,6 @@ function matchesQueryObject(query, row, options = {}) {
 	return matchesQuery(query, read, searchable);
 }
 //#endregion
-//#region src/lib/use-media-query.ts
-/**
-* Whether a media query matches, kept in sync with the browser.
-*
-* `useSyncExternalStore` rather than an effect: a layout that switches on width
-* must not render the wrong shape for a frame first. The server snapshot is the
-* caller's `serverFallback`, because the server does not know the viewport and
-* guessing "narrow" collapses a wide layout on every first paint.
-*
-* Internal. Exported from `lib` for the components in this package, not from
-* the package barrel — a hook that answers "is this viewport wide" invites
-* layout decisions that belong in CSS.
-*/
-function useMediaQuery(query, serverFallback = false) {
-	return useSyncExternalStore((onChange) => {
-		if (typeof window === "undefined") return () => {};
-		const list = window.matchMedia(query);
-		list.addEventListener("change", onChange);
-		return () => list.removeEventListener("change", onChange);
-	}, () => typeof window === "undefined" ? serverFallback : window.matchMedia(query).matches, () => serverFallback);
-}
-//#endregion
 //#region src/shells/inspector-layout.tsx
 /** Tailwind needs whole class names, so the queries and widths are literals. */
 const breakpointQuery = {
@@ -5122,853 +4861,6 @@ function ComparisonSelector({ segments, valueA, valueB, onChangeA, onChangeB, va
 	});
 }
 ComparisonSelector.displayName = "ComparisonSelector";
-const THEME_REGISTRY = {
-	default: {
-		id: "default",
-		label: "Default",
-		description: "Blue accent, balanced radius & shadow",
-		palette: {
-			seed: "#2563eb",
-			harmony: "split-complementary",
-			radiusScale: "medium",
-			shadowIntensity: "subtle",
-			neutralTemperature: "cool"
-		},
-		switcherSwatches: [
-			"hsl(221 83% 53%)",
-			"hsl(142 71% 45%)",
-			"hsl(38 92% 50%)"
-		]
-	},
-	minimal: {
-		id: "minimal",
-		label: "Minimal",
-		description: "Monochrome, no shadow, sharp edges",
-		palette: {
-			seed: "#333333",
-			harmony: "analogous",
-			radiusScale: "sharp",
-			shadowIntensity: "none",
-			neutralTemperature: "cool"
-		},
-		switcherSwatches: [
-			"hsl(0 0% 20%)",
-			"hsl(0 0% 45%)",
-			"hsl(0 0% 70%)"
-		]
-	},
-	natural: {
-		id: "natural",
-		label: "Natural",
-		description: "Always light — sage accent, warm cream",
-		forceLightOnly: true,
-		palette: {
-			seed: "#5a9376",
-			harmony: "complementary",
-			radiusScale: "medium",
-			shadowIntensity: "subtle",
-			neutralTemperature: "warm"
-		},
-		switcherSwatches: [
-			"hsl(155 38% 45%)",
-			"hsl(25 65% 55%)",
-			"hsl(45 75% 50%)"
-		]
-	},
-	pro: {
-		id: "pro",
-		label: "Pro",
-		description: "Neon blue accent, mono headings, ultra-dense",
-		palette: {
-			seed: "#0080ff",
-			harmony: "tetradic",
-			radiusScale: "sharp",
-			shadowIntensity: "subtle",
-			neutralTemperature: "cool"
-		},
-		switcherSwatches: [
-			"hsl(210 100% 55%)",
-			"hsl(170 90% 48%)",
-			"hsl(290 85% 60%)"
-		]
-	},
-	"mono-dark": {
-		id: "mono-dark",
-		label: "Mono Dark",
-		description: "OLED-friendly black, neon cyan accent, mono headings",
-		palette: {
-			seed: "#00d4ff",
-			harmony: "tetradic",
-			radiusScale: "sharp",
-			shadowIntensity: "subtle",
-			neutralTemperature: "cool"
-		},
-		switcherSwatches: [
-			"hsl(190 100% 50%)",
-			"hsl(0 0% 8%)",
-			"hsl(280 90% 65%)"
-		]
-	}
-};
-/** All registered preset ids in declaration order. */
-const THEME_PRESET_IDS = Object.keys(THEME_REGISTRY);
-/** Look up a descriptor by id. Returns `undefined` for unknown ids. */
-function getThemeDescriptor(id) {
-	return THEME_REGISTRY[id];
-}
-/** Type guard for a known preset id. */
-function isThemePresetId(id) {
-	return id in THEME_REGISTRY;
-}
-/** Preset ids that suppress dark mode generation. */
-const FORCE_LIGHT_PRESET_IDS = new Set(THEME_PRESET_IDS.filter((id) => THEME_REGISTRY[id].forceLightOnly));
-/**
-* Map from removed preset ids to the closest surviving preset. Boot script and
-* `readStoredTheme` consult this so users with persisted `corporate`/`playful`
-* values silently land on a working preset on next page load instead of
-* showing the global default fallback for an unknown id.
-*
-* Keep this around indefinitely — localStorage values are forever and the
-* cost of two extra entries is negligible.
-*/
-const DEPRECATED_PRESET_MIGRATIONS = Object.freeze({
-	corporate: "default",
-	playful: "default"
-});
-/**
-* Resolve a possibly-deprecated preset id to a registered one. Returns the
-* input unchanged when it is already valid; returns the migration target when
-* it is a known deprecated id; returns `null` when the id is unknown
-* altogether (caller should fall back to its default).
-*/
-function migrateDeprecatedPresetId(id) {
-	if (!id) return null;
-	if (isThemePresetId(id)) return id;
-	if (id in DEPRECATED_PRESET_MIGRATIONS) return DEPRECATED_PRESET_MIGRATIONS[id];
-	return null;
-}
-//#endregion
-//#region src/lib/theme/theme-types.ts
-/**
-* Author canonical theme overrides with token-name autocomplete.
-* ThemeOverrides remains broad for backward compatibility with older custom
-* variables; new themes should use this helper as the governed entry point.
-*/
-function defineThemeOverrides(overrides) {
-	return overrides;
-}
-/** Construct a `PresetThemeSpec` — convenience for the common case. */
-function presetTheme(preset, overrides) {
-	return overrides ? {
-		kind: "preset",
-		preset,
-		overrides
-	} : {
-		kind: "preset",
-		preset
-	};
-}
-/** Construct a `GeneratedThemeSpec` from an inline `PaletteConfig`. */
-function generatedTheme(palette, options) {
-	return _objectSpread2({
-		kind: "generated",
-		palette
-	}, options);
-}
-/** True when `spec` references a registered preset id. */
-function isPresetSpec(spec) {
-	return spec.kind === "preset";
-}
-/** True when `spec` carries an inline `PaletteConfig`. */
-function isGeneratedSpec(spec) {
-	return spec.kind === "generated";
-}
-/** True when `spec` wraps a fully-formed `ThemeDescriptor`. */
-function isDescriptorSpec(spec) {
-	return spec.kind === "descriptor";
-}
-//#endregion
-//#region src/lib/theme/theme-serialize.ts
-/**
-* theme-serialize.ts
-*
-* Pure helpers that turn a `ThemeSpec` into the artifacts the runtime needs:
-* resolved descriptor + mode, computed token maps for generated palettes, and
-* `<style>` CSS strings ready to be injected into `<head>`.
-*
-* Kept side-effect free so the boot script and the provider can share the
-* same logic without dragging React into the client bundle's critical path.
-*/
-/** Element id used for the global generated theme style tag. */
-const GLOBAL_THEME_STYLE_ID = "opt-global-theme";
-/** localStorage key for the persisted ThemeSpec (generated mode). */
-const THEME_SPEC_STORAGE_KEY = "opt-theme-spec";
-/**
-* localStorage key for the cached, pre-serialized token maps that match the
-* spec under `THEME_SPEC_STORAGE_KEY`. The boot script reads this directly so
-* it can inline tokens without invoking opt-palette at startup.
-*/
-const THEME_TOKENS_STORAGE_KEY = "opt-theme-tokens";
-/** Stable id used for unnamed generated themes. */
-const GENERATED_THEME_ID_DEFAULT = "generated";
-/** Cached token maps keyed by spec hash. Lazy-built per process. */
-const generatedCache = /* @__PURE__ */ new Map();
-/** Build a stable cache key for a `PaletteConfig`. */
-function paletteCacheKey(config) {
-	return JSON.stringify(config);
-}
-/** Run opt-palette with caching. */
-function generatePaletteCached(config) {
-	const key = paletteCacheKey(config);
-	let cached = generatedCache.get(key);
-	if (!cached) {
-		cached = generatePalette(config);
-		generatedCache.set(key, cached);
-	}
-	return cached;
-}
-/** Apply sparse override maps onto a base token record. */
-function applyOverrides(base, overrides, mode) {
-	if (!overrides) return base;
-	const merged = _objectSpread2({}, base);
-	if (overrides.shared) Object.assign(merged, overrides.shared);
-	const modeOverrides = mode === "light" ? overrides.light : overrides.dark;
-	if (modeOverrides) Object.assign(merged, modeOverrides);
-	return merged;
-}
-/**
-* Stable id used in `<html data-theme>` and the `<style>` selector.
-* - preset → the preset id (force-light) or `${id}` / `${id}-dark`
-* - generated → `spec.id ?? "generated"` with `-dark` suffix when applicable
-* - descriptor → `descriptor.id` with same suffix logic
-*/
-function getCompoundIdForSpec(spec, resolvedMode, forceLightOnly) {
-	const baseId = baseIdFor(spec);
-	if (forceLightOnly) return baseId;
-	return resolvedMode === "dark" ? `${baseId}-dark` : baseId;
-}
-function baseIdFor(spec) {
-	var _spec$id;
-	if (isPresetSpec(spec)) return spec.preset;
-	if (isDescriptorSpec(spec)) return spec.descriptor.id;
-	return (_spec$id = spec.id) !== null && _spec$id !== void 0 ? _spec$id : GENERATED_THEME_ID_DEFAULT;
-}
-/** Whether the given spec emits dark variants at all. */
-function isForceLightSpec(spec) {
-	if (isPresetSpec(spec)) {
-		const desc = THEME_REGISTRY[spec.preset];
-		return (desc === null || desc === void 0 ? void 0 : desc.forceLightOnly) === true;
-	}
-	if (isDescriptorSpec(spec)) return spec.descriptor.forceLightOnly === true;
-	return spec.forceLightOnly === true;
-}
-/**
-* Compute the inline tokens for a `GeneratedThemeSpec` or
-* `DescriptorThemeSpec` whose descriptor carries a `palette`. Returns `null`
-* for preset specs (their tokens live in the static CSS files).
-*/
-function computeGeneratedTokens(spec) {
-	if (isPresetSpec(spec)) return null;
-	let palette;
-	let overrides;
-	let id;
-	let forceLight;
-	if (isGeneratedSpec(spec)) {
-		var _spec$id2;
-		palette = spec.palette;
-		overrides = spec.overrides;
-		id = (_spec$id2 = spec.id) !== null && _spec$id2 !== void 0 ? _spec$id2 : GENERATED_THEME_ID_DEFAULT;
-		forceLight = spec.forceLightOnly === true;
-	} else {
-		palette = spec.descriptor.palette;
-		overrides = spec.overrides;
-		id = spec.descriptor.id;
-		forceLight = spec.descriptor.forceLightOnly === true;
-	}
-	if (!palette) return null;
-	const generated = generatePaletteCached(palette);
-	return {
-		id,
-		light: applyOverrides(generated.light, overrides, "light"),
-		dark: forceLight ? null : applyOverrides(generated.dark, overrides, "dark")
-	};
-}
-/**
-* Serialize a token record into a CSS rule body — `--name:value;...` — without
-* surrounding selector or braces. Values are not escaped; callers are
-* responsible for trusted input. Boot script and provider both rely on this
-* shape.
-*/
-function serializeTokenBody(tokens) {
-	return Object.entries(tokens).map(([k, v]) => `${k}:${v}`).join(";");
-}
-/**
-* Build a CSS rule scoped to `[data-theme="<id>"]`.
-*/
-function serializeThemeRule(themeId, tokens) {
-	return `[data-theme="${themeId}"]{${serializeTokenBody(tokens)}}`;
-}
-/**
-* Build the full CSS for a generated theme style tag — covers light + dark
-* selectors based on the computed tokens. Caller chooses the id used in
-* the selector (typically the spec base id).
-*/
-function serializeGeneratedTheme(tokens) {
-	const { id, light, dark } = tokens;
-	let css = serializeThemeRule(id, light);
-	if (dark) css += serializeThemeRule(`${id}-dark`, dark);
-	return css;
-}
-/**
-* Resolve a spec into its descriptor counterpart. Preset specs map to
-* `THEME_REGISTRY[preset]`. Generated specs are wrapped into a synthetic
-* descriptor so callers can treat them uniformly.
-*/
-function resolveDescriptor(spec) {
-	if (isPresetSpec(spec)) {
-		const desc = THEME_REGISTRY[spec.preset];
-		if (!desc) throw new Error(`[opt-ui] Unknown theme preset id: "${spec.preset}". Registered ids: ${Object.keys(THEME_REGISTRY).join(", ")}`);
-		return desc;
-	}
-	if (isDescriptorSpec(spec)) return spec.descriptor;
-	return generatedSpecToDescriptor(spec);
-}
-function generatedSpecToDescriptor(spec) {
-	var _spec$id3, _spec$label;
-	return {
-		id: (_spec$id3 = spec.id) !== null && _spec$id3 !== void 0 ? _spec$id3 : GENERATED_THEME_ID_DEFAULT,
-		label: (_spec$label = spec.label) !== null && _spec$label !== void 0 ? _spec$label : "Custom",
-		description: "Generated theme",
-		palette: spec.palette,
-		forceLightOnly: spec.forceLightOnly
-	};
-}
-/**
-* Validate a `ThemeSpec` parsed from localStorage. Returns the spec on
-* success or `null` if any required field is missing or the preset id is
-* unknown. Defensive parsing — never throws.
-*/
-function safeParseStoredSpec(json) {
-	if (!json) return null;
-	try {
-		const parsed = JSON.parse(json);
-		if (!parsed || typeof parsed !== "object" || !("kind" in parsed)) return null;
-		if (parsed.kind === "preset") {
-			const preset = parsed.preset;
-			if (typeof preset !== "string" || !isThemePresetId(preset)) return null;
-			return {
-				kind: "preset",
-				preset
-			};
-		}
-		if (parsed.kind === "generated") {
-			const palette = parsed.palette;
-			if (!isPaletteConfig(palette)) return null;
-			return {
-				kind: "generated",
-				palette,
-				id: typeof parsed.id === "string" ? parsed.id : void 0,
-				label: typeof parsed.label === "string" ? parsed.label : void 0,
-				forceLightOnly: parsed.forceLightOnly === true,
-				overrides: isObjectMap(parsed.overrides) ? parsed.overrides : void 0
-			};
-		}
-		return null;
-	} catch (_unused) {
-		return null;
-	}
-}
-function isObjectMap(value) {
-	return value !== null && typeof value === "object" && !Array.isArray(value);
-}
-function isPaletteConfig(value) {
-	if (!isObjectMap(value)) return false;
-	const v = value;
-	return typeof v.seed === "string" && typeof v.harmony === "string" && typeof v.radiusScale === "string" && typeof v.shadowIntensity === "string" && typeof v.neutralTemperature === "string";
-}
-/**
-* Parse the cached token payload from localStorage. Returns `null` on any
-* shape mismatch — caller will recompute from the spec.
-*/
-function safeParseStoredTokens(json) {
-	if (!json) return null;
-	try {
-		const parsed = JSON.parse(json);
-		if (!parsed || typeof parsed.id !== "string" || !isObjectMap(parsed.light)) return null;
-		return {
-			id: parsed.id,
-			light: parsed.light,
-			dark: isObjectMap(parsed.dark) ? parsed.dark : void 0
-		};
-	} catch (_unused2) {
-		return null;
-	}
-}
-/** Build the storage payload that pairs with `opt-theme-spec`. */
-function buildTokenCache(tokens) {
-	var _tokens$dark;
-	return {
-		id: tokens.id,
-		light: tokens.light,
-		dark: (_tokens$dark = tokens.dark) !== null && _tokens$dark !== void 0 ? _tokens$dark : void 0
-	};
-}
-//#endregion
-//#region src/lib/theme/theme-resolution.ts
-/**
-* Registered preset id list. Preferred for runtime iteration.
-* @deprecated Prefer `THEME_PRESET_IDS` from `./presets`.
-*/
-const THEME_PRESET_VALUES = THEME_PRESET_IDS;
-const THEME_MODE_VALUES = [
-	"light",
-	"dark",
-	"system"
-];
-const LEGACY_THEME_STORAGE_KEY = "opt-theme";
-const THEME_PRESET_STORAGE_KEY = "opt-preset";
-const THEME_MODE_STORAGE_KEY = "opt-mode";
-const DARK_MQ = "(prefers-color-scheme: dark)";
-/**
-* Presets that force light mode regardless of system dark/light preference.
-* Mirrors `FORCE_LIGHT_PRESET_IDS` from `./presets` — kept as alias for
-* existing imports.
-*/
-const FORCE_LIGHT_PRESETS = FORCE_LIGHT_PRESET_IDS;
-/** All valid compound theme names. Useful for static enumeration. */
-const ALL_COMPOUND_THEMES = THEME_PRESET_IDS.flatMap((id) => FORCE_LIGHT_PRESET_IDS.has(id) ? [id] : [id, `${id}-dark`]);
-function hasStorageMutation(storage) {
-	return typeof storage.setItem === "function" && typeof storage.removeItem === "function";
-}
-/** Handles is theme mode. */
-function isThemeMode(value) {
-	return typeof value === "string" && THEME_MODE_VALUES.includes(value);
-}
-/** Compute compound theme name from preset + resolved mode. */
-function getCompoundTheme(preset, resolvedMode) {
-	if (FORCE_LIGHT_PRESETS.has(preset)) return preset;
-	return resolvedMode === "dark" ? `${preset}-dark` : preset;
-}
-/** Handles resolve theme mode. */
-function resolveThemeMode(preset, mode, systemDark) {
-	if (FORCE_LIGHT_PRESETS.has(preset)) return "light";
-	if (mode === "system") return systemDark ? "dark" : "light";
-	return mode;
-}
-/** Handles read stored theme. */
-function readStoredTheme(storage, defaultPreset, defaultMode, options = {}) {
-	const legacy = storage.getItem(LEGACY_THEME_STORAGE_KEY);
-	const storedPreset = storage.getItem(THEME_PRESET_STORAGE_KEY);
-	const storedMode = storage.getItem(THEME_MODE_STORAGE_KEY);
-	let preset = defaultPreset;
-	if (typeof legacy === "string") {
-		const migratedLegacy = migrateDeprecatedPresetId(legacy);
-		if (migratedLegacy) {
-			if (options.migrateLegacy && hasStorageMutation(storage)) {
-				storage.setItem(THEME_PRESET_STORAGE_KEY, migratedLegacy);
-				storage.removeItem(LEGACY_THEME_STORAGE_KEY);
-			}
-			preset = migratedLegacy;
-		}
-	} else if (typeof storedPreset === "string") {
-		const migrated = migrateDeprecatedPresetId(storedPreset);
-		if (migrated) {
-			preset = migrated;
-			if (hasStorageMutation(storage) && migrated !== storedPreset && storedPreset in DEPRECATED_PRESET_MIGRATIONS) storage.setItem(THEME_PRESET_STORAGE_KEY, migrated);
-		}
-	}
-	const mode = isThemeMode(storedMode) ? storedMode : defaultMode;
-	return {
-		preset,
-		mode
-	};
-}
-/** Normalize a mode against an optional allowed-mode list. */
-function coerceThemeMode(mode, allowedModes, fallback = "system") {
-	var _allowedModes$;
-	if (!allowedModes || allowedModes.length === 0) return mode;
-	if (allowedModes.includes(mode)) return mode;
-	if (allowedModes.includes(fallback)) return fallback;
-	return (_allowedModes$ = allowedModes[0]) !== null && _allowedModes$ !== void 0 ? _allowedModes$ : fallback;
-}
-/**
-* Build the inline `<head>` boot script that paints the correct theme before
-* React mounts. Two paths:
-*
-* 1. **Generated** — when both `opt-theme-spec` (kind: "generated") and
-*    `opt-theme-tokens` are present and well-formed, a `<style id="…">` tag
-*    is inserted with the cached tokens and `<html data-theme>` is set to the
-*    generated id (with optional `-dark` suffix). This bypasses opt-palette
-*    at startup so first paint is instant.
-* 2. **Preset (legacy)** — falls through to the existing preset selector,
-*    including legacy `opt-theme` → `opt-preset` migration.
-*
-* Returned as a single minified line; intended for `dangerouslySetInnerHTML`.
-*/
-function createThemeBootScript(defaultPreset = "default", defaultMode = "system", options = {}) {
-	var _options$allowedModes, _allowedModes$2;
-	const presetValues = JSON.stringify(THEME_PRESET_VALUES);
-	const modeValues = JSON.stringify(THEME_MODE_VALUES);
-	const allowedModes = ((_options$allowedModes = options.allowedModes) === null || _options$allowedModes === void 0 ? void 0 : _options$allowedModes.length) ? options.allowedModes : THEME_MODE_VALUES;
-	const allowedModeValues = JSON.stringify(allowedModes);
-	const forceLightPresets = JSON.stringify(Array.from(FORCE_LIGHT_PRESETS));
-	const deprecatedMap = JSON.stringify(DEPRECATED_PRESET_MIGRATIONS);
-	const lockedPreset = options.lockedPreset;
-	const defaultPresetLiteral = JSON.stringify(lockedPreset !== null && lockedPreset !== void 0 ? lockedPreset : defaultPreset);
-	const defaultModeLiteral = JSON.stringify(coerceThemeMode(defaultMode, allowedModes, (_allowedModes$2 = allowedModes[0]) !== null && _allowedModes$2 !== void 0 ? _allowedModes$2 : "system"));
-	const lockedPresetLiteral = JSON.stringify(lockedPreset !== null && lockedPreset !== void 0 ? lockedPreset : null);
-	const styleId = JSON.stringify(GLOBAL_THEME_STYLE_ID);
-	const specKey = JSON.stringify(THEME_SPEC_STORAGE_KEY);
-	const tokensKey = JSON.stringify(THEME_TOKENS_STORAGE_KEY);
-	const presetKey = JSON.stringify(THEME_PRESET_STORAGE_KEY);
-	const modeKey = JSON.stringify(THEME_MODE_STORAGE_KEY);
-	const legacyKey = JSON.stringify(LEGACY_THEME_STORAGE_KEY);
-	const darkMq = JSON.stringify(DARK_MQ);
-	return `
-try {
-  var pv=${presetValues},mv=${modeValues},am=${allowedModeValues},fp=${forceLightPresets},dm=${deprecatedMap},lk=${lockedPresetLiteral};
-  function mp(v){if(typeof v!=="string")return null;if(pv.indexOf(v)>=0)return v;return Object.prototype.hasOwnProperty.call(dm,v)?dm[v]:null;}
-  var p=${defaultPresetLiteral};
-  if(!lk){
-    var lp=localStorage.getItem(${legacyKey}),sp=localStorage.getItem(${presetKey});
-    var lpm=mp(lp),spm=mp(sp);
-    p=lpm||spm||${defaultPresetLiteral};
-    if(lpm){localStorage.setItem(${presetKey},lpm);localStorage.removeItem(${legacyKey});}
-    else if(sp&&spm&&sp!==spm){localStorage.setItem(${presetKey},spm);}
-  }
-  var sm=localStorage.getItem(${modeKey});
-  var m=(typeof sm==="string"&&mv.indexOf(sm)>=0&&am.indexOf(sm)>=0)?sm:${defaultModeLiteral};
-  var spec=null,tk=null;
-  if(!lk){try{var sj=localStorage.getItem(${specKey});if(sj)spec=JSON.parse(sj);}catch(e){}}
-  if(!lk){try{var tj=localStorage.getItem(${tokensKey});if(tj)tk=JSON.parse(tj);}catch(e){}}
-  if(!lk&&spec&&spec.kind==="generated"&&tk&&typeof tk.id==="string"&&tk.light&&typeof tk.light==="object"){
-    var fld=spec.forceLightOnly===true;
-    var dk=!fld&&(m==="dark"||(m==="system"&&matchMedia(${darkMq}).matches));
-    var tt=(dk&&tk.dark)?tk.dark:tk.light;
-    var cid=(dk&&tk.dark)?(tk.id+"-dark"):tk.id;
-    var css="";
-    for(var k in tt){if(Object.prototype.hasOwnProperty.call(tt,k))css+=k+":"+tt[k]+";"}
-    var st=document.getElementById(${styleId});
-    if(!st){st=document.createElement("style");st.id=${styleId};document.head.appendChild(st);}
-    st.textContent='[data-theme="'+cid+'"]{'+css+'}';
-    document.documentElement.setAttribute("data-theme",cid);
-  } else {
-    var d=fp.indexOf(p)<0&&(m==="dark"||(m==="system"&&matchMedia(${darkMq}).matches));
-    document.documentElement.setAttribute("data-theme",d?p+"-dark":p);
-  }
-} catch(e){}`.replace(/\n\s*/g, "");
-}
-//#endregion
-//#region src/lib/theme/theme-controller-context.tsx
-const OptThemeControllerContext = createContext(null);
-/**
-* Reads the controller exposed by the nearest `OptThemeProvider`. Returns
-* `null` when used outside a provider — callers should treat that as "no
-* promotion available" and behave as if scope === "override".
-*/
-function useOptThemeController() {
-	return useContext(OptThemeControllerContext);
-}
-//#endregion
-//#region src/lib/theme/theme-provider.tsx
-const THEME_STORAGE_KEYS = /* @__PURE__ */ new Set([
-	LEGACY_THEME_STORAGE_KEY,
-	THEME_PRESET_STORAGE_KEY,
-	THEME_MODE_STORAGE_KEY,
-	THEME_SPEC_STORAGE_KEY,
-	THEME_TOKENS_STORAGE_KEY
-]);
-function getSystemDark() {
-	if (typeof window === "undefined") return false;
-	return window.matchMedia(DARK_MQ).matches;
-}
-function subscribeSystemDark(cb) {
-	if (typeof window === "undefined") return () => {};
-	const mql = window.matchMedia(DARK_MQ);
-	mql.addEventListener("change", cb);
-	return () => mql.removeEventListener("change", cb);
-}
-/**
-* Read the persisted ThemeSpec, preferring a generated spec when present.
-* Falls back to the legacy preset path otherwise. Does not touch localStorage
-* apart from the legacy migration handled by `readStoredTheme`.
-*/
-function readStoredSpec(defaultPreset, defaultMode, options = {}) {
-	const generated = safeParseStoredSpec(window.localStorage.getItem(THEME_SPEC_STORAGE_KEY));
-	const { preset, mode } = readStoredTheme(window.localStorage, defaultPreset, defaultMode, options);
-	if (generated && generated.kind === "generated") return {
-		spec: generated,
-		mode,
-		presetShadow: preset
-	};
-	return {
-		spec: presetTheme(preset),
-		mode,
-		presetShadow: preset
-	};
-}
-function persistSpec(spec) {
-	if (isPresetSpec(spec)) {
-		window.localStorage.setItem(THEME_PRESET_STORAGE_KEY, spec.preset);
-		window.localStorage.removeItem(THEME_SPEC_STORAGE_KEY);
-		window.localStorage.removeItem(THEME_TOKENS_STORAGE_KEY);
-		return;
-	}
-	if (isGeneratedSpec(spec)) {
-		const tokens = computeGeneratedTokens(spec);
-		window.localStorage.setItem(THEME_SPEC_STORAGE_KEY, JSON.stringify(spec));
-		if (tokens) window.localStorage.setItem(THEME_TOKENS_STORAGE_KEY, JSON.stringify(buildTokenCache(tokens)));
-		else window.localStorage.removeItem(THEME_TOKENS_STORAGE_KEY);
-		return;
-	}
-	const descriptor = spec.descriptor;
-	if (isThemePresetId(descriptor.id) && !descriptor.palette) {
-		window.localStorage.setItem(THEME_PRESET_STORAGE_KEY, descriptor.id);
-		window.localStorage.removeItem(THEME_SPEC_STORAGE_KEY);
-		window.localStorage.removeItem(THEME_TOKENS_STORAGE_KEY);
-		return;
-	}
-	if (descriptor.palette) persistSpec({
-		kind: "generated",
-		id: descriptor.id,
-		label: descriptor.label,
-		palette: descriptor.palette,
-		forceLightOnly: descriptor.forceLightOnly
-	});
-}
-function upsertGlobalStyle(css) {
-	if (typeof document === "undefined") return;
-	let node = document.getElementById(GLOBAL_THEME_STYLE_ID);
-	if (!node) {
-		node = document.createElement("style");
-		node.id = GLOBAL_THEME_STYLE_ID;
-		document.head.appendChild(node);
-	}
-	if (node.textContent !== css) node.textContent = css;
-}
-function removeGlobalStyle() {
-	var _document$getElementB;
-	if (typeof document === "undefined") return;
-	(_document$getElementB = document.getElementById("opt-global-theme")) === null || _document$getElementB === void 0 || _document$getElementB.remove();
-}
-const ThemeContext = createContext(void 0);
-/** Renders the opt theme provider component. */
-function OptThemeProvider({ children, defaultTheme, controlledTheme, defaultPreset = "default", defaultMode = "system", lockedPreset, allowedModes, allowThemePromotion = true }) {
-	var _allowedModes$, _ref, _effectiveStackTop$sp;
-	const normalizedDefaultMode = coerceThemeMode(defaultMode, allowedModes, (_allowedModes$ = allowedModes === null || allowedModes === void 0 ? void 0 : allowedModes[0]) !== null && _allowedModes$ !== void 0 ? _allowedModes$ : "system");
-	const initialSpec = (_ref = controlledTheme !== null && controlledTheme !== void 0 ? controlledTheme : lockedPreset ? presetTheme(lockedPreset) : defaultTheme) !== null && _ref !== void 0 ? _ref : presetTheme(defaultPreset);
-	const initialPresetShadow = isPresetSpec(initialSpec) ? initialSpec.preset : lockedPreset !== null && lockedPreset !== void 0 ? lockedPreset : defaultPreset;
-	const [theme, setThemeState] = useState(initialSpec);
-	const [presetShadow, setPresetShadow] = useState(initialPresetShadow);
-	const [mode, setModeState] = useState(normalizedDefaultMode);
-	/**
-	* Transient theme override stack — descendants (typically harnesses in
-	* promote-global mode) push specs that take priority over `controlledTheme`
-	* and persisted state. The stack is intentionally kept out of localStorage.
-	*/
-	const [stack, setStack] = useState([]);
-	const isControlled = controlledTheme !== void 0;
-	const isLocked = !isControlled && lockedPreset !== void 0;
-	useEffect(() => {
-		if (!isControlled) return;
-		setThemeState(controlledTheme);
-		if (isPresetSpec(controlledTheme)) setPresetShadow(controlledTheme.preset);
-	}, [controlledTheme, isControlled]);
-	useEffect(() => {
-		if (isControlled) return;
-		if (isLocked) {
-			const locked = lockedPreset !== null && lockedPreset !== void 0 ? lockedPreset : defaultPreset;
-			const { mode: storedMode } = readStoredTheme(window.localStorage, locked, normalizedDefaultMode);
-			const nextMode = coerceThemeMode(storedMode, allowedModes, normalizedDefaultMode);
-			const nextSpec = presetTheme(locked);
-			setThemeState((prev) => themeEqual(prev, nextSpec) ? prev : nextSpec);
-			setPresetShadow((prev) => prev === locked ? prev : locked);
-			setModeState((prev) => prev === nextMode ? prev : nextMode);
-			return;
-		}
-		const next = readStoredSpec(defaultPreset, defaultMode, { migrateLegacy: true });
-		const nextMode = coerceThemeMode(next.mode, allowedModes, normalizedDefaultMode);
-		setThemeState((prev) => themeEqual(prev, next.spec) ? prev : next.spec);
-		setPresetShadow((prev) => prev === next.presetShadow ? prev : next.presetShadow);
-		setModeState((prev) => prev === nextMode ? prev : nextMode);
-	}, [
-		allowedModes,
-		isControlled,
-		isLocked,
-		lockedPreset,
-		normalizedDefaultMode
-	]);
-	useEffect(() => {
-		if (isControlled) return;
-		function handleStorage(event) {
-			if (event.storageArea && event.storageArea !== window.localStorage) return;
-			if (event.key != null && !THEME_STORAGE_KEYS.has(event.key)) return;
-			if (isLocked) {
-				const locked = lockedPreset !== null && lockedPreset !== void 0 ? lockedPreset : defaultPreset;
-				const { mode: storedMode } = readStoredTheme(window.localStorage, locked, normalizedDefaultMode);
-				const nextMode = coerceThemeMode(storedMode, allowedModes, normalizedDefaultMode);
-				const nextSpec = presetTheme(locked);
-				setThemeState((prev) => themeEqual(prev, nextSpec) ? prev : nextSpec);
-				setPresetShadow((prev) => prev === locked ? prev : locked);
-				setModeState((prev) => prev === nextMode ? prev : nextMode);
-				return;
-			}
-			const next = readStoredSpec(defaultPreset, defaultMode, { migrateLegacy: event.key === LEGACY_THEME_STORAGE_KEY });
-			const nextMode = coerceThemeMode(next.mode, allowedModes, normalizedDefaultMode);
-			setThemeState((prev) => themeEqual(prev, next.spec) ? prev : next.spec);
-			setPresetShadow((prev) => prev === next.presetShadow ? prev : next.presetShadow);
-			setModeState((prev) => prev === nextMode ? prev : nextMode);
-		}
-		window.addEventListener("storage", handleStorage);
-		return () => window.removeEventListener("storage", handleStorage);
-	}, [
-		allowedModes,
-		isControlled,
-		isLocked,
-		defaultMode,
-		defaultPreset,
-		lockedPreset,
-		normalizedDefaultMode
-	]);
-	const systemDark = useSyncExternalStore(subscribeSystemDark, getSystemDark, () => false);
-	const stackTop = stack.length > 0 ? stack[stack.length - 1] : null;
-	const effectiveStackTop = allowThemePromotion ? stackTop : null;
-	const isPromoted = effectiveStackTop !== null;
-	const effectiveSpec = (_effectiveStackTop$sp = effectiveStackTop === null || effectiveStackTop === void 0 ? void 0 : effectiveStackTop.spec) !== null && _effectiveStackTop$sp !== void 0 ? _effectiveStackTop$sp : theme;
-	const forceLight = isForceLightSpec(effectiveSpec);
-	const resolvedMode = computeResolvedMode(forceLight, mode, systemDark);
-	const compoundId = getCompoundIdForSpec(effectiveSpec, resolvedMode, forceLight);
-	const [hydrated, setHydrated] = useState(false);
-	useEffect(() => {
-		setHydrated(true);
-	}, []);
-	useEffect(() => {
-		if (!hydrated) return;
-		if (document.documentElement.getAttribute("data-theme") !== compoundId) document.documentElement.setAttribute("data-theme", compoundId);
-	}, [compoundId, hydrated]);
-	useEffect(() => {
-		if (isPresetSpec(effectiveSpec)) {
-			removeGlobalStyle();
-			return;
-		}
-		const tokens = computeGeneratedTokens(effectiveSpec);
-		if (!tokens) {
-			removeGlobalStyle();
-			return;
-		}
-		upsertGlobalStyle(serializeGeneratedTheme(tokens));
-		if (!isControlled && !isPromoted && effectiveSpec === theme) try {
-			window.localStorage.setItem(THEME_TOKENS_STORAGE_KEY, JSON.stringify(buildTokenCache(tokens)));
-		} catch (_unused) {}
-	}, [
-		effectiveSpec,
-		theme,
-		isControlled,
-		isPromoted
-	]);
-	const setTheme = useCallback((next) => {
-		if (isLocked) {
-			if (process.env.NODE_ENV !== "production") console.warn("[OptThemeProvider] setTheme called while lockedPreset is set — ignoring.");
-			return;
-		}
-		if (isControlled) {
-			if (process.env.NODE_ENV !== "production") console.warn("[OptThemeProvider] setTheme called while controlledTheme is set — ignoring.");
-			return;
-		}
-		setThemeState(next);
-		if (isPresetSpec(next)) setPresetShadow(next.preset);
-		try {
-			persistSpec(next);
-		} catch (_unused2) {}
-	}, [isControlled, isLocked]);
-	const setPreset = useCallback((p) => {
-		setTheme(presetTheme(p));
-	}, [setTheme]);
-	const setMode = useCallback((m) => {
-		const nextMode = coerceThemeMode(m, allowedModes, normalizedDefaultMode);
-		setModeState(nextMode);
-		if (!isControlled) try {
-			window.localStorage.setItem(THEME_MODE_STORAGE_KEY, nextMode);
-		} catch (_unused3) {}
-	}, [
-		allowedModes,
-		isControlled,
-		normalizedDefaultMode
-	]);
-	const controller = useMemo(() => ({
-		pushTheme(id, spec) {
-			if (!allowThemePromotion) return;
-			setStack((prev) => {
-				return [...prev.filter((entry) => entry.id !== id), {
-					id,
-					spec
-				}];
-			});
-		},
-		popTheme(id) {
-			if (!allowThemePromotion) return;
-			setStack((prev) => prev.filter((entry) => entry.id !== id));
-		}
-	}), [allowThemePromotion]);
-	const value = useMemo(() => ({
-		theme: effectiveSpec,
-		setTheme,
-		preset: presetShadow,
-		setPreset,
-		mode,
-		setMode,
-		resolvedMode,
-		isControlled,
-		isGenerated: !isPresetSpec(effectiveSpec),
-		isPromoted
-	}), [
-		effectiveSpec,
-		setTheme,
-		presetShadow,
-		setPreset,
-		mode,
-		setMode,
-		resolvedMode,
-		isControlled,
-		isPromoted
-	]);
-	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-		value,
-		children: /* @__PURE__ */ jsx(OptThemeControllerContext.Provider, {
-			value: controller,
-			children
-		})
-	});
-}
-/** Provides opt theme. */
-function useOptTheme() {
-	const ctx = useContext(ThemeContext);
-	if (!ctx) throw new Error("useOptTheme must be used within OptThemeProvider");
-	return ctx;
-}
-/** Reads opt theme context when present without requiring a provider. */
-function useOptionalOptTheme() {
-	return useContext(ThemeContext);
-}
-function computeResolvedMode(forceLight, mode, systemDark) {
-	if (forceLight) return "light";
-	if (mode === "system") return systemDark ? "dark" : "light";
-	return mode;
-}
-function themeEqual(a, b) {
-	if (a === b) return true;
-	if (a.kind !== b.kind) return false;
-	if (a.kind === "preset" && b.kind === "preset") return a.preset === b.preset && overridesEqual(a.overrides, b.overrides);
-	if (a.kind === "generated" && b.kind === "generated") return a.id === b.id && a.label === b.label && a.forceLightOnly === b.forceLightOnly && JSON.stringify(a.palette) === JSON.stringify(b.palette) && overridesEqual(a.overrides, b.overrides);
-	if (a.kind === "descriptor" && b.kind === "descriptor") return a.descriptor === b.descriptor && overridesEqual(a.overrides, b.overrides);
-	return false;
-}
-function overridesEqual(a, b) {
-	if (a === b) return true;
-	if (!a && !b) return true;
-	if (!a || !b) return false;
-	return JSON.stringify(a) === JSON.stringify(b);
-}
 //#endregion
 //#region src/shells/theme-switcher.tsx
 const FALLBACK_SWATCHES = [
@@ -9284,4 +8176,4 @@ const enStarRatingLabels = {
 };
 const enBreadcrumbLabels = { navAriaLabel: "Go to {label}" };
 //#endregion
-export { ALL_COMPOUND_THEMES, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActivityFeed, Alert, AlertBuilder, AlertDialogPanel, AppMenubar, AppShell, AsyncCombobox, AuditLog, AuditTimeline, AuthForm, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, BranchSelect, Breadcrumb, BulkActions, Button, COLOR_PRESETS, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogCellControls, CatalogFrame, CatalogRowActions, ChatInput, ChatMessageList, ChatSidebar, Checkbox, CheckboxGroup, CircularProgress, CodeDiffViewer, CodeSnippetViewer, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ColumnToggler, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteTrigger, CommandSeparator, CommandShortcut, ComparisonSelector, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, ConfirmDialog, ConnectionIndicator, Container, ContentTabs, CopyButton, DEFAULT_PRESETS, DEFAULT_TIME_PRESETS, DashboardGrid, DataImportWizard, DataTable, DateRangePicker, DeploymentTimeline, DescriptionList, DesignGuidePanel, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DomainTable, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, DynamicFieldForm, EMPTY_QUERY, EditorToolbar, EmptyState, EnvPanel, ErrorBoundary, EventIcon, EventMetaEditor, EventSparkline, EventTimeline, ExportButton, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, Facet, FacetGroup, FailureList, FaqAccordion, FeatureFlagPanel, FieldSidebar, FieldToken, FieldTokenLegend, FileUploadForm, FilterBar, FloatingActionBar, Flyout, FormCheckbox, FormColorPicker, FormControl, FormDateRangePicker, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormIconPicker, FormInput, FormLabel, FormNumberInput, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSlider, FormStarRating, FormSubmit, FormSwitch, FormTagInput, FormTextarea, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, Heading, Highlight, IconPicker, Identity, InlineEdit, InlineEditTable, Input, InsightsPanel, InspectorLayout, KanbanBoard, Kbd, KeyPadMenu, KeyValueEditor, LiveRegion, LoadingOverlay, LogTable, Logo, MegaMenu, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, MetricsCard, NotificationCenter, NotificationToast, NumberInput, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, OptThemeControllerContext, OptThemeProvider, OtpField, POPULAR_ICONS, PageAside, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, ProjectSwitcher, PromptTemplate, PropertyExplorer, QueryBar, QueryFilterBar, QueryResultsTable, QuickActions, Radio, RadioGroup, ReportBuilder, ReportWidget, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, RouteFocusManager, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, SavedFilters, ScoreBreakdown, ScrollArea, SearchCombobox, Section, SegmentBuilder, SegmentedControl, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, SettingsForm, ShaderSurface, Sidebar, SidebarNav, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, SpatialNavProvider, Spinner, SqlEditor, StarRating, StatCard, StatusDot, StatusSelect, StepBuilder, SummaryRow, Switch, THEME_PALETTES, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, Tab, TabList, TabPanel, TabsRoot, TagInput, TaskList, TeamMemberList, TemplatePicker, Text, TextTruncate, Textarea, ThemeSwitcher, TimeRangeControl, TimeRangeSelector, TimeSeriesPanel, ToastProvider, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, TreeTable, TrendChart, VerticalTabs, VirtualList, WebhookConfig, WidgetGrid, WizardForm, WorkflowCanvas, addClause, applyCellAction, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, createBlock, createBlock as createSurface, createThemeBootScript, defineThemeOverrides, describeClause, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, fieldValues, formatClause, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, formatQuery, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, hasActiveQuery, isDescriptorSpec, isEmptyQuery, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, matchesQuery, matchesQueryObject, parseQuery, parseQueryWithDiagnostics, presetTheme, queryFields, quoteValue, readStoredTheme, removeClause, resolveDescriptor, resolveFieldType, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, toast, useAutoRefresh, useControlledState, useFieldValue, useFormContext, useFormStore, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar, useToast, withFieldValue, withoutField };
+export { ALL_COMPOUND_THEMES, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActivityFeed, Alert, AlertBuilder, AlertDialogPanel, AppMenubar, AppShell, AsyncCombobox, AuditLog, AuditTimeline, AuthForm, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, BranchSelect, Breadcrumb, BulkActions, Button, COLOR_PRESETS, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogCellControls, CatalogFrame, CatalogRowActions, ChatInput, ChatMessageList, ChatSidebar, Checkbox, CheckboxGroup, CircularProgress, CodeDiffViewer, CodeSnippetViewer, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ColumnToggler, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteTrigger, CommandSeparator, CommandShortcut, ComparisonSelector, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, ConfirmDialog, ConnectionIndicator, Container, ContentTabs, CopyButton, DEFAULT_PRESETS, DEFAULT_TIME_PRESETS, DashboardGrid, DataImportWizard, DataTable, DateRangePicker, DeploymentTimeline, DescriptionList, DesignGuidePanel, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DomainTable, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, DynamicFieldForm, EMPTY_QUERY, EMPTY_QUERY_FILTERS, EditorToolbar, EmptyState, EnvPanel, ErrorBoundary, EventIcon, EventMetaEditor, EventSparkline, EventTimeline, ExportButton, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, Facet, FacetGroup, FailureList, FaqAccordion, FeatureFlagPanel, FieldSidebar, FieldToken, FieldTokenLegend, FileUploadForm, FilterBar, FloatingActionBar, Flyout, FormCheckbox, FormColorPicker, FormControl, FormDateRangePicker, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormIconPicker, FormInput, FormLabel, FormNumberInput, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSlider, FormStarRating, FormSubmit, FormSwitch, FormTagInput, FormTextarea, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, Heading, Highlight, IconPicker, Identity, InlineEdit, InlineEditTable, Input, InsightsPanel, InspectorLayout, KanbanBoard, Kbd, KeyPadMenu, KeyValueEditor, LiveRegion, LoadingOverlay, LogTable, Logo, MegaMenu, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, MetricsCard, NotificationCenter, NotificationToast, NumberInput, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, OptThemeControllerContext, OptThemeProvider, OtpField, POPULAR_ICONS, PageAside, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, ProjectSwitcher, PromptTemplate, PropertyExplorer, QueryBar, QueryFilterBar, QueryFiltersMenu, QueryHistoryList, QueryOutputPane, QueryResultChart, QueryResultsTable, QueryToolbar, QueryVariablesMenu, QueryWorkspace, QuickActions, Radio, RadioGroup, ReportBuilder, ReportWidget, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, RouteFocusManager, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, SaveQueryDialog, SavedFilters, SchemaTree, ScoreBreakdown, ScrollArea, SearchCombobox, Section, SegmentBuilder, SegmentedControl, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, SettingsForm, ShaderSurface, Sidebar, SidebarNav, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, SpatialNavProvider, Spinner, SqlEditor, StarRating, StatCard, StatusDot, StatusSelect, StepBuilder, SummaryRow, Switch, THEME_PALETTES, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, Tab, TabList, TabPanel, TabsRoot, TagInput, TaskList, TeamMemberList, TemplatePicker, Text, TextTruncate, Textarea, ThemeSwitcher, TimeRangeControl, TimeRangeSelector, TimeSeriesPanel, ToastProvider, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, TreeTable, TrendChart, VALUELESS_OPERATORS, VerticalTabs, VirtualList, WebhookConfig, WidgetGrid, WizardForm, WorkflowCanvas, addClause, applyCellAction, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, countActiveQueryFilters, createBlock, createBlock as createSurface, createThemeBootScript, defaultQueryChartConfig, defineThemeOverrides, describeClause, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, fieldValues, formatClause, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, formatQuery, formatQueryCell, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, hasActiveQuery, hasActiveQueryFilters, isDescriptorSpec, isEmptyQuery, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, isValidQueryVariableName, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, matchesQuery, matchesQueryObject, numericResultColumns, parseQuery, parseQueryWithDiagnostics, presetTheme, queryFields, quoteValue, readStoredTheme, removeClause, replaceSqlPlaceholder, resolveDescriptor, resolveFieldType, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, splitSqlStatements, sqlPlaceholderNames, sqlStatementAtOffset, sqlUsesPlaceholder, toast, useAutoRefresh, useControlledState, useFieldValue, useFormContext, useFormStore, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar, useToast, withFieldValue, withoutField };