@reopt-ai/opt-ui 1.13.0 → 1.15.0

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client";
-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 { $ as useFormContext, $n as OPT_DOT_YELLOW, $t as Composite, A as FormGroup, An as SkeletonTable, At as ComboboxRoot, B as FormRemove, Bt as DialogRoot, C as FormCheckbox, Cn as koBreadcrumbLabels, Ct as MenubarRoot, D as FormDescription, Dn as Skeleton, Dt as ComboboxInput, E as FormDateRangePicker, En as StatCard, Et as ComboboxGroupLabel, F as FormNumberInput, Ft as DialogDismiss, G as FormSelectPopover, Gn as OPT_BADGE_YELLOW, Gt as SelectTrigger, H as FormRoot, Hn as OPT_BADGE_GREEN, Ht as SelectLabel, I as FormProvider, It as DialogFooter, J as FormSubmit, Jt as TabPanel, K as FormSlider, Kn as OPT_BORDER, Kt as Tab, L as FormPush, Lt as DialogHeader, M as FormIconPicker, Mn as Toggle, Mt as DialogBody, N as FormInput, Nn as ToggleGroup, Nt as DialogDescription, O as FormError, On as SkeletonAvatar, Ot as ComboboxItem, P as FormLabel, Pn as useControlledState, Pt as DialogDisclosure, Q as useFieldValue, Qn as OPT_DOT_RED, Qt as DisclosureTrigger, R as FormRadio, Rt as DialogHeading, S as formatOptTime, Sn as Button, St as MenubarContainer, T as FormControl, Tn as koStarRatingLabels, Tt as ComboboxGroup, U as FormSelect, Un as OPT_BADGE_NEUTRAL, Ut as SelectPopover, V as FormReset, Vn as OPT_BADGE_BLUE, Vt as SelectItem, W as FormSelectItem, Wn as OPT_BADGE_RED, Wt as SelectRoot, X as FormTagInput, Xn as OPT_DOT_GRAY, Xt as DisclosureContent, Y as FormSwitch, Yt as TabsRoot, Z as FormTextarea, Zn as OPT_DOT_GREEN, Zt as DisclosureRoot, _ as DropdownTrigger, _n as Alert, _r as _objectSpread2, _t as MenuItemRadio, a as FieldTokenLegend, an as Textarea, at as IconPicker, b as formatOptNumber, bn as DescriptionList, br as cn, bt as MenuSeparator, c as ResizableHandle, cn as Input, ct as PopoverClose, d as Checkbox, dn as ToolbarContainer, dt as PopoverTrigger, en as CompositeItem, er as OPT_FOCUS, et as useFormStore, f as CheckboxGroup, fn as ToolbarRoot, ft as Slider, g as DropdownSeparator, gn as TooltipProvider, gr as OPT_TH, gt as MenuItemCheckbox, h as DropdownMenu, hn as TooltipAnchor, hr as OPT_TEXT_TERTIARY, ht as MenuItem, i as FieldToken, in as Meter, j as FormGroupLabel, jn as SkeletonText, jt as AlertDialogPanel, k as FormField, kn as SkeletonCard, kt as ComboboxPopover, l as ResizablePanel, ln as useInputId, lt as PopoverContent, m as DropdownItem, mn as Tooltip, mr as OPT_TEXT_SECONDARY, mt as MenuButtonArrow, n as Highlight, nn as CompositeRow, nr as OPT_HOVER_ITEM, nt as DateRangePicker, o as resolveFieldType, on as StarRating, ot as getIconRegistryEntry, p as DropdownContent, pn as ToolbarSeparator, pr as OPT_TEXT_PRIMARY, pt as NumberInput, q as FormStarRating, qt as TabList, r as FIELD_TYPE_TOKENS, rn as CompositeZone, rr as OPT_INPUT, rt as TagInput, s as Pagination, sn as Switch, st as ColorPicker, t as TextTruncate, tn as CompositeProvider, tr as OPT_FOCUS_VISIBLE, tt as DEFAULT_PRESETS, u as ResizablePanelGroup, un as ToolbarButton, ur as OPT_TD, ut as PopoverRoot, vn as Spinner, vr as _objectWithoutProperties, vt as MenuPopover, w as FormColorPicker, wn as koComboboxLabels, wt as ComboboxEmpty, x as formatOptShortDate, xn as EmptyState, xt as MenuTrigger, y as formatOptDateTime, yn as Badge, yr as Kbd, yt as MenuRoot, z as FormRadioGroup, zt as DialogPanel } from "./text-truncate-B-8nJgnu.js";
+import { $ as Heading, 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 Separator, 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 OtpField, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Text, 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, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "./key-pad-menu-BCOeYvsH.js";
+import { $ as safeParseStoredSpec, $t as AppMenubar, A as EventTimeline, At as QueryToolbar, B as createThemeBootScript, Bt as toast, C as fieldValues, Ct as VALUELESS_OPERATORS, D as withFieldValue, Dt as defaultQueryChartConfig, E as removeClause, Et as QueryResultChart, F as OptThemeControllerContext, Ft as WorkflowCanvas, G as GLOBAL_THEME_STYLE_ID, Gt as EnvPanel, H as readStoredTheme, Ht as DataTable, I as useOptThemeController, It as KeyValueEditor, J as buildTokenCache, Jt as SettingsForm, K as THEME_SPEC_STORAGE_KEY, Kt as ProjectSwitcher, L as ALL_COMPOUND_THEMES, Lt as FailureList, M as OptThemeProvider, Mt as QueryResultsTable, N as useOptTheme, Nt as formatQueryCell, O as withoutField, Ot as numericResultColumns, P as useOptionalOptTheme, Pt as Flyout, Q as resolveDescriptor, Qt as SidebarNav, R as FORCE_LIGHT_PRESETS, Rt as NotificationToast, S as applyCellAction, St as QueryFiltersMenu, T as queryFields, Tt as hasActiveQueryFilters, U as resolveThemeMode, Ut as DomainTable, V as getCompoundTheme, Vt as useToast, W as GENERATED_THEME_ID_DEFAULT, Wt as BranchSelect, X as getCompoundIdForSpec, Xt as ContentTabs, Y as computeGeneratedTokens, Yt as FaqAccordion, Z as isForceLightSpec, Zt as EditorToolbar, _ as quoteValue, _t as SaveQueryDialog, a as ReplayScrubber, an as CommandPalette, at as generatedTheme, b as EMPTY_QUERY, bt as isValidQueryVariableName, c as LogTable, cn as CommandEmpty, ct as isPresetSpec, d as TimeRangeControl, dn as CommandItem, dt as THEME_PRESET_IDS, en as StatusSelect, et as safeParseStoredTokens, f as useAutoRefresh, fn as CommandList, ft as THEME_REGISTRY, g as formatQuery, gn as Callout, gt as useMediaQuery, h as formatClause, hn as SegmentedControl, ht as QueryWorkspace, i as formatReplayElapsed, in as CommandPaletteTrigger, it as defineThemeOverrides, j as SqlEditor, jt as SchemaTree, k as ScoreBreakdown, kt as QueryOutputPane, l as TimeSeriesPanel, ln as CommandGroup, lt as presetTheme, m as describeClause, mn as CommandShortcut, mt as isThemePresetId, n as replayShortcutKey, nn as useAsyncSearch, nt as serializeThemeRule, o as groupReplayMarkers, on as Command, ot as isDescriptorSpec, p as QueryBar, pn as CommandSeparator, pt as getThemeDescriptor, q as THEME_TOKENS_STORAGE_KEY, qt as DeploymentTimeline, r as ReplayTransport, rn as DashboardGrid, rt as serializeTokenBody, s as FieldSidebar, sn as CommandDialog, st as isGeneratedSpec, t as ReplayPlayerLayout, tn as SearchCombobox, tt as serializeGeneratedTheme, u as DEFAULT_TIME_PRESETS, un as CommandInput, ut as FORCE_LIGHT_PRESET_IDS, v as parseQuery, vt as QueryHistoryList, w as isEmptyQuery, wt as countActiveQueryFilters, x as addClause, xt as EMPTY_QUERY_FILTERS, y as parseQueryWithDiagnostics, yt as QueryVariablesMenu, z as coerceThemeMode, zt as ToastProvider } from "./replay-player-layout-BVUNsUS1.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 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 { ArrowDown, ArrowUp, Check, ChevronDown, CircleCheck, Copy, FilePen, GitMerge, MessageSquare, MoreHorizontal, Pencil, Plus, Rocket, Search, Sparkles, Trash2, TriangleAlert, 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";
@@ -92,7 +92,7 @@ const _excluded = [
 	"disabled",
 	"onClick"
 ];
-const defaultLabels$33 = {
+const defaultLabels$34 = {
 	copy: "복사",
 	copied: "복사됨",
 	failed: "복사할 수 없습니다"
@@ -139,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$33), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$34), customLabels);
 	const [state, setState] = useState("idle");
 	const timer = useRef(null);
 	useEffect(() => () => {
@@ -264,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$32 = {
+const defaultLabels$33 = {
 	title: "작업 목록",
 	emptyMessage: "작업이 없습니다",
 	completedOf: "{completed}/{total} 완료",
@@ -284,9 +284,9 @@ const defaultLabels$32 = {
 };
 /** Renders the task list component. */
 function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage, showSubtasks = false, maxItems, labels: customLabels, className }) {
-	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 labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$33), customLabels), {}, {
+		priority: _objectSpread2(_objectSpread2({}, defaultLabels$33.priority), customLabels === null || customLabels === void 0 ? void 0 : customLabels.priority),
+		status: _objectSpread2(_objectSpread2({}, defaultLabels$33.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;
@@ -444,7 +444,7 @@ function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage,
 }
 //#endregion
 //#region src/shells/activity-feed.tsx
-const defaultLabels$31 = {
+const defaultLabels$32 = {
 	title: "활동 피드",
 	emptyMessage: "활동이 없습니다",
 	moreItems: "{count}개 더 보기",
@@ -494,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$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
+		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$32.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$32.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$32.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$32.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$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
+		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$32.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$32.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$32.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$32.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$32.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$32.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$32.activityVerbs.merged
 	};
 	const labels = {
-		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,
+		title: (_customLabels$title = customLabels === null || customLabels === void 0 ? void 0 : customLabels.title) !== null && _customLabels$title !== void 0 ? _customLabels$title : defaultLabels$32.title,
+		emptyMessage: (_customLabels$emptyMe = customLabels === null || customLabels === void 0 ? void 0 : customLabels.emptyMessage) !== null && _customLabels$emptyMe !== void 0 ? _customLabels$emptyMe : defaultLabels$32.emptyMessage,
+		moreItems: (_customLabels$moreIte = customLabels === null || customLabels === void 0 ? void 0 : customLabels.moreItems) !== null && _customLabels$moreIte !== void 0 ? _customLabels$moreIte : defaultLabels$32.moreItems,
 		timeAgo: mergedTimeAgo,
 		activityVerbs: mergedActivityVerbs
 	};
@@ -639,13 +639,13 @@ function ActivityFeed({ activities, title, maxItems, onActivityClick, onShowMore
 ActivityFeed.displayName = "ActivityFeed";
 //#endregion
 //#region src/shells/filter-bar.tsx
-const defaultLabels$30 = {
+const defaultLabels$31 = {
 	clearAll: "필터 초기화",
 	searchPlaceholder: "검색..."
 };
 /** Renders the filter bar component. */
 function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, labels: customLabels, presetActions, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$30), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$31), customLabels);
 	const [searchValues, setSearchValues] = useState({});
 	const [tagInputValues, setTagInputValues] = useState({});
 	const [multiSelectOpen, setMultiSelectOpen] = useState({});
@@ -871,10 +871,10 @@ function matchesShortcut(event, shortcut) {
 	if (requiresMeta && !event.metaKey) return false;
 	return event.key.toLowerCase() === key;
 }
-const defaultLabels$29 = { title: "빠른 작업" };
+const defaultLabels$30 = { 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$29), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$30), customLabels);
 	const displayTitle = title !== null && title !== void 0 ? title : labels.title;
 	const titleId = useId();
 	useEffect(() => {
@@ -952,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$28 = {
+const defaultLabels$29 = {
 	title: "팀원",
 	emptyMessage: "팀원이 없습니다",
 	onlineCount: "{online}/{total} 온라인",
@@ -973,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$28), customLabels), {}, { status: _objectSpread2(_objectSpread2({}, defaultLabels$28.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status) });
+	const labels = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultLabels$29), customLabels), {}, { status: _objectSpread2(_objectSpread2({}, defaultLabels$29.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();
@@ -1126,9 +1126,14 @@ function TeamMemberList({ members, title, layout = "list", maxDisplay, onMemberC
 //#region src/shells/auth-form.tsx
 /** Renders the auth form component. */
 function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, showRememberMe = true, minPasswordLength = 8, onSubmit, renderExtraFields, labels = {}, ariaLabel }) {
-	var _labels$loginTitle, _labels$signupTitle, _labels$emailLabel, _labels$passwordLabel, _labels$confirmPasswo, _labels$rememberMeLab, _labels$loginButton, _labels$signupButton;
+	var _labels$loginTitle, _labels$signupTitle, _labels$emailLabel, _labels$passwordLabel, _labels$confirmPasswo, _labels$rememberMeLab, _labels$loginButton, _labels$signupButton, _labels$submitError;
 	const [uncontrolledMode, setUncontrolledMode] = useState(defaultMode);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const mode = controlledMode !== null && controlledMode !== void 0 ? controlledMode : uncontrolledMode;
 	const handleModeChange = (newMode) => {
 		if (controlledMode === void 0) setUncontrolledMode(newMode);
@@ -1167,13 +1172,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
-			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			if (onSubmit) onSubmit(_objectSpread2(_objectSpread2(_objectSpread2({
+		onSubmit: async (values) => {
+			setSubmitted(false);
+			if (onSubmit) await onSubmit(_objectSpread2(_objectSpread2(_objectSpread2({
 				email: values.email,
 				password: values.password
 			}, mode === "signup" ? { confirmPassword: values.confirmPassword } : {}), mode === "login" ? { rememberMe: values.rememberMe } : {}), {}, { mode }));
+			setSubmitted(true);
 		}
 	});
 	const loginTitle = (_labels$loginTitle = labels.loginTitle) !== null && _labels$loginTitle !== void 0 ? _labels$loginTitle : "로그인";
@@ -1188,11 +1193,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 				children: [/* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: `flex-1 rounded-l-lg px-4 py-2 text-sm font-medium transition-colors ${mode === "login" ? "bg-accent text-accent-fg" : "text-text-secondary hover:bg-bg-subtle"}`,
+					disabled: form.isSubmitting(),
 					onClick: () => handleModeChange("login"),
 					children: loginTitle
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: `flex-1 rounded-r-lg px-4 py-2 text-sm font-medium transition-colors ${mode === "signup" ? "bg-accent text-accent-fg" : "text-text-secondary hover:bg-bg-subtle"}`,
+					disabled: form.isSubmitting(),
 					onClick: () => handleModeChange("signup"),
 					children: signupTitle
 				})]
@@ -1201,8 +1208,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 				store: form,
 				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : mode === "login" ? "로그인 폼" : "회원가입 폼",
 				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "email",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "email",
@@ -1217,8 +1224,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 						]
 					}),
 					renderExtraFields === null || renderExtraFields === void 0 ? void 0 : renderExtraFields(mode),
-					/* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "password",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "password",
@@ -1232,8 +1239,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 							/* @__PURE__ */ jsx(FormError, { name: "password" })
 						]
 					}),
-					mode === "signup" && /* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					mode === "signup" && /* @__PURE__ */ jsxs(FormField, {
+						name: "confirmPassword",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "confirmPassword",
@@ -1263,7 +1270,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 					})
 				]
 			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
 			submitted && /* @__PURE__ */ jsx("div", {
+				role: "status",
 				className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
 				children: mode === "login" ? "로그인 성공!" : "회원가입 완료!"
 			})
@@ -1274,11 +1287,16 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 //#region src/shells/dynamic-field-form.tsx
 /** Renders the dynamic field form component. */
 function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldType = "text", validateField, onSubmit, onFieldsChange, labels = {}, ariaLabel }) {
-	var _labels$itemLabel, _labels$itemPlacehold, _labels$removeAriaLab, _labels$addButton, _labels$submitButton;
+	var _labels$itemLabel, _labels$itemPlacehold, _labels$removeAriaLab, _labels$addButton, _labels$submitButton, _labels$submitError;
 	const initialFields = Array.from({ length: initialCount }, (_, i) => ({ id: i + 1 }));
 	const [fields, setFields] = useState(initialFields);
 	const [nextId, setNextId] = useState(initialCount + 1);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const [submittedValues, setSubmittedValues] = useState([]);
 	const form = useFormStore({
 		defaultValues: { items: Array.from({ length: initialCount }, () => "") },
@@ -1302,12 +1320,12 @@ function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldTyp
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
+		onSubmit: async (values) => {
+			setSubmitted(false);
 			const items = [...values.items];
+			await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(items));
 			setSubmittedValues(items);
 			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			onSubmit === null || onSubmit === void 0 || onSubmit(items);
 		}
 	});
 	const addField = () => {
@@ -1338,70 +1356,79 @@ function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldTyp
 		className: "gap-group flex flex-col",
 		"data-opt-id": "8RYG7",
 		"data-opt-slug": "form-dynamic.DynamicFieldForm",
-		children: [/* @__PURE__ */ jsxs(FormRoot, {
-			store: form,
-			"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "동적 필드 폼",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "gap-group flex flex-col",
-					children: fields.map((field, displayIndex) => {
-						const fieldName = `items.${displayIndex}`;
-						return /* @__PURE__ */ jsxs("div", {
-							className: "gap-element flex flex-col",
-							children: [
-								/* @__PURE__ */ jsx(FormLabel, {
-									name: fieldName,
-									children: formatTemplate(itemLabel, displayIndex + 1)
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "gap-element flex",
-									children: [/* @__PURE__ */ jsx("div", {
-										className: "flex-1",
-										children: /* @__PURE__ */ jsx(FormInput, {
-											name: fieldName,
-											type: fieldType,
-											placeholder: formatTemplate(itemPlaceholder, displayIndex + 1)
-										})
-									}), /* @__PURE__ */ jsx("button", {
-										type: "button",
-										onClick: () => removeField(field.id),
-										disabled: fields.length <= minFields,
-										className: "border-border text-text-tertiary hover:border-danger hover:bg-danger-subtle hover:text-danger-fg inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border transition-colors disabled:cursor-not-allowed disabled:opacity-30",
-										"aria-label": formatTemplate(removeAriaLabel, displayIndex + 1),
-										children: "✕"
-									})]
-								}),
-								/* @__PURE__ */ jsx(FormError, { name: fieldName })
-							]
-						}, field.id);
+		children: [
+			/* @__PURE__ */ jsxs(FormRoot, {
+				store: form,
+				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "동적 필드 폼",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "gap-group flex flex-col",
+						children: fields.map((field, displayIndex) => {
+							const fieldName = `items.${displayIndex}`;
+							return /* @__PURE__ */ jsxs(FormField, {
+								name: fieldName,
+								children: [
+									/* @__PURE__ */ jsx(FormLabel, {
+										name: fieldName,
+										children: formatTemplate(itemLabel, displayIndex + 1)
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "gap-element flex",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "flex-1",
+											children: /* @__PURE__ */ jsx(FormInput, {
+												name: fieldName,
+												type: fieldType,
+												placeholder: formatTemplate(itemPlaceholder, displayIndex + 1)
+											})
+										}), /* @__PURE__ */ jsx("button", {
+											type: "button",
+											onClick: () => removeField(field.id),
+											disabled: form.isSubmitting() || fields.length <= minFields,
+											className: "border-border text-text-tertiary hover:border-danger hover:bg-danger-subtle hover:text-danger-fg inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border transition-colors disabled:cursor-not-allowed disabled:opacity-30",
+											"aria-label": formatTemplate(removeAriaLabel, displayIndex + 1),
+											children: "✕"
+										})]
+									}),
+									/* @__PURE__ */ jsx(FormError, { name: fieldName })
+								]
+							}, field.id);
+						})
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: addField,
+						disabled: form.isSubmitting() || maxFields !== void 0 && fields.length >= maxFields,
+						className: "border-border text-text-secondary hover:border-accent hover:bg-accent-subtle hover:text-accent w-full rounded-lg border border-dashed px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-30",
+						children: (_labels$addButton = labels.addButton) !== null && _labels$addButton !== void 0 ? _labels$addButton : "+ 항목 추가"
+					}),
+					/* @__PURE__ */ jsx(FormSubmit, {
+						disabled: form.isSubmitting(),
+						children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출"
 					})
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: addField,
-					disabled: maxFields !== void 0 && fields.length >= maxFields,
-					className: "border-border text-text-secondary hover:border-accent hover:bg-accent-subtle hover:text-accent w-full rounded-lg border border-dashed px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-30",
-					children: (_labels$addButton = labels.addButton) !== null && _labels$addButton !== void 0 ? _labels$addButton : "+ 항목 추가"
-				}),
-				/* @__PURE__ */ jsx(FormSubmit, {
-					disabled: form.isSubmitting(),
-					children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출"
-				})
-			]
-		}), submitted && submittedValues.length > 0 && /* @__PURE__ */ jsxs("div", {
-			className: "border-success bg-success-subtle rounded-lg border p-3",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-success-fg mb-2 text-sm font-medium",
-				children: "제출된 값:"
-			}), /* @__PURE__ */ jsx("ul", {
-				className: "text-success-fg gap-element flex flex-col text-sm",
-				children: submittedValues.map((val, i) => /* @__PURE__ */ jsxs("li", { children: [
-					formatTemplate(itemLabel, i + 1),
-					": ",
-					/* @__PURE__ */ jsx("strong", { children: val })
-				] }, i))
-			})]
-		})]
+				]
+			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
+			submitted && submittedValues.length > 0 && /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				className: "border-success bg-success-subtle rounded-lg border p-3",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-success-fg mb-2 text-sm font-medium",
+					children: "제출된 값:"
+				}), /* @__PURE__ */ jsx("ul", {
+					className: "text-success-fg gap-element flex flex-col text-sm",
+					children: submittedValues.map((val, i) => /* @__PURE__ */ jsxs("li", { children: [
+						formatTemplate(itemLabel, i + 1),
+						": ",
+						/* @__PURE__ */ jsx("strong", { children: val })
+					] }, i))
+				})]
+			})
+		]
 	});
 }
 //#endregion
