@reopt-ai/opt-ui 1.13.0 → 1.14.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_text_truncate = require("./text-truncate-BeYW6XZu.cjs");
-const require_key_pad_menu = require("./key-pad-menu-0KWOnELe.cjs");
-const require_field_sidebar = require("./field-sidebar-CxxSK4JO.cjs");
+const require_key_pad_menu = require("./key-pad-menu-BgtSL3xe.cjs");
+const require_field_sidebar = require("./field-sidebar-ePqFX6MN.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_text_truncate.__toESM(react, 1);
@@ -93,7 +93,7 @@ const _excluded = [
 	"disabled",
 	"onClick"
 ];
-const defaultLabels$33 = {
+const defaultLabels$34 = {
 	copy: "복사",
 	copied: "복사됨",
 	failed: "복사할 수 없습니다"
@@ -140,7 +140,7 @@ const stateTone = {
 */
 function CopyButton(_ref) {
 	let { value, variant = "icon", size = "md", feedbackDuration = 1500, onCopy, labels: customLabels, className, disabled, onClick } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded);
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$33), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$34), customLabels);
 	const [state, setState] = (0, react.useState)("idle");
 	const timer = (0, react.useRef)(null);
 	(0, react.useEffect)(() => () => {
@@ -265,7 +265,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} 완료",
@@ -285,9 +285,9 @@ const defaultLabels$32 = {
 };
 /** Renders the task list component. */
 function TaskList({ tasks, title, onTaskClick, onTaskStatusChange, emptyMessage, showSubtasks = false, maxItems, labels: customLabels, className }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$32), customLabels), {}, {
-		priority: require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$32.priority), customLabels === null || customLabels === void 0 ? void 0 : customLabels.priority),
-		status: require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$32.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status)
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$33), customLabels), {}, {
+		priority: require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$33.priority), customLabels === null || customLabels === void 0 ? void 0 : customLabels.priority),
+		status: require_text_truncate._objectSpread2(require_text_truncate._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;
@@ -445,7 +445,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}개 더 보기",
@@ -495,24 +495,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
 	};
@@ -640,13 +640,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$30), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$31), customLabels);
 	const [searchValues, setSearchValues] = (0, react.useState)({});
 	const [tagInputValues, setTagInputValues] = (0, react.useState)({});
 	const [multiSelectOpen, setMultiSelectOpen] = (0, react.useState)({});
