@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.5

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js

@@ -4,8 +4,8 @@ import t from "../../../hooks/useWidgetOperations.js";
 import "../../../hooks/index.js";
 import { memo as n, useCallback as r, useMemo as i, useState as a } from "react";
 import { ChevronDown as o, ChevronRight as s, GripVertical as c, Settings as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx
 var p = [
 	"sum",
@@ -80,7 +80,7 @@ function _(e, t, n, r) {
 	return a;
 }
 var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
-	let { t: m } = f(), v = i(() => Array.isArray(c) ? c : [], [c]), y = i(() => {
+	let { t: m } = u(), v = i(() => Array.isArray(c) ? c : [], [c]), y = i(() => {
 		let e = {
 			rows: [],
 			columns: [],
@@ -212,35 +212,35 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 		let i = [], a = e.children.size > 0, c = N.has(n), l = O[r - 1];
 		if (r > 0) {
 			let l = _(v, k, A, t);
-			i.push(/* @__PURE__ */ d("tr", {
+			i.push(/* @__PURE__ */ f("tr", {
 				className: "hover:bg-bg-sunken/50 transition-colors",
 				children: [
-					/* @__PURE__ */ u("td", {
+					/* @__PURE__ */ d("td", {
 						className: "sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm",
 						style: { paddingLeft: `${r * 16 + 8}px` },
-						children: /* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex items-center gap-1",
 							children: [
-								y.expandable && a && /* @__PURE__ */ u("button", {
+								y.expandable && a && /* @__PURE__ */ d("button", {
 									type: "button",
 									onClick: () => U(n),
 									className: "p-0.5 hover:bg-bg-sunken rounded",
-									children: u(c ? o : s, { className: "w-4 h-4 text-text-secondary" })
+									children: d(c ? o : s, { className: "w-4 h-4 text-text-secondary" })
 								}),
-								!a && y.expandable && /* @__PURE__ */ u("span", { className: "w-5" }),
-								/* @__PURE__ */ u("span", { children: e.key })
+								!a && y.expandable && /* @__PURE__ */ d("span", { className: "w-5" }),
+								/* @__PURE__ */ d("span", { children: e.key })
 							]
 						})
 					}),
 					I.map((e) => {
 						let n = l.get(e) || {};
-						return A.map((r) => /* @__PURE__ */ u("td", {
+						return A.map((r) => /* @__PURE__ */ d("td", {
 							className: "px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10",
 							onClick: () => W(t, e),
 							children: H(n[r.field] || 0)
 						}, `${e}-${r.field}`));
 					}),
-					y.showRowTotals && A.map((t) => /* @__PURE__ */ u("td", {
+					y.showRowTotals && A.map((t) => /* @__PURE__ */ d("td", {
 						className: "px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-sunken/30",
 						children: H(e.values[t.field] || 0)
 					}, `total-${t.field}`))
@@ -270,87 +270,87 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 		W,
 		U
 	]), K = O.length > 0 || A.length > 0;
-	return v.length === 0 ? /* @__PURE__ */ d("div", {
+	return v.length === 0 ? /* @__PURE__ */ f("div", {
 		className: "flex flex-col items-center justify-center h-full p-8 text-text-secondary",
 		children: [
-			/* @__PURE__ */ u(l, { className: "w-12 h-12 mb-4 opacity-50" }),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d(l, { className: "w-12 h-12 mb-4 opacity-50" }),
+			/* @__PURE__ */ d("p", {
 				className: "text-sm",
 				children: m("bigconsole.widget.pivotTable.noData", "No data available")
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d("p", {
 				className: "text-xs mt-1",
 				children: m("bigconsole.widget.pivotTable.noDataHint", "Configure data source to populate pivot table")
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "flex flex-col h-full overflow-hidden",
-		children: [x && /* @__PURE__ */ u(b, {
+		children: [x && /* @__PURE__ */ d(b, {
 			rowFields: O,
 			columnFields: k,
 			valueFields: A,
 			availableFields: z,
 			onMoveField: B,
 			onChangeAggregation: V
-		}), K ? /* @__PURE__ */ u("div", {
+		}), K ? /* @__PURE__ */ d("div", {
 			className: "flex-1 overflow-auto",
-			children: /* @__PURE__ */ d("table", {
+			children: /* @__PURE__ */ f("table", {
 				className: "w-full border-collapse",
 				children: [
-					/* @__PURE__ */ d("thead", {
+					/* @__PURE__ */ f("thead", {
 						className: "sticky top-0 z-10",
-						children: [/* @__PURE__ */ d("tr", {
+						children: [/* @__PURE__ */ f("tr", {
 							className: "bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
 									className: "sticky left-0 bg-bg-sunken border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary",
 									children: O.length > 0 ? O.map((e) => e.replace(/_/g, " ")).join(" / ") : m("bigconsole.widget.pivotTable.valuesHeader", "Values")
 								}),
-								I.map((e) => /* @__PURE__ */ u("th", {
+								I.map((e) => /* @__PURE__ */ d("th", {
 									colSpan: A.length || 1,
 									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary",
 									children: e
 								}, e)),
-								y.showRowTotals && /* @__PURE__ */ u("th", {
+								y.showRowTotals && /* @__PURE__ */ d("th", {
 									colSpan: A.length || 1,
 									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-sunken/50",
 									children: m("bigconsole.widget.pivotTable.total", "Total")
 								})
 							]
-						}), A.length > 1 && /* @__PURE__ */ d("tr", {
+						}), A.length > 1 && /* @__PURE__ */ f("tr", {
 							className: "bg-bg-surface",
 							children: [
-								/* @__PURE__ */ u("th", { className: "sticky left-0 bg-bg-surface border-r border-b border-border-default" }),
-								I.map((e) => A.map((t) => /* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", { className: "sticky left-0 bg-bg-surface border-r border-b border-border-default" }),
+								I.map((e) => A.map((t) => /* @__PURE__ */ d("th", {
 									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary",
 									children: t.label || t.field.replace(/_/g, " ")
 								}, `${e}-${t.field}`))),
-								y.showRowTotals && A.map((e) => /* @__PURE__ */ u("th", {
+								y.showRowTotals && A.map((e) => /* @__PURE__ */ d("th", {
 									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-sunken/30",
 									children: e.label || e.field.replace(/_/g, " ")
 								}, `total-${e.field}`))
 							]
 						})]
 					}),
-					/* @__PURE__ */ u("tbody", {
+					/* @__PURE__ */ d("tbody", {
 						className: "divide-y divide-border-default",
 						children: G(F, {}, "root", 0)
 					}),
-					y.showColumnTotals && /* @__PURE__ */ u("tfoot", { children: /* @__PURE__ */ d("tr", {
+					y.showColumnTotals && /* @__PURE__ */ d("tfoot", { children: /* @__PURE__ */ f("tr", {
 						className: "bg-bg-sunken/50 font-medium",
 						children: [
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "sticky left-0 bg-bg-sunken/50 border-r border-t border-border-default px-3 py-2 text-sm",
 								children: m("bigconsole.widget.pivotTable.total", "Total")
 							}),
 							I.map((e) => {
 								let t = L?.get(e) || {};
-								return A.map((n) => /* @__PURE__ */ u("td", {
+								return A.map((n) => /* @__PURE__ */ d("td", {
 									className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums",
 									children: H(t[n.field] || 0)
 								}, `footer-${e}-${n.field}`));
 							}),
-							y.showRowTotals && y.showGrandTotal && A.map((e) => /* @__PURE__ */ u("td", {
+							y.showRowTotals && y.showGrandTotal && A.map((e) => /* @__PURE__ */ d("td", {
 								className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-sunken",
 								children: H(F.values[e.field] || 0)
 							}, `grand-${e.field}`))
@@ -358,15 +358,15 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 					}) })
 				]
 			})
-		}) : /* @__PURE__ */ d("div", {
+		}) : /* @__PURE__ */ f("div", {
 			className: "flex flex-col items-center justify-center flex-1 p-8 text-text-secondary",
 			children: [
-				/* @__PURE__ */ u(l, { className: "w-12 h-12 mb-4 opacity-50" }),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d(l, { className: "w-12 h-12 mb-4 opacity-50" }),
+				/* @__PURE__ */ d("p", {
 					className: "text-sm",
 					children: m("bigconsole.widget.pivotTable.configureTitle", "Configure Pivot Table")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-xs mt-1",
 					children: x ? m("bigconsole.widget.pivotTable.configureHintEdit", "Drag fields into the Rows and Values zones above") : m("bigconsole.widget.pivotTable.configureHintView", "Add row fields and value fields in widget settings")
 				})
@@ -374,14 +374,14 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 		})]
 	});
 }), y = "application/x-pivot-field", b = ({ rowFields: e, columnFields: t, valueFields: n, availableFields: r, onMoveField: i, onChangeAggregation: o }) => {
-	let { t: s } = f(), [l, m] = a(null), h = (e) => (t) => {
+	let { t: s } = u(), [l, m] = a(null), h = (e) => (t) => {
 		t.preventDefault(), t.stopPropagation(), m(null);
 		let n = t.dataTransfer.getData(y) || t.dataTransfer.getData("text/plain");
 		if (n) try {
 			let { field: t, from: r } = JSON.parse(n);
 			t && i(t, r, e);
 		} catch {}
-	}, g = (e, t, n) => /* @__PURE__ */ d("span", {
+	}, g = (e, t, n) => /* @__PURE__ */ f("span", {
 		draggable: !0,
 		onDragStart: (n) => {
 			let r = JSON.stringify({
@@ -392,45 +392,45 @@ var v = n(function({ widget: n, data: c = [], onDrilldown: p }) {
 		},
 		className: "inline-flex items-center gap-1 px-2 py-1 rounded-md bg-bg-surface border border-border-default text-xs text-text-primary cursor-grab",
 		children: [
-			/* @__PURE__ */ u(c, {
+			/* @__PURE__ */ d(c, {
 				className: "w-3 h-3 text-text-muted",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ u("span", { children: (n?.label || e).replace(/_/g, " ") }),
-			n && /* @__PURE__ */ u("select", {
+			/* @__PURE__ */ d("span", { children: (n?.label || e).replace(/_/g, " ") }),
+			n && /* @__PURE__ */ d("select", {
 				value: n.aggregation,
 				onChange: (t) => o(e, t.target.value),
 				onClick: (e) => e.stopPropagation(),
 				"aria-label": s("bigconsole.widget.pivotTable.aggregationForField", "Aggregation for {{field}}", { field: e }),
 				className: "ml-1 bg-bg-sunken text-text-secondary rounded px-1 py-0.5 text-[10px] uppercase",
-				children: p.map((e) => /* @__PURE__ */ u("option", {
+				children: p.map((e) => /* @__PURE__ */ d("option", {
 					value: e,
 					children: e
 				}, e))
 			})
 		]
-	}, e), _ = (e, t, n) => /* @__PURE__ */ d("div", {
+	}, e), _ = (e, t, n) => /* @__PURE__ */ f("div", {
 		onDragOver: (e) => {
 			e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", l !== t && m(t);
 		},
 		onDragLeave: () => m((e) => e === t ? null : e),
 		onDrop: h(t),
 		className: `flex-1 min-w-[8rem] rounded-md border p-2 transition-colors ${l === t ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default bg-bg-sunken/30"}`,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "text-[10px] font-semibold uppercase tracking-wider text-text-muted mb-1.5",
 			children: e
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "flex flex-wrap gap-1.5 min-h-[1.75rem]",
 			children: n
 		})]
 	});
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-wrap gap-2 p-2 border-b border-border-default bg-bg-surface",
 		children: [
 			_(s("bigconsole.widget.pivotTable.zoneRows", "Rows"), "rows", e.map((e) => g(e, "rows"))),
 			_(s("bigconsole.widget.pivotTable.zoneColumns", "Columns"), "columns", t.map((e) => g(e, "columns"))),
 			_(s("bigconsole.widget.pivotTable.zoneValues", "Values"), "values", n.map((e) => g(e.field, "values", e))),
-			_(s("bigconsole.widget.pivotTable.zoneAvailable", "Available"), "available", r.length > 0 ? r.map((e) => g(e, "available")) : /* @__PURE__ */ u("span", {
+			_(s("bigconsole.widget.pivotTable.zoneAvailable", "Available"), "available", r.length > 0 ? r.map((e) => g(e, "available")) : /* @__PURE__ */ d("span", {
 				className: "text-[11px] text-text-muted italic",
 				children: s("bigconsole.widget.pivotTable.allFieldsInUse", "All fields in use")
 			}))

package/dist/bigconsole/components/widgets/progress/ProgressConfig.js

@@ -1,9 +1,9 @@
 import { memo as e, useCallback as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/progress/ProgressConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = i(), s = t((t, n) => {
+	let { t: o } = n(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
@@ -23,22 +23,22 @@ var a = e(function({ config: e, onChange: a }) {
 	}, [e.milestones, s]), u = t((t) => {
 		s("milestones", (e.milestones || []).filter((e, n) => n !== t));
 	}, [e.milestones, s]);
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.progress.maxValueLabel", "Maximum Value")
-			}), /* @__PURE__ */ n("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "number",
 				value: e.max ?? 100,
 				onChange: (e) => s("max", Number(e.target.value)),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.progress.barHeightLabel", "Bar Height (px)")
-			}), /* @__PURE__ */ n("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "number",
 				value: e.barHeight ?? 12,
 				onChange: (e) => s("barHeight", Number(e.target.value)),
@@ -46,75 +46,75 @@ var a = e(function({ config: e, onChange: a }) {
 				max: 32,
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.progress.valueFormatLabel", "Value Format")
-			}), /* @__PURE__ */ r("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.format || "number",
 				onChange: (e) => s("format", e.target.value),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            ",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "number",
 						children: o("bigconsole.widget.config.progress.format.number", "Number")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "currency",
 						children: o("bigconsole.widget.config.progress.format.currency", "Currency")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "compact",
 						children: o("bigconsole.widget.config.progress.format.compact", "Compact (1K, 1M)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.progress.colorModeLabel", "Color Mode")
-			}), /* @__PURE__ */ r("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.colorMode || "default",
 				onChange: (e) => s("colorMode", e.target.value),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            ",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "default",
 						children: o("bigconsole.widget.config.progress.colorMode.default", "Default (Blue)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "dynamic",
 						children: o("bigconsole.widget.config.progress.colorMode.dynamic", "Dynamic (based on progress)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "success",
 						children: o("bigconsole.widget.config.progress.colorMode.success", "Success (Green)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "warning",
 						children: o("bigconsole.widget.config.progress.colorMode.warning", "Warning (Yellow)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "error",
 						children: o("bigconsole.widget.config.progress.colorMode.error", "Error (Red)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "text-sm font-medium text-text-primary",
 					children: o("bigconsole.widget.config.progress.milestonesLabel", "Milestones")
-				}), /* @__PURE__ */ n("button", {
+				}), /* @__PURE__ */ r("button", {
 					type: "button",
 					onClick: l,
 					className: "\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              ",
 					children: o("bigconsole.widget.config.progress.addMilestone", "+ Add Milestone")
 				})]
-			}), /* @__PURE__ */ r("div", {
+			}), /* @__PURE__ */ i("div", {
 				className: "space-y-2",
-				children: [(e.milestones || []).map((e, t) => /* @__PURE__ */ r("div", {
+				children: [(e.milestones || []).map((e, t) => /* @__PURE__ */ i("div", {
 					className: "\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-sunken\n                  rounded-md\n                ",
 					children: [
-						/* @__PURE__ */ n("input", {
+						/* @__PURE__ */ r("input", {
 							type: "number",
 							value: e.position,
 							onChange: (e) => c(t, "position", Number(e.target.value)),
@@ -123,23 +123,23 @@ var a = e(function({ config: e, onChange: a }) {
 							className: "\n                    w-20 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 							placeholder: "%"
 						}),
-						/* @__PURE__ */ n("input", {
+						/* @__PURE__ */ r("input", {
 							type: "text",
 							value: e.label || "",
 							onChange: (e) => c(t, "label", e.target.value),
 							className: "\n                    flex-1 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 							placeholder: o("bigconsole.widget.config.progress.milestoneLabelPlaceholder", "Label (optional)")
 						}),
-						/* @__PURE__ */ n("button", {
+						/* @__PURE__ */ r("button", {
 							type: "button",
 							onClick: () => u(t),
 							className: "text-status-error-text hover:text-status-error-text/80 p-1",
-							children: /* @__PURE__ */ n("svg", {
+							children: /* @__PURE__ */ r("svg", {
 								className: "w-4 h-4",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ n("path", {
+								children: /* @__PURE__ */ r("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -148,40 +148,40 @@ var a = e(function({ config: e, onChange: a }) {
 							})
 						})
 					]
-				}, t)), (!e.milestones || e.milestones.length === 0) && /* @__PURE__ */ n("p", {
+				}, t)), (!e.milestones || e.milestones.length === 0) && /* @__PURE__ */ r("p", {
 					className: "text-sm text-text-secondary text-center py-2",
 					children: o("bigconsole.widget.config.progress.noMilestones", "No milestones configured")
 				})]
 			})] }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ n("p", {
+					/* @__PURE__ */ r("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showPercentage !== !1,
 							onChange: (e) => s("showPercentage", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.progress.showPercentage", "Show percentage labels")
 						})]
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showMax !== !1,
 							onChange: (e) => s("showMax", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.progress.showMax", "Show maximum value")
 						})]