@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.23

package/dist/components/scorecard/ScorecardPanel.js

@@ -3,19 +3,21 @@ import { LoadingState as o } from "../shared/LoadingState.js";
 import { ErrorState as s } from "../shared/ErrorState.js";
 import { Card as c } from "../shared/Card.js";
 import "../shared/index.js";
-import { DIRECTION_OPTIONS as ee, METRIC_TYPE_OPTIONS as te, STATUS_OPTIONS as ne, deriveStatus as re, statusConfig as l } from "./scorecardConstants.js";
-import { ScorecardEmptyState as ie } from "./ScorecardEmptyState.js";
+import { EntityShareButton as ee } from "../sharing/EntityShareButton.js";
+import "../sharing/index.js";
+import { DIRECTION_OPTIONS as te, METRIC_TYPE_OPTIONS as ne, STATUS_OPTIONS as re, deriveStatus as ie, statusConfig as l } from "./scorecardConstants.js";
+import { ScorecardEmptyState as u } from "./ScorecardEmptyState.js";
 import { ScorecardsOverviewPanel as ae } from "./ScorecardsOverviewPanel.js";
 import { MetricTrend as oe } from "./MetricTrend.js";
-import { useCallback as u, useEffect as se, useState as d } from "react";
+import { useCallback as d, useEffect as se, useState as f } from "react";
 import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Info as le, Pencil as ue, Plus as f, RefreshCw as de, Trash2 as p, TrendingUp as fe } from "lucide-react";