@@ -872,10 +872,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$29), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$30), customLabels);
 	const displayTitle = title !== null && title !== void 0 ? title : labels.title;
 	const titleId = (0, react.useId)();
 	(0, react.useEffect)(() => {
@@ -953,7 +953,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} 온라인",
@@ -974,7 +974,7 @@ const statusDot = {
 };
 /** Renders the team member list component. */
 function TeamMemberList({ members, title, layout = "list", maxDisplay, onMemberClick, onShowMore, emptyMessage, labels: customLabels, className }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$28), customLabels), {}, { status: require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$28.status), customLabels === null || customLabels === void 0 ? void 0 : customLabels.status) });
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$29), customLabels), {}, { status: require_text_truncate._objectSpread2(require_text_truncate._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 = (0, react.useId)();
@@ -1874,7 +1874,7 @@ const COLOR_PRESETS = [
 	"#f97316",
 	"#14b8a6"
 ];
-const defaultLabels$27 = {
+const defaultLabels$28 = {
 	eventLabelPrefix: "Event",
 	defaultAriaLabel: "Event icon"
 };
@@ -1905,7 +1905,7 @@ function getEventIconStyle(color) {
 /** Renders the event icon component. */
 function EventIcon({ icon, color, size = "md", className, labels: customLabels }) {
 	var _iconEntry$label;
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$27), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._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" ? require_text_truncate.getIconRegistryEntry(icon) : void 0;
@@ -1997,14 +1997,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$26), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$27), customLabels);
 	if (actions.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		role: "toolbar",
@@ -2041,7 +2041,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...",
@@ -2049,7 +2049,7 @@ const defaultLabels$25 = {
 };
 /** Renders the template picker component. */
 function TemplatePicker({ templates, selected, onSelect, labels: customLabels, showSearch = false, className }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$25), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$26), customLabels);
 	const [search, setSearch] = react.useState("");
 	const filtered = react.useMemo(() => {
 		if (!showSearch || !search) return templates;
@@ -2135,7 +2135,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"
@@ -2173,7 +2173,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$24), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._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;
@@ -2225,7 +2225,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} 편집`,
@@ -2233,7 +2233,7 @@ const defaultLabels$23 = {
 };
 /** Renders the property explorer component. */
 function PropertyExplorer({ groups, onSelect, onEdit, className, labels: customLabels }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$23), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$24), customLabels);
 	const [search, setSearch] = react.useState("");
 	const filtered = react.useMemo(() => {
 		if (!search) return groups;
@@ -2519,7 +2519,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",
@@ -2590,7 +2590,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$22), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$23), customLabels);
 	const alertNameId = react.useId();
 	const conditionsId = react.useId();
 	const checkFrequencyId = react.useId();
@@ -2745,7 +2745,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",
@@ -2763,7 +2763,7 @@ const defaultLabels$21 = {
 };
 /** Renders the event meta editor component. */
 function EventMetaEditor({ value, onChange, icons, sections, footer, className, labels: customLabels }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$21), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$22), customLabels);
 	const hasTags = value.tags.length > 0;
 	const nameId = react.useId();
 	const displayNameId = react.useId();
@@ -2886,10 +2886,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$20), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$21), customLabels);
 	const [dragIdx, setDragIdx] = react.useState(null);
 	const [overIdx, setOverIdx] = react.useState(null);
 	if (widgets.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2934,7 +2934,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",
@@ -3010,7 +3010,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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$19), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$20), customLabels);
 	const [stepIndex, setStepIndex] = react.useState(0);
 	const [internalChartType, setInternalChartType] = react.useState(null);
 	const [internalDataSource, setInternalDataSource] = react.useState("");
@@ -3230,7 +3230,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: "상세 보기",
@@ -3309,7 +3309,7 @@ function DiffTable({ changes, labels }) {
 }
 /** Renders the audit timeline component. */
 function AuditTimeline({ entries, labels: customLabels, className, onEntryClick }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$18), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$19), customLabels);
 	const [expandedIds, setExpandedIds] = react.useState(/* @__PURE__ */ new Set());
 	const toggleExpanded = react.useCallback((id) => {
 		setExpandedIds((prev) => {
@@ -3432,7 +3432,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",
@@ -3553,7 +3553,7 @@ function SegmentBuilder({ groups, onChange, eventOptions = [
 	"New Users",
 	"Power Users"
 ], className, labels: customLabels }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$17), customLabels);
+	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$18), customLabels);
 	const builderId = react.useId().replace(/:/g, "");
 	const nextIdRef = react.useRef(1);
 	const createId = react.useCallback(() => {
@@ -3765,6 +3765,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 require_text_truncate._objectSpread2(require_text_truncate._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, require_text_truncate._objectSpread2(require_text_truncate._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, require_text_truncate._objectSpread2(require_text_truncate._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, require_text_truncate._objectSpread2(require_text_truncate._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, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, group), {}, { criteria }));
+}
+/** Removes one group. */
+function criteriaBuilderRemoveGroup(value, groupIndex) {
+	if (groupIndex < 0 || groupIndex >= value.groups.length) return value;
+	return require_text_truncate._objectSpread2(require_text_truncate._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 require_text_truncate._objectSpread2(require_text_truncate._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__ */ (0, react_jsx_runtime.jsxs)(require_text_truncate.DropdownTrigger, {
+		disabled,
+		"aria-label": triggerAriaLabel,
+		title: disabled ? disabledReason : void 0,
+		"data-criteria-add": addTarget,
+		className: require_text_truncate.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", require_text_truncate.OPT_FOCUS_VISIBLE),
+		children: [triggerIcon, triggerLabel]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_text_truncate.DropdownMenu, {
+		animated: false,
+		children: [trigger, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.DropdownContent, {
+			"aria-label": menuLabel,
+			"aria-labelledby": void 0,
+			className: "min-w-56",
+			children: sections.map((section, si) => {
+				var _section$heading;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
+					si > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.DropdownSeparator, {}),
+					section.heading !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(require_text_truncate.DropdownItem, {
+						onClick: () => onPick(entry.kind, entry.negate),
+						className: "flex items-start gap-2",
+						children: [entry.option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-text-tertiary mt-0.5 shrink-0 [&_svg]:size-3.5",
+							children: entry.option.icon
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "flex min-w-0 flex-col",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: require_text_truncate.cn("text-sm", entry.negate && "text-danger-fg"),
+								children: entry.negate ? entry.option.negatedLabel : entry.option.label
+							}), !entry.negate && entry.option.description && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick,
+		disabled,
+		"aria-label": label,
+		title: label,
+		className: require_text_truncate.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", require_text_truncate.OPT_FOCUS_VISIBLE),
+		children: icon
+	});
+}
+function LogicDivider({ label, emphasis }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		role: "separator",
+		"aria-label": label,
+		className: require_text_truncate.cn("flex items-center", emphasis === "root" ? "gap-group" : "gap-element"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_text_truncate.cn("h-px flex-1", emphasis === "root" ? "bg-border" : "bg-border-subtle") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_text_truncate.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__ */ (0, react_jsx_runtime.jsx)("span", { className: require_text_truncate.cn("h-px flex-1", emphasis === "root" ? "bg-border" : "bg-border-subtle") })
+		]
+	});
+}
+function Lettermark({ letter }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.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(() => require_text_truncate._objectSpread2(require_text_truncate._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 require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, criterion), {}, { id });
+	}, [cloneCriterion]);
+	const addGroup = react.useCallback(() => {
+		if (disabled || groupsFull) return null;
+		const id = newGroupId();
+		onChange(require_text_truncate._objectSpread2(require_text_truncate._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(require_text_truncate._objectSpread2(require_text_truncate._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 = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, createCriterion(kind, negate)), {}, { id: current.id });
+		onChange(replaceGroup(value, groupIndex, require_text_truncate._objectSpread2(require_text_truncate._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, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, group), {}, { criteria: group.criteria.map((c, i) => i === index ? require_text_truncate._objectSpread2(require_text_truncate._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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: rootRef,
+		role: "group",
+		"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : labels.builder,
+		className: require_text_truncate.cn("gap-section flex flex-col lg:flex-row", className),
+		onKeyDown: handleKeyDown,
+		"data-opt-id": "6F4JG",
+		"data-opt-slug": "criteria-builder.CriteriaBuilder",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "gap-group flex min-w-0 flex-1 flex-col",
+			children: isEmpty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.EmptyState, {
+				title: labels.emptyTitle,
+				description: labels.emptyDescription,
+				hasBorder: true,
+				tone: "subdued",
+				actions: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindMenu, {
+					kinds,
+					menuLabel: labels.kindMenuTitle,
+					triggerLabel: labels.emptyAction,
+					triggerAriaLabel: labels.emptyAction,
+					triggerIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { "aria-hidden": "true" }),
+					variant: "secondary",
+					disabled,
+					onPick: addFirst
+				}),
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "gap-element inline-flex items-center",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.Kbd, {
+							hint: true,
+							children: "A"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.Kbd, {
+							hint: true,
+							children: "G"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.keyboardHint })
+					]
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+					className: "gap-group m-0 flex min-w-0 flex-wrap items-center border-0 p-0",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+							className: "sr-only",
+							children: labels.rootLogicLegend
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field_sidebar.SegmentedControl, {
+							"aria-label": labels.rootLogicLegend,
+							size: "sm",
+							options: rootLogicOptions,
+							value: value.logic,
+							onChange: (logic) => onChange(require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, value), {}, { logic })),
+							disabled
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "text-text-tertiary gap-element hidden items-center text-xs sm:inline-flex",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.Kbd, {
+									hint: true,
+									children: "A"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.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__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LogicDivider, {
+						emphasis: "root",
+						label: value.logic === "and" ? labels.and : labels.or
+					}), /* @__PURE__ */ (0, react_jsx_runtime.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: require_text_truncate.cn("bg-bg-subtle gap-element flex flex-col rounded-lg border p-3", groupError ? "border-danger/40" : "border-border"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								id: groupLabelId,
+								className: "sr-only",
+								children: groupName
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "gap-element flex flex-wrap items-center justify-between",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "gap-element flex items-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lettermark, { letter }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+										className: "m-0 border-0 p-0",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+											className: "sr-only",
+											children: labels.groupLogicLegend(letter)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field_sidebar.SegmentedControl, {
+											"aria-label": labels.groupLogicLegend(letter),
+											size: "sm",
+											options: groupLogicOptions,
+											value: group.logic,
+											onChange: (logic) => onChange(replaceGroup(value, groupIndex, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, group), {}, { logic }))),
+											disabled
+										})]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-0.5",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+										icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+										icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { "aria-hidden": "true" }),
+										label: labels.actionLabel(labels.removeGroup, groupName),
+										disabled,
+										danger: true,
+										onClick: () => onChange(criteriaBuilderRemoveGroup(value, groupIndex))
+									})]
+								})]
+							}),
+							group.criteria.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LogicDivider, {
+									emphasis: "group",
+									label: group.logic === "and" ? labels.and : labels.or
+								}), /* @__PURE__ */ (0, react_jsx_runtime.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: require_text_truncate.cn("bg-surface gap-element flex flex-col rounded-md border p-2", error || !known ? "border-danger/40" : "border-border-subtle"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											id: rowLabelId,
+											className: "sr-only",
+											children: criterionName
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "gap-element flex flex-wrap items-start",
+											children: [
+												allowNegation && known && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													"aria-pressed": negated,
+													"aria-label": labels.actionLabel(labels.negate, criterionName),
+													disabled,
+													onClick: () => updateCriterion(groupIndex, index, { negate: !negated }),
+													className: require_text_truncate.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__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "min-w-0 flex-1",
+													children: known ? renderCriterion(criterion, api) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field_sidebar.Callout, {
+														tone: "warning",
+														size: "sm",
+														title: labels.unknownKind(criterion.kind),
+														icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TriangleAlert, { "aria-hidden": "true" }),
+														action: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "flex items-center gap-0.5",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.moveUp, criterionName),
+															disabled: disabled || index === 0,
+															onClick: () => onChange(criteriaBuilderMove(value, groupIndex, index, "up"))
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)(IconAction, {
+															icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { "aria-hidden": "true" }),
+															label: labels.actionLabel(labels.removeCriterion, criterionName),
+															disabled,
+															danger: true,
+															onClick: () => onChange(criteriaBuilderRemove(value, groupIndex, index))
+														})
+													]
+												})
+											]
+										}),
+										error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											id: errorId,
+											className: "text-danger-fg text-xs",
+											children: error
+										})
+									]
+								})] }, criterion.id);
+							}),
+							groupError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								id: groupErrorId,
+								className: "text-danger-fg text-xs",
+								children: groupError
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "gap-element flex flex-wrap items-center",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindMenu, {
+									kinds,
+									menuLabel: labels.kindMenuTitle,
+									triggerLabel: labels.addCriterion,
+									triggerAriaLabel: labels.actionLabel(labels.addCriterion, groupName),
+									triggerIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { "aria-hidden": "true" }),
+									disabled: disabled || criteriaFull,
+									disabledReason: labels.maxCriteriaReached(maxCriteriaPerGroup),
+									onPick: (kind, negate) => addCriterion(groupIndex, kind, negate),
+									addTarget: group.id
+								}), criteriaFull && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "text-text-tertiary text-xs",
+									children: labels.maxCriteriaReached(maxCriteriaPerGroup)
+								})]
+							})
+						]
+					})] }, group.id);
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "gap-element flex flex-wrap items-center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.Button, {
+						variant: "secondary",
+						size: "sm",
+						leftIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-text-tertiary text-xs",
+						children: labels.maxGroupsReached(maxGroups)
+					})]
+				})
+			] })
+		}), aside !== void 0 && aside !== null && /* @__PURE__ */ (0, react_jsx_runtime.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",
@@ -8253,6 +8950,7 @@ exports.ConnectionIndicator = ConnectionIndicator;
 exports.Container = require_key_pad_menu.Container;
 exports.ContentTabs = require_field_sidebar.ContentTabs;
 exports.CopyButton = CopyButton;
+exports.CriteriaBuilder = CriteriaBuilder;
 exports.DEFAULT_PRESETS = require_text_truncate.DEFAULT_PRESETS;
 exports.DEFAULT_TIME_PRESETS = require_field_sidebar.DEFAULT_TIME_PRESETS;
 exports.DashboardGrid = require_field_sidebar.DashboardGrid;
@@ -8524,6 +9222,13 @@ exports.countActiveQueryFilters = require_field_sidebar.countActiveQueryFilters;
 exports.createBlock = require_key_pad_menu.createBlock;
 exports.createSurface = require_key_pad_menu.createBlock;
 exports.createThemeBootScript = require_field_sidebar.createThemeBootScript;
+exports.criteriaBuilderDuplicate = criteriaBuilderDuplicate;
+exports.criteriaBuilderDuplicateGroup = criteriaBuilderDuplicateGroup;
+exports.criteriaBuilderInsert = criteriaBuilderInsert;
+exports.criteriaBuilderMove = criteriaBuilderMove;
+exports.criteriaBuilderRemove = criteriaBuilderRemove;
+exports.criteriaBuilderRemoveGroup = criteriaBuilderRemoveGroup;
+exports.criteriaGroupLetter = criteriaGroupLetter;
 exports.defaultQueryChartConfig = require_field_sidebar.defaultQueryChartConfig;
 exports.defineThemeOverrides = require_field_sidebar.defineThemeOverrides;
 exports.describeClause = require_field_sidebar.describeClause;