@upbound/monarch-blocks 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { CelFilterBar, RELATIVE_DURATION_PRESET_VALUES, allowsMultipleConditions, appendCondition, applyDisplayRules, applyOperatorChange, calendarDayStartInstant, celStringLiteral, compileCelFilterTree, computeIsEmitReady, createCelNodeId, createDefaultCondition, createEmptyCelFilterTree, dateBoundaryForOperator, denormalizeColumnIdWithReservedNames, escapeCelString, formatCalendarDateUtc, formatInstantLabel, getAllowedOperators, getColumnEmitOn, getDefaultOperator, getOperatorLabel, getQuantifierLabel, isDateRangeOperator, isDateRelativeOperator, isDateWindowOperator, isMultiTextColumn, isRealCalendarDay, isRelativeDateCelValue, isRelativeDurationPreset, mergeContextualIntoCelTree, parseCalendarDate, readDateCelValue, readMapKeyCelValue, readMultiTextCelValue, readTimeOfDay, removeConditionById, replaceCondition, resolveColumnDefinition, resolveFilterShape, validateCondition, withTimeOfDay } from './cel-filter-bar.js';
+export { CelFilterBar, RELATIVE_DURATION_PRESET_VALUES, allowsMultipleConditions, appendCondition, applyDisplayRules, applyOperatorChange, calendarDayStartInstant, celStringLiteral, compileCelFilterTree, computeIsEmitReady, createCelNodeId, createDefaultCondition, createEmptyCelFilterTree, dateBoundaryForOperator, denormalizeColumnIdWithReservedNames, denormalizeColumnsWithReservedNames, escapeCelString, formatCalendarDateUtc, formatInstantLabel, getAllowedOperators, getColumnEmitOn, getDefaultOperator, getOperatorLabel, getQuantifierLabel, isDateRangeOperator, isDateRelativeOperator, isDateWindowOperator, isMultiTextColumn, isRealCalendarDay, isRelativeDateCelValue, isRelativeDurationPreset, mergeContextualIntoCelTree, parseCalendarDate, readDateCelValue, readMapKeyCelValue, readMultiTextCelValue, readTimeOfDay, removeConditionById, replaceCondition, resolveColumnDefinition, resolveFilterShape, validateCondition, withTimeOfDay } from './cel-filter-bar.js';
 export { C as CelColumnDefinition, a as CelColumnOption, b as CelConditionValue, c as CelFilterBarProps, d as CelFilterCondition, e as CelFilterGroup, f as CelFilterSchema, g as CelFilterTree, h as CelOperator, i as CelRestrictedOptionSelectPayload, j as CheckboxCelValue, k as CompileResult, D as DateCelValue, M as MapKeyCelValue, l as MultiTextCelValue, P as PillActiveSurface, R as RadioCelValue, m as RelativeDurationPreset, V as ValidationIssue, n as isCelFilterCondition, o as isCelFilterGroup, p as isCheckboxCelValue, q as isDateCelValue, r as isMapKeyCelValue, s as isMultiTextCelValue } from './types-BULiU2qC.js';
 export { ChartAction, ChartConfig, ChartContainer, ChartDescription, ChartFooter, ChartHeader, ChartLegend, ChartLegendContent, ChartStyle, ChartTitle, ChartTooltip, ChartTooltipContent } from './chart.js';
 export { ChatInput, ChatInputProps, ChatInterface, ChatInterfaceProps, ChatMessage, ChatMessageBubble, ChatRoutine, ChatSession, ChatSessionList, ChatSessionListProps, ChatThread, ChatThreadProps, ChatToolCall } from './chat-interface.js';
