@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/components/scorecard/ScorecardPanel.js

@@ -4,21 +4,22 @@ import { ErrorState as s } from "../shared/ErrorState.js";
 import { ScorecardTier as c } from "../../generated/wspace-types.js";
 import { Card as l } from "../shared/Card.js";
 import "../shared/index.js";
+import { VIBE_PERMISSIONS as u } from "../../constants/permissions.js";
 import { EntityShareButton as ee } from "../sharing/EntityShareButton.js";
 import "../sharing/index.js";
-import { DIRECTION_OPTIONS as u, METRIC_TYPE_OPTIONS as te, STATUS_OPTIONS as ne, deriveStatus as re, statusConfig as d } from "./scorecardConstants.js";
-import { ScorecardEmptyState as ie } from "./ScorecardEmptyState.js";
-import { ScorecardsOverviewPanel as f } from "./ScorecardsOverviewPanel.js";
-import { MetricTrend as ae } from "./MetricTrend.js";
-import { useCallback as p, useEffect as oe, useState as m } from "react";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Info as ce, Pencil as le, Plus as ue, RefreshCw as de, ShieldCheck as h, Trash2 as fe, TrendingUp as pe } from "lucide-react";
-import { useActiveContext as me } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as g, motion as _ } from "framer-motion";
-import { Fragment as he, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { MotionItem as ge, MotionList as _e } from "@burdenoff/fe-libs/shared/motion";
+import { DIRECTION_OPTIONS as te, METRIC_TYPE_OPTIONS as ne, STATUS_OPTIONS as re, deriveStatus as ie, statusConfig as d } from "./scorecardConstants.js";
+import { ScorecardEmptyState as ae } from "./ScorecardEmptyState.js";
+import { ScorecardsOverviewPanel as oe } from "./ScorecardsOverviewPanel.js";
+import { MetricTrend as se } from "./MetricTrend.js";
+import { useCallback as f, useEffect as ce, useState as p } from "react";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Info as ue, Pencil as de, Plus as fe, RefreshCw as pe, ShieldCheck as m, Trash2 as me, TrendingUp as he } from "lucide-react";
+import { useActiveContext as ge, usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as h, motion as g } from "framer-motion";
+import { Fragment as ve, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MotionItem as ye, MotionList as be } from "@burdenoff/fe-libs/shared/motion";
 //#region src/components/scorecard/ScorecardPanel.tsx
