@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.5

package/dist/bigconsole/assistant/pageControls.js

@@ -0,0 +1,169 @@
+import { LIST_SORT_COPY as e } from "../utils/listSort.js";
+import { enumFilter as t, filtersOf as n, searchOf as r, sortOf as i, tabsOf as a } from "@burdenoff/fe-libs/shared/assistant/appControls/pageAdapters";
+//#region src/bigconsole/assistant/pageControls.ts
+var o = (e) => e.filter.options().length > 0;
+function s(t) {
+	return i({
+		fields: [{
+			id: "name",
+			label: t.tr(e.fieldName.key, e.fieldName.en),
+			asc: "name-asc",
+			desc: "name-desc"
+		}, {
+			id: "updated",
+			label: t.tr(e.fieldUpdated.key, e.fieldUpdated.en),
+			asc: "updated-asc",
+			desc: "updated-desc"
+		}],
+		value: t.value,
+		set: t.set
+	});
+}
+function c(e, t, i, a) {
+	let s = t.filter(o);
+	return {
+		page: e,
+		...s.length > 0 ? { filters: n(s) } : {},
+		...a ? { sort: a } : {},
+		search: r(i)
+	};
+}
+function l(e) {
+	let n = t({
+		id: "category",
+		label: e.tr("bigconsole.dashboards.filters.category", "Category"),
+		options: [{
+			value: "",
+			label: e.tr("bigconsole.dashboards.filters.allCategories", "All categories")
+		}, ...e.categories.map((e) => ({
+			value: e,
+			label: e
+		}))],
+		neutral: "",
+		value: e.category,
+		set: e.setCategory
+	}), r = t({
+		id: "status",
+		label: e.tr("bigconsole.dashboards.filters.status", "Status"),
+		options: [{
+			value: "",
+			label: e.tr("bigconsole.dashboards.filters.allStatuses", "All statuses")
+		}, ...e.statuses],
+		neutral: "",
+		value: e.status,
+		set: e.setStatus
+	});
+	return c(e.tr("bigconsole.dashboards.title", "Dashboards"), [n, r], e.setSearch, s({
+		tr: e.tr,
+		value: e.sort,
+		set: e.setSort
+	}));
+}
+function u(e) {
+	let n = t({
+		id: "setupState",
+		label: e.tr("bigconsole.dataSinks.filters.setupState.label", "Setup state"),
+		options: e.setupStateOptions,
+		neutral: "all",
+		value: e.setupState,
+		set: e.setSetupState
+	}), r = t({
+		id: "status",
+		label: e.tr("bigconsole.dataSinks.table.status", "Status"),
+		options: [
+			{
+				value: "all",
+				label: e.tr("bigconsole.dataSinks.filters.status.all", "All Statuses")
+			},
+			{
+				value: "ready",
+				label: e.tr("bigconsole.dataSinks.filters.status.ready", "Ready")
+			},
+			{
+				value: "error",
+				label: e.tr("bigconsole.dataSinks.filters.status.error", "Error")
+			},
+			{
+				value: "stale",
+				label: e.tr("bigconsole.dataSinks.filters.status.stale", "Stale")
+			},
+			{
+				value: "refreshing",
+				label: e.tr("bigconsole.dataSinks.filters.status.refreshing", "Refreshing")
+			}
+		],
+		neutral: "all",
+		value: e.status ?? "all",
+		set: (t) => e.setStatus(t === "all" ? null : t)
+	}), i = t({
+		id: "active",
+		label: e.tr("bigconsole.dataSinks.table.active", "Active"),
+		options: [
+			{
+				value: "all",
+				label: e.tr("bigconsole.dataSinks.filters.active.all", "All")
+			},
+			{
+				value: "true",
+				label: e.tr("bigconsole.dataSinks.filters.active.active", "Active")
+			},
+			{
+				value: "false",
+				label: e.tr("bigconsole.dataSinks.filters.active.inactive", "Inactive")
+			}
+		],
+		neutral: "all",
+		value: e.active === null ? "all" : e.active ? "true" : "false",
+		set: (t) => e.setActive(t === "all" ? null : t === "true")
+	});
+	return c(e.tr("bigconsole.dataSinks.title", "Data Sinks"), [
+		n,
+		r,
+		i
+	], e.setSearch, s({
+		tr: e.tr,
+		value: e.sort,
+		set: e.setSort
+	}));
+}
+function d(e) {
+	let n = t({
+		id: "type",
+		label: e.tr("bigconsole.parsers.view.type", "Type"),
+		options: e.typeOptions,
+		neutral: "all",
+		value: e.type,
+		set: e.setType
+	}), r = t({
+		id: "status",
+		label: e.tr("bigconsole.parsers.view.status", "Status"),
+		options: e.statusOptions,
+		neutral: "all",
+		value: e.status,
+		set: e.setStatus
+	});
+	return c(e.tr("bigconsole.parsers.list.title", "Data Parsers"), [n, r], e.setSearch, void 0);
+}
+function f(e) {
+	let n = t({
+		id: "status",
+		label: e.tr("bigconsole.pipelines.view.detailStatus", "Status"),
+		options: e.statusOptions,
+		neutral: "all",
+		value: e.status,
+		set: e.setStatus
+	});
+	return c(e.tr("bigconsole.pipelines.list.heading", "Pipelines"), [n], e.setSearch, void 0);
+}
+function p(e) {
+	return e.tabs.length === 0 || e.current === null ? null : {
+		page: e.dashboardName,
+		tabs: a({
+			items: e.tabs,
+			value: e.current,
+			set: e.select
+		})
+	};
+}
+//#endregion
+export { p as dashboardPageTabs, l as dashboardsListControls, u as dataSinksListControls, d as parsersListControls, f as pipelinesListControls };

