@reopt-ai/opt-ui 1.8.0 → 1.10.0

package/dist/{field-sidebar-BYD_UIjG.js → field-sidebar-BXjvV7Cz.js}

@@ -1,5 +1,5 @@
 "use client";
-import { $ as TooltipAnchor$1, A as FormSwitch$1, An as OPT_SURFACE_POPOVER, At as SelectPopover$1, Bn as _objectSpread2, Bt as Composite, C as FormRoot$1, Cn as OPT_FOCUS, Dt as DialogRoot$1, E as FormSelectPopover, En as OPT_INPUT, Et as DialogPanel$1, F as useFormStore, Fn as OPT_TEXT_LABEL, Ft as TabPanel$1, G as PopoverTrigger$1, Hn as Kbd, Ht as CompositeProvider, In as OPT_TEXT_PRIMARY, It as TabsRoot$1, J as ToolbarButton$1, Jt as Alert, Kt as Input, Ln as OPT_TEXT_SECONDARY, Lt as DisclosureContent$1, M as FormTextarea, Mn as OPT_TD, Mt as SelectTrigger$1, Nn as OPT_TD_MUTED, Nt as Tab$1, On as OPT_ITEM_BASE, Ot as SelectItem$1, Pt as TabList$1, Q as Tooltip$1, Qt as Button, R as TagInput, Rn as OPT_TEXT_TERTIARY, Rt as DisclosureRoot$1, Sn as OPT_DOT_YELLOW, T as FormSelectItem, Tt as DialogHeading$1, U as PopoverContent$1, Un as cn, Ut as CompositeRow, Vn as _objectWithoutProperties, Vt as CompositeItem, W as PopoverRoot$1, X as ToolbarRoot$1, Xt as Badge, Y as ToolbarContainer$1, Yt as Spinner, Z as ToolbarSeparator$1, Zt as EmptyState, _n as OPT_DISCLOSURE_TRIGGER, _t as ComboboxRoot$1, at as MenuPopover$1, b as FormRadioGroup$1, bn as OPT_DOT_GREEN, bt as DialogDescription$1, ct as MenuTrigger$1, dn as OPT_BADGE_GREEN, dt as ComboboxEmpty, et as TooltipProvider$1, fn as OPT_BADGE_NEUTRAL, gn as OPT_DISCLOSURE_CONTENT, gt as ComboboxPopover$1, h as FormLabel$1, hn as OPT_BORDER, ht as ComboboxItem$1, i as FormCheckbox$1, it as MenuItemRadio$1, jn as OPT_TABLE_ROW_ACTIVE, jt as SelectRoot$1, k as FormSubmit$1, kn as OPT_SURFACE, kt as SelectLabel$1, l as FormError$1, ln as OPT_ANIMATE_ENTER_EXIT, lt as MenubarContainer$1, m as FormInput$1, mn as OPT_BADGE_YELLOW, mt as ComboboxInput$1, n as Checkbox, nn as StatCard, nt as MenuItem$1, ot as MenuRoot$1, pn as OPT_BADGE_RED, rt as MenuItemCheckbox$1, sn as OPT_ACTIVE_ITEM, st as MenuSeparator$1, t as Pagination, tt as MenuButtonArrow$1, un as OPT_BADGE_BLUE, ut as MenubarRoot$1, vn as OPT_DIVIDER, w as FormSelect, wn as OPT_FOCUS_VISIBLE, xn as OPT_DOT_RED, y as FormRadio$1, zn as OPT_TH, zt as DisclosureTrigger$1 } from "./pagination-DWbvACuN.js";
+import { $ as ToolbarButton$1, $t as Alert, A as FormSelectItem, At as DialogHeading$1, B as useFormStore, Bn as OPT_TEXT_LABEL, Bt as TabPanel$1, Cn as OPT_DIVIDER, Dn as OPT_DOT_YELLOW, En as OPT_DOT_RED, F as FormSwitch$1, Fn as OPT_SURFACE_POPOVER, Ft as SelectPopover$1, Gn as _objectSpread2, Gt as Composite, Hn as OPT_TEXT_SECONDARY, Ht as DisclosureContent$1, In as OPT_TABLE_ROW_ACTIVE, It as SelectRoot$1, J as PopoverContent$1, Jn as cn, Jt as CompositeRow, Kn as _objectWithoutProperties, Kt as CompositeItem, L as FormTextarea, Ln as OPT_TD, Lt as SelectTrigger$1, Mt as DialogRoot$1, Nn as OPT_ITEM_BASE, Nt as SelectItem$1, O as FormRoot$1, On as OPT_FOCUS, P as FormSubmit$1, Pn as OPT_SURFACE, Pt as SelectLabel$1, Rn as OPT_TD_MUTED, Rt as Tab$1, Sn as OPT_DISCLOSURE_TRIGGER, St as ComboboxRoot$1, T as FormRadioGroup$1, Tn as OPT_DOT_GREEN, Tt as DialogDescription$1, U as TagInput, Un as OPT_TEXT_TERTIARY, Ut as DisclosureRoot$1, Vn as OPT_TEXT_PRIMARY, Vt as TabsRoot$1, Wn as OPT_TH, Wt as DisclosureTrigger$1, X as PopoverTrigger$1, Y as PopoverRoot$1, Zt as Input, _n as OPT_BADGE_NEUTRAL, at as TooltipProvider$1, b as FormLabel$1, bn as OPT_BORDER, bt as ComboboxItem$1, ct as MenuItemCheckbox$1, dt as MenuRoot$1, en as Spinner, et as ToolbarContainer$1, fn as OPT_ACTIVE_ITEM, ft as MenuSeparator$1, gn as OPT_BADGE_GREEN, gt as ComboboxEmpty, hn as OPT_BADGE_BLUE, ht as MenubarRoot$1, i as FieldToken, it as TooltipAnchor$1, j as FormSelectPopover, jn as OPT_INPUT, jt as DialogPanel$1, k as FormSelect, kn as OPT_FOCUS_VISIBLE, l as FormCheckbox$1, lt as MenuItemRadio$1, m as FormError$1, mn as OPT_ANIMATE_ENTER_EXIT, mt as MenubarContainer$1, n as Highlight, nn as EmptyState, nt as ToolbarSeparator$1, o as Pagination, ot as MenuButtonArrow$1, pt as MenuTrigger$1, qn as Kbd, qt as CompositeProvider, rn as Button, rt as Tooltip$1, s as Checkbox, sn as StatCard, st as MenuItem$1, t as TextTruncate, tn as Badge, tt as ToolbarRoot$1, ut as MenuPopover$1, vn as OPT_BADGE_RED, w as FormRadio$1, xn as OPT_DISCLOSURE_CONTENT, xt as ComboboxPopover$1, y as FormInput$1, yn as OPT_BADGE_YELLOW, yt as ComboboxInput$1, zt as TabList$1 } from "./text-truncate-j6X3z7Pv.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Fragment as Fragment$1, createContext, forwardRef, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -3118,7 +3118,7 @@ function columnStyle(column) {
 * />
 * ```
 */
-function LogTableInner({ rows, columns, getRowId, selectedId = null, onSelect, onLoadMore, hasMore = false, loadingMore = false, prepending = false, onFollowChange, isNew, sort = null, onSortChange, onCellAction, onColumnMove, density = "normal", showHeader = true, emptyState, labels: customLabels, className }, ref) {
+function LogTableInner({ rows, columns, getRowId, selectedId = null, onSelect, onLoadMore, hasMore = false, loadingMore = false, prepending = false, onFollowChange, isNew, sort = null, onSortChange, onCellAction, highlightTerms, onColumnMove, density = "normal", showHeader = true, emptyState, labels: customLabels, className }, ref) {
 	const labels = _objectSpread2(_objectSpread2({}, defaultLabels$2), customLabels);
 	const rowHeight = ROW_HEIGHT[density];
 	const scrollRef = useRef(null);
@@ -3244,7 +3244,7 @@ function LogTableInner({ rows, columns, getRowId, selectedId = null, onSelect, o
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("@container/log flex min-h-0 flex-col", className),
-		"data-opt-id": "NJ4N9",
+		"data-opt-id": "3ZR82",
 		"data-opt-slug": "log-table.LogTable",
 		children: [showHeader && /* @__PURE__ */ jsx(LogTableHeader, {
 			columns,
@@ -3279,6 +3279,7 @@ function LogTableInner({ rows, columns, getRowId, selectedId = null, onSelect, o
 							isNew: (_isNew = isNew === null || isNew === void 0 ? void 0 : isNew(row)) !== null && _isNew !== void 0 ? _isNew : false,
 							onSelect,
 							onCellAction,
+							highlightTerms,
 							labels
 						}, id);
 					})
@@ -3374,7 +3375,7 @@ function LogTableHeader({ columns, sort, onSortChange, onColumnMove, density, la
 		})
 	});
 }
-function LogTableRowImpl({ id, row, columns, top, height, density, selected, isNew, onSelect, onCellAction, labels }) {
+function LogTableRowImpl({ id, row, columns, top, height, density, selected, isNew, onSelect, onCellAction, highlightTerms, labels }) {
 	return /* @__PURE__ */ jsx("div", {
 		role: "option",
 		"aria-selected": selected,
@@ -3406,9 +3407,19 @@ function LogTableRowImpl({ id, row, columns, top, height, density, selected, isN
 						style: { backgroundColor: `hsl(${hueOf(text)} 65% 55%)` }
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: cn("truncate", column.mono && "font-mono", text ? "text-text-secondary" : ABSENT),
-						title: text || void 0,
-						children: column.render ? column.render(row) : text || EM_DASH
+						className: cn("min-w-0 flex-1", !column.truncate && "truncate", column.mono && "font-mono", text ? "text-text-secondary" : ABSENT),
+						title: column.truncate ? void 0 : text || void 0,
+						children: column.render ? column.render(row) : text ? column.truncate ? /* @__PURE__ */ jsx(TextTruncate, {
+							text,
+							truncation: column.truncate,
+							children: (shown) => highlightTerms && highlightTerms.length > 0 ? /* @__PURE__ */ jsx(Highlight, {
+								text: shown,
+								search: highlightTerms
+							}) : shown
+						}) : highlightTerms && highlightTerms.length > 0 ? /* @__PURE__ */ jsx(Highlight, {
+							text,
+							search: highlightTerms
+						}) : text : EM_DASH
 					}),
 					onCellAction && column.field && text && /* @__PURE__ */ jsx(CellActions, {
 						field: column.field,
@@ -4144,7 +4155,7 @@ function FieldSidebar({ fields, expandedField = null, onExpandedFieldChange, val
 }
 FieldSidebar.displayName = "FieldSidebar";
 function FieldRow({ field, expanded, onToggleExpanded, onToggleColumn, labels, children }) {
-	var _field$columnable, _field$inTable;
+	var _field$columnable, _field$type, _field$inTable;
 	const columnable = (_field$columnable = field.columnable) !== null && _field$columnable !== void 0 ? _field$columnable : true;
 	return /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("div", {
 		className: "hover:bg-bg-subtle group/field flex items-center gap-1.5 px-3 py-1",
@@ -4153,7 +4164,11 @@ function FieldRow({ field, expanded, onToggleExpanded, onToggleColumn, labels, c
 			className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-left",
 			"aria-expanded": expanded,
 			onClick: onToggleExpanded,
-			children: [field.type && /* @__PURE__ */ jsx("span", {
+			children: [field.dataType ? /* @__PURE__ */ jsx(FieldToken, {
+				type: field.dataType,
+				size: "xs",
+				title: (_field$type = field.type) !== null && _field$type !== void 0 ? _field$type : field.dataType
+			}) : field.type && /* @__PURE__ */ jsx("span", {
 				className: cn("text-text-tertiary", "w-8 shrink-0 truncate font-mono text-[10px] uppercase"),
 				children: field.type
 			}), /* @__PURE__ */ jsx("span", {
@@ -4257,4 +4272,4 @@ function FieldValues({ values, loading, total, sampledRows, onFilter, labels })
 //#endregion
 export { CommandList$1 as $, DataTable as A, SidebarNav as B, WorkflowCanvas as C, ToastProvider as D, NotificationToast as E, DeploymentTimeline as F, CommandPaletteTrigger as G, StatusSelect as H, SettingsForm as I, CommandDialog as J, CommandPalette as K, FaqAccordion as L, BranchSelect as M, EnvPanel as N, toast as O, ProjectSwitcher as P, CommandItem$1 as Q, ContentTabs as R, useAutoRefresh as S, FailureList as T, SearchCombobox as U, AppMenubar as V, DashboardGrid as W, CommandGroup$1 as X, CommandEmpty$1 as Y, CommandInput$1 as Z, withoutField as _, formatQuery as a, DEFAULT_TIME_PRESETS as b, parseQueryWithDiagnostics as c, applyCellAction as d, CommandSeparator$1 as et, fieldValues as f, withFieldValue as g, removeClause as h, formatClause as i, DomainTable as j, useToast as k, EMPTY_QUERY as l, queryFields as m, QueryBar as n, quoteValue as o, isEmptyQuery as p, Command as q, describeClause as r, parseQuery as s, FieldSidebar as t, CommandShortcut as tt, addClause as u, LogTable as v, KeyValueEditor as w, TimeRangeControl as x, TimeSeriesPanel as y, EditorToolbar as z };
 
-//# sourceMappingURL=field-sidebar-BYD_UIjG.js.map
+//# sourceMappingURL=field-sidebar-BXjvV7Cz.js.map