-export { CodeBlock, CodeBlockBody, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader } from './code-block.js';
+export { CodeBlock, CodeBlockBody, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockFooter, CodeBlockHeader } from './code-block.js';
 export { CellContextualFilter, CellContextualFilterProps, ColumnOptions, ColumnOptionsProps, ContextualMenuAction, DataTable, DataTableBody, DataTableCelFilterConfig, DataTableCell, DataTableEmptyConfig, DataTableEmptyView, DataTableExpandedRow, DataTableGroupRow, DataTableHeader, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRow, DataTableRowProps, DataTableSkeletonBody, DataTableValueCell, DataTableValueCellProps, ExpandButton, RowActionItem, RowActions, RowCountRelation, StickyHeaderConfig, TableHookOptions, TableLayout, TimestampCell, ViewFilter, ViewFilterProps, defaultEmptyConfig, defaultErrorConfig, defaultNoFilterFoundConfig, getActionsColumnDefinition, getExpandColumnDefinition, normalizePageSizeOptions } from './data-table.js';
 export { ActiveFilter, CheckboxFilterDefinition, CheckboxFilterValue, DateFilterDefinition, DateFilterValue, FilterBar, FilterBarProps, FilterChip, FilterDefinition, FilterOption, FilterType, FilterValue, MultiTextFilterDefinition, MultiTextFilterValue, RadioFilterDefinition, RadioFilterValue, TextFilterDefinition, TextFilterValue } from './filter-bar.js';
 export { FloatingWidget, FloatingWidgetProvider, useFloatingWidget } from './floating-widget.js';

package/dist/index.js

