@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/scorecard/ScorecardPanel.js

@@ -0,0 +1,490 @@
+import { useAddScorecardMetricMutation as e, useGetScorecardQuery as t, useUpsertScorecardMutation as n } from "../../generated/wspace-operations.js";
+import { LoadingState as r } from "../shared/LoadingState.js";
+import { ErrorState as i } from "../shared/ErrorState.js";
+import { EmptyState as a } from "../shared/EmptyState.js";
+import { Card as o } from "../shared/Card.js";
+import "../shared/index.js";
+import { useCallback as s, useState as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertTriangle as u, BarChart3 as d, CheckCircle as f, Plus as p, RefreshCw as m, TrendingUp as h, XCircle as g } from "lucide-react";
+import { AnimatePresence as _, motion as v } from "framer-motion";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { MotionItem as S, MotionList as ee } from "@burdenoff/fe-libs/shared/motion";
+//#region src/components/scorecard/ScorecardPanel.tsx
+var C = {
+	name: "",
+	description: "",
+	type: "CUSTOM",
+	value: "",
+	threshold: "",
+	unit: "",
+	status: "UNKNOWN",
+	iframeUrl: "",
+	iframeHeight: ""
+}, te = [
+	{
+		value: "CUSTOM",
+		label: "Custom"
+	},
+	{
+		value: "SLO_COMPLIANCE",
+		label: "SLO Compliance"
+	},
+	{
+		value: "INCIDENT_COUNT",
+		label: "Incident Count"
+	},
+	{
+		value: "TEST_COVERAGE",
+		label: "Test Coverage"
+	},
+	{
+		value: "CICD_HEALTH",
+		label: "CI/CD Health"
+	},
+	{
+		value: "SECURITY_SCORE",
+		label: "Security Score"
+	},
+	{
+		value: "DOCUMENTATION_COVERAGE",
+		label: "Documentation Coverage"
+	},
+	{
+		value: "DEPENDENCY_FRESHNESS",
+		label: "Dependency Freshness"
+	}
+], w = [
+	{
+		value: "UNKNOWN",
+		label: "Unknown"
+	},
+	{
+		value: "PASSING",
+		label: "Passing"
+	},
+	{
+		value: "WARNING",
+		label: "Warning"
+	},
+	{
+		value: "FAILING",
+		label: "Failing"
+	}
+], T = {
+	PASSING: {
+		icon: f,
+		bg: "bg-status-success-bg",
+		text: "text-status-success-text",
+		bar: "bg-status-success-text"
+	},
+	WARNING: {
+		icon: u,
+		bg: "bg-status-warning-bg",
+		text: "text-status-warning-text",
+		bar: "bg-status-warning-text"
+	},
+	FAILING: {
+		icon: g,
+		bg: "bg-status-error-bg",
+		text: "text-status-error-text",
+		bar: "bg-status-error-text"
+	},
+	UNKNOWN: {
+		icon: d,
+		bg: "bg-bg-sunken",
+		text: "text-text-secondary",
+		bar: "bg-text-secondary"
+	}
+}, E = ({ ownerType: u, ownerId: f, onAddMetric: g }) => {
+	let { t: E } = l(), D = s((e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	}, [E]), [O, k] = c(null), [A, j] = c(!1), [M, N] = c(C), [P, F] = c(null), { data: I, loading: L, error: R, refetch: z } = t({
+		variables: {
+			ownerType: u,
+			ownerId: f
+		},
+		skip: !f,
+		fetchPolicy: "cache-and-network"
+	}), [B, { loading: V }] = n(), [H, { loading: U }] = e(), W = I?.vibecontrolsScorecard ?? null, G = V || U, K = () => {
+		N(C), F(null);
+	}, q = () => {
+		if (g) {
+			g();
+			return;
+		}
+		K(), j(!0);
+	}, J = () => {
+		G || (j(!1), K());
+	}, Y = (e, t) => {
+		N((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, X = (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;
+	}, ne = async (e) => {
+		e.preventDefault(), F(null);
+		let t = M.name.trim();
+		if (!t) {
+			F(D("scorecard.metricNameRequired", "Metric name is required"));
+			return;
+		}
+		try {
+			let e = W?.id ?? (await B({ variables: { input: {
+				ownerType: u,
+				ownerId: f
+			} } })).data?.upsertVibecontrolsScorecard.id;
+			if (!e) throw Error(D("scorecard.scorecardCreateFailed", "Unable to create scorecard"));
+			await H({ variables: {
+				scorecardId: e,
+				input: {
+					name: t,
+					description: M.description.trim() || void 0,
+					type: M.type,
+					value: X(M.value, D("scorecard.value", "Value")),
+					threshold: X(M.threshold, D("scorecard.threshold", "Threshold")),
+					unit: M.unit.trim() || void 0,
+					status: M.status,
+					iframeUrl: M.iframeUrl.trim() || void 0,
+					iframeHeight: X(M.iframeHeight, D("scorecard.iframeHeight", "Iframe height"))
+				}
+			} }), await z(), j(!1), K();
+		} catch (e) {
+			F(e instanceof Error ? e.message : "Failed to add metric");
+		}
+	}, Z = () => /* @__PURE__ */ b(_, { children: A && /* @__PURE__ */ b(v.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: J,
+		children: /* @__PURE__ */ b(v.div, {
+			initial: {
+				scale: .96,
+				y: 12
+			},
+			animate: {
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				scale: .96,
+				y: 12
+			},
+			className: "w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl",
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ x("form", {
+				onSubmit: ne,
+				className: "flex max-h-[85vh] flex-col",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "border-b border-border-default px-5 py-4",
+						children: [/* @__PURE__ */ b("h3", {
+							className: "text-lg font-semibold text-text-primary",
+							children: D("scorecard.addMetricTitle", "Add scorecard metric")
+						}), /* @__PURE__ */ b("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: D("scorecard.addMetricDescription", "Create a metric to track health, quality, or delivery signals.")
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "space-y-4 overflow-y-auto px-5 py-4",
+						children: [
+							P && /* @__PURE__ */ b("div", {
+								className: "rounded-md border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
+								children: P
+							}),
+							/* @__PURE__ */ x("label", {
+								className: "block space-y-1.5",
+								children: [/* @__PURE__ */ b("span", {
+									className: "text-sm font-medium text-text-primary",
+									children: D("scorecard.metricName", "Metric name")
+								}), /* @__PURE__ */ b("input", {
+									value: M.name,
+									onChange: (e) => Y("name", e.target.value),
+									className: "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",
+									placeholder: D("scorecard.metricNamePlaceholder", "Production readiness")
+								})]
+							}),
+							/* @__PURE__ */ x("label", {
+								className: "block space-y-1.5",
+								children: [/* @__PURE__ */ b("span", {
+									className: "text-sm font-medium text-text-primary",
+									children: D("scorecard.metricDescription", "Description")
+								}), /* @__PURE__ */ b("textarea", {
+									value: M.description,
+									onChange: (e) => Y("description", e.target.value),
+									className: "min-h-20 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",
+									placeholder: D("scorecard.metricDescriptionPlaceholder", "Explain what this metric measures")
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "block space-y-1.5",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: D("scorecard.metricType", "Type")
+									}), /* @__PURE__ */ b("select", {
+										value: M.type,
+										onChange: (e) => Y("type", e.target.value),
+										className: "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",
+										children: te.map((e) => /* @__PURE__ */ b("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									})]
+								}), /* @__PURE__ */ x("label", {
+									className: "block space-y-1.5",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: D("scorecard.metricStatus", "Status")
+									}), /* @__PURE__ */ b("select", {
+										value: M.status,
+										onChange: (e) => Y("status", e.target.value),
+										className: "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",
+										children: w.map((e) => /* @__PURE__ */ b("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									})]
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ x("label", {
+										className: "block space-y-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: D("scorecard.value", "Value")
+										}), /* @__PURE__ */ b("input", {
+											value: M.value,
+											onChange: (e) => Y("value", e.target.value),
+											inputMode: "decimal",
+											className: "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",
+											placeholder: "85"
+										})]
+									}),
+									/* @__PURE__ */ x("label", {
+										className: "block space-y-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: D("scorecard.threshold", "Threshold")
+										}), /* @__PURE__ */ b("input", {
+											value: M.threshold,
+											onChange: (e) => Y("threshold", e.target.value),
+											inputMode: "decimal",
+											className: "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",
+											placeholder: "100"
+										})]
+									}),
+									/* @__PURE__ */ x("label", {
+										className: "block space-y-1.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: D("scorecard.unit", "Unit")
+										}), /* @__PURE__ */ b("input", {
+											value: M.unit,
+											onChange: (e) => Y("unit", e.target.value),
+											className: "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",
+											placeholder: "%"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]",
+								children: [/* @__PURE__ */ x("label", {
+									className: "block space-y-1.5",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: D("scorecard.iframeUrl", "Embed URL")
+									}), /* @__PURE__ */ b("input", {
+										value: M.iframeUrl,
+										onChange: (e) => Y("iframeUrl", e.target.value),
+										className: "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",
+										placeholder: D("scorecard.iframeUrlPlaceholder", "Optional dashboard URL")
+									})]
+								}), /* @__PURE__ */ x("label", {
+									className: "block space-y-1.5",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-sm font-medium text-text-primary",
+										children: D("scorecard.iframeHeight", "Iframe height")
+									}), /* @__PURE__ */ b("input", {
+										value: M.iframeHeight,
+										onChange: (e) => Y("iframeHeight", e.target.value),
+										inputMode: "numeric",
+										className: "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",
+										placeholder: "320"
+									})]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center justify-end gap-3 border-t border-border-default px-5 py-4",
+						children: [/* @__PURE__ */ b("button", {
+							type: "button",
+							onClick: J,
+							disabled: G,
+							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: D("common.cancel", "Cancel")
+						}), /* @__PURE__ */ b("button", {
+							type: "submit",
+							disabled: G,
+							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: G ? D("scorecard.savingMetric", "Saving...") : D("scorecard.saveMetric", "Save Metric")
+						})]
+					})
+				]
+			})
+		})
+	}) });
+	if (L && !W) return /* @__PURE__ */ b(r, { message: D("scorecard.loading", "Loading scorecard...") });
+	if (R && !W) return /* @__PURE__ */ b(i, {
+		title: D("scorecard.failedLoad", "Failed to load scorecard"),
+		message: R.message,
+		onRetry: () => z()
+	});
+	if (!W || W.metrics.length === 0) return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(a, {
+		icon: /* @__PURE__ */ b(d, { className: "w-8 h-8 text-text-secondary" }),
+		title: D("scorecard.empty", "No scorecard metrics"),
+		description: D("scorecard.emptyDescription", "Add metrics to track the health and quality of this entity"),
+		action: /* @__PURE__ */ x("button", {
+			onClick: q,
+			className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+			children: [/* @__PURE__ */ b(p, { className: "w-4 h-4" }), D("scorecard.addMetric", "Add Metric")]
+		})
+	}), Z()] });
+	let Q = W.overallScore ?? 0, $ = Q >= 80 ? "text-status-success-text" : Q >= 50 ? "text-status-warning-text" : "text-status-error-text";
+	return /* @__PURE__ */ x("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ b(o, {
+				padding: "lg",
+				children: /* @__PURE__ */ x("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+						className: "text-sm font-medium text-text-secondary",
+						children: D("scorecard.overallScore", "Overall Score")
+					}), /* @__PURE__ */ x("p", {
+						className: `text-4xl font-bold ${$}`,
+						children: [Q, /* @__PURE__ */ b("span", {
+							className: "text-lg text-text-muted",
+							children: "/100"
+						})]
+					})] }), /* @__PURE__ */ x("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ b(h, { className: `w-6 h-6 ${$}` }),
+							/* @__PURE__ */ b("button", {
+								onClick: () => z(),
+								className: "p-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+								title: D("common.refresh", "Refresh"),
+								children: /* @__PURE__ */ b(m, { className: "w-4 h-4" })
+							}),
+							/* @__PURE__ */ x("button", {
+								onClick: q,
+								className: "flex items-center gap-2 px-3 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
+								children: [/* @__PURE__ */ b(p, { className: "w-4 h-4" }), D("scorecard.addMetric", "Add Metric")]
+							})
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(ee, {
+				stagger: .04,
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+				children: W.metrics.map((e) => {
+					let t = T[e.status] || T.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, s = O === e.id;
+					return /* @__PURE__ */ b(S, { children: /* @__PURE__ */ x(o, {
+						className: "cursor-pointer",
+						hoverable: !0,
+						onClick: () => k(s ? null : e.id),
+						padding: "none",
+						children: [/* @__PURE__ */ x("div", {
+							className: "p-4",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ x("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ b("p", {
+										className: "font-medium text-text-primary text-sm truncate",
+										children: e.name
+									}), e.description && /* @__PURE__ */ b("p", {
+										className: "text-xs text-text-secondary mt-0.5 line-clamp-1",
+										children: e.description
+									})]
+								}), /* @__PURE__ */ b("div", {
+									className: `flex-shrink-0 w-7 h-7 rounded-full flex items-center justify-center ${t.bg}`,
+									children: /* @__PURE__ */ b(n, { className: `w-4 h-4 ${t.text}` })
+								})]
+							}), /* @__PURE__ */ x("div", {
+								className: "mt-3",
+								children: [/* @__PURE__ */ x("div", {
+									className: "flex items-baseline justify-between",
+									children: [/* @__PURE__ */ x("span", {
+										className: "text-lg font-bold text-text-primary",
+										children: [r, e.unit ? ` ${e.unit}` : ""]
+									}), /* @__PURE__ */ x("span", {
+										className: "text-xs text-text-muted",
+										children: [
+											"/ ",
+											i,
+											e.unit ? ` ${e.unit}` : ""
+										]
+									})]
+								}), /* @__PURE__ */ b("div", {
+									className: "mt-1.5 w-full h-1.5 bg-bg-sunken rounded-full overflow-hidden",
+									children: /* @__PURE__ */ b(v.div, {
+										initial: { width: 0 },
+										animate: { width: `${a}%` },
+										transition: {
+											duration: .5,
+											ease: "easeOut"
+										},
+										className: `h-full rounded-full ${t.bar}`
+									})
+								})]
+							})]
+						}), /* @__PURE__ */ b(_, { children: s && e.iframeUrl && /* @__PURE__ */ b(v.div, {
+							initial: {
+								height: 0,
+								opacity: 0
+							},
+							animate: {
+								height: "auto",
+								opacity: 1
+							},
+							exit: {
+								height: 0,
+								opacity: 0
+							},
+							transition: { duration: .2 },
+							className: "border-t border-border-default overflow-hidden",
+							children: /* @__PURE__ */ b("iframe", {
+								src: e.iframeUrl,
+								className: "w-full border-0",
+								style: { height: e.iframeHeight ? `${e.iframeHeight}px` : "200px" },
+								title: `${e.name} embed`,
+								sandbox: "allow-scripts allow-same-origin"
+							})
+						}) })]
+					}) }, e.id);
+				})
+			}),
+			Z()
+		]
+	});
+};
+//#endregion
+export { E as ScorecardPanel };
+
+//# sourceMappingURL=ScorecardPanel.js.map