-var b = {
+var y = {
 	name: "",
 	description: "",
 	type: "CUSTOM",
@@ -31,27 +32,27 @@ var b = {
 	remediation: "",
 	iframeUrl: "",
 	iframeHeight: ""
-}, x = "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg", S = ({ ownerType: c, ownerId: h, onAddMetric: S }) => {
-	let { t: C } = se(), w = p((e, t) => {
-		let n = C(e);
+}, b = "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg", x = ({ ownerType: c, ownerId: m, onAddMetric: x }) => {
+	let { t: S } = le(), C = f((e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [C]), { workspaceId: ye } = me(), [be, T] = m(null), [xe, E] = m(!1), [D, O] = m(null), [k, A] = m(null), [j, M] = m(null), [N, P] = m(b), [F, I] = m(null), [Se, L] = m(null), { data: Ce, loading: we, error: R, refetch: z } = n({
+	}, [S]), { workspaceId: Se } = ge(), { hasPermission: w, permissions: T } = _e(), E = (Array.isArray(T) ? T : T?.permissionStrings)?.some?.((e) => e.startsWith("scorecard:")), Ce = E ? w(u.SCORECARD_CREATE) : !0, we = E ? w(u.SCORECARD_UPDATE) : !0, Te = E ? w(u.SCORECARD_DELETE) : !0, [Ee, D] = p(null), [De, O] = p(!1), [k, A] = p(null), [j, M] = p(null), [N, P] = p(null), [F, I] = p(y), [L, R] = p(null), [Oe, z] = p(null), { data: ke, loading: Ae, error: B, refetch: V } = n({
 		variables: {
 			ownerType: c,
-			ownerId: h
+			ownerId: m
 		},
-		skip: !h,
+		skip: !m,
 		fetchPolicy: "cache-and-network"
-	}), [Te, { loading: Ee }] = a(), [De, { loading: Oe }] = e(), [ke, { loading: Ae }] = i(), [je, { loading: B }] = r(), [Me] = t(), V = Ce?.vibecontrolsScorecard ?? null, H = Ee || Oe || Ae, U = D !== null, W = () => {
-		P(b), I(null), O(null);
-	}, G = () => {
-		if (S) {
-			S();
+	}), [je, { loading: Me }] = a(), [Ne, { loading: Pe }] = e(), [Fe, { loading: Ie }] = i(), [Le, { loading: H }] = r(), [Re] = t(), U = ke?.vibecontrolsScorecard ?? null, W = Me || Pe || Ie, G = k !== null, K = () => {
+		I(y), R(null), A(null);
+	}, q = () => {
+		if (x) {
+			x();
 			return;
 		}
-		W(), E(!0);
-	}, Ne = (e, t) => {
-		e.stopPropagation(), P({
+		K(), O(!0);
+	}, ze = (e, t) => {
+		e.stopPropagation(), I({
 			name: t.name,
 			description: t.description ?? "",
 			type: t.type,
@@ -64,103 +65,103 @@ var b = {
 			remediation: t.remediation ?? "",
 			iframeUrl: t.iframeUrl ?? "",
 			iframeHeight: t.iframeHeight !== null && t.iframeHeight !== void 0 ? String(t.iframeHeight) : ""
-		}), I(null), O(t.id), E(!0);
-	}, Pe = (e, t) => {
-		e.stopPropagation(), M(null), A({
+		}), R(null), A(t.id), O(!0);
+	}, Be = (e, t) => {
+		e.stopPropagation(), P(null), M({
 			id: t.id,
 			name: t.name
 		});
-	}, K = () => {
-		H || (E(!1), W());
-	}, q = p(() => {
-		B || (A(null), M(null));
-	}, [B]);
-	oe(() => {
-		if (!k) return;
+	}, J = () => {
+		W || (O(!1), K());
+	}, Y = f(() => {
+		H || (M(null), P(null));
+	}, [H]);
+	ce(() => {
+		if (!j) return;
 		let e = (e) => {
-			e.key === "Escape" && q();
+			e.key === "Escape" && Y();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [k, q]);
-	let Fe = async () => {
-		if (k) {
-			M(null);
+	}, [j, Y]);
+	let Ve = async () => {
+		if (j) {
+			P(null);
 			try {
-				await je({ variables: { id: k.id } }), await z(), A(null);
+				await Le({ variables: { id: j.id } }), await V(), M(null);
 			} catch (e) {
-				M(e instanceof Error ? e.message : "Failed to remove metric");
+				P(e instanceof Error ? e.message : "Failed to remove metric");
 			}
 		}
-	}, J = (e, t) => {
-		P((n) => ({
+	}, X = (e, t) => {
+		I((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Y = (e, t) => {
+	}, Z = (e, t) => {
 		let n = e.trim();
 		if (!n) return;
 		let r = Number(n);
 		if (!Number.isFinite(r)) throw Error(`${t} must be a valid number`);
 		return r;
-	}, Ie = async () => {
-		if (V?.id) return V.id;
-		let e = (await Te({ variables: { input: {
+	}, He = async () => {
+		if (U?.id) return U.id;
+		let e = (await je({ variables: { input: {
 			ownerType: c,
-			ownerId: h
+			ownerId: m
 		} } })).data?.upsertVibecontrolsScorecard.id;
-		if (!e) throw Error(w("scorecard.scorecardCreateFailed", "Unable to create scorecard"));
+		if (!e) throw Error(C("scorecard.scorecardCreateFailed", "Unable to create scorecard"));
 		return e;
-	}, Le = async (e) => {
-		L(e);
+	}, Ue = async (e) => {
+		z(e);
 		try {
-			await Me({ variables: {
+			await Re({ variables: {
 				templateId: e,
 				ownerType: c,
-				ownerId: h
-			} }), await z();
+				ownerId: m
+			} }), await V();
 		} finally {
-			L(null);
+			z(null);
 		}
-	}, Re = async (e) => {
-		e.preventDefault(), I(null);
-		let t = N.name.trim();
+	}, We = async (e) => {
+		e.preventDefault(), R(null);
+		let t = F.name.trim();
 		if (!t) {
-			I(w("scorecard.metricNameRequired", "Metric name is required"));
+			R(C("scorecard.metricNameRequired", "Metric name is required"));
 			return;
 		}
-		let n = N.statusMode === "AUTO" ? void 0 : N.statusMode;
+		let n = F.statusMode === "AUTO" ? void 0 : F.statusMode;
 		try {
 			let e = {
 				name: t,
-				description: N.description.trim() || null,
-				type: N.type,
-				value: Y(N.value, w("scorecard.value", "Value")) ?? null,
-				threshold: Y(N.threshold, w("scorecard.threshold", "Threshold")) ?? null,
-				unit: N.unit.trim() || null,
-				direction: N.direction,
-				weight: Y(N.weight, w("scorecard.weight", "Weight")) ?? 1,
+				description: F.description.trim() || null,
+				type: F.type,
+				value: Z(F.value, C("scorecard.value", "Value")) ?? null,
+				threshold: Z(F.threshold, C("scorecard.threshold", "Threshold")) ?? null,
+				unit: F.unit.trim() || null,
+				direction: F.direction,
+				weight: Z(F.weight, C("scorecard.weight", "Weight")) ?? 1,
 				status: n ?? null,
-				remediation: N.remediation.trim() || null,
-				iframeUrl: N.iframeUrl.trim() || null,
-				iframeHeight: Y(N.iframeHeight, w("scorecard.iframeHeight", "Iframe height")) ?? null
+				remediation: F.remediation.trim() || null,
+				iframeUrl: F.iframeUrl.trim() || null,
+				iframeHeight: Z(F.iframeHeight, C("scorecard.iframeHeight", "Iframe height")) ?? null
 			};
-			D ? await ke({ variables: {
-				id: D,
+			k ? await Fe({ variables: {
+				id: k,
 				input: e
-			} }) : await De({ variables: {
-				scorecardId: await Ie(),
+			} }) : await Ne({ variables: {
+				scorecardId: await He(),
 				input: e
-			} }), await z(), E(!1), W();
+			} }), await V(), O(!1), K();
 		} catch (e) {
-			I(e instanceof Error ? e.message : D ? "Failed to update metric" : "Failed to add metric");
+			R(e instanceof Error ? e.message : k ? "Failed to update metric" : "Failed to add metric");
 		}
-	}, ze = N.statusMode === "AUTO" ? re(N.value.trim() ? Number(N.value) : null, N.threshold.trim() ? Number(N.threshold) : null, N.direction) : N.statusMode, X = () => /* @__PURE__ */ v(g, { children: k && /* @__PURE__ */ v(_.div, {
+	}, Ge = F.statusMode === "AUTO" ? ie(F.value.trim() ? Number(F.value) : null, F.threshold.trim() ? Number(F.threshold) : null, F.direction) : F.statusMode, Q = () => /* @__PURE__ */ _(h, { children: j && /* @__PURE__ */ _(g.div, {
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4",
-		onClick: q,
-		children: /* @__PURE__ */ y(_.div, {
+		onClick: Y,
+		children: /* @__PURE__ */ v(g.div, {
 			initial: {
 				scale: .96,
 				y: 12
@@ -179,54 +180,54 @@ var b = {
 			"aria-modal": "true",
 			"aria-labelledby": "scorecard-delete-title",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "border-b border-border-default px-5 py-4",
-					children: [/* @__PURE__ */ v("h3", {
+					children: [/* @__PURE__ */ _("h3", {
 						id: "scorecard-delete-title",
 						className: "text-lg font-semibold text-text-primary",
-						children: w("scorecard.removeMetricTitle", "Remove metric")
-					}), /* @__PURE__ */ v("p", {
+						children: C("scorecard.removeMetricTitle", "Remove metric")
+					}), /* @__PURE__ */ _("p", {
 						className: "mt-1 text-sm text-text-secondary",
-						children: w("scorecard.removeMetricConfirm", "Are you sure you want to remove this metric? This cannot be undone.")
+						children: C("scorecard.removeMetricConfirm", "Are you sure you want to remove this metric? This cannot be undone.")
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "px-5 py-4 text-sm text-text-primary",
-					children: [/* @__PURE__ */ v("p", {
+					children: [/* @__PURE__ */ _("p", {
 						className: "font-medium",
-						children: k.name
-					}), j && /* @__PURE__ */ v("p", {
+						children: j.name
+					}), N && /* @__PURE__ */ _("p", {
 						className: "mt-3 rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: j
+						children: N
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex items-center justify-end gap-3 border-t border-border-default px-5 py-4",
-					children: [/* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: q,
-						disabled: B,
+						onClick: Y,
+						disabled: H,
 						className: "rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60",
-						children: w("common.cancel", "Cancel")
-					}), /* @__PURE__ */ v("button", {
+						children: C("common.cancel", "Cancel")
+					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: Fe,
-						disabled: B,
+						onClick: Ve,
+						disabled: H,
 						className: "rounded-md bg-status-error-bg px-4 py-2 text-sm text-status-error-text hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
-						children: B ? w("scorecard.removingMetric", "Removing...") : w("scorecard.removeMetric", "Remove metric")
+						children: H ? C("scorecard.removingMetric", "Removing...") : C("scorecard.removeMetric", "Remove metric")
 					})]
 				})
 			]
 		})
-	}) }), Z = () => {
-		let e = d[ze] ?? d.UNKNOWN;
-		return /* @__PURE__ */ v(g, { children: xe && /* @__PURE__ */ v(_.div, {
+	}) }), Ke = () => {
+		let e = d[Ge] ?? d.UNKNOWN;
+		return /* @__PURE__ */ _(h, { children: De && /* @__PURE__ */ _(g.div, {
 			initial: { opacity: 0 },
 			animate: { opacity: 1 },
 			exit: { opacity: 0 },
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4",
-			onClick: K,
-			children: /* @__PURE__ */ v(_.div, {
+			onClick: J,
+			children: /* @__PURE__ */ _(g.div, {
 				initial: {
 					scale: .96,
 					y: 12
@@ -241,226 +242,226 @@ var b = {
 				},
 				className: "w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ y("form", {
-					onSubmit: Re,
+				children: /* @__PURE__ */ v("form", {
+					onSubmit: We,
 					className: "flex max-h-[85vh] flex-col",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "border-b border-border-default px-5 py-4",
-							children: [/* @__PURE__ */ v("h3", {
+							children: [/* @__PURE__ */ _("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: U ? w("scorecard.editMetricTitle", "Edit scorecard metric") : w("scorecard.addMetricTitle", "Add scorecard metric")
-							}), /* @__PURE__ */ v("p", {
+								children: G ? C("scorecard.editMetricTitle", "Edit scorecard metric") : C("scorecard.addMetricTitle", "Add scorecard metric")
+							}), /* @__PURE__ */ _("p", {
 								className: "mt-1 text-sm text-text-secondary",
-								children: w("scorecard.addMetricDescription", "Define a metric. Status is derived from value vs threshold unless you pin it.")
+								children: C("scorecard.addMetricDescription", "Define a metric. Status is derived from value vs threshold unless you pin it.")
 							})]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "space-y-4 overflow-y-auto px-5 py-4",
 							children: [
-								F && /* @__PURE__ */ v("div", {
+								L && /* @__PURE__ */ _("div", {
 									className: "rounded-md border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: F
+									children: L
 								}),
-								/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ v("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ v("span", {
+									children: [/* @__PURE__ */ _("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.metricName", "Metric name")
-									}), /* @__PURE__ */ v("input", {
+										children: C("scorecard.metricName", "Metric name")
+									}), /* @__PURE__ */ _("input", {
 										"aria-label": "control",
-										value: N.name,
-										onChange: (e) => J("name", e.target.value),
-										className: x,
-										placeholder: w("scorecard.metricNamePlaceholder", "Test coverage")
+										value: F.name,
+										onChange: (e) => X("name", e.target.value),
+										className: b,
+										placeholder: C("scorecard.metricNamePlaceholder", "Test coverage")
 									})]
 								}),
-								/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ v("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ v("span", {
+									children: [/* @__PURE__ */ _("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.metricDescription", "Description")
-									}), /* @__PURE__ */ v("textarea", {
+										children: C("scorecard.metricDescription", "Description")
+									}), /* @__PURE__ */ _("textarea", {
 										"aria-label": "control",
-										value: N.description,
-										onChange: (e) => J("description", e.target.value),
-										className: `min-h-16 ${x}`,
-										placeholder: w("scorecard.metricDescriptionPlaceholder", "Explain what this metric measures")
+										value: F.description,
+										onChange: (e) => X("description", e.target.value),
+										className: `min-h-16 ${b}`,
+										placeholder: C("scorecard.metricDescriptionPlaceholder", "Explain what this metric measures")
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ y("label", {
+									children: [/* @__PURE__ */ v("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricType", "Type")
-										}), /* @__PURE__ */ v("select", {
-											value: N.type,
-											onChange: (e) => J("type", e.target.value),
-											className: x,
-											children: te.map((e) => /* @__PURE__ */ v("option", {
+											children: C("scorecard.metricType", "Type")
+										}), /* @__PURE__ */ _("select", {
+											value: F.type,
+											onChange: (e) => X("type", e.target.value),
+											className: b,
+											children: ne.map((e) => /* @__PURE__ */ _("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
-									}), /* @__PURE__ */ y("label", {
+									}), /* @__PURE__ */ v("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricDirection", "Direction")
-										}), /* @__PURE__ */ v("select", {
-											value: N.direction,
-											onChange: (e) => J("direction", e.target.value),
-											className: x,
-											children: u.map((e) => /* @__PURE__ */ v("option", {
+											children: C("scorecard.metricDirection", "Direction")
+										}), /* @__PURE__ */ _("select", {
+											value: F.direction,
+											onChange: (e) => X("direction", e.target.value),
+											className: b,
+											children: te.map((e) => /* @__PURE__ */ _("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ y("label", {
+										/* @__PURE__ */ v("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ _("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.value", "Value")
-											}), /* @__PURE__ */ v("input", {
+												children: C("scorecard.value", "Value")
+											}), /* @__PURE__ */ _("input", {
 												"aria-label": "value",
-												value: N.value,
-												onChange: (e) => J("value", e.target.value),
+												value: F.value,
+												onChange: (e) => X("value", e.target.value),
 												inputMode: "decimal",
-												className: x,
+												className: b,
 												placeholder: "86"
 											})]
 										}),
-										/* @__PURE__ */ y("label", {
+										/* @__PURE__ */ v("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ _("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.threshold", "Threshold")
-											}), /* @__PURE__ */ v("input", {
+												children: C("scorecard.threshold", "Threshold")
+											}), /* @__PURE__ */ _("input", {
 												"aria-label": "threshold",
-												value: N.threshold,
-												onChange: (e) => J("threshold", e.target.value),
+												value: F.threshold,
+												onChange: (e) => X("threshold", e.target.value),
 												inputMode: "decimal",
-												className: x,
+												className: b,
 												placeholder: "80"
 											})]
 										}),
-										/* @__PURE__ */ y("label", {
+										/* @__PURE__ */ v("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ _("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.unit", "Unit")
-											}), /* @__PURE__ */ v("input", {
+												children: C("scorecard.unit", "Unit")
+											}), /* @__PURE__ */ _("input", {
 												"aria-label": "unit",
-												value: N.unit,
-												onChange: (e) => J("unit", e.target.value),
-												className: x,
+												value: F.unit,
+												onChange: (e) => X("unit", e.target.value),
+												className: b,
 												placeholder: "%"
 											})]
 										}),
-										/* @__PURE__ */ y("label", {
+										/* @__PURE__ */ v("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ _("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.weight", "Weight")
-											}), /* @__PURE__ */ v("input", {
+												children: C("scorecard.weight", "Weight")
+											}), /* @__PURE__ */ _("input", {
 												"aria-label": "weight",
-												value: N.weight,
-												onChange: (e) => J("weight", e.target.value),
+												value: F.weight,
+												onChange: (e) => X("weight", e.target.value),
 												inputMode: "decimal",
-												className: x,
+												className: b,
 												placeholder: "1"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ y("label", {
+									children: [/* @__PURE__ */ v("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricStatus", "Status")
-										}), /* @__PURE__ */ v("select", {
-											value: N.statusMode,
-											onChange: (e) => J("statusMode", e.target.value),
-											className: x,
-											children: ne.map((e) => /* @__PURE__ */ v("option", {
+											children: C("scorecard.metricStatus", "Status")
+										}), /* @__PURE__ */ _("select", {
+											value: F.statusMode,
+											onChange: (e) => X("statusMode", e.target.value),
+											className: b,
+											children: re.map((e) => /* @__PURE__ */ _("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ _("div", {
 										className: "flex items-end",
-										children: /* @__PURE__ */ y("div", {
+										children: /* @__PURE__ */ v("div", {
 											className: `flex items-center gap-2 rounded-md px-3 py-2 text-sm ${e.bg} ${e.text}`,
-											children: [/* @__PURE__ */ v(e.icon, { className: "size-4" }), /* @__PURE__ */ y("span", { children: [N.statusMode === "AUTO" ? "Derived: " : "Pinned: ", e.label] })]
+											children: [/* @__PURE__ */ _(e.icon, { className: "size-4" }), /* @__PURE__ */ v("span", { children: [F.statusMode === "AUTO" ? "Derived: " : "Pinned: ", e.label] })]
 										})
 									})]
 								}),
-								/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ v("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ v("span", {
+									children: [/* @__PURE__ */ _("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.remediation", "Remediation guidance")
-									}), /* @__PURE__ */ v("textarea", {
+										children: C("scorecard.remediation", "Remediation guidance")
+									}), /* @__PURE__ */ _("textarea", {
 										"aria-label": "control",
-										value: N.remediation,
-										onChange: (e) => J("remediation", e.target.value),
-										className: `min-h-16 ${x}`,
-										placeholder: w("scorecard.remediationPlaceholder", "What should someone do when this metric is failing?")
+										value: F.remediation,
+										onChange: (e) => X("remediation", e.target.value),
+										className: `min-h-16 ${b}`,
+										placeholder: C("scorecard.remediationPlaceholder", "What should someone do when this metric is failing?")
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]",
-									children: [/* @__PURE__ */ y("label", {
+									children: [/* @__PURE__ */ v("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.iframeUrl", "Embed URL")
-										}), /* @__PURE__ */ v("input", {
+											children: C("scorecard.iframeUrl", "Embed URL")
+										}), /* @__PURE__ */ _("input", {
 											"aria-label": "control",
-											value: N.iframeUrl,
-											onChange: (e) => J("iframeUrl", e.target.value),
-											className: x,
-											placeholder: w("scorecard.iframeUrlPlaceholder", "Optional dashboard URL")
+											value: F.iframeUrl,
+											onChange: (e) => X("iframeUrl", e.target.value),
+											className: b,
+											placeholder: C("scorecard.iframeUrlPlaceholder", "Optional dashboard URL")
 										})]
-									}), /* @__PURE__ */ y("label", {
+									}), /* @__PURE__ */ v("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ _("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.iframeHeight", "Iframe height")
-										}), /* @__PURE__ */ v("input", {
+											children: C("scorecard.iframeHeight", "Iframe height")
+										}), /* @__PURE__ */ _("input", {
 											"aria-label": "iframe height",
-											value: N.iframeHeight,
-											onChange: (e) => J("iframeHeight", e.target.value),
+											value: F.iframeHeight,
+											onChange: (e) => X("iframeHeight", e.target.value),
 											inputMode: "numeric",
-											className: x,
+											className: b,
 											placeholder: "320"
 										})]
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex items-center justify-end gap-3 border-t border-border-default px-5 py-4",
-							children: [/* @__PURE__ */ v("button", {
+							children: [/* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: K,
-								disabled: H,
+								onClick: J,
+								disabled: W,
 								className: "rounded-md border border-border-default px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60",
-								children: w("common.cancel", "Cancel")
-							}), /* @__PURE__ */ v("button", {
+								children: C("common.cancel", "Cancel")
+							}), /* @__PURE__ */ _("button", {
 								type: "submit",
-								disabled: H,
+								disabled: W,
 								className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:opacity-60",
-								children: H ? w("scorecard.savingMetric", "Saving...") : U ? w("scorecard.updateMetric", "Update Metric") : w("scorecard.saveMetric", "Save Metric")
+								children: W ? C("scorecard.savingMetric", "Saving...") : G ? C("scorecard.updateMetric", "Update Metric") : C("scorecard.saveMetric", "Save Metric")
 							})]
 						})
 					]
@@ -468,146 +469,146 @@ var b = {
 			})
 		}) });
 	};
-	if (we && !V) return /* @__PURE__ */ v(o, { message: w("scorecard.loading", "Loading scorecard...") });
-	if (R && !V) return /* @__PURE__ */ v(s, {
-		title: w("scorecard.failedLoad", "Failed to load scorecard"),
-		message: R.message,
-		onRetry: () => z()
+	if (Ae && !U) return /* @__PURE__ */ _(o, { message: C("scorecard.loading", "Loading scorecard...") });
+	if (B && !U) return /* @__PURE__ */ _(s, {
+		title: C("scorecard.failedLoad", "Failed to load scorecard"),
+		message: B.message,
+		onRetry: () => V()
 	});
-	if (!V || V.metrics.length === 0) return /* @__PURE__ */ y(he, { children: [
-		/* @__PURE__ */ v(ie, {
+	if (!U || U.metrics.length === 0) return /* @__PURE__ */ v(ve, { children: [
+		/* @__PURE__ */ _(ae, {
 			ownerType: c,
-			ownerId: h,
-			workspaceId: ye,
-			applyingTemplateId: Se,
-			onApplyTemplate: Le,
-			onAddManual: G
+			ownerId: m,
+			workspaceId: Se,
+			applyingTemplateId: Oe,
+			onApplyTemplate: Ue,
+			onAddManual: q
 		}),
-		Z(),
-		X()
+		Ke(),
+		Q()
 	] });
-	let Q = V.overallScore ?? 0, $ = Q >= 80 ? "text-status-success-text" : Q >= 50 ? "text-status-warning-text" : "text-status-error-text";
-	return /* @__PURE__ */ y("div", {
+	let $ = U.overallScore ?? 0, qe = $ >= 80 ? "text-status-success-text" : $ >= 50 ? "text-status-warning-text" : "text-status-error-text";
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ v(l, {
+			/* @__PURE__ */ _(l, {
 				padding: "lg",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
+					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("p", {
 						className: "flex items-center gap-1.5 text-sm font-medium text-text-secondary",
-						children: [w("scorecard.overallScore", "Overall Score"), /* @__PURE__ */ v("span", {
+						children: [C("scorecard.overallScore", "Overall Score"), /* @__PURE__ */ _("span", {
 							title: "Weighted average of each metric's score (0–100). Status is derived from value vs threshold.",
-							children: /* @__PURE__ */ v(ce, { className: "size-3.5 text-text-muted" })
+							children: /* @__PURE__ */ _(ue, { className: "size-3.5 text-text-muted" })
 						})]
-					}), /* @__PURE__ */ y("p", {
-						className: `text-4xl font-bold ${$}`,
-						children: [Q, /* @__PURE__ */ v("span", {
+					}), /* @__PURE__ */ v("p", {
+						className: `text-4xl font-bold ${qe}`,
+						children: [$, /* @__PURE__ */ _("span", {
 							className: "text-lg text-text-muted",
 							children: "/100"
 						})]
-					})] }), /* @__PURE__ */ y("div", {
+					})] }), /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-2",
 						children: [
-							V.securityTier && /* @__PURE__ */ v(ve, { tier: V.securityTier }),
-							/* @__PURE__ */ v(pe, { className: `size-6 ${$}` }),
-							/* @__PURE__ */ v(ee, {
+							U.securityTier && /* @__PURE__ */ _(xe, { tier: U.securityTier }),
+							/* @__PURE__ */ _(he, { className: `size-6 ${qe}` }),
+							/* @__PURE__ */ _(ee, {
 								entity: "scorecard",
 								resource: {
-									id: V.id,
-									name: V.id,
+									id: U.id,
+									name: U.id,
 									owner: {
-										ownerId: h,
+										ownerId: m,
 										ownerType: c
 									}
 								},
-								label: w("scorecard.share", "Share")
+								label: C("scorecard.share", "Share")
 							}),
-							/* @__PURE__ */ v("button", {
+							/* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: () => z(),
+								onClick: () => V(),
 								className: "rounded-md p-2 text-text-secondary transition-colors hover:bg-bg-sunken",
-								title: w("common.refresh", "Refresh"),
-								children: /* @__PURE__ */ v(de, { className: "size-4" })
+								title: C("common.refresh", "Refresh"),
+								children: /* @__PURE__ */ _(pe, { className: "size-4" })
 							}),
-							/* @__PURE__ */ y("button", {
+							Ce && /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: G,
+								onClick: q,
 								className: "flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-								children: [/* @__PURE__ */ v(ue, { className: "size-4" }), w("scorecard.addMetric", "Add Metric")]
+								children: [/* @__PURE__ */ _(fe, { className: "size-4" }), C("scorecard.addMetric", "Add Metric")]
 							})
 						]
 					})]
 				})
 			}),
-			/* @__PURE__ */ v(_e, {
+			/* @__PURE__ */ _(be, {
 				stagger: .04,
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: V.metrics.map((e) => {
-					let t = d[e.status] || d.UNKNOWN, n = t.icon, r = e.value ?? 0, i = e.threshold ?? 100, a = i > 0 ? Math.min(100, Math.max(0, r / i * 100)) : 0, o = be === e.id, s = e.remediation && (e.status === "WARNING" || e.status === "FAILING");
-					return /* @__PURE__ */ v(ge, { children: /* @__PURE__ */ y(l, {
+				children: U.metrics.map((e) => {
+					let t = d[e.status] || d.UNKNOWN, n = t.icon, r = e.value ?? 0, i = e.threshold ?? 100, a = i > 0 ? Math.min(100, Math.max(0, r / i * 100)) : 0, o = Ee === e.id, s = e.remediation && (e.status === "WARNING" || e.status === "FAILING");
+					return /* @__PURE__ */ _(ye, { children: /* @__PURE__ */ v(l, {
 						hoverable: !0,
 						padding: "none",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ v("div", {
 							role: "button",
 							tabIndex: 0,
-							onClick: () => T(o ? null : e.id),
+							onClick: () => D(o ? null : e.id),
 							onKeyDown: (t) => {
-								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), T(o ? null : e.id));
+								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), D(o ? null : e.id));
 							},
 							className: "cursor-pointer rounded-lg p-4 focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 							"aria-expanded": o,
 							"aria-label": `${e.name} metric details`,
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ y("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "mt-0.5 flex items-center gap-1.5 text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ v("span", { children: e.direction === "LOWER_IS_BETTER" ? "↓ lower better" : "↑ higher better" }),
-												e.weight && e.weight !== 1 ? /* @__PURE__ */ y("span", { children: ["· ×", e.weight] }) : null,
-												e.statusOverride ? /* @__PURE__ */ v("span", { children: "· pinned" }) : null
+												/* @__PURE__ */ _("span", { children: e.direction === "LOWER_IS_BETTER" ? "↓ lower better" : "↑ higher better" }),
+												e.weight && e.weight !== 1 ? /* @__PURE__ */ v("span", { children: ["· ×", e.weight] }) : null,
+												e.statusOverride ? /* @__PURE__ */ _("span", { children: "· pinned" }) : null
 											]
 										})]
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "flex flex-shrink-0 items-center gap-1",
 										children: [
-											/* @__PURE__ */ v("button", {
+											we && /* @__PURE__ */ _("button", {
 												type: "button",
-												onClick: (t) => Ne(t, e),
+												onClick: (t) => ze(t, e),
 												className: "rounded-md p-1 text-text-secondary hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-												"aria-label": w("scorecard.editMetric", "Edit metric"),
-												title: w("scorecard.editMetric", "Edit metric"),
-												children: /* @__PURE__ */ v(le, { className: "size-4" })
+												"aria-label": C("scorecard.editMetric", "Edit metric"),
+												title: C("scorecard.editMetric", "Edit metric"),
+												children: /* @__PURE__ */ _(de, { className: "size-4" })
 											}),
-											/* @__PURE__ */ v("button", {
+											Te && /* @__PURE__ */ _("button", {
 												type: "button",
-												onClick: (t) => Pe(t, e),
+												onClick: (t) => Be(t, e),
 												className: "rounded-md p-1 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text focus:outline-none focus:ring-2 focus:ring-status-error-text",
-												"aria-label": w("scorecard.removeMetric", "Remove metric"),
-												title: w("scorecard.removeMetric", "Remove metric"),
-												children: /* @__PURE__ */ v(fe, { className: "size-4" })
+												"aria-label": C("scorecard.removeMetric", "Remove metric"),
+												title: C("scorecard.removeMetric", "Remove metric"),
+												children: /* @__PURE__ */ _(me, { className: "size-4" })
 											}),
-											/* @__PURE__ */ v("div", {
+											/* @__PURE__ */ _("div", {
 												className: `flex size-7 items-center justify-center rounded-full ${t.bg}`,
-												children: /* @__PURE__ */ v(n, { className: `size-4 ${t.text}` })
+												children: /* @__PURE__ */ _(n, { className: `size-4 ${t.text}` })
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ v("div", {
 									className: "mt-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-baseline justify-between",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ v("span", {
 											className: "text-lg font-bold text-text-primary",
 											children: [r, e.unit ? ` ${e.unit}` : ""]
-										}), /* @__PURE__ */ y("span", {
+										}), /* @__PURE__ */ v("span", {
 											className: "text-xs text-text-muted",
 											children: [
 												"/ ",
@@ -615,9 +616,9 @@ var b = {
 												e.unit ? ` ${e.unit}` : ""
 											]
 										})]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ _("div", {
 										className: "mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-										children: /* @__PURE__ */ v(_.div, {
+										children: /* @__PURE__ */ _(g.div, {
 											initial: { width: 0 },
 											animate: { width: `${a}%` },
 											transition: {
@@ -628,12 +629,12 @@ var b = {
 										})
 									})]
 								}),
-								s && /* @__PURE__ */ v("p", {
+								s && /* @__PURE__ */ _("p", {
 									className: "mt-2 rounded-md border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1.5 text-xs text-status-warning-text",
 									children: e.remediation
 								})
 							]
-						}), /* @__PURE__ */ v(g, { children: o && /* @__PURE__ */ y(_.div, {
+						}), /* @__PURE__ */ _(h, { children: o && /* @__PURE__ */ v(g.div, {
 							initial: {
 								height: 0,
 								opacity: 0
@@ -648,13 +649,13 @@ var b = {
 							},
 							transition: { duration: .2 },
 							className: "overflow-hidden border-t border-border-default",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "px-4 py-3",
-								children: /* @__PURE__ */ v(ae, {
+								children: /* @__PURE__ */ _(se, {
 									metricId: e.id,
 									colorClass: t.text
 								})
-							}), e.iframeUrl && /* @__PURE__ */ v("iframe", {
+							}), e.iframeUrl && /* @__PURE__ */ _("iframe", {
 								src: e.iframeUrl,
 								className: "w-full border-0",
 								style: { height: e.iframeHeight ? `${e.iframeHeight}px` : "200px" },
@@ -665,15 +666,15 @@ var b = {
 					}) }, e.id);
 				})
 			}),
-			/* @__PURE__ */ v(f, {
+			/* @__PURE__ */ _(oe, {
 				ownerType: c,
-				highlightOwnerId: h
+				highlightOwnerId: m
 			}),
-			Z(),
-			X()
+			Ke(),
+			Q()
 		]
 	});
-}, C = {
+}, S = {
 	[c.Bronze]: {
 		label: "Bronze",
 		cls: "bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border"
@@ -686,15 +687,15 @@ var b = {
 		label: "Gold",
 		cls: "bg-status-success-bg-subtle text-status-success-text border border-status-success-border"
 	}
-}, ve = ({ tier: e }) => {
-	let t = C[e];
-	return /* @__PURE__ */ y("span", {
+}, xe = ({ tier: e }) => {
+	let t = S[e];
+	return /* @__PURE__ */ v("span", {
 		className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${t.cls}`,
 		title: `Security readiness tier: ${t.label}`,
-		children: [/* @__PURE__ */ v(h, { className: "size-3.5" }), t.label]
+		children: [/* @__PURE__ */ _(m, { className: "size-3.5" }), t.label]
 	});
 };
 //#endregion
-export { S as ScorecardPanel };
+export { x as ScorecardPanel };
 
 //# sourceMappingURL=ScorecardPanel.js.map