-import { useActiveContext as pe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as m, motion as h } from "framer-motion";
-import { Fragment as me, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { MotionItem as he, MotionList as ge } from "@burdenoff/fe-libs/shared/motion";
+import { Info as le, Pencil as ue, Plus as de, RefreshCw as fe, Trash2 as pe, TrendingUp as me } from "lucide-react";
+import { useActiveContext as he } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as p, motion as m } from "framer-motion";
+import { Fragment as ge, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { MotionItem as _e, MotionList as ve } from "@burdenoff/fe-libs/shared/motion";
 //#region src/components/scorecard/ScorecardPanel.tsx
-var v = {
+var _ = {
 	name: "",
 	description: "",
 	type: "CUSTOM",
@@ -28,27 +30,27 @@ var v = {
 	remediation: "",
 	iframeUrl: "",
 	iframeHeight: ""
-}, y = "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", b = ({ ownerType: b, ownerId: x, onAddMetric: S }) => {
-	let { t: C } = ce(), w = u((e, t) => {
-		let n = C(e);
+}, v = "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", y = ({ ownerType: y, ownerId: b, onAddMetric: x }) => {
+	let { t: S } = ce(), C = d((e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [C]), { workspaceId: _e } = pe(), [ve, T] = d(null), [ye, E] = d(!1), [D, O] = d(null), [k, A] = d(null), [j, M] = d(null), [N, P] = d(v), [F, I] = d(null), [be, L] = d(null), { data: xe, loading: Se, error: R, refetch: z } = n({
+	}, [S]), { workspaceId: ye } = he(), [be, w] = f(null), [xe, T] = f(!1), [E, D] = f(null), [O, k] = f(null), [A, j] = f(null), [M, N] = f(_), [P, F] = f(null), [Se, I] = f(null), { data: Ce, loading: L, error: R, refetch: z } = n({
 		variables: {
-			ownerType: b,
-			ownerId: x
+			ownerType: y,
+			ownerId: b
 		},
-		skip: !x,
+		skip: !b,
 		fetchPolicy: "cache-and-network"
-	}), [Ce, { loading: we }] = a(), [Te, { loading: Ee }] = e(), [De, { loading: Oe }] = i(), [ke, { loading: B }] = r(), [Ae] = t(), V = xe?.vibecontrolsScorecard ?? null, H = we || Ee || Oe, U = D !== null, W = () => {
-		P(v), I(null), O(null);
+	}), [we, { loading: Te }] = a(), [Ee, { loading: De }] = e(), [Oe, { loading: ke }] = i(), [Ae, { loading: B }] = r(), [je] = t(), V = Ce?.vibecontrolsScorecard ?? null, H = Te || De || ke, U = E !== null, W = () => {
+		N(_), F(null), D(null);
 	}, G = () => {
-		if (S) {
-			S();
+		if (x) {
+			x();
 			return;
 		}
-		W(), E(!0);
-	}, je = (e, t) => {
-		e.stopPropagation(), P({
+		W(), T(!0);
+	}, Me = (e, t) => {
+		e.stopPropagation(), N({
 			name: t.name,
 			description: t.description ?? "",
 			type: t.type,
@@ -61,35 +63,35 @@ var v = {
 			remediation: t.remediation ?? "",
 			iframeUrl: t.iframeUrl ?? "",
 			iframeHeight: t.iframeHeight !== null && t.iframeHeight !== void 0 ? String(t.iframeHeight) : ""
-		}), I(null), O(t.id), E(!0);
-	}, Me = (e, t) => {
-		e.stopPropagation(), M(null), A({
+		}), F(null), D(t.id), T(!0);
+	}, Ne = (e, t) => {
+		e.stopPropagation(), j(null), k({
 			id: t.id,
 			name: t.name
 		});
 	}, K = () => {
-		H || (E(!1), W());
-	}, q = u(() => {
-		B || (A(null), M(null));
+		H || (T(!1), W());
+	}, q = d(() => {
+		B || (k(null), j(null));
 	}, [B]);
 	se(() => {
-		if (!k) return;
+		if (!O) return;
 		let e = (e) => {
 			e.key === "Escape" && q();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [k, q]);
-	let Ne = async () => {
-		if (k) {
-			M(null);
+	}, [O, q]);
+	let Pe = async () => {
+		if (O) {
+			j(null);
 			try {
-				await ke({ variables: { id: k.id } }), await z(), A(null);
+				await Ae({ variables: { id: O.id } }), await z(), k(null);
 			} catch (e) {
-				M(e instanceof Error ? e.message : "Failed to remove metric");
+				j(e instanceof Error ? e.message : "Failed to remove metric");
 			}
 		}
 	}, J = (e, t) => {
-		P((n) => ({
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
@@ -99,65 +101,65 @@ var v = {
 		let r = Number(n);
 		if (!Number.isFinite(r)) throw Error(`${t} must be a valid number`);
 		return r;
-	}, Pe = async () => {
+	}, Fe = async () => {
 		if (V?.id) return V.id;
-		let e = (await Ce({ variables: { input: {
-			ownerType: b,
-			ownerId: x
+		let e = (await we({ variables: { input: {
+			ownerType: y,
+			ownerId: b
 		} } })).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;
-	}, Fe = async (e) => {
-		L(e);
+	}, Ie = async (e) => {
+		I(e);
 		try {
-			await Ae({ variables: {
+			await je({ variables: {
 				templateId: e,
-				ownerType: b,
-				ownerId: x
+				ownerType: y,
+				ownerId: b
 			} }), await z();
 		} finally {
-			L(null);
+			I(null);
 		}
-	}, Ie = async (e) => {
-		e.preventDefault(), I(null);
-		let t = N.name.trim();
+	}, Le = async (e) => {
+		e.preventDefault(), F(null);
+		let t = M.name.trim();
 		if (!t) {
-			I(w("scorecard.metricNameRequired", "Metric name is required"));
+			F(C("scorecard.metricNameRequired", "Metric name is required"));
 			return;
 		}
-		let n = N.statusMode === "AUTO" ? void 0 : N.statusMode;
+		let n = M.statusMode === "AUTO" ? void 0 : M.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: M.description.trim() || null,
+				type: M.type,
+				value: Y(M.value, C("scorecard.value", "Value")) ?? null,
+				threshold: Y(M.threshold, C("scorecard.threshold", "Threshold")) ?? null,
+				unit: M.unit.trim() || null,
+				direction: M.direction,
+				weight: Y(M.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: M.remediation.trim() || null,
+				iframeUrl: M.iframeUrl.trim() || null,
+				iframeHeight: Y(M.iframeHeight, C("scorecard.iframeHeight", "Iframe height")) ?? null
 			};
-			D ? await De({ variables: {
-				id: D,
+			E ? await Oe({ variables: {
+				id: E,
 				input: e
-			} }) : await Te({ variables: {
-				scorecardId: await Pe(),
+			} }) : await Ee({ variables: {
+				scorecardId: await Fe(),
 				input: e
-			} }), await z(), E(!1), W();
+			} }), await z(), T(!1), W();
 		} catch (e) {
-			I(e instanceof Error ? e.message : D ? "Failed to update metric" : "Failed to add metric");
+			F(e instanceof Error ? e.message : E ? "Failed to update metric" : "Failed to add metric");
 		}
-	}, Le = N.statusMode === "AUTO" ? re(N.value.trim() ? Number(N.value) : null, N.threshold.trim() ? Number(N.threshold) : null, N.direction) : N.statusMode, X = () => /* @__PURE__ */ g(m, { children: k && /* @__PURE__ */ g(h.div, {
+	}, Re = M.statusMode === "AUTO" ? ie(M.value.trim() ? Number(M.value) : null, M.threshold.trim() ? Number(M.threshold) : null, M.direction) : M.statusMode, X = () => /* @__PURE__ */ h(p, { children: O && /* @__PURE__ */ h(m.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__ */ _(h.div, {
+		children: /* @__PURE__ */ g(m.div, {
 			initial: {
 				scale: .96,
 				y: 12
@@ -176,54 +178,54 @@ var v = {
 			"aria-modal": "true",
 			"aria-labelledby": "scorecard-delete-title",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ g("div", {
 					className: "border-b border-border-default px-5 py-4",
-					children: [/* @__PURE__ */ g("h3", {
+					children: [/* @__PURE__ */ h("h3", {
 						id: "scorecard-delete-title",
 						className: "text-lg font-semibold text-text-primary",
-						children: w("scorecard.removeMetricTitle", "Remove metric")
-					}), /* @__PURE__ */ g("p", {
+						children: C("scorecard.removeMetricTitle", "Remove metric")
+					}), /* @__PURE__ */ h("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__ */ _("div", {
+				/* @__PURE__ */ g("div", {
 					className: "px-5 py-4 text-sm text-text-primary",
-					children: [/* @__PURE__ */ g("p", {
+					children: [/* @__PURE__ */ h("p", {
 						className: "font-medium",
-						children: k.name
-					}), j && /* @__PURE__ */ g("p", {
+						children: O.name
+					}), A && /* @__PURE__ */ h("p", {
 						className: "mt-3 rounded-md border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
-						children: j
+						children: A
 					})]
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex items-center justify-end gap-3 border-t border-border-default px-5 py-4",
-					children: [/* @__PURE__ */ g("button", {
+					children: [/* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: q,
 						disabled: B,
 						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__ */ g("button", {
+						children: C("common.cancel", "Cancel")
+					}), /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: Ne,
+						onClick: Pe,
 						disabled: B,
 						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: B ? C("scorecard.removingMetric", "Removing...") : C("scorecard.removeMetric", "Remove metric")
 					})]
 				})
 			]
 		})
 	}) }), Z = () => {
-		let e = l[Le] ?? l.UNKNOWN;
-		return /* @__PURE__ */ g(m, { children: ye && /* @__PURE__ */ g(h.div, {
+		let e = l[Re] ?? l.UNKNOWN;
+		return /* @__PURE__ */ h(p, { children: xe && /* @__PURE__ */ h(m.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__ */ g(h.div, {
+			children: /* @__PURE__ */ h(m.div, {
 				initial: {
 					scale: .96,
 					y: 12
@@ -238,226 +240,226 @@ var v = {
 				},
 				className: "w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ _("form", {
-					onSubmit: Ie,
+				children: /* @__PURE__ */ g("form", {
+					onSubmit: Le,
 					className: "flex max-h-[85vh] flex-col",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "border-b border-border-default px-5 py-4",
-							children: [/* @__PURE__ */ g("h3", {
+							children: [/* @__PURE__ */ h("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: U ? w("scorecard.editMetricTitle", "Edit scorecard metric") : w("scorecard.addMetricTitle", "Add scorecard metric")
-							}), /* @__PURE__ */ g("p", {
+								children: U ? C("scorecard.editMetricTitle", "Edit scorecard metric") : C("scorecard.addMetricTitle", "Add scorecard metric")
+							}), /* @__PURE__ */ h("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__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "space-y-4 overflow-y-auto px-5 py-4",
 							children: [
-								F && /* @__PURE__ */ g("div", {
+								P && /* @__PURE__ */ h("div", {
 									className: "rounded-md border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
-									children: F
+									children: P
 								}),
-								/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ g("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ g("span", {
+									children: [/* @__PURE__ */ h("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.metricName", "Metric name")
-									}), /* @__PURE__ */ g("input", {
+										children: C("scorecard.metricName", "Metric name")
+									}), /* @__PURE__ */ h("input", {
 										"aria-label": "control",
-										value: N.name,
+										value: M.name,
 										onChange: (e) => J("name", e.target.value),
-										className: y,
-										placeholder: w("scorecard.metricNamePlaceholder", "Test coverage")
+										className: v,
+										placeholder: C("scorecard.metricNamePlaceholder", "Test coverage")
 									})]
 								}),
-								/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ g("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ g("span", {
+									children: [/* @__PURE__ */ h("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.metricDescription", "Description")
-									}), /* @__PURE__ */ g("textarea", {
+										children: C("scorecard.metricDescription", "Description")
+									}), /* @__PURE__ */ h("textarea", {
 										"aria-label": "control",
-										value: N.description,
+										value: M.description,
 										onChange: (e) => J("description", e.target.value),
-										className: `min-h-16 ${y}`,
-										placeholder: w("scorecard.metricDescriptionPlaceholder", "Explain what this metric measures")
+										className: `min-h-16 ${v}`,
+										placeholder: C("scorecard.metricDescriptionPlaceholder", "Explain what this metric measures")
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _("label", {
+									children: [/* @__PURE__ */ g("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricType", "Type")
-										}), /* @__PURE__ */ g("select", {
-											value: N.type,
+											children: C("scorecard.metricType", "Type")
+										}), /* @__PURE__ */ h("select", {
+											value: M.type,
 											onChange: (e) => J("type", e.target.value),
-											className: y,
-											children: te.map((e) => /* @__PURE__ */ g("option", {
+											className: v,
+											children: ne.map((e) => /* @__PURE__ */ h("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
-									}), /* @__PURE__ */ _("label", {
+									}), /* @__PURE__ */ g("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricDirection", "Direction")
-										}), /* @__PURE__ */ g("select", {
-											value: N.direction,
+											children: C("scorecard.metricDirection", "Direction")
+										}), /* @__PURE__ */ h("select", {
+											value: M.direction,
 											onChange: (e) => J("direction", e.target.value),
-											className: y,
-											children: ee.map((e) => /* @__PURE__ */ g("option", {
+											className: v,
+											children: te.map((e) => /* @__PURE__ */ h("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ g("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ g("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.value", "Value")
-											}), /* @__PURE__ */ g("input", {
+												children: C("scorecard.value", "Value")
+											}), /* @__PURE__ */ h("input", {
 												"aria-label": "value",
-												value: N.value,
+												value: M.value,
 												onChange: (e) => J("value", e.target.value),
 												inputMode: "decimal",
-												className: y,
+												className: v,
 												placeholder: "86"
 											})]
 										}),
-										/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ g("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ g("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.threshold", "Threshold")
-											}), /* @__PURE__ */ g("input", {
+												children: C("scorecard.threshold", "Threshold")
+											}), /* @__PURE__ */ h("input", {
 												"aria-label": "threshold",
-												value: N.threshold,
+												value: M.threshold,
 												onChange: (e) => J("threshold", e.target.value),
 												inputMode: "decimal",
-												className: y,
+												className: v,
 												placeholder: "80"
 											})]
 										}),
-										/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ g("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ g("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.unit", "Unit")
-											}), /* @__PURE__ */ g("input", {
+												children: C("scorecard.unit", "Unit")
+											}), /* @__PURE__ */ h("input", {
 												"aria-label": "unit",
-												value: N.unit,
+												value: M.unit,
 												onChange: (e) => J("unit", e.target.value),
-												className: y,
+												className: v,
 												placeholder: "%"
 											})]
 										}),
-										/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ g("label", {
 											className: "block space-y-1.5",
-											children: [/* @__PURE__ */ g("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: w("scorecard.weight", "Weight")
-											}), /* @__PURE__ */ g("input", {
+												children: C("scorecard.weight", "Weight")
+											}), /* @__PURE__ */ h("input", {
 												"aria-label": "weight",
-												value: N.weight,
+												value: M.weight,
 												onChange: (e) => J("weight", e.target.value),
 												inputMode: "decimal",
-												className: y,
+												className: v,
 												placeholder: "1"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _("label", {
+									children: [/* @__PURE__ */ g("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.metricStatus", "Status")
-										}), /* @__PURE__ */ g("select", {
-											value: N.statusMode,
+											children: C("scorecard.metricStatus", "Status")
+										}), /* @__PURE__ */ h("select", {
+											value: M.statusMode,
 											onChange: (e) => J("statusMode", e.target.value),
-											className: y,
-											children: ne.map((e) => /* @__PURE__ */ g("option", {
+											className: v,
+											children: re.map((e) => /* @__PURE__ */ h("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
-									}), /* @__PURE__ */ g("div", {
+									}), /* @__PURE__ */ h("div", {
 										className: "flex items-end",
-										children: /* @__PURE__ */ _("div", {
+										children: /* @__PURE__ */ g("div", {
 											className: `flex items-center gap-2 rounded-md px-3 py-2 text-sm ${e.bg} ${e.text}`,
-											children: [/* @__PURE__ */ g(e.icon, { className: "size-4" }), /* @__PURE__ */ _("span", { children: [N.statusMode === "AUTO" ? "Derived: " : "Pinned: ", e.label] })]
+											children: [/* @__PURE__ */ h(e.icon, { className: "size-4" }), /* @__PURE__ */ g("span", { children: [M.statusMode === "AUTO" ? "Derived: " : "Pinned: ", e.label] })]
 										})
 									})]
 								}),
-								/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ g("label", {
 									className: "block space-y-1.5",
-									children: [/* @__PURE__ */ g("span", {
+									children: [/* @__PURE__ */ h("span", {
 										className: "text-sm font-medium text-text-primary",
-										children: w("scorecard.remediation", "Remediation guidance")
-									}), /* @__PURE__ */ g("textarea", {
+										children: C("scorecard.remediation", "Remediation guidance")
+									}), /* @__PURE__ */ h("textarea", {
 										"aria-label": "control",
-										value: N.remediation,
+										value: M.remediation,
 										onChange: (e) => J("remediation", e.target.value),
-										className: `min-h-16 ${y}`,
-										placeholder: w("scorecard.remediationPlaceholder", "What should someone do when this metric is failing?")
+										className: `min-h-16 ${v}`,
+										placeholder: C("scorecard.remediationPlaceholder", "What should someone do when this metric is failing?")
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]",
-									children: [/* @__PURE__ */ _("label", {
+									children: [/* @__PURE__ */ g("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.iframeUrl", "Embed URL")
-										}), /* @__PURE__ */ g("input", {
+											children: C("scorecard.iframeUrl", "Embed URL")
+										}), /* @__PURE__ */ h("input", {
 											"aria-label": "control",
-											value: N.iframeUrl,
+											value: M.iframeUrl,
 											onChange: (e) => J("iframeUrl", e.target.value),
-											className: y,
-											placeholder: w("scorecard.iframeUrlPlaceholder", "Optional dashboard URL")
+											className: v,
+											placeholder: C("scorecard.iframeUrlPlaceholder", "Optional dashboard URL")
 										})]
-									}), /* @__PURE__ */ _("label", {
+									}), /* @__PURE__ */ g("label", {
 										className: "block space-y-1.5",
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: w("scorecard.iframeHeight", "Iframe height")
-										}), /* @__PURE__ */ g("input", {
+											children: C("scorecard.iframeHeight", "Iframe height")
+										}), /* @__PURE__ */ h("input", {
 											"aria-label": "iframe height",
-											value: N.iframeHeight,
+											value: M.iframeHeight,
 											onChange: (e) => J("iframeHeight", e.target.value),
 											inputMode: "numeric",
-											className: y,
+											className: v,
 											placeholder: "320"
 										})]
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex items-center justify-end gap-3 border-t border-border-default px-5 py-4",
-							children: [/* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: K,
 								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__ */ g("button", {
+								children: C("common.cancel", "Cancel")
+							}), /* @__PURE__ */ h("button", {
 								type: "submit",
 								disabled: H,
 								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: H ? C("scorecard.savingMetric", "Saving...") : U ? C("scorecard.updateMetric", "Update Metric") : C("scorecard.saveMetric", "Save Metric")
 							})]
 						})
 					]
@@ -465,133 +467,145 @@ var v = {
 			})
 		}) });
 	};
-	if (Se && !V) return /* @__PURE__ */ g(o, { message: w("scorecard.loading", "Loading scorecard...") });
-	if (R && !V) return /* @__PURE__ */ g(s, {
-		title: w("scorecard.failedLoad", "Failed to load scorecard"),
+	if (L && !V) return /* @__PURE__ */ h(o, { message: C("scorecard.loading", "Loading scorecard...") });
+	if (R && !V) return /* @__PURE__ */ h(s, {
+		title: C("scorecard.failedLoad", "Failed to load scorecard"),
 		message: R.message,
 		onRetry: () => z()
 	});
-	if (!V || V.metrics.length === 0) return /* @__PURE__ */ _(me, { children: [
-		/* @__PURE__ */ g(ie, {
-			ownerType: b,
-			ownerId: x,
-			workspaceId: _e,
-			applyingTemplateId: be,
-			onApplyTemplate: Fe,
+	if (!V || V.metrics.length === 0) return /* @__PURE__ */ g(ge, { children: [
+		/* @__PURE__ */ h(u, {
+			ownerType: y,
+			ownerId: b,
+			workspaceId: ye,
+			applyingTemplateId: Se,
+			onApplyTemplate: Ie,
 			onAddManual: G
 		}),
 		Z(),
 		X()
 	] });
 	let Q = V.overallScore ?? 0, $ = Q >= 80 ? "text-status-success-text" : Q >= 50 ? "text-status-warning-text" : "text-status-error-text";
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ g(c, {
+			/* @__PURE__ */ h(c, {
 				padding: "lg",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("p", {
 						className: "flex items-center gap-1.5 text-sm font-medium text-text-secondary",
-						children: [w("scorecard.overallScore", "Overall Score"), /* @__PURE__ */ g("span", {
+						children: [C("scorecard.overallScore", "Overall Score"), /* @__PURE__ */ h("span", {
 							title: "Weighted average of each metric's score (0–100). Status is derived from value vs threshold.",
-							children: /* @__PURE__ */ g(le, { className: "size-3.5 text-text-muted" })
+							children: /* @__PURE__ */ h(le, { className: "size-3.5 text-text-muted" })
 						})]
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ g("p", {
 						className: `text-4xl font-bold ${$}`,
-						children: [Q, /* @__PURE__ */ g("span", {
+						children: [Q, /* @__PURE__ */ h("span", {
 							className: "text-lg text-text-muted",
 							children: "/100"
 						})]
-					})] }), /* @__PURE__ */ _("div", {
+					})] }), /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ g(fe, { className: `size-6 ${$}` }),
-							/* @__PURE__ */ g("button", {
+							/* @__PURE__ */ h(me, { className: `size-6 ${$}` }),
+							/* @__PURE__ */ h(ee, {
+								entity: "scorecard",
+								resource: {
+									id: V.id,
+									name: V.id,
+									owner: {
+										ownerId: b,
+										ownerType: y
+									}
+								},
+								label: C("scorecard.share", "Share")
+							}),
+							/* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => z(),
 								className: "rounded-md p-2 text-text-secondary transition-colors hover:bg-bg-sunken",
-								title: w("common.refresh", "Refresh"),
-								children: /* @__PURE__ */ g(de, { className: "size-4" })
+								title: C("common.refresh", "Refresh"),
+								children: /* @__PURE__ */ h(fe, { className: "size-4" })
 							}),
-							/* @__PURE__ */ _("button", {
+							/* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: G,
 								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__ */ g(f, { className: "size-4" }), w("scorecard.addMetric", "Add Metric")]
+								children: [/* @__PURE__ */ h(de, { className: "size-4" }), C("scorecard.addMetric", "Add Metric")]
 							})
 						]
 					})]
 				})
 			}),
-			/* @__PURE__ */ g(ge, {
+			/* @__PURE__ */ h(ve, {
 				stagger: .04,
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 				children: V.metrics.map((e) => {
-					let t = l[e.status] || l.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 = ve === e.id, s = e.remediation && (e.status === "WARNING" || e.status === "FAILING");
-					return /* @__PURE__ */ g(he, { children: /* @__PURE__ */ _(c, {
+					let t = l[e.status] || l.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__ */ h(_e, { children: /* @__PURE__ */ g(c, {
 						hoverable: !0,
 						padding: "none",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ g("div", {
 							role: "button",
 							tabIndex: 0,
-							onClick: () => T(o ? null : e.id),
+							onClick: () => w(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(), w(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__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ h("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "mt-0.5 flex items-center gap-1.5 text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ g("span", { children: e.direction === "LOWER_IS_BETTER" ? "↓ lower better" : "↑ higher better" }),
-												e.weight && e.weight !== 1 ? /* @__PURE__ */ _("span", { children: ["· ×", e.weight] }) : null,
-												e.statusOverride ? /* @__PURE__ */ g("span", { children: "· pinned" }) : null
+												/* @__PURE__ */ h("span", { children: e.direction === "LOWER_IS_BETTER" ? "↓ lower better" : "↑ higher better" }),
+												e.weight && e.weight !== 1 ? /* @__PURE__ */ g("span", { children: ["· ×", e.weight] }) : null,
+												e.statusOverride ? /* @__PURE__ */ h("span", { children: "· pinned" }) : null
 											]
 										})]
-									}), /* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "flex flex-shrink-0 items-center gap-1",
 										children: [
-											/* @__PURE__ */ g("button", {
+											/* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: (t) => je(t, e),
+												onClick: (t) => Me(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__ */ g(ue, { className: "size-4" })
+												"aria-label": C("scorecard.editMetric", "Edit metric"),
+												title: C("scorecard.editMetric", "Edit metric"),
+												children: /* @__PURE__ */ h(ue, { className: "size-4" })
 											}),
-											/* @__PURE__ */ g("button", {
+											/* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: (t) => Me(t, e),
+												onClick: (t) => Ne(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__ */ g(p, { className: "size-4" })
+												"aria-label": C("scorecard.removeMetric", "Remove metric"),
+												title: C("scorecard.removeMetric", "Remove metric"),
+												children: /* @__PURE__ */ h(pe, { className: "size-4" })
 											}),
-											/* @__PURE__ */ g("div", {
+											/* @__PURE__ */ h("div", {
 												className: `flex size-7 items-center justify-center rounded-full ${t.bg}`,
-												children: /* @__PURE__ */ g(n, { className: `size-4 ${t.text}` })
+												children: /* @__PURE__ */ h(n, { className: `size-4 ${t.text}` })
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "mt-3",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex items-baseline justify-between",
-										children: [/* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ g("span", {
 											className: "text-lg font-bold text-text-primary",
 											children: [r, e.unit ? ` ${e.unit}` : ""]
-										}), /* @__PURE__ */ _("span", {
+										}), /* @__PURE__ */ g("span", {
 											className: "text-xs text-text-muted",
 											children: [
 												"/ ",
@@ -599,9 +613,9 @@ var v = {
 												e.unit ? ` ${e.unit}` : ""
 											]
 										})]
-									}), /* @__PURE__ */ g("div", {
+									}), /* @__PURE__ */ h("div", {
 										className: "mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-										children: /* @__PURE__ */ g(h.div, {
+										children: /* @__PURE__ */ h(m.div, {
 											initial: { width: 0 },
 											animate: { width: `${a}%` },
 											transition: {
@@ -612,12 +626,12 @@ var v = {
 										})
 									})]
 								}),
-								s && /* @__PURE__ */ g("p", {
+								s && /* @__PURE__ */ h("p", {
 									className: "mt-2 rounded-md border border-status-warning-border bg-status-warning-bg px-2 py-1.5 text-xs text-status-warning-text",
 									children: e.remediation
 								})
 							]
-						}), /* @__PURE__ */ g(m, { children: o && /* @__PURE__ */ _(h.div, {
+						}), /* @__PURE__ */ h(p, { children: o && /* @__PURE__ */ g(m.div, {
 							initial: {
 								height: 0,
 								opacity: 0
@@ -632,13 +646,13 @@ var v = {
 							},
 							transition: { duration: .2 },
 							className: "overflow-hidden border-t border-border-default",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "px-4 py-3",
-								children: /* @__PURE__ */ g(oe, {
+								children: /* @__PURE__ */ h(oe, {
 									metricId: e.id,
 									colorClass: t.text
 								})
-							}), e.iframeUrl && /* @__PURE__ */ g("iframe", {
+							}), e.iframeUrl && /* @__PURE__ */ h("iframe", {
 								src: e.iframeUrl,
 								className: "w-full border-0",
 								style: { height: e.iframeHeight ? `${e.iframeHeight}px` : "200px" },
@@ -649,9 +663,9 @@ var v = {
 					}) }, e.id);
 				})
 			}),
-			/* @__PURE__ */ g(ae, {
-				ownerType: b,
-				highlightOwnerId: x
+			/* @__PURE__ */ h(ae, {
+				ownerType: y,
+				highlightOwnerId: b
 			}),
 			Z(),
 			X()
@@ -659,6 +673,6 @@ var v = {
 	});
 };
 //#endregion
-export { b as ScorecardPanel };
+export { y as ScorecardPanel };
 
 //# sourceMappingURL=ScorecardPanel.js.map