@@ -1413,10 +1440,16 @@ function formatFileSize(bytes) {
 }
 /** Renders the file upload form component. */
 function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true, showFileInfo = true, showDescription = true, descriptionRows = 3, titleRequired = true, maxFileSize, onSubmit, onFileChange, onPreview, columnMapping, labels = {}, ariaLabel }) {
-	var _labels$titleLabel, _labels$titlePlacehol, _labels$descriptionLa, _labels$descriptionPl, _labels$fileLabel, _labels$columnMapping, _labels$submitButton, _labels$successMessag;
+	var _labels$titleLabel, _labels$titlePlacehol, _labels$descriptionLa, _labels$descriptionPl, _labels$fileLabel, _labels$columnMapping, _labels$submitButton, _labels$submitError, _labels$successMessag;
+	const fileId = useId();
 	const [selectedFile, setSelectedFile] = useState(null);
 	const [preview, setPreview] = useState(null);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const [fileSizeError, setFileSizeError] = useState(null);
 	const form = useFormStore({
 		defaultValues: {
@@ -1434,14 +1467,14 @@ function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
-			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			if (onSubmit) onSubmit({
+		onSubmit: async (values) => {
+			setSubmitted(false);
+			if (onSubmit) await onSubmit({
 				title: values.title,
 				description: values.description,
 				file: selectedFile
 			});
+			setSubmitted(true);
 		}
 	});
 	const handleFileChange = (e) => {
@@ -1473,111 +1506,128 @@ function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true
 		className: "gap-group flex flex-col",
 		"data-opt-id": "4E3MD",
 		"data-opt-slug": "form-upload.FileUploadForm",
-		children: [/* @__PURE__ */ jsxs(FormRoot, {
-			store: form,
-			"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "파일 업로드 폼",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx(FormLabel, {
-							name: "title",
-							children: (_labels$titleLabel = labels.titleLabel) !== null && _labels$titleLabel !== void 0 ? _labels$titleLabel : "제목"
-						}),
-						/* @__PURE__ */ jsx(FormInput, {
-							name: "title",
-							placeholder: (_labels$titlePlacehol = labels.titlePlaceholder) !== null && _labels$titlePlacehol !== void 0 ? _labels$titlePlacehol : "파일 제목을 입력하세요"
-						}),
-						/* @__PURE__ */ jsx(FormError, { name: "title" })
-					]
-				}),
-				showDescription && /* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [/* @__PURE__ */ jsx(FormLabel, {
-						name: "description",
-						children: (_labels$descriptionLa = labels.descriptionLabel) !== null && _labels$descriptionLa !== void 0 ? _labels$descriptionLa : "설명"
-					}), /* @__PURE__ */ jsx(FormTextarea, {
-						name: "description",
-						placeholder: (_labels$descriptionPl = labels.descriptionPlaceholder) !== null && _labels$descriptionPl !== void 0 ? _labels$descriptionPl : "파일에 대한 설명을 입력하세요",
-						rows: descriptionRows,
-						resize: "none"
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx("label", {
-							className: "text-text-primary text-sm font-medium",
-							children: (_labels$fileLabel = labels.fileLabel) !== null && _labels$fileLabel !== void 0 ? _labels$fileLabel : "파일 선택"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "relative",
-							children: /* @__PURE__ */ jsx("input", {
-								type: "file",
-								onChange: handleFileChange,
-								accept,
-								className: "border-border bg-surface text-text-primary file:bg-accent-subtle file:text-accent hover:file:bg-accent-subtle block w-full cursor-pointer rounded-lg border px-4 py-2.5 text-sm file:mr-4 file:cursor-pointer file:rounded-md file:border-0 file:px-3 file:py-1 file:text-sm file:font-medium"
-							})
-						}),
-						fileSizeError && /* @__PURE__ */ jsx("p", {
-							className: "text-danger-fg text-xs",
-							children: fileSizeError
-						})
-					]
-				}),
-				selectedFile && showFileInfo && /* @__PURE__ */ jsx("div", {
-					className: "border-border-subtle rounded-lg border p-4",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+		children: [
+			/* @__PURE__ */ jsxs(FormRoot, {
+				store: form,
+				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "파일 업로드 폼",
+				children: [
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "title",
 						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-text-primary font-medium",
-									children: selectedFile.name
-								}), /* @__PURE__ */ jsx("span", {
-									className: "text-text-tertiary",
-									children: formatFileSize(selectedFile.size)
-								})]
+							/* @__PURE__ */ jsx(FormLabel, {
+								name: "title",
+								children: (_labels$titleLabel = labels.titleLabel) !== null && _labels$titleLabel !== void 0 ? _labels$titleLabel : "제목"
 							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "text-text-tertiary text-xs",
-								children: ["타입: ", selectedFile.type || "알 수 없음"]
+							/* @__PURE__ */ jsx(FormInput, {
+								name: "title",
+								placeholder: (_labels$titlePlacehol = labels.titlePlaceholder) !== null && _labels$titlePlacehol !== void 0 ? _labels$titlePlacehol : "파일 제목을 입력하세요"
+							}),
+							/* @__PURE__ */ jsx(FormError, { name: "title" })
+						]
+					}),
+					showDescription && /* @__PURE__ */ jsxs(FormField, {
+						name: "description",
+						children: [/* @__PURE__ */ jsx(FormLabel, {
+							name: "description",
+							children: (_labels$descriptionLa = labels.descriptionLabel) !== null && _labels$descriptionLa !== void 0 ? _labels$descriptionLa : "설명"
+						}), /* @__PURE__ */ jsx(FormTextarea, {
+							name: "description",
+							placeholder: (_labels$descriptionPl = labels.descriptionPlaceholder) !== null && _labels$descriptionPl !== void 0 ? _labels$descriptionPl : "파일에 대한 설명을 입력하세요",
+							rows: descriptionRows,
+							resize: "none"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "file",
+						children: [
+							/* @__PURE__ */ jsx("label", {
+								htmlFor: fileId,
+								className: "text-text-primary text-sm font-medium",
+								children: (_labels$fileLabel = labels.fileLabel) !== null && _labels$fileLabel !== void 0 ? _labels$fileLabel : "파일 선택"
 							}),
-							showPreview && preview && /* @__PURE__ */ jsx("div", {
-								className: "border-border-subtle overflow-hidden rounded-lg border",
-								children: /* @__PURE__ */ jsx("img", {
-									src: preview,
-									alt: "미리보기",
-									className: "max-h-48 w-full object-contain"
+							/* @__PURE__ */ jsx("div", {
+								className: "relative",
+								children: /* @__PURE__ */ jsx("input", {
+									id: fileId,
+									type: "file",
+									disabled: form.isSubmitting(),
+									"aria-invalid": Boolean(fileSizeError),
+									"aria-describedby": fileSizeError ? `${fileId}-error` : void 0,
+									onChange: handleFileChange,
+									accept,
+									className: "border-border bg-surface text-text-primary file:bg-accent-subtle file:text-accent hover:file:bg-accent-subtle block w-full cursor-pointer rounded-lg border px-4 py-2.5 text-sm file:mr-4 file:cursor-pointer file:rounded-md file:border-0 file:px-3 file:py-1 file:text-sm file:font-medium"
 								})
+							}),
+							fileSizeError && /* @__PURE__ */ jsx("p", {
+								id: `${fileId}-error`,
+								role: "alert",
+								className: "text-danger-fg text-xs",
+								children: fileSizeError
 							})
 						]
+					}),
+					selectedFile && showFileInfo && /* @__PURE__ */ jsx("div", {
+						className: "border-border-subtle rounded-lg border p-4",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "gap-element flex flex-col",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "text-text-primary font-medium",
+										children: selectedFile.name
+									}), /* @__PURE__ */ jsx("span", {
+										className: "text-text-tertiary",
+										children: formatFileSize(selectedFile.size)
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "text-text-tertiary text-xs",
+									children: ["타입: ", selectedFile.type || "알 수 없음"]
+								}),
+								showPreview && preview && /* @__PURE__ */ jsx("div", {
+									className: "border-border-subtle overflow-hidden rounded-lg border",
+									children: /* @__PURE__ */ jsx("img", {
+										src: preview,
+										alt: "미리보기",
+										className: "max-h-48 w-full object-contain"
+									})
+								})
+							]
+						})
+					}),
+					columnMapping && selectedFile && /* @__PURE__ */ jsx("div", {
+						className: "gap-element flex flex-col",
+						"aria-label": (_labels$columnMapping = labels.columnMappingLabel) !== null && _labels$columnMapping !== void 0 ? _labels$columnMapping : "Column mapping",
+						children: columnMapping
+					}),
+					/* @__PURE__ */ jsx(FormSubmit, {
+						disabled: form.isSubmitting(),
+						children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "업로드"
 					})
-				}),
-				columnMapping && selectedFile && /* @__PURE__ */ jsx("div", {
-					className: "gap-element flex flex-col",
-					"aria-label": (_labels$columnMapping = labels.columnMappingLabel) !== null && _labels$columnMapping !== void 0 ? _labels$columnMapping : "Column mapping",
-					children: columnMapping
-				}),
-				/* @__PURE__ */ jsx(FormSubmit, {
-					disabled: form.isSubmitting(),
-					children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "업로드"
-				})
-			]
-		}), submitted && /* @__PURE__ */ jsx("div", {
-			className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
-			children: (_labels$successMessag = labels.successMessage) !== null && _labels$successMessag !== void 0 ? _labels$successMessag : "업로드가 완료되었습니다!"
-		})]
+				]
+			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
+			submitted && /* @__PURE__ */ jsx("div", {
+				role: "status",
+				className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
+				children: (_labels$successMessag = labels.successMessage) !== null && _labels$successMessag !== void 0 ? _labels$successMessag : "업로드가 완료되었습니다!"
+			})
+		]
 	});
 }
 //#endregion
 //#region src/shells/wizard-form.tsx
 /** Renders the wizard form component. */
 function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange, resetOnSuccess = false, labels = {}, ariaLabel }) {
-	var _labels$reviewTitle, _labels$stepsLabel, _labels$reviewTitle2, _labels$backButton, _labels$submitButton, _labels$nextButton, _labels$successMessag, _labels$resetLink;
+	var _labels$reviewTitle, _labels$stepsLabel, _labels$reviewTitle2, _labels$backButton, _labels$submitButton, _labels$nextButton, _labels$submitError, _labels$successMessag, _labels$resetLink;
 	const [currentStep, setCurrentStep] = useState(0);
 	const [submitted, setSubmitted] = useState(false);
+	const formId = useId();
 	const totalSteps = showReview ? steps.length + 1 : steps.length;
 	const isReviewStep = showReview && currentStep === steps.length;
 	const isLastStep = currentStep === totalSteps - 1;
@@ -1611,22 +1661,31 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
+		onSubmit: async (values) => {
 			if (!isLastStep) {
 				const next = currentStep + 1;
 				setCurrentStep(next);
 				onStepChange === null || onStepChange === void 0 || onStepChange(next);
 			} else {
+				setSubmitted(false);
+				await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(values));
 				setSubmitted(true);
-				onSubmit === null || onSubmit === void 0 || onSubmit(values);
-				if (resetOnSuccess) setTimeout(() => {
-					setCurrentStep(0);
-					setSubmitted(false);
-					form.reset();
-				}, 3e3);
 			}
 		}
 	});
