@burdenoff/microfe-bigconsole 2026.624.2 → 2026.625.1

package/dist/bigconsole/components/widgets/ActionConfigDialog.js

@@ -1,9 +1,9 @@
 import { memo as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
 import { Pencil as a, Plus as o, Zap as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u, Checkbox as d, Dialog as ee, DialogContent as te, DialogDescription as ne, DialogFooter as re, DialogHeader as f, DialogTitle as p, Input as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Spinner as b, Textarea as ie } from "@burdenoff/fe-libs/ui";
+import { Button as c, Checkbox as l, Dialog as ee, DialogContent as te, DialogDescription as u, DialogFooter as ne, DialogHeader as re, DialogTitle as ie, Input as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, Spinner as ae, Textarea as _ } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/ActionConfigDialog.tsx
-var ae = [
+var oe = [
 	{
 		value: "BUTTON",
 		label: "Button"
@@ -20,7 +20,7 @@ var ae = [
 		value: "CUSTOM",
 		label: "Custom"
 	}
-], x = [
+], b = [
 	{
 		value: "PRIMARY",
 		label: "Primary",
@@ -46,7 +46,7 @@ var ae = [
 		label: "Danger",
 		color: "var(--color-action-danger-bg)"
 	}
-], oe = [
+], x = [
 	{
 		value: "",
 		label: "No icon"
@@ -162,23 +162,23 @@ var ae = [
 		S,
 		T
 	]);
-	return /* @__PURE__ */ c(ee, {
+	return /* @__PURE__ */ v(ee, {
 		open: e,
 		onOpenChange: (e) => !e && !C && w(),
-		children: /* @__PURE__ */ l(te, {
+		children: /* @__PURE__ */ y(te, {
 			style: {
 				maxWidth: "500px",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ c(f, {
+			children: [/* @__PURE__ */ v(re, {
 				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-				children: /* @__PURE__ */ l("div", {
+				children: /* @__PURE__ */ y("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: "var(--space-formGap)"
 					},
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ v("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -189,12 +189,12 @@ var ae = [
 							backgroundColor: "var(--color-action-primary-bg)",
 							boxShadow: "var(--shadow-elevation-2)"
 						},
-						children: c(E ? a : s, { style: {
+						children: v(E ? a : s, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(p, {
+					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v(ie, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
@@ -202,7 +202,7 @@ var ae = [
 							margin: 0
 						},
 						children: E ? "Edit Action" : "Add Action"
-					}), /* @__PURE__ */ c(ne, {
+					}), /* @__PURE__ */ v(u, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -211,16 +211,16 @@ var ae = [
 						children: E ? "Update the action configuration" : "Configure a new widget action"
 					})] })]
 				})
-			}), /* @__PURE__ */ l("form", {
+			}), /* @__PURE__ */ y("form", {
 				onSubmit: se,
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ y("div", {
 					style: {
 						padding: "var(--space-pagePadding)",
 						maxHeight: "60vh",
 						overflowY: "auto"
 					},
 					children: [
-						Q && /* @__PURE__ */ c("div", {
+						Q && /* @__PURE__ */ v("div", {
 							style: {
 								padding: "var(--space-controlGap)",
 								backgroundColor: "var(--color-status-error-bgSubtle)",
@@ -228,7 +228,7 @@ var ae = [
 								borderRadius: "var(--radius-button)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: /* @__PURE__ */ c("p", {
+							children: /* @__PURE__ */ v("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-status-error-text)",
@@ -237,10 +237,10 @@ var ae = [
 								children: Q
 							})
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: { marginBottom: "var(--space-formGap)" },
 							children: [
-								/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ y("label", {
 									style: {
 										display: "block",
 										fontSize: "var(--font-size-body-sm)",
@@ -248,12 +248,12 @@ var ae = [
 										color: "var(--color-text-primary)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: ["Name ", /* @__PURE__ */ c("span", {
+									children: ["Name ", /* @__PURE__ */ v("span", {
 										style: { color: "var(--color-status-error-text)" },
 										children: "*"
 									})]
 								}),
-								/* @__PURE__ */ c(m, {
+								/* @__PURE__ */ v(d, {
 									ref: D,
 									value: O,
 									onChange: (e) => {
@@ -266,7 +266,7 @@ var ae = [
 										fontSize: "var(--font-size-body-sm)"
 									}
 								}),
-								/* @__PURE__ */ c("p", {
+								/* @__PURE__ */ v("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -276,10 +276,10 @@ var ae = [
 								})
 							]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: { marginBottom: "var(--space-formGap)" },
 							children: [
-								/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ y("label", {
 									style: {
 										display: "block",
 										fontSize: "var(--font-size-body-sm)",
@@ -287,12 +287,12 @@ var ae = [
 										color: "var(--color-text-primary)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: ["Label ", /* @__PURE__ */ c("span", {
+									children: ["Label ", /* @__PURE__ */ v("span", {
 										style: { color: "var(--color-status-error-text)" },
 										children: "*"
 									})]
 								}),
-								/* @__PURE__ */ c(m, {
+								/* @__PURE__ */ v(d, {
 									value: A,
 									onChange: (e) => j(e.target.value),
 									placeholder: "e.g., Refresh Data, Export CSV",
@@ -302,7 +302,7 @@ var ae = [
 										fontSize: "var(--font-size-body-sm)"
 									}
 								}),
-								/* @__PURE__ */ c("p", {
+								/* @__PURE__ */ v("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -312,14 +312,14 @@ var ae = [
 								})
 							]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "1fr 1fr",
 								gap: "var(--space-formGap)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 								style: {
 									display: "block",
 									fontSize: "var(--font-size-body-sm)",
@@ -328,17 +328,17 @@ var ae = [
 									marginBottom: "var(--space-controlGap)"
 								},
 								children: "Type"
-							}), /* @__PURE__ */ l(h, {
+							}), /* @__PURE__ */ y(f, {
 								value: M,
 								onValueChange: (e) => N(e),
 								disabled: C,
-								children: [/* @__PURE__ */ c(v, {
+								children: [/* @__PURE__ */ v(h, {
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									},
-									children: /* @__PURE__ */ c(y, {})
-								}), /* @__PURE__ */ c(g, {
+									children: /* @__PURE__ */ v(g, {})
+								}), /* @__PURE__ */ v(p, {
 									style: {
 										zIndex: 9999,
 										backgroundColor: "var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))",
@@ -346,12 +346,12 @@ var ae = [
 										boxShadow: "var(--shadow-elevation-3)",
 										borderRadius: "var(--radius-button)"
 									},
-									children: ae.map((e) => /* @__PURE__ */ c(_, {
+									children: oe.map((e) => /* @__PURE__ */ v(m, {
 										value: e.value,
 										children: e.label
 									}, e.value))
 								})]
-							})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 								style: {
 									display: "block",
 									fontSize: "var(--font-size-body-sm)",
@@ -360,17 +360,17 @@ var ae = [
 									marginBottom: "var(--space-controlGap)"
 								},
 								children: "Style"
-							}), /* @__PURE__ */ l(h, {
+							}), /* @__PURE__ */ y(f, {
 								value: P,
 								onValueChange: (e) => F(e),
 								disabled: C,
-								children: [/* @__PURE__ */ c(v, {
+								children: [/* @__PURE__ */ v(h, {
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									},
-									children: /* @__PURE__ */ c(y, {})
-								}), /* @__PURE__ */ c(g, {
+									children: /* @__PURE__ */ v(g, {})
+								}), /* @__PURE__ */ v(p, {
 									style: {
 										zIndex: 9999,
 										backgroundColor: "var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))",
@@ -378,14 +378,14 @@ var ae = [
 										boxShadow: "var(--shadow-elevation-3)",
 										borderRadius: "var(--radius-button)"
 									},
-									children: x.map((e) => /* @__PURE__ */ c(_, {
+									children: b.map((e) => /* @__PURE__ */ v(m, {
 										value: e.value,
 										children: e.label
 									}, e.value))
 								})]
 							})] })]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -395,20 +395,20 @@ var ae = [
 								backgroundColor: "var(--color-bg-sunken)",
 								borderRadius: "var(--radius-button)"
 							},
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ v("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
 								},
 								children: "Preview:"
-							}), /* @__PURE__ */ c("button", {
+							}), /* @__PURE__ */ v("button", {
 								type: "button",
 								style: {
 									padding: "var(--space-controlGap) var(--space-formGap)",
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
 									borderRadius: "var(--radius-button)",
-									backgroundColor: ((e) => x.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)")(P),
+									backgroundColor: ((e) => b.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)")(P),
 									color: "var(--color-action-primary-text)",
 									border: "none",
 									cursor: "default"
@@ -416,9 +416,9 @@ var ae = [
 								children: A || "Button"
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: { marginBottom: "var(--space-formGap)" },
-							children: [/* @__PURE__ */ c("label", {
+							children: [/* @__PURE__ */ v("label", {
 								style: {
 									display: "block",
 									fontSize: "var(--font-size-body-sm)",
@@ -427,17 +427,17 @@ var ae = [
 									marginBottom: "var(--space-controlGap)"
 								},
 								children: "Icon"
-							}), /* @__PURE__ */ l(h, {
+							}), /* @__PURE__ */ y(f, {
 								value: I,
 								onValueChange: L,
 								disabled: C,
-								children: [/* @__PURE__ */ c(v, {
+								children: [/* @__PURE__ */ v(h, {
 									style: {
 										height: "var(--size-controlHeight-md)",
 										fontSize: "var(--font-size-body-sm)"
 									},
-									children: /* @__PURE__ */ c(y, { placeholder: "No icon" })
-								}), /* @__PURE__ */ c(g, {
+									children: /* @__PURE__ */ v(g, { placeholder: "No icon" })
+								}), /* @__PURE__ */ v(p, {
 									style: {
 										zIndex: 9999,
 										backgroundColor: "var(--color-overlay-popoverBg, var(--color-bg-surface, #ffffff))",
@@ -446,50 +446,50 @@ var ae = [
 										borderRadius: "var(--radius-button)",
 										maxHeight: "200px"
 									},
-									children: oe.map((e) => /* @__PURE__ */ c(_, {
+									children: x.map((e) => /* @__PURE__ */ v(m, {
 										value: e.value || "none",
 										children: e.label
 									}, e.value || "none"))
 								})]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-sectionGap)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ l("label", {
+							children: [/* @__PURE__ */ y("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-controlGap)",
 									cursor: "pointer"
 								},
-								children: [/* @__PURE__ */ c(d, {
+								children: [/* @__PURE__ */ v(l, {
 									checked: R,
 									onCheckedChange: (e) => z(e === !0),
 									disabled: C
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ v("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-primary)"
 									},
 									children: "Disabled"
 								})]
-							}), /* @__PURE__ */ l("label", {
+							}), /* @__PURE__ */ y("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-controlGap)",
 									cursor: "pointer"
 								},
-								children: [/* @__PURE__ */ c(d, {
+								children: [/* @__PURE__ */ v(l, {
 									checked: B,
 									onCheckedChange: (e) => V(e === !0),
 									disabled: C
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ v("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-primary)"
@@ -498,12 +498,12 @@ var ae = [
 								})]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ y("div", {
 							style: {
 								paddingTop: "var(--space-formGap)",
 								borderTop: "1px solid var(--color-border)"
 							},
-							children: [/* @__PURE__ */ l("label", {
+							children: [/* @__PURE__ */ y("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -511,11 +511,11 @@ var ae = [
 									cursor: "pointer",
 									marginBottom: "var(--space-formGap)"
 								},
-								children: [/* @__PURE__ */ c(d, {
+								children: [/* @__PURE__ */ v(l, {
 									checked: H,
 									onCheckedChange: (e) => U(e === !0),
 									disabled: C
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ v("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										fontWeight: "var(--font-weight-semibold)",
@@ -523,7 +523,7 @@ var ae = [
 									},
 									children: "Require confirmation"
 								})]
-							}), H && /* @__PURE__ */ l("div", {
+							}), H && /* @__PURE__ */ y("div", {
 								style: {
 									paddingLeft: "var(--space-formGap)",
 									borderLeft: "2px solid var(--color-border)",
@@ -532,7 +532,7 @@ var ae = [
 									gap: "var(--space-controlGap)"
 								},
 								children: [
-									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -541,7 +541,7 @@ var ae = [
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: "Dialog Title"
-									}), /* @__PURE__ */ c(m, {
+									}), /* @__PURE__ */ v(d, {
 										value: W,
 										onChange: (e) => G(e.target.value),
 										disabled: C,
@@ -550,7 +550,7 @@ var ae = [
 											fontSize: "var(--font-size-body-sm)"
 										}
 									})] }),
-									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -559,7 +559,7 @@ var ae = [
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: "Message"
-									}), /* @__PURE__ */ c(ie, {
+									}), /* @__PURE__ */ v(_, {
 										value: K,
 										onChange: (e) => q(e.target.value),
 										rows: 2,
@@ -569,13 +569,13 @@ var ae = [
 											resize: "none"
 										}
 									})] }),
-									/* @__PURE__ */ l("div", {
+									/* @__PURE__ */ y("div", {
 										style: {
 											display: "grid",
 											gridTemplateColumns: "1fr 1fr",
 											gap: "var(--space-controlGap)"
 										},
-										children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+										children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											style: {
 												display: "block",
 												fontSize: "var(--font-size-body-sm)",
@@ -584,7 +584,7 @@ var ae = [
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: "Confirm Button"
-										}), /* @__PURE__ */ c(m, {
+										}), /* @__PURE__ */ v(d, {
 											value: J,
 											onChange: (e) => Y(e.target.value),
 											disabled: C,
@@ -592,7 +592,7 @@ var ae = [
 												height: "var(--size-controlHeight-sm)",
 												fontSize: "var(--font-size-body-sm)"
 											}
-										})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+										})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											style: {
 												display: "block",
 												fontSize: "var(--font-size-body-sm)",
@@ -601,7 +601,7 @@ var ae = [
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: "Cancel Button"
-										}), /* @__PURE__ */ c(m, {
+										}), /* @__PURE__ */ v(d, {
 											value: X,
 											onChange: (e) => Z(e.target.value),
 											disabled: C,
@@ -615,7 +615,7 @@ var ae = [
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l(re, {
+				}), /* @__PURE__ */ y(ne, {
 					style: {
 						padding: "var(--space-formGap) var(--space-pagePadding)",
 						borderTop: "1px solid var(--color-border)",
@@ -624,37 +624,37 @@ var ae = [
 						justifyContent: "flex-end",
 						gap: "var(--space-controlGap)"
 					},
-					children: [/* @__PURE__ */ c(u, {
+					children: [/* @__PURE__ */ v(c, {
 						type: "button",
 						variant: "outline",
 						onClick: w,
 						disabled: C,
 						style: { height: "var(--size-controlHeight-md)" },
 						children: "Cancel"
-					}), /* @__PURE__ */ c(u, {
+					}), /* @__PURE__ */ v(c, {
 						type: "submit",
 						disabled: C || !O.trim() || !A.trim(),
 						style: {
 							height: "var(--size-controlHeight-md)",
 							backgroundColor: "var(--color-action-primary-bg)"
 						},
-						children: C ? /* @__PURE__ */ l("span", {
+						children: C ? /* @__PURE__ */ y("span", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-iconGap)"
 							},
-							children: [/* @__PURE__ */ c(b, { style: {
+							children: [/* @__PURE__ */ v(ae, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} }), "Saving..."]
-						}) : /* @__PURE__ */ l("span", {
+						}) : /* @__PURE__ */ y("span", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-iconGap)"
 							},
-							children: [c(E ? a : o, { style: {
+							children: [v(E ? a : o, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} }), E ? "Update Action" : "Add Action"]