package/dist/components/scorecard/ScorecardPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScorecardPanel.js","names":[],"sources":["../../../src/components/scorecard/ScorecardPanel.tsx"],"sourcesContent":["import type { FC, FormEvent } from 'react';\nimport { useState, useCallback } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n  BarChart3,\n  Plus,\n  CheckCircle,\n  AlertTriangle,\n  XCircle,\n  TrendingUp,\n  RefreshCw,\n} from 'lucide-react';\nimport { LoadingState, EmptyState, ErrorState, Card } from '@/components/shared';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useGetScorecardQuery,\n  useUpsertScorecardMutation,\n  useAddScorecardMetricMutation,\n} from '@/generated/wspace-operations';\n\ntype ScorecardMetricType =\n  | 'SLO_COMPLIANCE'\n  | 'INCIDENT_COUNT'\n  | 'TEST_COVERAGE'\n  | 'CICD_HEALTH'\n  | 'SECURITY_SCORE'\n  | 'DOCUMENTATION_COVERAGE'\n  | 'DEPENDENCY_FRESHNESS'\n  | 'CUSTOM';\n\ntype ScorecardMetricStatus = 'PASSING' | 'WARNING' | 'FAILING' | 'UNKNOWN';\n\ninterface ScorecardMetric {\n  id: string;\n  name: string;\n  description: string | null;\n  type: ScorecardMetricType;\n  value: number | null;\n  threshold: number | null;\n  unit: string | null;\n  status: ScorecardMetricStatus;\n  iframeUrl: string | null;\n  iframeHeight: number | null;\n}\n\ninterface Scorecard {\n  id: string;\n  ownerType: string;\n  ownerId: string;\n  overallScore: number;\n  metrics: ScorecardMetric[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface ScorecardPanelProps {\n  ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';\n  ownerId: string;\n  onAddMetric?: () => void;\n}\n\ninterface MetricFormState {\n  name: string;\n  description: string;\n  type: ScorecardMetricType;\n  value: string;\n  threshold: string;\n  unit: string;\n  status: ScorecardMetricStatus;\n  iframeUrl: string;\n  iframeHeight: string;\n}\n\ninterface UpsertScorecardResult {\n  upsertVibecontrolsScorecard: {\n    id: string;\n  };\n}\n\ninterface AddScorecardMetricResult {\n  addVibecontrolsScorecardMetric: ScorecardMetric;\n}\n\nconst DEFAULT_METRIC_FORM: MetricFormState = {\n  name: '',\n  description: '',\n  type: 'CUSTOM',\n  value: '',\n  threshold: '',\n  unit: '',\n  status: 'UNKNOWN',\n  iframeUrl: '',\n  iframeHeight: '',\n};\n\nconst METRIC_TYPE_OPTIONS: Array<{ value: ScorecardMetricType; label: string }> = [\n  { value: 'CUSTOM', label: 'Custom' },\n  { value: 'SLO_COMPLIANCE', label: 'SLO Compliance' },\n  { value: 'INCIDENT_COUNT', label: 'Incident Count' },\n  { value: 'TEST_COVERAGE', label: 'Test Coverage' },\n  { value: 'CICD_HEALTH', label: 'CI/CD Health' },\n  { value: 'SECURITY_SCORE', label: 'Security Score' },\n  { value: 'DOCUMENTATION_COVERAGE', label: 'Documentation Coverage' },\n  { value: 'DEPENDENCY_FRESHNESS', label: 'Dependency Freshness' },\n];\n\nconst METRIC_STATUS_OPTIONS: Array<{ value: ScorecardMetricStatus; label: string }> = [\n  { value: 'UNKNOWN', label: 'Unknown' },\n  { value: 'PASSING', label: 'Passing' },\n  { value: 'WARNING', label: 'Warning' },\n  { value: 'FAILING', label: 'Failing' },\n];\n\nconst statusConfig: Record<\n  string,\n  { icon: typeof CheckCircle; bg: string; text: string; bar: string }\n> = {\n  PASSING: {\n    icon: CheckCircle,\n    bg: 'bg-status-success-bg',\n    text: 'text-status-success-text',\n    bar: 'bg-status-success-text',\n  },\n  WARNING: {\n    icon: AlertTriangle,\n    bg: 'bg-status-warning-bg',\n    text: 'text-status-warning-text',\n    bar: 'bg-status-warning-text',\n  },\n  FAILING: {\n    icon: XCircle,\n    bg: 'bg-status-error-bg',\n    text: 'text-status-error-text',\n    bar: 'bg-status-error-text',\n  },\n  UNKNOWN: {\n    icon: BarChart3,\n    bg: 'bg-bg-sunken',\n    text: 'text-text-secondary',\n    bar: 'bg-text-secondary',\n  },\n};\n\nexport const ScorecardPanel: FC<ScorecardPanelProps> = ({ ownerType, ownerId, onAddMetric }) => {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const v = t(key);\n      return v === key ? fallback : v;\n    },\n    [t]\n  );\n\n  const [expandedMetric, setExpandedMetric] = useState<string | null>(null);\n  const [isAddMetricOpen, setIsAddMetricOpen] = useState(false);\n  const [metricForm, setMetricForm] = useState<MetricFormState>(DEFAULT_METRIC_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const { data, loading, error, refetch } = useGetScorecardQuery({\n    variables: { ownerType, ownerId },\n    skip: !ownerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [upsertScorecard, { loading: upsertingScorecard }] = useUpsertScorecardMutation();\n  const [addScorecardMetric, { loading: addingMetric }] = useAddScorecardMetricMutation();\n\n  const scorecard = data?.vibecontrolsScorecard ?? null;\n  const isSavingMetric = upsertingScorecard || addingMetric;\n\n  const resetMetricForm = () => {\n    setMetricForm(DEFAULT_METRIC_FORM);\n    setFormError(null);\n  };\n\n  const handleAddMetricClick = () => {\n    if (onAddMetric) {\n      onAddMetric();\n      return;\n    }\n\n    resetMetricForm();\n    setIsAddMetricOpen(true);\n  };\n\n  const closeAddMetricDialog = () => {\n    if (isSavingMetric) return;\n    setIsAddMetricOpen(false);\n    resetMetricForm();\n  };\n\n  const updateMetricForm = (field: keyof MetricFormState, value: string) => {\n    setMetricForm((current) => ({ ...current, [field]: value }));\n  };\n\n  const parseNumberField = (value: string, label: string): number | undefined => {\n    const trimmed = value.trim();\n    if (!trimmed) return undefined;\n\n    const parsed = Number(trimmed);\n    if (!Number.isFinite(parsed)) {\n      throw new Error(`${label} must be a valid number`);\n    }\n    return parsed;\n  };\n\n  const handleAddMetricSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setFormError(null);\n\n    const name = metricForm.name.trim();\n    if (!name) {\n      setFormError(tr('scorecard.metricNameRequired', 'Metric name is required'));\n      return;\n    }\n\n    try {\n      const scorecardId =\n        scorecard?.id ??\n        (\n          await upsertScorecard({\n            variables: {\n              input: {\n                ownerType,\n                ownerId,\n              },\n            },\n          })\n        ).data?.upsertVibecontrolsScorecard.id;\n\n      if (!scorecardId) {\n        throw new Error(tr('scorecard.scorecardCreateFailed', 'Unable to create scorecard'));\n      }\n\n      await addScorecardMetric({\n        variables: {\n          scorecardId,\n          input: {\n            name,\n            description: metricForm.description.trim() || undefined,\n            type: metricForm.type,\n            value: parseNumberField(metricForm.value, tr('scorecard.value', 'Value')),\n            threshold: parseNumberField(\n              metricForm.threshold,\n              tr('scorecard.threshold', 'Threshold')\n            ),\n            unit: metricForm.unit.trim() || undefined,\n            status: metricForm.status,\n            iframeUrl: metricForm.iframeUrl.trim() || undefined,\n            iframeHeight: parseNumberField(\n              metricForm.iframeHeight,\n              tr('scorecard.iframeHeight', 'Iframe height')\n            ),\n          },\n        },\n      });\n\n      await refetch();\n      setIsAddMetricOpen(false);\n      resetMetricForm();\n    } catch (caughtError) {\n      setFormError(caughtError instanceof Error ? caughtError.message : 'Failed to add metric');\n    }\n  };\n\n  const renderAddMetricDialog = () => (\n    <AnimatePresence>\n      {isAddMetricOpen && (\n        <motion.div\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4\"\n          onClick={closeAddMetricDialog}\n        >\n          <motion.div\n            initial={{ scale: 0.96, y: 12 }}\n            animate={{ scale: 1, y: 0 }}\n            exit={{ scale: 0.96, y: 12 }}\n            className=\"w-full max-w-2xl rounded-xl border border-border-default bg-bg-surface shadow-xl\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <form onSubmit={handleAddMetricSubmit} className=\"flex max-h-[85vh] flex-col\">\n              <div className=\"border-b border-border-default px-5 py-4\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">\n                  {tr('scorecard.addMetricTitle', 'Add scorecard metric')}\n                </h3>\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  {tr(\n                    'scorecard.addMetricDescription',\n                    'Create a metric to track health, quality, or delivery signals.'\n                  )}\n                </p>\n              </div>\n\n              <div className=\"space-y-4 overflow-y-auto px-5 py-4\">\n                {formError && (\n                  <div className=\"rounded-md border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text\">\n                    {formError}\n                  </div>\n                )}\n\n                <label className=\"block space-y-1.5\">\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {tr('scorecard.metricName', 'Metric name')}\n                  </span>\n                  <input\n                    value={metricForm.name}\n                    onChange={(event) => updateMetricForm('name', event.target.value)}\n                    className=\"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\"\n                    placeholder={tr('scorecard.metricNamePlaceholder', 'Production readiness')}\n                  />\n                </label>\n\n                <label className=\"block space-y-1.5\">\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {tr('scorecard.metricDescription', 'Description')}\n                  </span>\n                  <textarea\n                    value={metricForm.description}\n                    onChange={(event) => updateMetricForm('description', event.target.value)}\n                    className=\"min-h-20 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\"\n                    placeholder={tr(\n                      'scorecard.metricDescriptionPlaceholder',\n                      'Explain what this metric measures'\n                    )}\n                  />\n                </label>\n\n                <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricType', 'Type')}\n                    </span>\n                    <select\n                      value={metricForm.type}\n                      onChange={(event) =>\n                        updateMetricForm('type', event.target.value as ScorecardMetricType)\n                      }\n                      className=\"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\"\n                    >\n                      {METRIC_TYPE_OPTIONS.map((option) => (\n                        <option key={option.value} value={option.value}>\n                          {option.label}\n                        </option>\n                      ))}\n                    </select>\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.metricStatus', 'Status')}\n                    </span>\n                    <select\n                      value={metricForm.status}\n                      onChange={(event) =>\n                        updateMetricForm('status', event.target.value as ScorecardMetricStatus)\n                      }\n                      className=\"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\"\n                    >\n                      {METRIC_STATUS_OPTIONS.map((option) => (\n                        <option key={option.value} value={option.value}>\n                          {option.label}\n                        </option>\n                      ))}\n                    </select>\n                  </label>\n                </div>\n\n                <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.value', 'Value')}\n                    </span>\n                    <input\n                      value={metricForm.value}\n                      onChange={(event) => updateMetricForm('value', event.target.value)}\n                      inputMode=\"decimal\"\n                      className=\"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\"\n                      placeholder=\"85\"\n                    />\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.threshold', 'Threshold')}\n                    </span>\n                    <input\n                      value={metricForm.threshold}\n                      onChange={(event) => updateMetricForm('threshold', event.target.value)}\n                      inputMode=\"decimal\"\n                      className=\"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\"\n                      placeholder=\"100\"\n                    />\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.unit', 'Unit')}\n                    </span>\n                    <input\n                      value={metricForm.unit}\n                      onChange={(event) => updateMetricForm('unit', event.target.value)}\n                      className=\"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\"\n                      placeholder=\"%\"\n                    />\n                  </label>\n                </div>\n\n                <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-[1fr_10rem]\">\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.iframeUrl', 'Embed URL')}\n                    </span>\n                    <input\n                      value={metricForm.iframeUrl}\n                      onChange={(event) => updateMetricForm('iframeUrl', event.target.value)}\n                      className=\"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\"\n                      placeholder={tr('scorecard.iframeUrlPlaceholder', 'Optional dashboard URL')}\n                    />\n                  </label>\n\n                  <label className=\"block space-y-1.5\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {tr('scorecard.iframeHeight', 'Iframe height')}\n                    </span>\n                    <input\n                      value={metricForm.iframeHeight}\n                      onChange={(event) => updateMetricForm('iframeHeight', event.target.value)}\n                      inputMode=\"numeric\"\n                      className=\"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\"\n                      placeholder=\"320\"\n                    />\n                  </label>\n                </div>\n              </div>\n\n              <div className=\"flex items-center justify-end gap-3 border-t border-border-default px-5 py-4\">\n                <button\n                  type=\"button\"\n                  onClick={closeAddMetricDialog}\n                  disabled={isSavingMetric}\n                  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\"\n                >\n                  {tr('common.cancel', 'Cancel')}\n                </button>\n                <button\n                  type=\"submit\"\n                  disabled={isSavingMetric}\n                  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\"\n                >\n                  {isSavingMetric\n                    ? tr('scorecard.savingMetric', 'Saving...')\n                    : tr('scorecard.saveMetric', 'Save Metric')}\n                </button>\n              </div>\n            </form>\n          </motion.div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n\n  if (loading && !scorecard) {\n    return <LoadingState message={tr('scorecard.loading', 'Loading scorecard...')} />;\n  }\n\n  if (error && !scorecard) {\n    return (\n      <ErrorState\n        title={tr('scorecard.failedLoad', 'Failed to load scorecard')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  if (!scorecard || scorecard.metrics.length === 0) {\n    return (\n      <>\n        <EmptyState\n          icon={<BarChart3 className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('scorecard.empty', 'No scorecard metrics')}\n          description={tr(\n            'scorecard.emptyDescription',\n            'Add metrics to track the health and quality of this entity'\n          )}\n          action={\n            <button\n              onClick={handleAddMetricClick}\n              className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              <Plus className=\"w-4 h-4\" />\n              {tr('scorecard.addMetric', 'Add Metric')}\n            </button>\n          }\n        />\n        {renderAddMetricDialog()}\n      </>\n    );\n  }\n\n  const overallScore = scorecard.overallScore ?? 0;\n  const scoreColor =\n    overallScore >= 80\n      ? 'text-status-success-text'\n      : overallScore >= 50\n        ? 'text-status-warning-text'\n        : 'text-status-error-text';\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Overall Score */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"text-sm font-medium text-text-secondary\">\n              {tr('scorecard.overallScore', 'Overall Score')}\n            </p>\n            <p className={`text-4xl font-bold ${scoreColor}`}>\n              {overallScore}\n              <span className=\"text-lg text-text-muted\">/100</span>\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <TrendingUp className={`w-6 h-6 ${scoreColor}`} />\n            <button\n              onClick={() => refetch()}\n              className=\"p-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className=\"w-4 h-4\" />\n            </button>\n            <button\n              onClick={handleAddMetricClick}\n              className=\"flex items-center gap-2 px-3 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm\"\n            >\n              <Plus className=\"w-4 h-4\" />\n              {tr('scorecard.addMetric', 'Add Metric')}\n            </button>\n          </div>\n        </div>\n      </Card>\n\n      {/* Metrics Grid */}\n      <MotionList stagger={0.04} className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {scorecard.metrics.map((metric: ScorecardMetric) => {\n          const config = statusConfig[metric.status] || statusConfig.UNKNOWN;\n          const StatusIcon = config.icon;\n          const value = metric.value ?? 0;\n          const threshold = metric.threshold ?? 100;\n          const percentage =\n            threshold > 0 ? Math.min(100, Math.max(0, (value / threshold) * 100)) : 0;\n          const isExpanded = expandedMetric === metric.id;\n\n          return (\n            <MotionItem key={metric.id}>\n              <Card\n                className=\"cursor-pointer\"\n                hoverable\n                onClick={() => setExpandedMetric(isExpanded ? null : metric.id)}\n                padding=\"none\"\n              >\n                <div className=\"p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"font-medium text-text-primary text-sm truncate\">\n                        {metric.name}\n                      </p>\n                      {metric.description && (\n                        <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-1\">\n                          {metric.description}\n                        </p>\n                      )}\n                    </div>\n                    <div\n                      className={`flex-shrink-0 w-7 h-7 rounded-full flex items-center justify-center ${config.bg}`}\n                    >\n                      <StatusIcon className={`w-4 h-4 ${config.text}`} />\n                    </div>\n                  </div>\n\n                  {/* Value and progress */}\n                  <div className=\"mt-3\">\n                    <div className=\"flex items-baseline justify-between\">\n                      <span className=\"text-lg font-bold text-text-primary\">\n                        {value}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                      <span className=\"text-xs text-text-muted\">\n                        / {threshold}\n                        {metric.unit ? ` ${metric.unit}` : ''}\n                      </span>\n                    </div>\n                    <div className=\"mt-1.5 w-full h-1.5 bg-bg-sunken rounded-full overflow-hidden\">\n                      <motion.div\n                        initial={{ width: 0 }}\n                        animate={{ width: `${percentage}%` }}\n                        transition={{ duration: 0.5, ease: 'easeOut' }}\n                        className={`h-full rounded-full ${config.bar}`}\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                {/* Expanded custom metric embed */}\n                <AnimatePresence>\n                  {isExpanded && metric.iframeUrl && (\n                    <motion.div\n                      initial={{ height: 0, opacity: 0 }}\n                      animate={{ height: 'auto', opacity: 1 }}\n                      exit={{ height: 0, opacity: 0 }}\n                      transition={{ duration: 0.2 }}\n                      className=\"border-t border-border-default overflow-hidden\"\n                    >\n                      <iframe\n                        src={metric.iframeUrl}\n                        className=\"w-full border-0\"\n                        style={{\n                          height: metric.iframeHeight ? `${metric.iframeHeight}px` : '200px',\n                        }}\n                        title={`${metric.name} embed`}\n                        sandbox=\"allow-scripts allow-same-origin\"\n                      />\n                    </motion.div>\n                  )}\n                </AnimatePresence>\n              </Card>\n            </MotionItem>\n          );\n        })}\n      </MotionList>\n      {renderAddMetricDialog()}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/scorecard/index.d.ts

@@ -0,0 +1,3 @@
+export { ScorecardPanel } from './ScorecardPanel';
+export type { ScorecardPanelProps } from './ScorecardPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scorecard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scorecard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/scorecard/index.js

@@ -0,0 +1 @@
+import "./ScorecardPanel.js";

package/dist/components/sessions/CollaboratorsList.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { SessionCollaboratorFieldsFragment } from '../../generated/wspace-operations';
+
+interface CollaboratorsListProps {
+    collaborators: SessionCollaboratorFieldsFragment[];
+    currentUserId?: string;
+    onRequestControl?: () => void;
+    onTransferControl?: (toUserId: string) => void;
+    isRequestingControl?: boolean;
+    className?: string;
+}
+/**
+ * CollaboratorsList - Shows users currently viewing/collaborating on a session
+ * Displays who has control and allows control requests in turn-based mode
+ */
+export declare const CollaboratorsList: FC<CollaboratorsListProps>;
+export {};
+//# sourceMappingURL=CollaboratorsList.d.ts.map

package/dist/components/sessions/CollaboratorsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollaboratorsList.d.ts","sourceRoot":"","sources":["../../../src/components/sessions/CollaboratorsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AAoB3F,UAAU,sBAAsB;IAC9B,aAAa,EAAE,iCAAiC,EAAE,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgNxD,CAAC"}