+	useEffect(() => {
+		if (!submitted || !resetOnSuccess) return;
+		const timer = setTimeout(() => {
+			setCurrentStep(0);
+			setSubmitted(false);
+			form.reset();
+		}, 3e3);
+		return () => clearTimeout(timer);
+	}, [
+		submitted,
+		resetOnSuccess,
+		form
+	]);
 	const handleBack = () => {
 		if (currentStep > 0) {
 			const prev = currentStep - 1;
@@ -1664,8 +1723,8 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 				]
 			}, field.name);
 		}
-		if (field.type === "checkbox") return /* @__PURE__ */ jsxs("div", {
-			className: "gap-element flex flex-col",
+		if (field.type === "checkbox") return /* @__PURE__ */ jsxs(FormField, {
+			name: field.name,
 			children: [/* @__PURE__ */ jsxs("label", {
 				className: "text-text-primary gap-element flex items-center text-sm",
 				children: [/* @__PURE__ */ jsx(FormCheckbox, { name: field.name }), /* @__PURE__ */ jsx("span", { children: field.label })]
@@ -1673,13 +1732,10 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 		}, field.name);
 		if (field.type === "textarea") {
 			var _field$rows, _field$resize;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "gap-element flex flex-col",
+			return /* @__PURE__ */ jsxs(FormField, {
+				name: field.name,
 				children: [
-					/* @__PURE__ */ jsx(FormLabel, {
-						name: field.name,
-						children: field.label
-					}),
+					/* @__PURE__ */ jsx(FormLabel, { children: field.label }),
 					/* @__PURE__ */ jsx(FormTextarea, {
 						name: field.name,
 						placeholder: field.placeholder,
@@ -1692,22 +1748,28 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 		}
 		if (field.type === "select") {
 			var _field$options2;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "gap-element flex flex-col",
+			return /* @__PURE__ */ jsxs(FormField, {
+				name: field.name,
 				children: [
 					/* @__PURE__ */ jsx(FormLabel, {
-						name: field.name,
+						htmlFor: `${formId}-${field.name}`,
 						children: field.label
 					}),
 					/* @__PURE__ */ jsx(FormSelect, {
 						name: field.name,
+						id: `${formId}-${field.name}`,
+						"aria-label": field.label,
+						"aria-describedby": form.getError(field.name) && form.getFieldTouched(field.name) ? `${formId}-${field.name}-error` : void 0,
 						placeholder: field.placeholder,
 						children: /* @__PURE__ */ jsx(FormSelectPopover, { children: (_field$options2 = field.options) === null || _field$options2 === void 0 ? void 0 : _field$options2.map((option) => /* @__PURE__ */ jsx(FormSelectItem, {
 							value: option.value,
 							children: option.label
 						}, option.value)) })
 					}),
-					/* @__PURE__ */ jsx(FormError, { name: field.name })
+					/* @__PURE__ */ jsx(FormError, {
+						name: field.name,
+						id: `${formId}-${field.name}-error`
+					})
 				]
 			}, field.name);
 		}
@@ -1724,13 +1786,10 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 				})]
 			})]
 		}, field.name);
-		return /* @__PURE__ */ jsxs("div", {
-			className: "gap-element flex flex-col",
+		return /* @__PURE__ */ jsxs(FormField, {
+			name: field.name,
 			children: [
-				/* @__PURE__ */ jsx(FormLabel, {
-					name: field.name,
-					children: field.label
-				}),
+				/* @__PURE__ */ jsx(FormLabel, { children: field.label }),
 				/* @__PURE__ */ jsx(FormInput, {
 					name: field.name,
 					type: (_field$type = field.type) !== null && _field$type !== void 0 ? _field$type : "text",
@@ -1814,13 +1873,20 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 						children: [currentStep > 0 ? /* @__PURE__ */ jsx("button", {
 							type: "button",
 							onClick: handleBack,
+							disabled: form.isSubmitting(),
 							className: "border-border text-text-primary hover:bg-bg-subtle rounded-lg border px-4 py-2 text-sm font-medium",
 							children: (_labels$backButton = labels.backButton) !== null && _labels$backButton !== void 0 ? _labels$backButton : "이전"
 						}) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx(FormSubmit, { children: isLastStep ? (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출" : (_labels$nextButton = labels.nextButton) !== null && _labels$nextButton !== void 0 ? _labels$nextButton : "다음" })]
 					})
 				]
 			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
 			submitted && /* @__PURE__ */ jsxs("div", {
+				role: "status",
 				className: "border-success bg-success-subtle rounded-lg border p-4 text-center",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-success-fg text-sm font-medium",
@@ -1873,7 +1939,7 @@ const COLOR_PRESETS = [
 	"#f97316",
 	"#14b8a6"
 ];
-const defaultLabels$27 = {
+const defaultLabels$28 = {
 	eventLabelPrefix: "Event",
 	defaultAriaLabel: "Event icon"
 };
@@ -1904,7 +1970,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$27), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$28), 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;
@@ -1996,14 +2062,14 @@ function ConnectionIndicator({ status, tone, label, showLabel = true, pulse, cla
 ConnectionIndicator.displayName = "ConnectionIndicator";
 //#endregion
 //#region src/shells/floating-action-bar.tsx
-const defaultLabels$26 = {
+const defaultLabels$27 = {
 	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$26), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$27), customLabels);
 	if (actions.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "toolbar",
@@ -2040,7 +2106,7 @@ function FloatingActionBar({ actions, selectedCount, onAction, onDismiss, classN
 FloatingActionBar.displayName = "FloatingActionBar";
 //#endregion
 //#region src/shells/template-picker.tsx
-const defaultLabels$25 = {
+const defaultLabels$26 = {
 	ariaLabel: "Templates",
 	defaultCategory: "General",
 	searchPlaceholder: "Search templates...",
@@ -2048,7 +2114,7 @@ const defaultLabels$25 = {
 };
 /** Renders the template picker component. */
 function TemplatePicker({ templates, selected, onSelect, labels: customLabels, showSearch = false, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$25), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$26), customLabels);
 	const [search, setSearch] = React.useState("");
 	const filtered = React.useMemo(() => {
 		if (!showSearch || !search) return templates;
@@ -2134,7 +2200,7 @@ function TemplatePicker({ templates, selected, onSelect, labels: customLabels, s
 TemplatePicker.displayName = "TemplatePicker";
 //#endregion
 //#region src/shells/code-snippet-viewer.tsx
-const defaultLabels$24 = {
+const defaultLabels$25 = {
 	copy: "Copy",
 	copied: "Copied!",
 	codeRegion: "Code snippet"
@@ -2172,7 +2238,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$24), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$25), 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;
@@ -2224,7 +2290,7 @@ function CodeSnippetViewer({ code, language = "text", title, showLineNumbers = t
 CodeSnippetViewer.displayName = "CodeSnippetViewer";
 //#endregion
 //#region src/shells/property-explorer.tsx
-const defaultLabels$23 = {
+const defaultLabels$24 = {
 	searchPlaceholder: "Search properties...",
 	noPropertiesFound: "No properties found",
 	edit: (property) => `${property} 편집`,
@@ -2232,7 +2298,7 @@ const defaultLabels$23 = {
 };
 /** Renders the property explorer component. */
 function PropertyExplorer({ groups, onSelect, onEdit, className, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$24), customLabels);
 	const [search, setSearch] = React.useState("");
 	const filtered = React.useMemo(() => {
 		if (!search) return groups;
@@ -2518,7 +2584,7 @@ function skipBlockComment(text, from) {
 }
 //#endregion
 //#region src/shells/alert-builder.tsx
-const defaultLabels$22 = {
+const defaultLabels$23 = {
 	alertNameLabel: "Alert name",
 	conditionsLabel: "Conditions",
 	metricLabel: "Metric",
@@ -2589,7 +2655,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$22), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
 	const alertNameId = React.useId();
 	const conditionsId = React.useId();
 	const checkFrequencyId = React.useId();
@@ -2744,7 +2810,7 @@ function AlertBuilder({ value, onChange, metrics = [
 AlertBuilder.displayName = "AlertBuilder";
 //#endregion
 //#region src/shells/event-meta-editor.tsx
-const defaultLabels$21 = {
+const defaultLabels$22 = {
 	icon: "Icon",
 	color: "Color",
 	name: "Event name",
@@ -2762,7 +2828,7 @@ const defaultLabels$21 = {
 };
 /** Renders the event meta editor component. */
 function EventMetaEditor({ value, onChange, icons, sections, footer, className, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$21), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$22), customLabels);
 	const hasTags = value.tags.length > 0;
 	const nameId = React.useId();
 	const displayNameId = React.useId();
@@ -2885,10 +2951,10 @@ function EventMetaEditor({ value, onChange, icons, sections, footer, className,
 EventMetaEditor.displayName = "EventMetaEditor";
 //#endregion
 //#region src/shells/widget-grid.tsx
-const defaultLabels$20 = { emptyMessage: "No widgets to display" };
+const defaultLabels$21 = { emptyMessage: "No widgets to display" };
 /** Renders the widget grid component. */
 function WidgetGrid({ widgets, cols = 12, rowHeight = 80, gap = 16, editable = false, onReorder, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$20), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$21), customLabels);
 	const [dragIdx, setDragIdx] = React.useState(null);
 	const [overIdx, setOverIdx] = React.useState(null);
 	if (widgets.length === 0) return /* @__PURE__ */ jsx("div", {
@@ -2933,7 +2999,7 @@ function WidgetGrid({ widgets, cols = 12, rowHeight = 80, gap = 16, editable = f
 WidgetGrid.displayName = "WidgetGrid";
 //#endregion
 //#region src/shells/report-builder.tsx
-const defaultLabels$19 = {
+const defaultLabels$20 = {
 	stepsLabel: "Report steps",
 	stepType: "Chart Type",
 	stepConfig: "Data Config",
@@ -3009,7 +3075,7 @@ const STEPS = [
 ];
 /** Renders the report builder component. */
 function ReportBuilder({ chartTypes = DEFAULT_CHART_TYPES, dataSources = [], onSave, onCancel, configForm, styleForm, preview, onChartTypeChange, onDataSourceChange, onStepChange, selectedChartType: controlledChartType, selectedDataSource: controlledDataSource, labels: customLabels, className }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$19), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$20), customLabels);
 	const [stepIndex, setStepIndex] = React.useState(0);
 	const [internalChartType, setInternalChartType] = React.useState(null);
 	const [internalDataSource, setInternalDataSource] = React.useState("");
@@ -3229,7 +3295,7 @@ function ReportBuilder({ chartTypes = DEFAULT_CHART_TYPES, dataSources = [], onS
 ReportBuilder.displayName = "ReportBuilder";
 //#endregion
 //#region src/shells/audit-timeline.tsx
-const defaultLabels$18 = {
+const defaultLabels$19 = {
 	title: "변경 이력",
 	empty: "변경 이력이 없습니다",
 	expand: "상세 보기",
@@ -3308,7 +3374,7 @@ function DiffTable({ changes, labels }) {
 }
 /** Renders the audit timeline component. */
 function AuditTimeline({ entries, labels: customLabels, className, onEntryClick }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$18), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$19), customLabels);
 	const [expandedIds, setExpandedIds] = React.useState(/* @__PURE__ */ new Set());
 	const toggleExpanded = React.useCallback((id) => {
 		setExpandedIds((prev) => {
@@ -3431,7 +3497,7 @@ function AuditTimeline({ entries, labels: customLabels, className, onEntryClick
 AuditTimeline.displayName = "AuditTimeline";
 //#endregion
 //#region src/shells/segment-builder.tsx
-const defaultLabels$17 = {
+const defaultLabels$18 = {
 	match: "Match",
 	ofTheFollowing: "of the following",
 	groupLabel: "Segment group",
@@ -3552,7 +3618,7 @@ function SegmentBuilder({ groups, onChange, eventOptions = [
 	"New Users",
 	"Power Users"
 ], className, labels: customLabels }) {
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$17), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$18), customLabels);
 	const builderId = React.useId().replace(/:/g, "");
 	const nextIdRef = React.useRef(1);
 	const createId = React.useCallback(() => {
@@ -3764,6 +3830,703 @@ function SegmentBuilder({ groups, onChange, eventOptions = [
 }
 SegmentBuilder.displayName = "SegmentBuilder";
 //#endregion
+//#region src/shells/criteria-builder.tsx
+const defaultLabels$17 = {
+	builder: "조건 빌더",
+	rootLogicLegend: "그룹 결합 방식",
+	matchAllGroups: "모든 그룹 일치",
+	matchAnyGroup: "하나 이상 일치",
+	groupLogicLegend: (letter) => `그룹 ${letter} 조건 결합 방식`,
+	matchAllCriteria: "모두 충족",
+	matchAnyCriteria: "하나 이상 충족",
+	and: "그리고",
+	or: "또는",
+	groupLabel: (letter) => `그룹 ${letter}`,
+	criterionLabel: (letter, index) => `조건 ${letter}.${index}`,
+	actionLabel: (action, target) => `${action}: ${target}`,
+	addCriterion: "조건 추가",
+	addGroup: "그룹 추가",
+	kindMenuTitle: "조건 유형",
+	duplicateCriterion: "조건 복제",
+	removeCriterion: "조건 제거",
+	moveUp: "위로 이동",
+	moveDown: "아래로 이동",
+	negate: "제외",
+	duplicateGroup: "그룹 복제",
+	removeGroup: "그룹 제거",
+	emptyGroup: "이 그룹에는 아직 조건이 없습니다.",
+	unknownKind: (kind) => `알 수 없는 조건 유형 "${kind}"`,
+	unknownKindDescription: "이 조건은 표시할 수 없습니다. 유형을 바꾸거나 제거하세요.",
+	replaceKind: "유형 바꾸기",
+	emptyTitle: "조건이 없습니다",
+	emptyDescription: "첫 그룹을 추가해 누가 포함되는지 정의하세요.",
+	emptyAction: "첫 조건 추가",
+	keyboardHint: "조건 추가 · 그룹 추가",
+	maxGroupsReached: (max) => `그룹은 최대 ${max}개까지 추가할 수 있습니다.`,
+	maxCriteriaReached: (max) => `한 그룹에는 조건을 최대 ${max}개까지 추가할 수 있습니다.`
+};
+/** `A`, `B`, … `Z`, `AA`, `AB` — the badge a group wears. */
+function criteriaGroupLetter(index) {
+	let n = Math.max(0, Math.floor(index));
+	let out = "";
+	do {
+		out = String.fromCharCode(65 + n % 26) + out;
+		n = Math.floor(n / 26) - 1;
+	} while (n >= 0);
+	return out;
+}
+function collectIds(value) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const group of value.groups) {
+		ids.add(group.id);
+		for (const criterion of group.criteria) ids.add(criterion.id);
+	}
+	return ids;
+}
+function uniqueId(base, taken) {
+	if (!taken.has(base)) return base;
+	let n = 2;
+	while (taken.has(`${base}-${n}`)) n += 1;
+	return `${base}-${n}`;
+}
+function replaceGroup(value, groupIndex, next) {
+	return _objectSpread2(_objectSpread2({}, value), {}, { groups: value.groups.map((group, i) => i === groupIndex ? next : group) });
+}
+/**
+* Moves one criterion a step up or down inside its group. Returns the same
+* value when the move is impossible, so a caller can `===` to know nothing
+* changed.
+*/
+function criteriaBuilderMove(value, groupIndex, index, direction) {
+	const group = value.groups[groupIndex];
+	if (!group) return value;
+	const target = direction === "up" ? index - 1 : index + 1;
+	if (index < 0 || target < 0 || target >= group.criteria.length) return value;
+	const criteria = [...group.criteria];
+	const [moved] = criteria.splice(index, 1);
+	criteria.splice(target, 0, moved);
+	return replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria }));
+}
+/**
+* Inserts a copy of one criterion *before* the original, so the copy takes the
+* original's place in the reading order and the original follows as the thing
+* to edit.
+*/
+function criteriaBuilderDuplicate(value, groupIndex, index, clone) {
+	const group = value.groups[groupIndex];
+	const original = group === null || group === void 0 ? void 0 : group.criteria[index];
+	if (!group || !original) return value;
+	const criteria = [...group.criteria];
+	criteria.splice(index, 0, clone(original));
+	return replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria }));
+}
+/** Removes one criterion. The group stays, even when it empties. */
+function criteriaBuilderRemove(value, groupIndex, index) {
+	const group = value.groups[groupIndex];
+	if (!group || index < 0 || index >= group.criteria.length) return value;
+	return replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria: group.criteria.filter((_, i) => i !== index) }));
+}
+/** Appends a criterion to a group, or inserts it at `at`. */
+function criteriaBuilderInsert(value, groupIndex, criterion, at) {
+	const group = value.groups[groupIndex];
+	if (!group) return value;
+	const criteria = [...group.criteria];
+	const position = at === void 0 ? criteria.length : Math.max(0, Math.min(at, criteria.length));
+	criteria.splice(position, 0, criterion);
+	return replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria }));
+}
+/** Removes one group. */
+function criteriaBuilderRemoveGroup(value, groupIndex) {
+	if (groupIndex < 0 || groupIndex >= value.groups.length) return value;
+	return _objectSpread2(_objectSpread2({}, value), {}, { groups: value.groups.filter((_, i) => i !== groupIndex) });
+}
+/** Inserts a copy of one group — every criterion cloned — before the original. */
+function criteriaBuilderDuplicateGroup(value, groupIndex, groupId, clone) {
+	const group = value.groups[groupIndex];
+	if (!group) return value;
+	const copy = {
+		id: groupId,
+		logic: group.logic,
+		criteria: group.criteria.map(clone)
+	};
+	const groups = [...value.groups];
+	groups.splice(groupIndex, 0, copy);
+	return _objectSpread2(_objectSpread2({}, value), {}, { groups });
+}
+const EDITABLE_TARGET = "input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"], [role=\"menu\"], [role=\"menuitem\"], [role=\"listbox\"], [role=\"option\"]";
+function isEditableTarget(target) {
+	return target instanceof Element && target.closest(EDITABLE_TARGET) !== null;
+}
+function sectionKinds(kinds) {
+	const sections = [];
+	const byHeading = /* @__PURE__ */ new Map();
+	for (const option of kinds) {
+		let section = byHeading.get(option.group);
+		if (!section) {
+			section = {
+				heading: option.group,
+				entries: []
+			};
+			byHeading.set(option.group, section);
+			sections.push(section);
+		}
+		section.entries.push({
+			key: option.kind,
+			kind: option.kind,
+			negate: false,
+			option
+		});
+		if (option.negatedLabel) section.entries.push({
+			key: `${option.kind}:not`,
+			kind: option.kind,
+			negate: true,
+			option
+		});
+	}
+	return [...sections.filter((s) => s.heading === void 0), ...sections.filter((s) => s.heading !== void 0)];
+}
+function KindMenu({ kinds, menuLabel, triggerLabel, triggerAriaLabel, triggerIcon, disabled = false, disabledReason, variant = "ghost", onPick, addTarget }) {
+	const sections = React.useMemo(() => sectionKinds(kinds), [kinds]);
+	const trigger = /* @__PURE__ */ jsxs(DropdownTrigger, {
+		disabled,
+		"aria-label": triggerAriaLabel,
+		title: disabled ? disabledReason : void 0,
+		"data-criteria-add": addTarget,
+		className: cn("inline-flex cursor-pointer items-center justify-center rounded-lg font-medium transition-colors", "h-[var(--opt-control-sm)] gap-[var(--opt-space-1-5)] px-[var(--opt-control-padding-sm)] text-xs", variant === "secondary" ? "border-border bg-surface text-text-primary hover:bg-bg-subtle active:bg-bg-muted border" : "text-text-secondary hover:bg-bg-subtle active:bg-bg-muted", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "[&_svg]:size-3.5", OPT_FOCUS_VISIBLE),
+		children: [triggerIcon, triggerLabel]
+	});
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		animated: false,
+		children: [trigger, /* @__PURE__ */ jsx(DropdownContent, {
+			"aria-label": menuLabel,
+			"aria-labelledby": void 0,
+			className: "min-w-56",
+			children: sections.map((section, si) => {
+				var _section$heading;
+				return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+					si > 0 && /* @__PURE__ */ jsx(DropdownSeparator, {}),
+					section.heading !== void 0 && /* @__PURE__ */ jsx("div", {
+						role: "presentation",
+						className: "text-text-tertiary px-2 pt-1.5 pb-1 text-[11px] font-semibold tracking-wide uppercase",
+						children: section.heading
+					}),
+					section.entries.map((entry) => /* @__PURE__ */ jsxs(DropdownItem, {
+						onClick: () => onPick(entry.kind, entry.negate),
+						className: "flex items-start gap-2",
+						children: [entry.option.icon && /* @__PURE__ */ jsx("span", {
+							className: "text-text-tertiary mt-0.5 shrink-0 [&_svg]:size-3.5",
+							children: entry.option.icon
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "flex min-w-0 flex-col",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: cn("text-sm", entry.negate && "text-danger-fg"),
+								children: entry.negate ? entry.option.negatedLabel : entry.option.label
+							}), !entry.negate && entry.option.description && /* @__PURE__ */ jsx("span", {
+								className: "text-text-tertiary text-xs",
+								children: entry.option.description
+							})]
+						})]
+					}, entry.key))
+				] }, (_section$heading = section.heading) !== null && _section$heading !== void 0 ? _section$heading : "__none");
+			})
+		})]
+	});
+}
+function IconAction({ icon, label, onClick, disabled = false, danger = false }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		"aria-label": label,
+		title: label,
+		className: cn("inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-colors [&_svg]:size-3.5", danger ? "text-text-tertiary hover:bg-danger-subtle hover:text-danger-fg" : "text-text-tertiary hover:bg-bg-muted hover:text-text-primary", "disabled:pointer-events-none disabled:opacity-40", OPT_FOCUS_VISIBLE),
+		children: icon
+	});
+}
+function LogicDivider({ label, emphasis }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "separator",
+		"aria-label": label,
+		className: cn("flex items-center", emphasis === "root" ? "gap-group" : "gap-element"),
+		children: [
+			/* @__PURE__ */ jsx("span", { className: cn("h-px flex-1", emphasis === "root" ? "bg-border" : "bg-border-subtle") }),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("text-[11px] font-semibold tracking-wide uppercase", emphasis === "root" ? "bg-bg-subtle text-text-secondary border-border rounded-full border px-2 py-0.5" : "text-text-tertiary"),
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", { className: cn("h-px flex-1", emphasis === "root" ? "bg-border" : "bg-border-subtle") })
+		]
+	});
+}
+function Lettermark({ letter }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "bg-accent-subtle text-accent inline-flex size-6 shrink-0 items-center justify-center rounded-md text-xs font-semibold tabular-nums",
+		children: letter
+	});
+}
+/**
+* CriteriaBuilder — a two-level tree of criteria, edited as sentences.
+*
+* The builder owns what every criteria editor needs and nothing a particular
+* product does: groups and their AND/OR, the order of criteria, negation,
+* inline errors, the "add" menu, and the keyboard. The consumer owns the
+* criterion type and renders each one — usually as `Expression` chips whose
+* values open an editor — so the same shell serves a cohort of users, an
+* alert condition, or a feature-flag rollout without knowing which.
+*
+* Kinds the builder does not know render as an invalid row with a warning and
+* a replace/remove pair, never as some other kind's fields: a criterion saved
+* by a newer client should look broken, not silently different.
+*
+* @example
+* ```tsx
+* <CriteriaBuilder
+*   value={value}
+*   onChange={setValue}
+*   kinds={[
+*     { kind: "performed", label: "이벤트를 수행함", negatedLabel: "이벤트를 수행하지 않음" },
+*     { kind: "property", label: "속성이 일치함" },
+*   ]}
+*   createCriterion={(kind, negate) => ({ id: nextId(), kind, negate, event: "" })}
+*   renderCriterion={(c, api) => (
+*     <ExpressionGroup>
+*       <Expression description="이벤트" value={c.event} onClick={() => open(c.id)} />
+*     </ExpressionGroup>
+*   )}
+* />
+* ```
+*/
+function CriteriaBuilder({ value, onChange, kinds, createCriterion, renderCriterion, cloneCriterion, createGroupId, errors, maxGroups = 10, maxCriteriaPerGroup = 20, allowNegation = true, disabled = false, aside, labels: customLabels, className, "aria-label": ariaLabel }) {
+	const labels = React.useMemo(() => _objectSpread2(_objectSpread2({}, defaultLabels$17), customLabels), [customLabels]);
+	const baseId = React.useId().replace(/:/g, "");
+	const nextGroupRef = React.useRef(1);
+	const rootRef = React.useRef(null);
+	const [pendingOpen, setPendingOpen] = React.useState(null);
+	const knownKinds = React.useMemo(() => new Set(kinds.map((k) => k.kind)), [kinds]);
+	const groupsFull = value.groups.length >= maxGroups;
+	const newGroupId = React.useCallback(() => {
+		const taken = collectIds(value);
+		if (createGroupId) return uniqueId(createGroupId(), taken);
+		let id = "";
+		do
+			id = `group-${nextGroupRef.current++}`;
+		while (taken.has(id));
+		return id;
+	}, [createGroupId, value]);
+	const clone = React.useCallback((criterion, taken) => {
+		if (cloneCriterion) return cloneCriterion(criterion);
+		const id = uniqueId(`${criterion.id}-copy`, taken);
+		taken.add(id);
+		return _objectSpread2(_objectSpread2({}, criterion), {}, { id });
+	}, [cloneCriterion]);
+	const addGroup = React.useCallback(() => {
+		if (disabled || groupsFull) return null;
+		const id = newGroupId();
+		onChange(_objectSpread2(_objectSpread2({}, value), {}, { groups: [...value.groups, {
+			id,
+			logic: "and",
+			criteria: []
+		}] }));
+		return id;
+	}, [
+		disabled,
+		groupsFull,
+		newGroupId,
+		onChange,
+		value
+	]);
+	const addCriterion = React.useCallback((groupIndex, kind, negate) => {
+		const group = value.groups[groupIndex];
+		if (!group || group.criteria.length >= maxCriteriaPerGroup) return;
+		onChange(criteriaBuilderInsert(value, groupIndex, createCriterion(kind, negate)));
+	}, [
+		createCriterion,
+		maxCriteriaPerGroup,
+		onChange,
+		value
+	]);
+	const addFirst = React.useCallback((kind, negate) => {
+		if (disabled) return;
+		onChange(_objectSpread2(_objectSpread2({}, value), {}, { groups: [{
+			id: newGroupId(),
+			logic: "and",
+			criteria: [createCriterion(kind, negate)]
+		}] }));
+	}, [
+		createCriterion,
+		disabled,
+		newGroupId,
+		onChange,
+		value
+	]);
+	const replaceCriterion = React.useCallback((groupIndex, index, kind, negate) => {
+		const group = value.groups[groupIndex];
+		const current = group === null || group === void 0 ? void 0 : group.criteria[index];
+		if (!group || !current) return;
+		const replacement = _objectSpread2(_objectSpread2({}, createCriterion(kind, negate)), {}, { id: current.id });
+		onChange(replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria: group.criteria.map((c, i) => i === index ? replacement : c) })));
+	}, [
+		createCriterion,
+		onChange,
+		value
+	]);
+	const updateCriterion = React.useCallback((groupIndex, index, patch) => {
+		const group = value.groups[groupIndex];
+		if (!group) return;
+		onChange(replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { criteria: group.criteria.map((c, i) => i === index ? _objectSpread2(_objectSpread2({}, c), patch) : c) })));
+	}, [onChange, value]);
+	const findAddTrigger = React.useCallback((groupId) => {
+		var _rootRef$current$quer, _rootRef$current;
+		return (_rootRef$current$quer = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelector(`[data-criteria-add="${groupId.replace(/["\\]/g, "\\$&")}"]`)) !== null && _rootRef$current$quer !== void 0 ? _rootRef$current$quer : null;
+	}, []);
+	React.useEffect(() => {
+		if (!pendingOpen) return;
+		const trigger = findAddTrigger(pendingOpen);
+		if (!trigger) return;
+		setPendingOpen(null);
+		trigger.focus();
+		trigger.click();
+	}, [
+		findAddTrigger,
+		pendingOpen,
+		value
+	]);
+	const handleKeyDown = React.useCallback((event) => {
+		if (disabled || event.defaultPrevented) return;
+		if (event.altKey || event.ctrlKey || event.metaKey) return;
+		if (isEditableTarget(event.target)) return;
+		const key = event.key.toLowerCase();
+		if (key === "g") {
+			const id = addGroup();
+			if (id) {
+				event.preventDefault();
+				setPendingOpen(id);
+			}
+			return;
+		}
+		if (key === "a") {
+			const host = event.target instanceof Element ? event.target.closest("[data-criteria-group]") : null;
+			const groupId = host === null || host === void 0 ? void 0 : host.dataset.criteriaGroup;
+			const trigger = groupId ? findAddTrigger(groupId) : null;
+			if (trigger && !trigger.disabled) {
+				event.preventDefault();
+				trigger.focus();
+				trigger.click();
+			}
+		}
+	}, [
+		addGroup,
+		disabled,
+		findAddTrigger
+	]);
+	const rootLogicOptions = React.useMemo(() => [{
+		value: "and",
+		label: labels.matchAllGroups
+	}, {
+		value: "or",
+		label: labels.matchAnyGroup
+	}], [labels]);
+	const groupLogicOptions = React.useMemo(() => [{
+		value: "and",
+		label: labels.matchAllCriteria
+	}, {
+		value: "or",
+		label: labels.matchAnyCriteria
+	}], [labels]);
+	const isEmpty = value.groups.length === 0;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		role: "group",
+		"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : labels.builder,
+		className: cn("gap-section flex flex-col lg:flex-row", className),
+		onKeyDown: handleKeyDown,
+		"data-opt-id": "6F4JG",
+		"data-opt-slug": "criteria-builder.CriteriaBuilder",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "gap-group flex min-w-0 flex-1 flex-col",
+			children: isEmpty ? /* @__PURE__ */ jsx(EmptyState, {
+				title: labels.emptyTitle,
+				description: labels.emptyDescription,
+				hasBorder: true,
+				tone: "subdued",
+				actions: /* @__PURE__ */ jsx(KindMenu, {
+					kinds,
+					menuLabel: labels.kindMenuTitle,
+					triggerLabel: labels.emptyAction,
+					triggerAriaLabel: labels.emptyAction,
+					triggerIcon: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+					variant: "secondary",
+					disabled,
+					onPick: addFirst
+				}),
+				footer: /* @__PURE__ */ jsxs("span", {
+					className: "gap-element inline-flex items-center",
+					children: [
+						/* @__PURE__ */ jsx(Kbd, {
+							hint: true,
+							children: "A"
+						}),
+						/* @__PURE__ */ jsx(Kbd, {
+							hint: true,
+							children: "G"
+						}),
+						/* @__PURE__ */ jsx("span", { children: labels.keyboardHint })
+					]
+				})
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs("fieldset", {
+					className: "gap-group m-0 flex min-w-0 flex-wrap items-center border-0 p-0",
+					children: [
+						/* @__PURE__ */ jsx("legend", {
+							className: "sr-only",
+							children: labels.rootLogicLegend
+						}),
+						/* @__PURE__ */ jsx(SegmentedControl, {
+							"aria-label": labels.rootLogicLegend,
+							size: "sm",
+							options: rootLogicOptions,
+							value: value.logic,
+							onChange: (logic) => onChange(_objectSpread2(_objectSpread2({}, value), {}, { logic })),
+							disabled
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-text-tertiary gap-element hidden items-center text-xs sm:inline-flex",
+							children: [
+								/* @__PURE__ */ jsx(Kbd, {
+									hint: true,
+									children: "A"
+								}),
+								/* @__PURE__ */ jsx(Kbd, {
+									hint: true,
+									children: "G"
+								}),
+								labels.keyboardHint
+							]
+						})
+					]
+				}),
+				value.groups.map((group, groupIndex) => {
+					const letter = criteriaGroupLetter(groupIndex);
+					const groupName = labels.groupLabel(letter);
+					const groupLabelId = `${baseId}-${group.id}-label`;
+					const groupError = errors === null || errors === void 0 ? void 0 : errors[group.id];
+					const groupErrorId = `${baseId}-${group.id}-error`;
+					const criteriaFull = group.criteria.length >= maxCriteriaPerGroup;
+					return /* @__PURE__ */ jsxs(React.Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ jsx(LogicDivider, {
+						emphasis: "root",
+						label: value.logic === "and" ? labels.and : labels.or
+					}), /* @__PURE__ */ jsxs("div", {
+						role: "group",
+						"aria-labelledby": groupLabelId,
+						"aria-describedby": groupError ? groupErrorId : void 0,
+						"data-criteria-group": group.id,
+						"data-invalid": groupError ? true : void 0,
+						className: cn("bg-bg-subtle gap-element flex flex-col rounded-lg border p-3", groupError ? "border-danger/40" : "border-border"),
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								id: groupLabelId,
+								className: "sr-only",
+								children: groupName
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "gap-element flex flex-wrap items-center justify-between",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "gap-element flex items-center",
+									children: [/* @__PURE__ */ jsx(Lettermark, { letter }), /* @__PURE__ */ jsxs("fieldset", {
+										className: "m-0 border-0 p-0",
+										children: [/* @__PURE__ */ jsx("legend", {
+											className: "sr-only",
+											children: labels.groupLogicLegend(letter)
+										}), /* @__PURE__ */ jsx(SegmentedControl, {
+											"aria-label": labels.groupLogicLegend(letter),
+											size: "sm",
+											options: groupLogicOptions,
+											value: group.logic,
+											onChange: (logic) => onChange(replaceGroup(value, groupIndex, _objectSpread2(_objectSpread2({}, group), {}, { logic }))),
+											disabled
+										})]
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-0.5",
+									children: [/* @__PURE__ */ jsx(IconAction, {
+										icon: /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true" }),
+										label: labels.actionLabel(labels.duplicateGroup, groupName),
+										disabled: disabled || groupsFull,
+										onClick: () => {
+											const taken = collectIds(value);
+											const id = newGroupId();
+											taken.add(id);
+											onChange(criteriaBuilderDuplicateGroup(value, groupIndex, id, (c) => clone(c, taken)));
+										}
+									}), /* @__PURE__ */ jsx(IconAction, {
+										icon: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": "true" }),
+										label: labels.actionLabel(labels.removeGroup, groupName),
+										disabled,
+										danger: true,
+										onClick: () => onChange(criteriaBuilderRemoveGroup(value, groupIndex))
+									})]
+								})]
+							}),
+							group.criteria.length === 0 && /* @__PURE__ */ jsx("p", {
+								className: "text-text-tertiary text-xs",
+								children: labels.emptyGroup
+							}),
+							group.criteria.map((criterion, index) => {
+								const criterionName = labels.criterionLabel(letter, index + 1);
+								const rowLabelId = `${baseId}-${criterion.id}-label`;
+								const error = errors === null || errors === void 0 ? void 0 : errors[criterion.id];
+								const errorId = `${baseId}-${criterion.id}-error`;
+								const known = knownKinds.has(criterion.kind);
+								const negated = criterion.negate === true;
+								const api = {
+									update: (patch) => updateCriterion(groupIndex, index, patch),
+									invalid: Boolean(error) || !known,
+									error,
+									disabled,
+									groupIndex,
+									index
+								};
+								return /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(LogicDivider, {
+									emphasis: "group",
+									label: group.logic === "and" ? labels.and : labels.or
+								}), /* @__PURE__ */ jsxs("div", {
+									role: "group",
+									"aria-labelledby": rowLabelId,
+									"aria-describedby": error ? errorId : void 0,
+									"data-criterion-kind": criterion.kind,
+									"data-negated": negated || void 0,
+									"data-invalid": error || !known ? true : void 0,
+									className: cn("bg-surface gap-element flex flex-col rounded-md border p-2", error || !known ? "border-danger/40" : "border-border-subtle"),
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											id: rowLabelId,
+											className: "sr-only",
+											children: criterionName
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "gap-element flex flex-wrap items-start",
+											children: [
+												allowNegation && known && /* @__PURE__ */ jsx("button", {
+													type: "button",
+													"aria-pressed": negated,
+													"aria-label": labels.actionLabel(labels.negate, criterionName),
+													disabled,
+													onClick: () => updateCriterion(groupIndex, index, { negate: !negated }),
+													className: cn("inline-flex h-7 shrink-0 items-center rounded-md border px-2 text-[11px] font-semibold tracking-wide uppercase transition-colors", negated ? "border-danger/40 bg-danger-subtle text-danger-fg" : "border-border bg-bg-subtle text-text-tertiary hover:text-text-secondary", "disabled:pointer-events-none disabled:opacity-50", "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-ring-offset"),
+													children: labels.negate
+												}),
+												/* @__PURE__ */ jsx("div", {
+													className: "min-w-0 flex-1",
+													children: known ? renderCriterion(criterion, api) : /* @__PURE__ */ jsx(Callout, {
+														tone: "warning",
+														size: "sm",
+														title: labels.unknownKind(criterion.kind),
+														icon: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true" }),
+														action: /* @__PURE__ */ jsx(KindMenu, {
+															kinds,
+															menuLabel: labels.kindMenuTitle,
+															triggerLabel: labels.replaceKind,
+															triggerAriaLabel: labels.actionLabel(labels.replaceKind, criterionName),
+															variant: "secondary",
+															disabled,
+															onPick: (kind, negate) => replaceCriterion(groupIndex, index, kind, negate)
+														}),
+														children: labels.unknownKindDescription
+													})
+												}),
+												/* @__PURE__ */ jsxs("div", {
+													className: "flex items-center gap-0.5",
+													children: [
+														/* @__PURE__ */ jsx(IconAction, {
+															icon: /* @__PURE__ */ jsx(ArrowUp, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.moveUp, criterionName),
+															disabled: disabled || index === 0,
+															onClick: () => onChange(criteriaBuilderMove(value, groupIndex, index, "up"))
+														}),
+														/* @__PURE__ */ jsx(IconAction, {
+															icon: /* @__PURE__ */ jsx(ArrowDown, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.moveDown, criterionName),
+															disabled: disabled || index === group.criteria.length - 1,
+															onClick: () => onChange(criteriaBuilderMove(value, groupIndex, index, "down"))
+														}),
+														/* @__PURE__ */ jsx(IconAction, {
+															icon: /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.duplicateCriterion, criterionName),
+															disabled: disabled || criteriaFull,
+															onClick: () => onChange(criteriaBuilderDuplicate(value, groupIndex, index, (c) => clone(c, collectIds(value))))
+														}),
+														/* @__PURE__ */ jsx(IconAction, {
+															icon: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.removeCriterion, criterionName),
+															disabled,
+															danger: true,
+															onClick: () => onChange(criteriaBuilderRemove(value, groupIndex, index))
+														})
+													]
+												})
+											]
+										}),
+										error && /* @__PURE__ */ jsx("p", {
+											id: errorId,
+											className: "text-danger-fg text-xs",
+											children: error
+										})
+									]
+								})] }, criterion.id);
+							}),
+							groupError && /* @__PURE__ */ jsx("p", {
+								id: groupErrorId,
+								className: "text-danger-fg text-xs",
+								children: groupError
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "gap-element flex flex-wrap items-center",
+								children: [/* @__PURE__ */ jsx(KindMenu, {
+									kinds,
+									menuLabel: labels.kindMenuTitle,
+									triggerLabel: labels.addCriterion,
+									triggerAriaLabel: labels.actionLabel(labels.addCriterion, groupName),
+									triggerIcon: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+									disabled: disabled || criteriaFull,
+									disabledReason: labels.maxCriteriaReached(maxCriteriaPerGroup),
+									onPick: (kind, negate) => addCriterion(groupIndex, kind, negate),
+									addTarget: group.id
+								}), criteriaFull && /* @__PURE__ */ jsx("span", {
+									className: "text-text-tertiary text-xs",
+									children: labels.maxCriteriaReached(maxCriteriaPerGroup)
+								})]
+							})
+						]
+					})] }, group.id);
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "gap-element flex flex-wrap items-center",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "sm",
+						leftIcon: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+						disabled: disabled || groupsFull,
+						title: groupsFull ? labels.maxGroupsReached(maxGroups) : void 0,
+						onClick: () => {
+							const id = addGroup();
+							if (id) setPendingOpen(id);
+						},
+						children: labels.addGroup
+					}), groupsFull && /* @__PURE__ */ jsx("span", {
+						className: "text-text-tertiary text-xs",
+						children: labels.maxGroupsReached(maxGroups)
+					})]
+				})
+			] })
+		}), aside !== void 0 && aside !== null && /* @__PURE__ */ jsx("aside", {
+			className: "min-w-0 lg:w-72 lg:shrink-0",
+			children: aside
+		})]
+	});
+}
+CriteriaBuilder.displayName = "CriteriaBuilder";
+//#endregion
 //#region src/shells/insights-panel.tsx
 const defaultLabels$16 = {
 	title: "Insights",
@@ -5476,64 +6239,56 @@ ConfirmDialog.displayName = "ConfirmDialog";
 function AsyncCombobox({ onSearch, debounceMs = 300, loadingText, minChars = 1, placeholder, onSelect, labels: customLabels, className }) {
 	const labels = _objectSpread2({
 		input: placeholder !== null && placeholder !== void 0 ? placeholder : "Search",
+		error: "Search failed. Please try again.",
+		retry: "Retry",
 		loading: loadingText !== null && loadingText !== void 0 ? loadingText : "Loading…",
 		noResults: "No results",
 		placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Search…"
 	}, customLabels);
 	const [query, setQuery] = React.useState("");
-	const [results, setResults] = React.useState([]);
-	const [loading, setLoading] = React.useState(false);
-	const timerRef = React.useRef(void 0);
-	const searchGenerationRef = React.useRef(0);
-	const handleInput = React.useCallback((event) => {
-		searchGenerationRef.current += 1;
+	const inputRef = React.useRef(null);
+	const { results, loading, failed, retry, invalidate } = useAsyncSearch({
+		query,
+		search: onSearch,
+		enabled: query.length >= minChars,
+		debounceMs
+	});
+	const handleInput = (event) => {
+		inputRef.current = event.currentTarget;
+		invalidate();
 		setQuery(event.currentTarget.value);
-	}, []);
-	const handleValueChange = React.useCallback((value) => {
-		searchGenerationRef.current += 1;
-		if (timerRef.current) clearTimeout(timerRef.current);
-		setLoading(false);
-		setResults([]);
+	};
+	const handleValueChange = (value) => {
+		invalidate();
 		onSelect === null || onSelect === void 0 || onSelect(value);
-	}, [onSelect]);
-	React.useEffect(() => {
-		const generation = ++searchGenerationRef.current;
-		if (timerRef.current) clearTimeout(timerRef.current);
-		if (query.length < minChars) {
-			setResults([]);
-			setLoading(false);
-			return;
-		}
-		setLoading(true);
-		timerRef.current = setTimeout(async () => {
-			try {
-				const items = await onSearch(query);
-				if (searchGenerationRef.current !== generation) return;
-				setResults(items);
-			} finally {
-				if (searchGenerationRef.current === generation) setLoading(false);
-			}
-		}, debounceMs);
-		return () => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-		};
-	}, [
-		query,
-		minChars,
-		debounceMs,
-		onSearch
-	]);
+	};
 	return /* @__PURE__ */ jsxs(ComboboxRoot, {
 		onValueChange: handleValueChange,
 		"data-opt-id": "KAKTV",
 		"data-opt-slug": "async-combobox.AsyncCombobox",
-		children: [/* @__PURE__ */ jsx(ComboboxInput, {
+		children: [/* @__PURE__ */ jsx(ComboboxInput, _objectSpread2({
 			className: cn(className),
 			"aria-label": labels.input,
 			"aria-busy": loading || void 0,
 			placeholder: labels.placeholder,
 			onInput: handleInput
-		}), /* @__PURE__ */ jsx(ComboboxPopover, { children: loading ? /* @__PURE__ */ jsxs("div", {
+		}, failed ? {
+			"aria-expanded": false,
+			"aria-controls": void 0
+		} : {})), /* @__PURE__ */ jsx(ComboboxPopover, _objectSpread2(_objectSpread2({}, failed ? { role: "presentation" } : {}), {}, { children: failed ? /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			className: "gap-element flex flex-col px-3 py-2 text-sm",
+			children: [/* @__PURE__ */ jsx("span", { children: labels.error }), /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				onClick: () => {
+					var _inputRef$current;
+					retry();
+					(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+				},
+				children: labels.retry
+			})]
+		}) : loading ? /* @__PURE__ */ jsxs("div", {
 			className: "text-text-secondary gap-element flex items-center px-3 py-2 text-sm",
 			role: "status",
 			"aria-live": "polite",
@@ -5545,7 +6300,7 @@ function AsyncCombobox({ onSearch, debounceMs = 300, loadingText, minChars = 1,
 		}) : results.length === 0 ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: labels.noResults }) : results.map((item) => /* @__PURE__ */ jsx(ComboboxItem, {
 			value: item,
 			children: item
-		}, item)) })]
+		}, item)) }))]
 	});
 }
 //#endregion
@@ -8176,4 +8931,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, 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 };
+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, CriteriaBuilder, 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, ReplayPlayerLayout, ReplayScrubber, ReplayTransport, 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, criteriaBuilderDuplicate, criteriaBuilderDuplicateGroup, criteriaBuilderInsert, criteriaBuilderMove, criteriaBuilderRemove, criteriaBuilderRemoveGroup, criteriaGroupLetter, defaultQueryChartConfig, defineThemeOverrides, describeClause, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, fieldValues, formatClause, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, formatQuery, formatQueryCell, formatReplayElapsed, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, groupReplayMarkers, hasActiveQuery, hasActiveQueryFilters, isDescriptorSpec, isEmptyQuery, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, isValidQueryVariableName, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, matchesQuery, matchesQueryObject, numericResultColumns, parseQuery, parseQueryWithDiagnostics, presetTheme, queryFields, quoteValue, readStoredTheme, removeClause, replaceSqlPlaceholder, replayShortcutKey, 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 };