@reopt-ai/opt-ui 1.13.0 → 1.14.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 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-CqFI6la9.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-mSVCMAZp.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();
@@ -1873,7 +1873,7 @@ const COLOR_PRESETS = [
 	"#f97316",
 	"#14b8a6"
 ];
-const defaultLabels$27 = {
+const defaultLabels$28 = {
 	eventLabelPrefix: "Event",
 	defaultAriaLabel: "Event icon"
 };
@@ -1904,7 +1904,7 @@ function getEventIconStyle(color) {
 /** Renders the event icon component. */
 function EventIcon({ icon, color, size = "md", className, labels: customLabels }) {
 	var _iconEntry$label;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$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 +1996,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 +2040,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 +2048,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 +2134,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 +2172,7 @@ const syntaxThemeClasses = {
 /** Renders the code snippet viewer component. */
 function CodeSnippetViewer({ code, language = "text", title, showLineNumbers = true, showCopyButton = true, maxHeight = 400, syntaxTheme = "default", className, labels: customLabels }) {
 	var _syntaxThemeClasses$s;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$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 +2224,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 +2232,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 +2518,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 +2589,7 @@ function AlertBuilder({ value, onChange, metrics = [
 ], labels: customLabels, className }) {
 	const resolvedMetrics = eventOptions ? eventOptions.map((e) => e.id) : metrics;
 	const metricLabelMap = eventOptions ? Object.fromEntries(eventOptions.map((e) => [e.id, e.name])) : null;
-	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$22), customLabels);
+	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$23), customLabels);
 	const alertNameId = React.useId();
 	const conditionsId = React.useId();
 	const checkFrequencyId = React.useId();
@@ -2744,7 +2744,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 +2762,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 +2885,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 +2933,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 +3009,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 +3229,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 +3308,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 +3431,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 +3552,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 +3764,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",
@@ -8176,4 +8873,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, 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, 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 };