package/dist/bigconsole/assistant/previewControl.d.ts

@@ -0,0 +1,16 @@
+import { PreviewControl } from '@burdenoff/fe-libs/shared/assistant/appControls/types';
+
+/** What the control needs from the run store. `isOpen` is read FRESH on every call. */
+export interface PreviewRunPort {
+    hasRun: boolean;
+    isOpen: () => boolean;
+    open: () => void;
+    close: () => void;
+}
+/**
+ * Null without a run: no Preview button is on screen then, so "open the AI
+ * preview" goes to the model. Drawn on the page beside the assistant, so the
+ * surface is "page" (Voice may open it). Open and close are SET: `already`
+ * when it is in the state asked for.
+ */
+export declare function previewControlOf(run: PreviewRunPort): PreviewControl | null;

package/dist/bigconsole/assistant/previewControl.js

@@ -0,0 +1,10 @@
+//#region src/bigconsole/assistant/previewControl.ts
+function e(e) {
+	return e.hasRun ? {
+		surface: "page",
+		run: () => e.isOpen() ? { status: "already" } : (e.open(), { status: "done" }),
+		close: () => e.isOpen() ? (e.close(), { status: "done" }) : { status: "already" }
+	} : null;
+}
+//#endregion
+export { e as previewControlOf };

package/dist/bigconsole/assistant/recordAdapters.js

@@ -1,19 +1,20 @@
 import { getStoredWorkspaceId as e, graphqlFetch as t } from "@burdenoff/fe-libs/shared/graphql";