@@ -423,6 +423,10 @@ var RESERVED_COLUMN_CEL_IDENTIFIERS = {
 var CEL_IDENTIFIER_TO_COLUMN_ID = Object.fromEntries(
   Object.entries(RESERVED_COLUMN_CEL_IDENTIFIERS).map(([columnId, celIdentifier]) => [celIdentifier, columnId])
 );
+var RESERVED_FIELD_OPERATOR_PATTERN = "(?=\\s*(?:in\\b|==|!=|<=|>=|<|>|\\.))";
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
 var ENUM_OPERATORS = ["is", "is_not"];
 var TEXT_OPERATORS = [
   "is",
@@ -717,6 +721,15 @@ function denormalizeColumnIdWithReservedNames(columnId) {
   var _a;
   return (_a = CEL_IDENTIFIER_TO_COLUMN_ID[columnId]) != null ? _a : columnId;
 }
+function denormalizeColumnsWithReservedNames(expression) {
+  return Object.entries(RESERVED_COLUMN_CEL_IDENTIFIERS).reduce(
+    (denormalized, [columnId, celIdentifier]) => denormalized.replace(
+      new RegExp(`\\b${escapeRegExp(celIdentifier)}\\b${RESERVED_FIELD_OPERATOR_PATTERN}`, "g"),
+      columnId
+    ),
+    expression
+  );
+}
 
 // src/lib/cel-filter/compile/validate-condition.ts
 function statusFromIssues(issues) {
@@ -2838,7 +2851,15 @@ function ChatInterface(_a) {
 // src/code-block.tsx
 import { useState as useState5 } from "react";
 import { Icon as Icon3 } from "@upbound/monarch-core";
-import { Card, CardContent, CardFooter, CardHeader } from "@upbound/monarch-core";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  Tooltip as Tooltip3,
+  TooltipContent as TooltipContent2,
+  TooltipTrigger as TooltipTrigger2
+} from "@upbound/monarch-core";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function CodeBlock(_a) {
   var _b = _a, {
@@ -2886,17 +2907,22 @@ function CodeBlockBody(_a) {
     html,
     lineNumbers,
     maxHeight,
-    copyButton
+    copyButton,
+    downloadButton
   } = _b, props = __objRest(_b, [
     "className",
     "code",
     "html",
     "lineNumbers",
     "maxHeight",
-    "copyButton"
+    "copyButton",
+    "downloadButton"
   ]);
   return /* @__PURE__ */ jsxs4(CardContent, __spreadProps(__spreadValues({ "data-line-numbers": lineNumbers || void 0, className: cn("relative p-0!", className) }, props), { children: [
-    copyButton && /* @__PURE__ */ jsx6("div", { className: "absolute top-2 right-2 z-10 opacity-0 transition-opacity group-hover/code-block:opacity-100", children: copyButton }),
+    (copyButton || downloadButton) && /* @__PURE__ */ jsxs4("div", { className: "absolute top-2 right-2 z-10 flex items-center gap-1 opacity-0 transition-opacity group-hover/code-block:opacity-100", children: [
+      copyButton,
+      downloadButton
+    ] }),
     /* @__PURE__ */ jsx6(
       "div",
       {
@@ -2942,23 +2968,73 @@ function CodeBlockCopyButton(_a) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  return /* @__PURE__ */ jsx6(
-    "button",
-    __spreadProps(__spreadValues({
-      "data-slot": "code-block-copy-button",
-      onClick: handleCopy,
-      className: cn(
-        "border-border bg-background inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border motion-safe:transition-colors",
-        "text-muted-foreground hover:bg-accent hover:text-foreground",
-        "focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:outline-none",
-        "group-data-[variant=terminal]/code-block:border-terminal-border group-data-[variant=terminal]/code-block:bg-terminal-bg group-data-[variant=terminal]/code-block:text-terminal-muted group-data-[variant=terminal]/code-block:hover:bg-terminal-muted-hover-bg group-data-[variant=terminal]/code-block:hover:text-terminal-muted-hover-fg",
-        className
-      ),
-      "aria-label": copied ? "Copied" : "Copy code"
-    }, props), {
-      children: copied ? /* @__PURE__ */ jsx6(Icon3, { name: "check", size: "sm", className: "text-green-500" }) : /* @__PURE__ */ jsx6(Icon3, { name: "copy", size: "sm" })
-    })
-  );
+  return /* @__PURE__ */ jsxs4(Tooltip3, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx6(
+      "button",
+      __spreadProps(__spreadValues({
+        "data-slot": "code-block-copy-button",
+        onClick: handleCopy,
+        className: cn(
+          "border-border bg-background inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border motion-safe:transition-colors",
+          "text-muted-foreground hover:bg-accent hover:text-foreground",
+          "focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:outline-none",
+          "group-data-[variant=terminal]/code-block:border-terminal-border group-data-[variant=terminal]/code-block:bg-terminal-bg group-data-[variant=terminal]/code-block:text-terminal-muted group-data-[variant=terminal]/code-block:hover:bg-terminal-muted-hover-bg group-data-[variant=terminal]/code-block:hover:text-terminal-muted-hover-fg",
+          className
+        ),
+        "aria-label": copied ? "Copied" : "Copy code"
+      }, props), {
+        children: copied ? /* @__PURE__ */ jsx6(Icon3, { name: "check", size: "sm", className: "text-green-500" }) : /* @__PURE__ */ jsx6(Icon3, { name: "copy", size: "sm" })
+      })
+    ) }),
+    /* @__PURE__ */ jsx6(TooltipContent2, { children: copied ? "Copied" : "Copy" })
+  ] });
+}
+function CodeBlockDownloadButton(_a) {
+  var _b = _a, {
+    code,
+    fileName,
+    mimeType = "text/plain",
+    className
+  } = _b, props = __objRest(_b, [
+    "code",
+    "fileName",
+    "mimeType",
+    "className"
+  ]);
+  const [downloaded, setDownloaded] = useState5(false);
+  const handleDownload = () => {
+    const blob = new Blob([code], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+    setDownloaded(true);
+    setTimeout(() => setDownloaded(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxs4(Tooltip3, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx6(
+      "button",
+      __spreadProps(__spreadValues({
+        "data-slot": "code-block-download-button",
+        onClick: handleDownload,
+        className: cn(
+          "border-border bg-background inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border motion-safe:transition-colors",
+          "text-muted-foreground hover:bg-accent hover:text-foreground",
+          "focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:outline-none",
+          "group-data-[variant=terminal]/code-block:border-terminal-border group-data-[variant=terminal]/code-block:bg-terminal-bg group-data-[variant=terminal]/code-block:text-terminal-muted group-data-[variant=terminal]/code-block:hover:bg-terminal-muted-hover-bg group-data-[variant=terminal]/code-block:hover:text-terminal-muted-hover-fg",
+          className
+        ),
+        "aria-label": downloaded ? "Downloaded" : "Download code"
+      }, props), {
+        children: downloaded ? /* @__PURE__ */ jsx6(Icon3, { name: "check", size: "sm", className: "text-green-500" }) : /* @__PURE__ */ jsx6(Icon3, { name: "download", size: "sm" })
+      })
+    ) }),
+    /* @__PURE__ */ jsx6(TooltipContent2, { children: downloaded ? "Downloaded" : "Download" })
+  ] });
 }
 
 // src/data-table/cell-contextual-filter.tsx
@@ -3345,7 +3421,7 @@ function ColumnOptions({
 import { Button as Button4 } from "@upbound/monarch-core";
 import { DropdownMenu as DropdownMenu3, DropdownMenuContent as DropdownMenuContent3, DropdownMenuItem as DropdownMenuItem3, DropdownMenuTrigger as DropdownMenuTrigger3 } from "@upbound/monarch-core";
 import { Icon as Icon5 } from "@upbound/monarch-core";
-import { Tooltip as Tooltip3, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2 } from "@upbound/monarch-core";
+import { Tooltip as Tooltip4, TooltipContent as TooltipContent3, TooltipTrigger as TooltipTrigger3 } from "@upbound/monarch-core";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function RowActions({
   align = "end",
@@ -3354,7 +3430,7 @@ function RowActions({
 }) {
   return /* @__PURE__ */ jsxs7(DropdownMenu3, { children: [
     /* @__PURE__ */ jsx9(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsx9(Button4, { variant: "ghost", size: "icon-xs", "aria-label": "Row actions", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx9(Icon5, { name: "ellipsis", size: "sm" }) }) }),
-    /* @__PURE__ */ jsx9(DropdownMenuContent3, { align, className: contentClassName, children })
+    /* @__PURE__ */ jsx9(DropdownMenuContent3, { align, className: contentClassName, onClick: (event) => event.stopPropagation(), children })
   ] });
 }
 function RowActionItem({
@@ -3366,9 +3442,9 @@ function RowActionItem({
 }) {
   const item = /* @__PURE__ */ jsx9(DropdownMenuItem3, { disabled, className, onClick, children });
   if (!tooltip) return item;
-  return /* @__PURE__ */ jsxs7(Tooltip3, { children: [
-    /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx9("span", { className: "block", children: item }) }),
-    /* @__PURE__ */ jsx9(TooltipContent2, { children: tooltip })
+  return /* @__PURE__ */ jsxs7(Tooltip4, { children: [
+    /* @__PURE__ */ jsx9(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx9("span", { className: "block", children: item }) }),
+    /* @__PURE__ */ jsx9(TooltipContent3, { children: tooltip })
   ] });
 }
 function getActionsColumnDefinition({
@@ -3426,8 +3502,8 @@ function DataTableValueCell({ content, title, className, href, onClick }) {
     return /* @__PURE__ */ jsx9("p", { className: baseClassName, children: /* @__PURE__ */ jsx9("a", { href, title, className: "underline hover:no-underline", onClick, children: content }) });
   }
   if (title) {
-    return /* @__PURE__ */ jsxs7(Tooltip3, { children: [
-      /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs7(Tooltip4, { children: [
+      /* @__PURE__ */ jsx9(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -3439,7 +3515,7 @@ function DataTableValueCell({ content, title, className, href, onClick }) {
           children: content
         }
       ) }),
-      /* @__PURE__ */ jsx9(TooltipContent2, { side: "bottom", children: title })
+      /* @__PURE__ */ jsx9(TooltipContent3, { side: "bottom", children: title })
     ] });
   }
   return /* @__PURE__ */ jsx9("p", { className: baseClassName, children: content ? /* @__PURE__ */ jsx9("span", { children: content }) : /* @__PURE__ */ jsx9("span", { children: "\u2014" }) });
@@ -3497,11 +3573,11 @@ function hasContextualFilterValue(value) {
 }
 function getDefaultContextualFilterValue(cell, filter) {
   const value = cell.getValue();
-  if (filter.type === "checkbox" || filter.type === "scrollableCheckbox" || filter.type === "multiText") {
+  if (filter.type === "checkbox" || filter.type === "multiText") {
     const values = stringArrayFromValue(value);
     return values.length > 0 ? values : void 0;
   }
-  if (filter.type === "radio" || filter.type === "scrollableRadio" || filter.type === "text") {
+  if (filter.type === "radio" || filter.type === "text") {
     return valueToString(value);
   }
   return void 0;
@@ -3521,7 +3597,7 @@ function getContextualGlobalSearch(cell) {
   return valueToString(globalSearchValue(cell));
 }
 function mergeColumnFilter(columnFilters, nextFilter, filterDefinition) {
-  const shouldMergeArrayValue = (filterDefinition == null ? void 0 : filterDefinition.type) === "checkbox" || (filterDefinition == null ? void 0 : filterDefinition.type) === "scrollableCheckbox" || (filterDefinition == null ? void 0 : filterDefinition.type) === "multiText";
+  const shouldMergeArrayValue = (filterDefinition == null ? void 0 : filterDefinition.type) === "checkbox" || (filterDefinition == null ? void 0 : filterDefinition.type) === "multiText";
   if (!shouldMergeArrayValue) {
     return [...columnFilters.filter((filter) => filter.id !== nextFilter.id), nextFilter];
   }
@@ -3537,10 +3613,10 @@ function getColumnFilterCount(filterValue, filter) {
   const isCheckboxValue = (value) => value === void 0 || Array.isArray(value) && value.every((item) => typeof item === "string");
   const isRadioValue = (value) => value === void 0 || typeof value === "string";
   const isDateRangeValue = (value) => value === void 0 || typeof value === "object" && value !== null && "startDate" in value && "endDate" in value;
-  if ((filter == null ? void 0 : filter.type) === "checkbox" || (filter == null ? void 0 : filter.type) === "scrollableCheckbox") {
+  if ((filter == null ? void 0 : filter.type) === "checkbox") {
     return isCheckboxValue(filterValue) ? (filterValue || []).length : 0;
   }
-  if ((filter == null ? void 0 : filter.type) === "radio" || (filter == null ? void 0 : filter.type) === "scrollableRadio") {
+  if ((filter == null ? void 0 : filter.type) === "radio") {
     return isRadioValue(filterValue) && filterValue !== void 0 ? 1 : 0;
   }
   if ((filter == null ? void 0 : filter.type) === "dateRange") {
@@ -4125,7 +4201,7 @@ import {
   PaginationLink
 } from "@upbound/monarch-core";
 import { Select as Select2, SelectContent as SelectContent2, SelectGroup as SelectGroup2, SelectItem as SelectItem2, SelectTrigger as SelectTrigger2, SelectValue as SelectValue2 } from "@upbound/monarch-core";
-import { Tooltip as Tooltip4, TooltipContent as TooltipContent3, TooltipTrigger as TooltipTrigger3 } from "@upbound/monarch-core";
+import { Tooltip as Tooltip5, TooltipContent as TooltipContent4, TooltipTrigger as TooltipTrigger4 } from "@upbound/monarch-core";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var DEFAULT_PAGINATION_CONFIG = {
   summary: true,
@@ -4180,9 +4256,9 @@ function DataTablePagination({
       ] }),
       " ",
       "results",
-      !isRowCountExact && /* @__PURE__ */ jsxs9(Tooltip4, { children: [
-        /* @__PURE__ */ jsx11(TooltipTrigger3, { className: "ml-1 align-middle", children: /* @__PURE__ */ jsx11(Icon7, { name: "circle-info", size: "sm" }) }),
-        /* @__PURE__ */ jsx11(TooltipContent3, { children: "Add filters or refine your search to reduce the result set." })
+      !isRowCountExact && /* @__PURE__ */ jsxs9(Tooltip5, { children: [
+        /* @__PURE__ */ jsx11(TooltipTrigger4, { className: "ml-1 align-middle", children: /* @__PURE__ */ jsx11(Icon7, { name: "circle-info", size: "sm" }) }),
+        /* @__PURE__ */ jsx11(TooltipContent4, { children: "Add filters or refine your search to reduce the result set." })
       ] })
     ] }) : /* @__PURE__ */ jsx11("div", {}),
     /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-4", children: [
@@ -4280,7 +4356,7 @@ import {
   TableHeader as BaseTableHeader,
   TableRow as BaseTableRow
 } from "@upbound/monarch-core";
-import { Tooltip as Tooltip5, TooltipContent as TooltipContent4, TooltipTrigger as TooltipTrigger4 } from "@upbound/monarch-core";
+import { Tooltip as Tooltip6, TooltipContent as TooltipContent5, TooltipTrigger as TooltipTrigger5 } from "@upbound/monarch-core";
 import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var HEADER_SURFACE_BG = "bg-[color-mix(in_oklch,var(--muted)_50%,var(--card))]";
 var TABLE_HEAD_CLASSES = "text-body-sm text-muted-foreground h-10 px-4 text-left align-middle font-medium whitespace-nowrap has-[[role=checkbox]]:pr-0";
@@ -4456,9 +4532,9 @@ function HeaderCellContent({
     )
   ] }) : labelButton;
   return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 items-center gap-1", children: /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: !isActionColumn && !isGroupedColumn && (headerTitle ? /* @__PURE__ */ jsxs10(Tooltip5, { children: [
-      /* @__PURE__ */ jsx12(TooltipTrigger4, { asChild: true, children: label }),
-      /* @__PURE__ */ jsx12(TooltipContent4, { children: headerTitle })
+    /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 items-center gap-1", children: /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: !isActionColumn && !isGroupedColumn && (headerTitle ? /* @__PURE__ */ jsxs10(Tooltip6, { children: [
+      /* @__PURE__ */ jsx12(TooltipTrigger5, { asChild: true, children: label }),
+      /* @__PURE__ */ jsx12(TooltipContent5, { children: headerTitle })
     ] }) : label) }) }),
     canResize && /* @__PURE__ */ jsx12(
       "button",
@@ -5309,8 +5385,8 @@ function DateFilterChip({
 
 // src/lib/data-table/filter-types.ts
 var isDateRangeColumnFilter = (definition) => definition.type === "dateRange";
-var isRadioColumnFilter = (definition) => definition.type === "radio" || definition.type === "scrollableRadio";
-var isCheckboxColumnFilter = (definition) => definition.type === "checkbox" || definition.type === "scrollableCheckbox";
+var isRadioColumnFilter = (definition) => definition.type === "radio";
+var isCheckboxColumnFilter = (definition) => definition.type === "checkbox";
 var isMultiTextColumnFilter = (definition) => definition.type === "multiText";
 
 // src/data-table/view-filter.tsx
@@ -5319,21 +5395,21 @@ function toFilterOption(opt) {
   return typeof opt === "string" ? { value: opt, label: opt } : { value: opt.value, label: opt.label };
 }
 function toFilterBarDefinition(key, filter) {
-  var _a;
+  var _a, _b, _c;
   const base = { key, label: filter.title, order: (_a = filter.order) != null ? _a : 0 };
   if (isCheckboxColumnFilter(filter)) {
     const options = "options" in filter && filter.options ? filter.options : [];
     return __spreadProps(__spreadValues({}, base), {
       type: "checkbox",
       options: options.map(toFilterOption),
-      searchable: filter.type === "scrollableCheckbox"
+      searchable: (_b = filter.searchable) != null ? _b : true
     });
   }
   if (isRadioColumnFilter(filter)) {
     return __spreadProps(__spreadValues({}, base), {
       type: "radio",
       options: filter.options.map(toFilterOption),
-      searchable: filter.type === "scrollableRadio"
+      searchable: (_c = filter.searchable) != null ? _c : true
     });
   }
   if (isDateRangeColumnFilter(filter)) {
@@ -5847,7 +5923,7 @@ import { Button as Button8 } from "@upbound/monarch-core";
 import { DropdownMenu as DropdownMenu6, DropdownMenuContent as DropdownMenuContent6, DropdownMenuTrigger as DropdownMenuTrigger6 } from "@upbound/monarch-core";
 import { Icon as Icon11 } from "@upbound/monarch-core";
 import { Kbd as Kbd2 } from "@upbound/monarch-core";
-import { Tooltip as Tooltip6, TooltipContent as TooltipContent5, TooltipTrigger as TooltipTrigger5 } from "@upbound/monarch-core";
+import { Tooltip as Tooltip7, TooltipContent as TooltipContent6, TooltipTrigger as TooltipTrigger6 } from "@upbound/monarch-core";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var FloatingWidgetContext = React11.createContext(null);
 function FloatingWidgetProvider({ children }) {
@@ -5960,8 +6036,8 @@ function FloatingWidget({ title = "Ask AI", subtitle, menuItems, children, class
         className
       ),
       children: [
-        !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip6, { children: [
-          /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx17(
+        !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip7, { children: [
+          /* @__PURE__ */ jsx17(TooltipTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(
             "div",
             {
               role: "separator",
@@ -5972,22 +6048,22 @@ function FloatingWidget({ title = "Ask AI", subtitle, menuItems, children, class
               children: /* @__PURE__ */ jsx17("div", { className: "bg-border h-12 w-1 shrink-0 rounded-lg opacity-0 transition-opacity duration-150 group-hover:opacity-100" })
             }
           ) }),
-          /* @__PURE__ */ jsx17(TooltipContent5, { side: "left", children: "Resize" })
+          /* @__PURE__ */ jsx17(TooltipContent6, { side: "left", children: "Resize" })
         ] }),
         /* @__PURE__ */ jsxs13("header", { className: "flex min-h-12 shrink-0 items-center gap-1 border-b px-3 py-2", children: [
           /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
             /* @__PURE__ */ jsx17("span", { className: "text-body truncate font-medium", children: title }),
             subtitle && /* @__PURE__ */ jsx17("span", { className: "text-body-sm text-muted-foreground truncate", children: subtitle })
           ] }),
-          menuItems && !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip6, { children: [
+          menuItems && !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip7, { children: [
             /* @__PURE__ */ jsxs13(DropdownMenu6, { children: [
-              /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx17(DropdownMenuTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", "aria-label": "More options", children: /* @__PURE__ */ jsx17(Icon11, { name: "ellipsis-vertical" }) }) }) }),
+              /* @__PURE__ */ jsx17(TooltipTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(DropdownMenuTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", "aria-label": "More options", children: /* @__PURE__ */ jsx17(Icon11, { name: "ellipsis-vertical" }) }) }) }),
               /* @__PURE__ */ jsx17(DropdownMenuContent6, { align: "end", children: menuItems })
             ] }),
-            /* @__PURE__ */ jsx17(TooltipContent5, { children: "More options" })
+            /* @__PURE__ */ jsx17(TooltipContent6, { children: "More options" })
           ] }),
-          !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip6, { children: [
-            /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx17(
+          !isCollapsed && /* @__PURE__ */ jsxs13(Tooltip7, { children: [
+            /* @__PURE__ */ jsx17(TooltipTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(
               Button8,
               {
                 variant: "ghost",
@@ -5997,15 +6073,15 @@ function FloatingWidget({ title = "Ask AI", subtitle, menuItems, children, class
                 children: /* @__PURE__ */ jsx17(Icon11, { name: isExpanded ? "shrink" : "arrow-up-right-and-arrow-down-left-from-center" })
               }
             ) }),
-            /* @__PURE__ */ jsx17(TooltipContent5, { children: isExpanded ? "Shrink widget" : "Expand widget" })
+            /* @__PURE__ */ jsx17(TooltipContent6, { children: isExpanded ? "Shrink widget" : "Expand widget" })
           ] }),
-          /* @__PURE__ */ jsxs13(Tooltip6, { children: [
-            /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: isCollapsed ? /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: restore, "aria-label": "Restore widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "window-maximize" }) }) : /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: collapse, "aria-label": "Minimize widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "minus" }) }) }),
-            /* @__PURE__ */ jsx17(TooltipContent5, { children: isCollapsed ? "Restore widget" : "Minimize widget" })
+          /* @__PURE__ */ jsxs13(Tooltip7, { children: [
+            /* @__PURE__ */ jsx17(TooltipTrigger6, { asChild: true, children: isCollapsed ? /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: restore, "aria-label": "Restore widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "window-maximize" }) }) : /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: collapse, "aria-label": "Minimize widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "minus" }) }) }),
+            /* @__PURE__ */ jsx17(TooltipContent6, { children: isCollapsed ? "Restore widget" : "Minimize widget" })
           ] }),
-          /* @__PURE__ */ jsxs13(Tooltip6, { children: [
-            /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: close, "aria-label": "Close widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "xmark" }) }) }),
-            /* @__PURE__ */ jsxs13(TooltipContent5, { children: [
+          /* @__PURE__ */ jsxs13(Tooltip7, { children: [
+            /* @__PURE__ */ jsx17(TooltipTrigger6, { asChild: true, children: /* @__PURE__ */ jsx17(Button8, { variant: "ghost", size: "icon-sm", onClick: close, "aria-label": "Close widget", children: /* @__PURE__ */ jsx17(Icon11, { name: "xmark" }) }) }),
+            /* @__PURE__ */ jsxs13(TooltipContent6, { children: [
               "Close widget",
               /* @__PURE__ */ jsx17(Kbd2, { children: "Esc" })
             ] })
@@ -6110,6 +6186,7 @@ export {
   CodeBlock,
   CodeBlockBody,
   CodeBlockCopyButton,
+  CodeBlockDownloadButton,
   CodeBlockFooter,
   CodeBlockHeader,
   ColumnOptions,
@@ -6176,6 +6253,7 @@ export {
   defaultErrorConfig,
   defaultNoFilterFoundConfig,
   denormalizeColumnIdWithReservedNames,
+  denormalizeColumnsWithReservedNames,
   escapeCelString,
   formatCalendarDateUtc,
   formatInstantLabel,