@reopt-ai/opt-ui 1.6.0 → 1.8.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_pagination = require("./pagination-Uv3CnGJz.cjs");
-const require_shader_surface = require("./shader-surface-DxLLfrE6.cjs");
-const require_workflow_canvas = require("./workflow-canvas-3Jeevkgy.cjs");
+const require_pagination = require("./pagination-DjfxBcjX.cjs");
+const require_shader_surface = require("./shader-surface-Fav5K9UC.cjs");
+const require_field_sidebar = require("./field-sidebar-Bqfp6dgg.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_pagination.__toESM(react, 1);
@@ -520,7 +520,7 @@ function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, lab
 					var _searchValues$filter$;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 							placeholder: filter.label || labels.searchPlaceholder,
 							value: (_searchValues$filter$ = searchValues[filter.id]) !== null && _searchValues$filter$ !== void 0 ? _searchValues$filter$ : "",
 							onChange: (e) => {
@@ -613,9 +613,10 @@ function FilterBar({ filters, onFilterChange, onDateRangeChange, onClearAll, lab
 				}, filter.id);
 				if (filter.type === "tag") {
 					var _ref5, _tagInputValues$filte2;
+					const tags = (_ref5 = filter.value) !== null && _ref5 !== void 0 ? _ref5 : [];
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex flex-wrap items-center gap-1.5",
-						children: [((_ref5 = filter.value) !== null && _ref5 !== void 0 ? _ref5 : []).map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						children: [tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "bg-accent-subtle text-accent inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium",
 							children: [tag, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -1096,7 +1097,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 /** Renders the dynamic field form component. */
 function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldType = "text", validateField, onSubmit, onFieldsChange, labels = {}, ariaLabel }) {
 	var _labels$itemLabel, _labels$itemPlacehold, _labels$removeAriaLab, _labels$addButton, _labels$submitButton;
-	const [fields, setFields] = (0, react.useState)(Array.from({ length: initialCount }, (_, i) => ({ id: i + 1 })));
+	const initialFields = Array.from({ length: initialCount }, (_, i) => ({ id: i + 1 }));
+	const [fields, setFields] = (0, react.useState)(initialFields);
 	const [nextId, setNextId] = (0, react.useState)(initialCount + 1);
 	const [submitted, setSubmitted] = (0, react.useState)(false);
 	const [submittedValues, setSubmittedValues] = (0, react.useState)([]);
@@ -1228,8 +1230,8 @@ function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldTyp
 //#region src/shells/file-upload-form.tsx
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1048576).toFixed(1)} MB`;
 }
 /** Renders the file upload form component. */
 function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true, showFileInfo = true, showDescription = true, descriptionRows = 3, titleRequired = true, maxFileSize, onSubmit, onFileChange, onPreview, columnMapping, labels = {}, ariaLabel }) {
@@ -2064,7 +2066,7 @@ function PropertyExplorer({ groups, onSelect, className, labels: customLabels })
 		className: require_pagination.cn("gap-element flex flex-col", className),
 		"data-opt-id": "HJF32",
 		"data-opt-slug": "property-explorer.PropertyExplorer",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 			placeholder: labels.searchPlaceholder,
 			value: search,
 			onChange: (e) => setSearch(e.target.value),
@@ -2313,7 +2315,7 @@ function AlertBuilder({ value, onChange, metrics = [
 				htmlFor: alertNameId,
 				className: "text-text-tertiary mb-1 block text-xs font-medium",
 				children: labels.alertNameLabel
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 				id: alertNameId,
 				value: value.name,
 				onChange: (e) => update({ name: e.target.value }),
@@ -2364,7 +2366,7 @@ function AlertBuilder({ value, onChange, metrics = [
 									children: op.label
 								}, op.value))
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 								type: "number",
 								value: cond.threshold,
 								onChange: (e) => updateCondition(i, { threshold: Number(e.target.value) }),
@@ -2672,7 +2674,7 @@ function EventMetaEditor({ value, onChange, icons, className, labels: customLabe
 					htmlFor: nameId,
 					className: "text-text-tertiary mb-1 block text-xs font-medium",
 					children: labels.name
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 					id: nameId,
 					value: value.name,
 					onChange: (e) => update({ name: e.target.value }),
@@ -2682,7 +2684,7 @@ function EventMetaEditor({ value, onChange, icons, className, labels: customLabe
 					htmlFor: displayNameId,
 					className: "text-text-tertiary mb-1 block text-xs font-medium",
 					children: labels.displayName
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 					id: displayNameId,
 					value: value.displayName,
 					onChange: (e) => update({ displayName: e.target.value }),
@@ -2693,7 +2695,7 @@ function EventMetaEditor({ value, onChange, icons, className, labels: customLabe
 				htmlFor: descriptionId,
 				className: "text-text-tertiary mb-1 block text-xs font-medium",
 				children: labels.description
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 				id: descriptionId,
 				value: value.description,
 				onChange: (e) => update({ description: e.target.value }),
@@ -2937,7 +2939,7 @@ function ReportBuilder({ chartTypes = DEFAULT_CHART_TYPES, dataSources = [], onS
 						htmlFor: reportNameId,
 						className: "text-text-tertiary text-xs font-medium",
 						children: labels.reportNameLabel
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 						id: reportNameId,
 						value: reportName,
 						onChange: (e) => setReportName(e.target.value),
@@ -2949,7 +2951,7 @@ function ReportBuilder({ chartTypes = DEFAULT_CHART_TYPES, dataSources = [], onS
 						htmlFor: reportDescriptionId,
 						className: "text-text-tertiary text-xs font-medium",
 						children: labels.reportDescriptionLabel
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 						id: reportDescriptionId,
 						value: reportDescription,
 						onChange: (e) => setReportDescription(e.target.value),
@@ -3549,7 +3551,7 @@ function SegmentBuilder({ groups, onChange, eventOptions = [
 										value: f,
 										children: f
 									}, f))
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 									value: cond.field,
 									onChange: (e) => updateCondition(group.id, cond.id, { field: e.target.value }),
 									placeholder: "Expression",
@@ -3566,7 +3568,7 @@ function SegmentBuilder({ groups, onChange, eventOptions = [
 										children: op.label
 									}, op.value))
 								}),
-								needsValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+								needsValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 									value: cond.value,
 									onChange: (e) => updateCondition(group.id, cond.id, { value: e.target.value }),
 									placeholder: "Value",
@@ -6008,7 +6010,7 @@ function SavedFilters({ currentFilters, presets, onSavePreset, onLoadPreset, onD
 								setPendingDeleteId(null);
 							}
 						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 							value: newName,
 							onChange: (e) => setNewName(e.target.value),
 							placeholder: labels.namePlaceholder,
@@ -6739,7 +6741,7 @@ function WebhookConfig({ webhook, onChange, availableEvents, onTest, className,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 					className: "text-text-primary text-sm font-medium",
 					children: labels.webhookUrl
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 					value: webhook.url,
 					onChange: (e) => onChange(require_pagination._objectSpread2(require_pagination._objectSpread2({}, webhook), {}, { url: e.target.value })),
 					placeholder: "https://example.com/webhook"
@@ -7152,7 +7154,7 @@ function ChatSidebar({ conversations, activeConversationId, onConversationSelect
 					})]
 				}), labels.newChat]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shader_surface.Input, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pagination.Input, {
 				placeholder: labels.searchPlaceholder,
 				value: searchQuery,
 				onChange: (e) => handleSearch(e.target.value),
@@ -8165,7 +8167,6 @@ function computeScore(current, candidate, dir) {
 			if (candidate.bottom > current.top) return null;
 			primaryDistance = current.top - candidate.bottom;
 			secondaryOffset = Math.abs((candidate.left + candidate.right) / 2 - (current.left + current.right) / 2);
-			break;
 	}
 	return primaryDistance + secondaryOffset * SECONDARY_WEIGHT;
 }
@@ -8288,6 +8289,67 @@ const enStarRatingLabels = {
 };
 const enBreadcrumbLabels = { navAriaLabel: "Go to {label}" };
 //#endregion
+//#region src/lib/query/query-match.ts
+function toText(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean") return String(value);
+	return JSON.stringify(value);
+}
+function compare(left, right) {
+	const leftNumber = typeof left === "number" ? left : Number(toText(left));
+	const rightNumber = Number(right);
+	if (Number.isFinite(leftNumber) && Number.isFinite(rightNumber)) return leftNumber - rightNumber;
+	return toText(left).localeCompare(right);
+}
+function matchesClause(clause, read, searchable) {
+	if (clause.type === "term") return searchable().toLowerCase().includes(clause.value.toLowerCase());
+	const value = read(clause.field);
+	switch (clause.operator) {
+		case "exists": return value !== void 0 && value !== null && value !== "";
+		case "eq": return clause.values.some((candidate) => toText(value).toLowerCase() === candidate.toLowerCase());
+		case "contains": return clause.values.some((candidate) => toText(value).toLowerCase().includes(candidate.toLowerCase()));
+		case "gt":
+			var _clause$values$;
+			return compare(value, (_clause$values$ = clause.values[0]) !== null && _clause$values$ !== void 0 ? _clause$values$ : "") > 0;
+		case "gte":
+			var _clause$values$2;
+			return compare(value, (_clause$values$2 = clause.values[0]) !== null && _clause$values$2 !== void 0 ? _clause$values$2 : "") >= 0;
+		case "lt":
+			var _clause$values$3;
+			return compare(value, (_clause$values$3 = clause.values[0]) !== null && _clause$values$3 !== void 0 ? _clause$values$3 : "") < 0;
+		case "lte":
+			var _clause$values$4;
+			return compare(value, (_clause$values$4 = clause.values[0]) !== null && _clause$values$4 !== void 0 ? _clause$values$4 : "") <= 0;
+		default: return true;
+	}
+}
+/**
+* Whether one row satisfies every clause.
+*
+* `searchable` is lazy because most queries are field constraints, and
+* flattening a row to text for a term match nobody asked for is the expensive
+* part of filtering a live tail.
+*/
+function matchesQuery(query, read, searchable) {
+	return query.clauses.every((clause) => {
+		const matched = matchesClause(clause, read, searchable);
+		return clause.negated ? !matched : matched;
+	});
+}
+/** Convenience for plain objects, including one level of nested properties. */
+function matchesQueryObject(query, row, options = {}) {
+	const nested = options.nested ? row[options.nested] : void 0;
+	const read = (field) => field in row ? row[field] : nested === null || nested === void 0 ? void 0 : nested[field];
+	let cached = null;
+	const searchable = () => {
+		var _cached;
+		(_cached = cached) !== null && _cached !== void 0 || (cached = [...Object.values(row).filter((value) => typeof value !== "object"), ...Object.values(nested !== null && nested !== void 0 ? nested : {})].map(toText).join(" "));
+		return cached;
+	};
+	return matchesQuery(query, read, searchable);
+}
+//#endregion
 exports.ALL_COMPOUND_THEMES = ALL_COMPOUND_THEMES;
 exports.AccordionContent = require_shader_surface.AccordionContent;
 exports.AccordionItem = require_shader_surface.AccordionItem;
@@ -8297,7 +8359,7 @@ exports.ActivityFeed = ActivityFeed;
 exports.Alert = require_pagination.Alert;
 exports.AlertBuilder = AlertBuilder;
 exports.AlertDialogPanel = require_pagination.AlertDialogPanel;
-exports.AppMenubar = require_workflow_canvas.AppMenubar;
+exports.AppMenubar = require_field_sidebar.AppMenubar;
 exports.AppShell = AppShell;
 exports.AsyncCombobox = AsyncCombobox;
 exports.AuditLog = AuditLog;
@@ -8307,7 +8369,7 @@ exports.Avatar = require_shader_surface.Avatar;
 exports.AvatarGroup = require_shader_surface.AvatarGroup;
 exports.Badge = require_pagination.Badge;
 exports.BlockLayout = require_shader_surface.BlockLayout;
-exports.BranchSelect = require_workflow_canvas.BranchSelect;
+exports.BranchSelect = require_field_sidebar.BranchSelect;
 exports.Breadcrumb = require_shader_surface.Breadcrumb;
 exports.BulkActions = BulkActions;
 exports.Button = require_pagination.Button;
@@ -8335,17 +8397,17 @@ exports.ComboboxInput = require_pagination.ComboboxInput;
 exports.ComboboxItem = require_pagination.ComboboxItem;
 exports.ComboboxPopover = require_pagination.ComboboxPopover;
 exports.ComboboxRoot = require_pagination.ComboboxRoot;
-exports.Command = require_workflow_canvas.Command;
-exports.CommandDialog = require_workflow_canvas.CommandDialog;
-exports.CommandEmpty = require_workflow_canvas.CommandEmpty;
-exports.CommandGroup = require_workflow_canvas.CommandGroup;
-exports.CommandInput = require_workflow_canvas.CommandInput;
-exports.CommandItem = require_workflow_canvas.CommandItem;
-exports.CommandList = require_workflow_canvas.CommandList;
-exports.CommandPalette = require_workflow_canvas.CommandPalette;
-exports.CommandPaletteTrigger = require_workflow_canvas.CommandPaletteTrigger;
-exports.CommandSeparator = require_workflow_canvas.CommandSeparator;
-exports.CommandShortcut = require_workflow_canvas.CommandShortcut;
+exports.Command = require_field_sidebar.Command;
+exports.CommandDialog = require_field_sidebar.CommandDialog;
+exports.CommandEmpty = require_field_sidebar.CommandEmpty;
+exports.CommandGroup = require_field_sidebar.CommandGroup;
+exports.CommandInput = require_field_sidebar.CommandInput;
+exports.CommandItem = require_field_sidebar.CommandItem;
+exports.CommandList = require_field_sidebar.CommandList;
+exports.CommandPalette = require_field_sidebar.CommandPalette;
+exports.CommandPaletteTrigger = require_field_sidebar.CommandPaletteTrigger;
+exports.CommandSeparator = require_field_sidebar.CommandSeparator;
+exports.CommandShortcut = require_field_sidebar.CommandShortcut;
 exports.ComparisonSelector = ComparisonSelector;
 exports.Composite = _reopt_ai_opt_ui_primitives.Composite;
 exports.CompositeItem = _reopt_ai_opt_ui_primitives.CompositeItem;
@@ -8356,13 +8418,14 @@ exports.ConditionBuilder = require_shader_surface.ConditionBuilder;
 exports.ConfirmDialog = ConfirmDialog;
 exports.ConnectionIndicator = ConnectionIndicator;
 exports.Container = require_shader_surface.Container;
-exports.ContentTabs = require_workflow_canvas.ContentTabs;
+exports.ContentTabs = require_field_sidebar.ContentTabs;
 exports.DEFAULT_PRESETS = require_pagination.DEFAULT_PRESETS;
-exports.DashboardGrid = require_workflow_canvas.DashboardGrid;
+exports.DEFAULT_TIME_PRESETS = require_field_sidebar.DEFAULT_TIME_PRESETS;
+exports.DashboardGrid = require_field_sidebar.DashboardGrid;
 exports.DataImportWizard = DataImportWizard;
-exports.DataTable = require_workflow_canvas.DataTable;
+exports.DataTable = require_field_sidebar.DataTable;
 exports.DateRangePicker = require_pagination.DateRangePicker;
-exports.DeploymentTimeline = require_workflow_canvas.DeploymentTimeline;
+exports.DeploymentTimeline = require_field_sidebar.DeploymentTimeline;
 exports.DesignGuidePanel = DesignGuidePanel;
 exports.DialogBody = require_pagination.DialogBody;
 exports.DialogDescription = require_pagination.DialogDescription;
@@ -8376,7 +8439,7 @@ exports.DialogRoot = require_pagination.DialogRoot;
 exports.DisclosureContent = require_pagination.DisclosureContent;
 exports.DisclosureRoot = require_pagination.DisclosureRoot;
 exports.DisclosureTrigger = require_pagination.DisclosureTrigger;
-exports.DomainTable = require_workflow_canvas.DomainTable;
+exports.DomainTable = require_field_sidebar.DomainTable;
 exports.DrawerClose = require_shader_surface.DrawerClose;
 exports.DrawerPanel = require_shader_surface.DrawerPanel;
 exports.DrawerRoot = require_shader_surface.DrawerRoot;
@@ -8386,9 +8449,10 @@ exports.DropdownMenu = require_shader_surface.DropdownMenu;
 exports.DropdownSeparator = require_shader_surface.DropdownSeparator;
 exports.DropdownTrigger = require_shader_surface.DropdownTrigger;
 exports.DynamicFieldForm = DynamicFieldForm;
-exports.EditorToolbar = require_workflow_canvas.EditorToolbar;
+exports.EMPTY_QUERY = require_field_sidebar.EMPTY_QUERY;
+exports.EditorToolbar = require_field_sidebar.EditorToolbar;
 exports.EmptyState = require_pagination.EmptyState;
-exports.EnvPanel = require_workflow_canvas.EnvPanel;
+exports.EnvPanel = require_field_sidebar.EnvPanel;
 exports.ErrorBoundary = ErrorBoundary;
 exports.EventIcon = EventIcon;
 exports.EventMetaEditor = EventMetaEditor;
@@ -8401,9 +8465,10 @@ Object.defineProperty(exports, "EventSparkline", {
 exports.ExportButton = ExportButton;
 exports.FORCE_LIGHT_PRESETS = FORCE_LIGHT_PRESETS;
 exports.FORCE_LIGHT_PRESET_IDS = FORCE_LIGHT_PRESET_IDS;
-exports.FailureList = require_workflow_canvas.FailureList;
-exports.FaqAccordion = require_workflow_canvas.FaqAccordion;
+exports.FailureList = require_field_sidebar.FailureList;
+exports.FaqAccordion = require_field_sidebar.FaqAccordion;
 exports.FeatureFlagPanel = FeatureFlagPanel;
+exports.FieldSidebar = require_field_sidebar.FieldSidebar;
 exports.FileUploadForm = FileUploadForm;
 exports.FilterBar = FilterBar;
 exports.FloatingActionBar = FloatingActionBar;
@@ -8441,12 +8506,13 @@ exports.GLOBAL_THEME_STYLE_ID = GLOBAL_THEME_STYLE_ID;
 exports.Heading = require_shader_surface.Heading;
 exports.IconPicker = require_pagination.IconPicker;
 exports.InlineEditTable = InlineEditTable;
-exports.Input = require_shader_surface.Input;
+exports.Input = require_pagination.Input;
 exports.InsightsPanel = InsightsPanel;
 exports.KanbanBoard = KanbanBoard;
 exports.Kbd = require_pagination.Kbd;
-exports.KeyValueEditor = require_workflow_canvas.KeyValueEditor;
+exports.KeyValueEditor = require_field_sidebar.KeyValueEditor;
 exports.LoadingOverlay = require_shader_surface.LoadingOverlay;
+exports.LogTable = require_field_sidebar.LogTable;
 exports.Logo = require_shader_surface.Logo;
 exports.MegaMenu = MegaMenu;
 exports.MenuButtonArrow = require_pagination.MenuButtonArrow;
@@ -8467,7 +8533,7 @@ Object.defineProperty(exports, "MetricsCard", {
 	}
 });
 exports.NotificationCenter = NotificationCenter;
-exports.NotificationToast = require_workflow_canvas.NotificationToast;
+exports.NotificationToast = require_field_sidebar.NotificationToast;
 exports.NumberInput = require_pagination.NumberInput;
 exports.OPT_TEXT_PRIMARY = require_pagination.OPT_TEXT_PRIMARY;
 exports.OPT_TEXT_SECONDARY = require_pagination.OPT_TEXT_SECONDARY;
@@ -8483,9 +8549,10 @@ exports.PopoverContent = require_pagination.PopoverContent;
 exports.PopoverRoot = require_pagination.PopoverRoot;
 exports.PopoverTrigger = require_pagination.PopoverTrigger;
 exports.Progress = require_shader_surface.Progress;
-exports.ProjectSwitcher = require_workflow_canvas.ProjectSwitcher;
+exports.ProjectSwitcher = require_field_sidebar.ProjectSwitcher;
 exports.PromptTemplate = PromptTemplate;
 exports.PropertyExplorer = PropertyExplorer;
+exports.QueryBar = require_field_sidebar.QueryBar;
 exports.QueryResultsTable = QueryResultsTable;
 exports.QuickActions = QuickActions;
 exports.Radio = require_shader_surface.Radio;
@@ -8509,7 +8576,7 @@ exports.SHADER_PRESETS = require_shader_surface.SHADER_PRESETS;
 exports.SHADER_PRESET_IDS = require_shader_surface.SHADER_PRESET_IDS;
 exports.SavedFilters = SavedFilters;
 exports.ScrollArea = require_shader_surface.ScrollArea;
-exports.SearchCombobox = require_workflow_canvas.SearchCombobox;
+exports.SearchCombobox = require_field_sidebar.SearchCombobox;
 exports.Section = require_shader_surface.Section;
 exports.SegmentBuilder = SegmentBuilder;
 exports.SelectItem = require_pagination.SelectItem;
@@ -8518,10 +8585,10 @@ exports.SelectPopover = require_pagination.SelectPopover;
 exports.SelectRoot = require_pagination.SelectRoot;
 exports.SelectTrigger = require_pagination.SelectTrigger;
 exports.Separator = require_shader_surface.Separator;
-exports.SettingsForm = require_workflow_canvas.SettingsForm;
+exports.SettingsForm = require_field_sidebar.SettingsForm;
 exports.ShaderSurface = require_shader_surface.ShaderSurface;
 exports.Sidebar = Sidebar;
-exports.SidebarNav = require_workflow_canvas.SidebarNav;
+exports.SidebarNav = require_field_sidebar.SidebarNav;
 exports.Skeleton = require_shader_surface.Skeleton;
 exports.SkeletonAvatar = require_shader_surface.SkeletonAvatar;
 exports.SkeletonCard = require_shader_surface.SkeletonCard;
@@ -8533,7 +8600,7 @@ exports.Spinner = require_pagination.Spinner;
 exports.SqlEditor = SqlEditor;
 exports.StarRating = require_pagination.StarRating;
 exports.StatCard = require_pagination.StatCard;
-exports.StatusSelect = require_workflow_canvas.StatusSelect;
+exports.StatusSelect = require_field_sidebar.StatusSelect;
 exports.StepBuilder = require_shader_surface.StepBuilder;
 exports.SummaryRow = SummaryRow;
 exports.SurfaceLayout = require_shader_surface.BlockLayout;
@@ -8553,8 +8620,10 @@ exports.TemplatePicker = TemplatePicker;
 exports.Text = require_shader_surface.Text;
 exports.Textarea = require_shader_surface.Textarea;
 exports.ThemeSwitcher = ThemeSwitcher;
+exports.TimeRangeControl = require_field_sidebar.TimeRangeControl;
 exports.TimeRangeSelector = TimeRangeSelector;
-exports.ToastProvider = require_workflow_canvas.ToastProvider;
+exports.TimeSeriesPanel = require_field_sidebar.TimeSeriesPanel;
+exports.ToastProvider = require_field_sidebar.ToastProvider;
 exports.Toggle = require_shader_surface.Toggle;
 exports.ToggleGroup = require_shader_surface.ToggleGroup;
 exports.ToolbarButton = require_pagination.ToolbarButton;
@@ -8576,7 +8645,9 @@ exports.VirtualList = require_shader_surface.VirtualList;
 exports.WebhookConfig = WebhookConfig;
 exports.WidgetGrid = WidgetGrid;
 exports.WizardForm = WizardForm;
-exports.WorkflowCanvas = require_workflow_canvas.WorkflowCanvas;
+exports.WorkflowCanvas = require_field_sidebar.WorkflowCanvas;
+exports.addClause = require_field_sidebar.addClause;
+exports.applyCellAction = require_field_sidebar.applyCellAction;
 exports.buildTokenCache = buildTokenCache;
 exports.cn = require_pagination.cn;
 exports.coerceThemeMode = coerceThemeMode;
@@ -8586,13 +8657,17 @@ exports.createBlock = require_shader_surface.createBlock;
 exports.createSurface = require_shader_surface.createBlock;
 exports.createThemeBootScript = createThemeBootScript;
 exports.defineThemeOverrides = defineThemeOverrides;
+exports.describeClause = require_field_sidebar.describeClause;
 exports.enBreadcrumbLabels = enBreadcrumbLabels;
 exports.enComboboxLabels = enComboboxLabels;
 exports.enStarRatingLabels = enStarRatingLabels;
+exports.fieldValues = require_field_sidebar.fieldValues;
+exports.formatClause = require_field_sidebar.formatClause;
 exports.formatOptDateTime = require_shader_surface.formatOptDateTime;
 exports.formatOptNumber = require_shader_surface.formatOptNumber;
 exports.formatOptShortDate = require_shader_surface.formatOptShortDate;
 exports.formatOptTime = require_shader_surface.formatOptTime;
+exports.formatQuery = require_field_sidebar.formatQuery;
 exports.generatedTheme = generatedTheme;
 exports.getCompoundIdForSpec = getCompoundIdForSpec;
 exports.getCompoundTheme = getCompoundTheme;
@@ -8601,6 +8676,7 @@ exports.getShaderPreset = require_shader_surface.getShaderPreset;
 exports.getThemeDescriptor = getThemeDescriptor;
 exports.getTrappedContextRole = getTrappedContextRole;
 exports.isDescriptorSpec = isDescriptorSpec;
+exports.isEmptyQuery = require_field_sidebar.isEmptyQuery;
 exports.isForceLightSpec = isForceLightSpec;
 exports.isGeneratedSpec = isGeneratedSpec;
 exports.isPresetSpec = isPresetSpec;
@@ -8608,8 +8684,15 @@ exports.isThemePresetId = isThemePresetId;
 exports.koBreadcrumbLabels = require_pagination.koBreadcrumbLabels;
 exports.koComboboxLabels = require_pagination.koComboboxLabels;
 exports.koStarRatingLabels = require_pagination.koStarRatingLabels;
+exports.matchesQuery = matchesQuery;
+exports.matchesQueryObject = matchesQueryObject;
+exports.parseQuery = require_field_sidebar.parseQuery;
+exports.parseQueryWithDiagnostics = require_field_sidebar.parseQueryWithDiagnostics;
 exports.presetTheme = presetTheme;
+exports.queryFields = require_field_sidebar.queryFields;
+exports.quoteValue = require_field_sidebar.quoteValue;
 exports.readStoredTheme = readStoredTheme;
+exports.removeClause = require_field_sidebar.removeClause;
 exports.resolveDescriptor = resolveDescriptor;
 exports.resolveThemeMode = resolveThemeMode;
 exports.safeParseStoredSpec = safeParseStoredSpec;
@@ -8619,7 +8702,8 @@ exports.serializeGeneratedTheme = serializeGeneratedTheme;
 exports.serializeThemeRule = serializeThemeRule;
 exports.serializeTokenBody = serializeTokenBody;
 exports.shouldSkipArrow = shouldSkipArrow;
-exports.toast = require_workflow_canvas.toast;
+exports.toast = require_field_sidebar.toast;
+exports.useAutoRefresh = require_field_sidebar.useAutoRefresh;
 exports.useControlledState = require_pagination.useControlledState;
 exports.useFieldValue = _reopt_ai_opt_ui_primitives.useFieldValue;
 exports.useFormContext = _reopt_ai_opt_ui_primitives.useFormContext;
@@ -8629,7 +8713,9 @@ exports.useOptTheme = useOptTheme;
 exports.useOptThemeController = useOptThemeController;
 exports.useOptionalOptTheme = useOptionalOptTheme;
 exports.useSidebar = useSidebar;
-exports.useToast = require_workflow_canvas.useToast;
+exports.useToast = require_field_sidebar.useToast;
+exports.withFieldValue = require_field_sidebar.withFieldValue;
+exports.withoutField = require_field_sidebar.withoutField;
 Object.keys(_reopt_ai_opt_charts).forEach(function(k) {
 	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,