-var n = "\n  query AssistantFindDashboards($search: String, $first: Int) {\n    listDashboards(search: $search, first: $first, includeArchived: false) {\n      edges { node { id name workspaceId } }\n    }\n  }\n", r = "\n  query AssistantFindDataSinks($search: String, $first: Int) {\n    listDataSinks(search: $search, first: $first) {\n      edges { node { id name key workspaceId deletedAt } }\n    }\n  }\n", i = {
+import { normaliseRecordName as n } from "@burdenoff/fe-libs/shared/assistant/uiActions/recordNames";
+var r = "\n  query AssistantFindDashboards($search: String, $first: Int) {\n    listDashboards(search: $search, first: $first, includeArchived: false) {\n      edges { node { id name workspaceId } }\n    }\n  }\n", i = "\n  query AssistantFindDataSinks($search: String, $first: Int) {\n    listDataSinks(search: $search, first: $first) {\n      edges { node { id name key workspaceId deletedAt } }\n    }\n  }\n", a = {
 	graphqlFetch: t,
 	getWorkspaceId: e
-}, a = (e) => e.normalize("NFKC").toLowerCase().replace(/[^\p{L}\p{N}\s]/gu, " ").replace(/\s+/g, " ").trim(), o = (e) => [...new Set(e.split(" ").filter((e) => e.length > 0))].sort((e, t) => [...t].length - [...e].length), s = (e) => {
-	let t = e.filter((e) => [...e].length >= 3);
-	return t.length > 0 ? t : e.filter((e) => [...e].length === 2);
+}, o = n, s = (e) => [...new Set(e.split(" ").filter((e) => e.length > 0))].sort((e, t) => [...t].length - [...e].length), c = "and", l = (e) => {
+	let t = e.filter((e) => [...e].length >= 3), n = [...t.filter((e) => e !== c), ...t.filter((e) => e === c)];
+	return n.length > 0 ? n : e.filter((e) => [...e].length === 2);
 };
-async function c(e, t, n, r, i, c, l) {
+async function u(e, t, n, r, i, a, c) {
 	let u = e.getWorkspaceId();
 	if (!u) return [];
-	let d = a(i), f = o(d);
+	let d = o(i), f = s(d);
 	if (f.length === 0) return [];
-	let [p, m] = s(f), h = async (i) => {
-		if (c.aborted) return null;
-		let a = await e.graphqlFetch({
+	let [p, m] = l(f), h = async (i) => {
+		if (a.aborted) return null;
+		let o = await e.graphqlFetch({
 			gateway: "workspace",
 			query: t,
 			operationName: n,
@@ -24,35 +25,35 @@ async function c(e, t, n, r, i, c, l) {
 			workspaceToken: !0,
 			workspaceId: u,
 			organizationId: !0,
-			signal: c,
+			signal: a,
 			suppressGlobalErrorEvent: !0
 		});
-		if (a.errors?.length) return null;
-		let o = a.data?.[r]?.edges;
-		if (!Array.isArray(o)) return null;
-		let s = [];
-		for (let e of o) {
+		if (o.errors?.length) return null;
+		let s = o.data?.[r]?.edges;
+		if (!Array.isArray(s)) return null;
+		let l = [];
+		for (let e of s) {
 			let t = e?.node;
 			if (!t || typeof t.id != "string" || t.id.length === 0 || typeof t.workspaceId == "string" && t.workspaceId !== u) continue;
-			let n = l(t);
-			n !== null && s.push({
+			let n = c(t);
+			n !== null && l.push({
 				params: { id: t.id },
 				name: n
 			});
 		}
 		return {
-			rows: o.length,
-			matches: s
+			rows: s.length,
+			matches: l
 		};
-	}, g = (e) => h(e).catch(() => null), _ = (e) => a(e.name) === d, [v, y] = await Promise.all([h(d), p !== void 0 && p !== d ? g(p) : null]);
+	}, g = (e) => h(e).catch(() => null), _ = (e) => o(e.name) === d, [v, y] = await Promise.all([h(d), p !== void 0 && p !== d ? g(p) : null]);
 	if (v === null) return [];
 	let b = [...v.matches], x = (e) => {
 		for (let t of e?.matches ?? []) _(t) && !b.some((e) => e.params.id === t.params.id) && b.push(t);
 	};
 	return x(y), y !== null && y.rows >= 10 && !b.some(_) && m !== void 0 && e.getWorkspaceId() === u && x(await g(m)), b;
 }
-var l = (e) => typeof e == "string" && e.trim().length > 0 ? e.trim() : null;
-function u(e = i) {
+var d = (e) => typeof e == "string" && e.trim().length > 0 ? e.trim() : null;
+function f(e = a) {
 	return [{
 		id: "bigconsole-dashboard",
 		nouns: ["dashboard", "dashboards"],
@@ -61,7 +62,7 @@ function u(e = i) {
 			fallback: "dashboard"
 		},
 		entityRouteId: "bigconsole-dashboard",
-		find: (t, r) => c(e, n, "AssistantFindDashboards", "listDashboards", t, r, (e) => l(e.name))
+		find: (t, n) => u(e, r, "AssistantFindDashboards", "listDashboards", t, n, (e) => d(e.name))
 	}, {
 		id: "bigconsole-datasink",
 		nouns: [
@@ -77,9 +78,9 @@ function u(e = i) {
 			fallback: "data source"
 		},
 		entityRouteId: "bigconsole-datasink",
-		find: (t, n) => c(e, r, "AssistantFindDataSinks", "listDataSinks", t, n, (e) => e.deletedAt ? null : l(e.name) ?? l(e.key))
+		find: (t, n) => u(e, i, "AssistantFindDataSinks", "listDataSinks", t, n, (e) => e.deletedAt ? null : d(e.name) ?? d(e.key))
 	}];
 }
-var d = u();
+var p = f();
 //#endregion
-export { d as BIGCONSOLE_RECORD_ADAPTERS };
+export { p as BIGCONSOLE_RECORD_ADAPTERS };

package/dist/bigconsole/assistant/usePreviewControl.d.ts

@@ -0,0 +1,2 @@
+/** Call it BEFORE any early `return null` in the surface. */
+export declare function useBigConsolePreviewControl(): void;

package/dist/bigconsole/assistant/usePreviewControl.js

@@ -0,0 +1,20 @@
+import { useAssistantRunStore as e } from "./assistantRunStore.js";
+import { previewControlOf as t } from "./previewControl.js";
+import { useMemo as n } from "react";
+import { useAssistantControl as r } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
+//#region src/bigconsole/assistant/usePreviewControl.ts
+function i() {
+	let i = e((e) => e.hasRun), a = e((e) => e.openPreview), o = e((e) => e.closePreview);
+	r("assistant.preview", n(() => t({
+		hasRun: i,
+		isOpen: () => e.getState().previewOpen,
+		open: a,
+		close: o
+	}), [
+		i,
+		a,
+		o
+	]));
+}
+//#endregion
+export { i as useBigConsolePreviewControl };

package/dist/bigconsole/components/builder/inspector/AppearanceSection.js

@@ -9,8 +9,8 @@ import o from "../../widgets/progress/ProgressConfig.js";
 import s from "../../widgets/table/TableConfig.js";
 import { AdvancedWidgetConfig as c } from "../../widgets/advanced/AdvancedWidgetConfig.js";
 import { memo as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/builder/inspector/AppearanceSection.tsx
 function f(e) {
 	return e;
@@ -31,35 +31,35 @@ function p(e) {
 	}
 }
 var m = l(function({ widgetType: t, config: n, onChange: r }) {
-	let { t: i } = d(), a = p(t);
+	let { t: i } = u(), a = p(t);
 	return [
 		"map",
 		"waterfall",
 		"sankey",
 		"box_plot"
-	].includes(t) ? /* @__PURE__ */ u(e, {
+	].includes(t) ? /* @__PURE__ */ d(e, {
 		title: i("bigconsole.widget.advanced.fieldMappings", "Field mappings"),
 		"data-testid": "advanced-widget-config",
-		children: /* @__PURE__ */ u(c, {
+		children: /* @__PURE__ */ d(c, {
 			type: t,
 			config: n,
 			onChange: r
 		})
-	}) : a ? /* @__PURE__ */ u(e, {
+	}) : a ? /* @__PURE__ */ d(e, {
 		title: "Style",
 		description: "Presentation options for this widget type. Data and identity live on the other tabs.",
 		"data-testid": "widget-inspector-style",
-		children: /* @__PURE__ */ u(a, {
+		children: /* @__PURE__ */ d(a, {
 			config: n,
 			onChange: r
 		})
-	}) : /* @__PURE__ */ u(e, {
+	}) : /* @__PURE__ */ d(e, {
 		tone: "info",
 		padding: "compact",
 		title: "No style options",
 		headingLevel: 3,
 		"data-testid": "widget-inspector-style-empty",
-		children: /* @__PURE__ */ u("p", {
+		children: /* @__PURE__ */ d("p", {
 			className: "text-sm text-text-secondary",
 			children: "This widget type renders from its data and template, so there is nothing to style here."
 		})

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -3,8 +3,8 @@ import "../../common/index.js";
 import n from "../../parser/DataSinkSelector.js";
 import r from "../../parser/ParserSelector.js";
 import { Input as i, Label as a, Spinner as o } from "@burdenoff/fe-libs/ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/bigconsole/components/builder/inspector/DataBindingSection.tsx
 var u = {
 	unbound: "info",
@@ -14,7 +14,7 @@ var u = {
 	parser_error: "danger",
 	field_mismatch: "warning"
 }, d = ({ consoleId: d, binding: f, resolvedParser: p, dataSinkKey: m, dataPath: h, status: g, resolving: _ = !1, missingFields: v = [], preview: y, error: b, onDataSinkChange: x, onParserChange: S, onDataPathChange: C }) => {
-	let { t: w } = l(), T = {
+	let { t: w } = s(), T = {
 		unbound: w("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
 		loading: _ ? w("bigconsole.parsers.selector.loading", "Loading parsers...") : w("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
 		bound: w("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
@@ -22,33 +22,33 @@ var u = {
 		parser_error: w("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
 		field_mismatch: w("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
-	return /* @__PURE__ */ c(t, { children: [
-		/* @__PURE__ */ s(e, {
+	return /* @__PURE__ */ l(t, { children: [
+		/* @__PURE__ */ c(e, {
 			title: "Data source",
 			description: w("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
-						/* @__PURE__ */ s(n, {
+						/* @__PURE__ */ c(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ c(n, {
 							value: m,
 							onChange: x,
 							placeholder: w("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						m && /* @__PURE__ */ c("p", {
+						m && /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
-							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ s("span", {
+							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ c("span", {
 								className: "ml-2 text-text-muted",
 								children: w("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ l("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
+					children: [/* @__PURE__ */ c(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ c(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
 						resolvedParser: p,
@@ -61,53 +61,53 @@ var u = {
 				})]
 			})
 		}),
-		/* @__PURE__ */ s(e, {
+		/* @__PURE__ */ c(e, {
 			title: T[g],
 			tone: u[g],
 			padding: "compact",
 			headingLevel: 3,
-			icon: g === "loading" ? /* @__PURE__ */ s(o, { style: {
+			icon: g === "loading" ? /* @__PURE__ */ c(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
 			"data-testid": "widget-inspector-binding-status",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ s("p", {
+					/* @__PURE__ */ c("p", {
 						className: "sr-only",
 						children: T[g]
 					}),
-					b && /* @__PURE__ */ s("p", {
+					b && /* @__PURE__ */ c("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
 						children: b
 					}),
-					v.length > 0 && /* @__PURE__ */ s("p", {
+					v.length > 0 && /* @__PURE__ */ c("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
 						children: w("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: v.join(", ") })
 					}),
-					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ s("p", {
+					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ c("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
 				]
 			})
 		}),
-		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
+		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ c(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: w("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
-				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ c("p", {
+				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ l("p", {
 					className: "break-words",
 					children: [
 						e,
 						": ",
-						/* @__PURE__ */ s("code", {
+						/* @__PURE__ */ c("code", {
 							className: "rounded bg-bg-surface px-1 font-mono",
 							children: t
 						})
@@ -115,36 +115,36 @@ var u = {
 				}, e))
 			})
 		}),
-		y !== void 0 && /* @__PURE__ */ s(e, {
+		y !== void 0 && /* @__PURE__ */ c(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: w("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
-			children: /* @__PURE__ */ s("pre", {
+			children: /* @__PURE__ */ c("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
 				children: JSON.stringify(y, null, 2)
 			})
 		}),
-		/* @__PURE__ */ s(e, {
+		/* @__PURE__ */ c(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "Data path",
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ s(a, {
+					/* @__PURE__ */ c(a, {
 						htmlFor: "widget-inspector-data-path",
 						children: w("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
-					/* @__PURE__ */ s(i, {
+					/* @__PURE__ */ c(i, {
 						id: "widget-inspector-data-path",
 						value: h ?? "",
 						onChange: (e) => C(e.target.value || void 0),
 						placeholder: w("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
-					/* @__PURE__ */ s("p", {
+					/* @__PURE__ */ c("p", {
 						className: "text-xs text-text-secondary",
 						children: w("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})

package/dist/bigconsole/components/common/SortBySelect.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ListSortOption, ListSortValue } from '../../utils/listSort';
+
+export interface SortBySelectProps {
+    /** The visible label, already translated ("Sort by"). */
+    label: string;
+    value: ListSortValue;
+    options: readonly ListSortOption[];
+    onChange: (value: ListSortValue) => void;
+}
+export declare const SortBySelect: FC<SortBySelectProps>;

package/dist/bigconsole/components/common/SortBySelect.js

@@ -0,0 +1,29 @@
+import { memo as e } from "react";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "@burdenoff/fe-libs/ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/common/SortBySelect.tsx
+var c = (e, t) => t.some((t) => t.value === e), l = e(function({ label: e, value: l, options: u, onChange: d }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex min-w-0 items-center gap-control-gap",
+		"data-testid": "sort-by",
+		children: [/* @__PURE__ */ o("span", {
+			className: "shrink-0 text-sm text-text-muted",
+			children: e
+		}), /* @__PURE__ */ s(t, {
+			value: l,
+			onValueChange: (e) => {
+				c(e, u) && d(e);
+			},
+			children: [/* @__PURE__ */ o(i, {
+				"aria-label": e,
+				style: { width: "min(100%, 210px)" },
+				children: /* @__PURE__ */ o(a, {})
+			}), /* @__PURE__ */ o(n, { children: u.map((e) => /* @__PURE__ */ o(r, {
+				value: e.value,
+				children: e.label
+			}, e.value)) })]
+		})]
+	});
+});
+//#endregion
+export { l as SortBySelect };

package/dist/bigconsole/components/common/index.d.ts

@@ -1,3 +1,4 @@
 export { Section, SectionHeader, SectionStack } from './Section';
 export type { SectionHeadingLevel, SectionHeaderProps, SectionProps, SectionStackProps } from './Section';
 export { SECTION_FOCUS_RING, SECTION_MOTION, SECTION_STACK, sectionSurfaceClasses, sectionTitleClasses, type SectionEmphasis, type SectionPadding, type SectionTone, } from './sectionStyles';
+export { SortBySelect, type SortBySelectProps } from './SortBySelect';

package/dist/bigconsole/components/common/index.js

@@ -1,2 +1,3 @@
 import "./sectionStyles.js";
 import "./Section.js";
+import "./SortBySelect.js";