@burdenoff/microfe-vibecontrols 2026.826.1 → 2026.827.1

package/dist/components/actions/ActionCard.js

@@ -3,168 +3,183 @@ import { VibeEntityType as t } from "../../generated/wspace-types.js";
 import { EntityVibeLinkControl as n } from "../shared/EntityVibeLinkControl.js";
 import { SelectionCheckbox as r } from "../shared/SelectionCheckbox.js";
 import { ActionTypeBadge as i, SourceTypeBadge as a, TriggerTypeBadge as o } from "./ActionTypeBadge.js";
-import { EntityShareButton as s } from "../sharing/EntityShareButton.js";
+import { ActionWebhookEndpoint as s } from "./ActionWebhookEndpoint.js";
+import { EntityShareButton as c } from "../sharing/EntityShareButton.js";
 import "../sharing/index.js";
-import { AlarmClock as c, CalendarClock as l, Clock as u, Copy as d, Hash as f, Pencil as p, Play as m, Trash2 as h } from "lucide-react";
-import { motion as g, useReducedMotion as _ } from "framer-motion";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { AlarmClock as l, AlertTriangle as u, CalendarClock as d, Clock as f, Copy as p, Hash as m, Pencil as h, Play as g, Trash2 as _ } from "lucide-react";
+import { motion as v, useReducedMotion as y } from "framer-motion";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/actions/ActionCard.tsx
-function b({ action: b, onExecute: x, onEdit: S, onDuplicate: C, onDelete: w, onSchedule: T, onAddToCalendar: E, canUpdate: D, canDelete: O, canExecute: k, isExecuting: A = !1, selected: j = !1, onToggleSelect: M }) {
-	let N = _(), P = e();
-	return /* @__PURE__ */ y(g.div, {
-		className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors group ${j ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : "border-border-default"}`,
-		whileHover: N ? void 0 : {
+function S({ action: S, onExecute: C, onEdit: w, onDuplicate: T, onDelete: E, onSchedule: D, onAddToCalendar: O, canUpdate: k, canDelete: A, canExecute: j, isExecuting: M = !1, selected: N = !1, onToggleSelect: P }) {
+	let F = y(), I = e();
+	return /* @__PURE__ */ x(v.div, {
+		className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors group ${N ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : "border-border-default"}`,
+		whileHover: F ? void 0 : {
 			y: -2,
 			boxShadow: "0 4px 12px var(--color-border-default)"
 		},
 		transition: { duration: .15 },
 		layout: !0,
 		role: "group",
-		"aria-label": `Action: ${b.displayName || b.name}`,
+		"aria-label": `Action: ${S.displayName || S.name}`,
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-start justify-between gap-3 mb-3",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "flex items-start gap-3 min-w-0 flex-1",
-					children: [M && /* @__PURE__ */ v("div", {
+					children: [P && /* @__PURE__ */ b("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ v(r, {
-							checked: j,
-							onChange: M,
-							ariaLabel: `Select action ${b.displayName || b.name}`
+						children: /* @__PURE__ */ b(r, {
+							checked: N,
+							onChange: P,
+							ariaLabel: `Select action ${S.displayName || S.name}`
 						})
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ v("h3", {
+						children: [/* @__PURE__ */ b("h3", {
 							className: "font-semibold text-text-primary truncate",
-							children: b.displayName || b.name
-						}), b.description && /* @__PURE__ */ v("p", {
+							children: S.displayName || S.name
+						}), S.description && /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary mt-0.5 line-clamp-2",
-							children: b.description
+							children: S.description
 						})]
 					})]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0",
 					children: [
-						k && /* @__PURE__ */ v("button", {
+						j && /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), x(b.id);
+								e.stopPropagation(), C(S.id);
 							},
-							disabled: A,
+							disabled: M,
 							className: "p-1.5 rounded-md hover:bg-status-success-bg-subtle text-status-success-text transition-colors disabled:opacity-50",
-							title: P("vibecontrols.actions.card.execute", "Execute"),
-							children: /* @__PURE__ */ v(m, { size: 14 })
+							title: I("vibecontrols.actions.card.execute", "Execute"),
+							children: /* @__PURE__ */ b(g, { size: 14 })
 						}),
-						D && /* @__PURE__ */ v("button", {
+						k && /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), S(b.id);
+								e.stopPropagation(), w(S.id);
 							},
 							className: "p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors",
-							title: P("vibecontrols.actions.card.edit", "Edit"),
-							children: /* @__PURE__ */ v(p, { size: 14 })
+							title: I("vibecontrols.actions.card.edit", "Edit"),
+							children: /* @__PURE__ */ b(h, { size: 14 })
 						}),
-						T && /* @__PURE__ */ v("button", {
+						D && /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), T(b.id);
+								e.stopPropagation(), D(S.id);
 							},
 							className: "p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors",
-							title: P("vibecontrols.actions.card.schedule", "Schedule this action"),
-							children: /* @__PURE__ */ v(c, { size: 14 })
+							title: I("vibecontrols.actions.card.schedule", "Schedule this action"),
+							children: /* @__PURE__ */ b(l, { size: 14 })
 						}),
-						E && /* @__PURE__ */ v("button", {
+						O && /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), E(b.id);
+								e.stopPropagation(), O(S.id);
 							},
 							className: "p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors",
-							title: P("vibecontrols.actions.card.addToCalendar", "Add to calendar"),
-							children: /* @__PURE__ */ v(l, { size: 14 })
+							title: I("vibecontrols.actions.card.addToCalendar", "Add to calendar"),
+							children: /* @__PURE__ */ b(d, { size: 14 })
 						}),
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), C(b.id);
+								e.stopPropagation(), T(S.id);
 							},
 							className: "p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors",
-							title: P("vibecontrols.actions.card.duplicate", "Duplicate"),
-							children: /* @__PURE__ */ v(d, { size: 14 })
+							title: I("vibecontrols.actions.card.duplicate", "Duplicate"),
+							children: /* @__PURE__ */ b(p, { size: 14 })
 						}),
-						/* @__PURE__ */ v(s, {
+						/* @__PURE__ */ b(c, {
 							entity: "action",
 							resource: {
-								id: b.id,
-								name: b.displayName || b.name,
-								vibeId: b.vibeId ?? null
+								id: S.id,
+								name: S.displayName || S.name,
+								vibeId: S.vibeId ?? null
 							},
-							label: P("vibecontrols.actions.card.share", "Share")
+							label: I("vibecontrols.actions.card.share", "Share")
 						}),
-						O && /* @__PURE__ */ v("button", {
+						A && /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: (e) => {
-								e.stopPropagation(), w(b.id);
+								e.stopPropagation(), E(S.id);
 							},
 							className: "p-1.5 rounded-md hover:bg-status-error-bg-subtle text-status-error-text transition-colors",
-							title: P("vibecontrols.actions.card.delete", "Delete"),
-							children: /* @__PURE__ */ v(h, { size: 14 })
+							title: I("vibecontrols.actions.card.delete", "Delete"),
+							children: /* @__PURE__ */ b(_, { size: 14 })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-1.5 mb-3",
 				children: [
-					/* @__PURE__ */ v(i, { type: b.actionType }),
-					/* @__PURE__ */ v(o, { type: b.triggerType }),
-					b.sourceType && /* @__PURE__ */ v(a, { type: b.sourceType })
+					/* @__PURE__ */ b(i, { type: S.actionType }),
+					/* @__PURE__ */ b(o, { type: S.triggerType }),
+					S.sourceType && /* @__PURE__ */ b(a, { type: S.sourceType })
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			S.actionType === "WEBHOOK" && S.webhookUrl && /* @__PURE__ */ b("div", {
+				className: "mb-3",
+				children: /* @__PURE__ */ b(s, {
+					url: S.webhookUrl,
+					method: S.webhookMethod
+				})
+			}),
+			/* @__PURE__ */ b("div", {
 				className: "mb-3",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ v(n, {
+				children: /* @__PURE__ */ b(n, {
 					entityType: t.Action,
-					entityId: b.id,
-					currentVibeId: b.vibeId ?? null,
-					currentVisibility: b.visibility ?? null,
+					entityId: S.id,
+					currentVibeId: S.vibeId ?? null,
+					currentVisibility: S.visibility ?? null,
 					refetchQueries: ["ListActions"]
 				})
 			}),
-			(b.category || b.tags && b.tags.length > 0) && /* @__PURE__ */ y("div", {
+			(S.category || S.tags && S.tags.length > 0) && /* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-1.5 mb-3",
-				children: [b.category && /* @__PURE__ */ v("span", {
+				children: [S.category && /* @__PURE__ */ b("span", {
 					className: "text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-secondary",
-					children: b.category
-				}), b.tags?.map((e) => /* @__PURE__ */ y("span", {
+					children: S.category
+				}), S.tags?.map((e) => /* @__PURE__ */ x("span", {
 					className: "text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-placeholder",
 					children: ["#", e]
 				}, e))]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center gap-4 text-xs text-text-placeholder",
-				children: [/* @__PURE__ */ y("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ v(f, { size: 12 }), P("vibecontrols.actions.card.executionRuns", "{{count}} runs", { count: b.executionCount ?? 0 })]
-				}), /* @__PURE__ */ y("span", {
-					className: "inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ v(u, { size: 12 }), ((e) => {
-						if (!e) return P("vibecontrols.actions.card.never", "Never");
-						let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
-						if (r < 1) return P("vibecontrols.actions.card.justNow", "Just now");
-						if (r < 60) return P("vibecontrols.actions.card.minutesAgo", "{{count}}m ago", { count: r });
-						let i = Math.floor(r / 60);
-						if (i < 24) return P("vibecontrols.actions.card.hoursAgo", "{{count}}h ago", { count: i });
-						let a = Math.floor(i / 24);
-						return a < 7 ? `${a}d ago` : t.toLocaleDateString();
-					})(b.lastExecutedAt)]
-				})]
+				children: [
+					S.confirmationRequired && /* @__PURE__ */ x("span", {
+						className: "inline-flex items-center gap-1 text-status-warning-text",
+						children: [/* @__PURE__ */ b(u, { size: 12 }), I("vibecontrols.actions.card.confirmationRequired", "Confirmation required")]
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ b(m, { size: 12 }), I("vibecontrols.actions.card.executionRuns", "{{count}} runs", { count: S.executionCount ?? 0 })]
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ b(f, { size: 12 }), ((e) => {
+							if (!e) return I("vibecontrols.actions.card.never", "Never");
+							let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+							if (r < 1) return I("vibecontrols.actions.card.justNow", "Just now");
+							if (r < 60) return I("vibecontrols.actions.card.minutesAgo", "{{count}}m ago", { count: r });
+							let i = Math.floor(r / 60);
+							if (i < 24) return I("vibecontrols.actions.card.hoursAgo", "{{count}}h ago", { count: i });
+							let a = Math.floor(i / 24);
+							return a < 7 ? `${a}d ago` : t.toLocaleDateString();
+						})(S.lastExecutedAt)]
+					})
+				]
 			})
 		]
 	});
 }
 //#endregion
-export { b as ActionCard };
+export { S as ActionCard };
 
 //# sourceMappingURL=ActionCard.js.map

package/dist/components/actions/ActionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCard.js","names":[],"sources":["../../../src/components/actions/ActionCard.tsx"],"sourcesContent":["import { Play, Pencil, Copy, Trash2, Clock, Hash, CalendarClock, AlarmClock } from 'lucide-react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport { ActionTypeBadge, TriggerTypeBadge, SourceTypeBadge } from './ActionTypeBadge';\nimport { SelectionCheckbox } from '../shared/SelectionCheckbox';\nimport { EntityVibeLinkControl } from '../shared/EntityVibeLinkControl';\nimport { EntityShareButton } from '../sharing';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { VibeEntityType, VibeVisibility } from '@/generated/wspace-types';\n\ninterface ActionCardAction {\n  id: string;\n  name: string;\n  displayName?: string | null;\n  description?: string | null;\n  actionType: string;\n  sourceType?: string | null;\n  triggerType: string;\n  category?: string | null;\n  tags?: string[] | null;\n  executionCount?: number | null;\n  lastExecutedAt?: string | null;\n  confirmationRequired?: boolean;\n  vibeId?: string | null;\n  visibility?: VibeVisibility | null;\n}\n\ninterface ActionCardProps {\n  action: ActionCardAction;\n  onExecute: (id: string) => void;\n  onEdit: (id: string) => void;\n  onDuplicate: (id: string) => void;\n  onDelete: (id: string) => void;\n  onSchedule?: (id: string) => void;\n  onAddToCalendar?: (id: string) => void;\n  canUpdate: boolean;\n  canDelete: boolean;\n  canExecute: boolean;\n  isExecuting?: boolean;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n}\n\nexport function ActionCard({\n  action,\n  onExecute,\n  onEdit,\n  onDuplicate,\n  onDelete,\n  onSchedule,\n  onAddToCalendar,\n  canUpdate,\n  canDelete,\n  canExecute,\n  isExecuting = false,\n  selected = false,\n  onToggleSelect,\n}: ActionCardProps) {\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  const formatDate = (dateStr: string | null | undefined) => {\n    if (!dateStr) return tr('vibecontrols.actions.card.never', 'Never');\n    const date = new Date(dateStr);\n    const now = new Date();\n    const diffMs = now.getTime() - date.getTime();\n    const diffMin = Math.floor(diffMs / 60000);\n    if (diffMin < 1) return tr('vibecontrols.actions.card.justNow', 'Just now');\n    if (diffMin < 60)\n      return tr('vibecontrols.actions.card.minutesAgo', '{{count}}m ago', { count: diffMin });\n    const diffHr = Math.floor(diffMin / 60);\n    if (diffHr < 24)\n      return tr('vibecontrols.actions.card.hoursAgo', '{{count}}h ago', { count: diffHr });\n    const diffDays = Math.floor(diffHr / 24);\n    if (diffDays < 7) return `${diffDays}d ago`;\n    return date.toLocaleDateString();\n  };\n\n  return (\n    <motion.div\n      className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors group ${\n        selected\n          ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25'\n          : 'border-border-default'\n      }`}\n      whileHover={\n        shouldReduceMotion\n          ? undefined\n          : { y: -2, boxShadow: '0 4px 12px var(--color-border-default)' }\n      }\n      transition={{ duration: 0.15 }}\n      layout\n      role=\"group\"\n      aria-label={`Action: ${action.displayName || action.name}`}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between gap-3 mb-3\">\n        <div className=\"flex items-start gap-3 min-w-0 flex-1\">\n          {onToggleSelect && (\n            <div onClick={(event) => event.stopPropagation()}>\n              <SelectionCheckbox\n                checked={selected}\n                onChange={onToggleSelect}\n                ariaLabel={`Select action ${action.displayName || action.name}`}\n              />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"font-semibold text-text-primary truncate\">\n              {action.displayName || action.name}\n            </h3>\n            {action.description && (\n              <p className=\"text-sm text-text-secondary mt-0.5 line-clamp-2\">\n                {action.description}\n              </p>\n            )}\n          </div>\n        </div>\n        {/* Action buttons */}\n        <div className=\"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0\">\n          {canExecute && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onExecute(action.id);\n              }}\n              disabled={isExecuting}\n              className=\"p-1.5 rounded-md hover:bg-status-success-bg-subtle text-status-success-text transition-colors disabled:opacity-50\"\n              title={tr('vibecontrols.actions.card.execute', 'Execute')}\n            >\n              <Play size={14} />\n            </button>\n          )}\n          {canUpdate && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onEdit(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.edit', 'Edit')}\n            >\n              <Pencil size={14} />\n            </button>\n          )}\n          {onSchedule && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onSchedule(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.schedule', 'Schedule this action')}\n            >\n              <AlarmClock size={14} />\n            </button>\n          )}\n          {onAddToCalendar && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onAddToCalendar(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.addToCalendar', 'Add to calendar')}\n            >\n              <CalendarClock size={14} />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            onClick={(event) => {\n              event.stopPropagation();\n              onDuplicate(action.id);\n            }}\n            className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n            title={tr('vibecontrols.actions.card.duplicate', 'Duplicate')}\n          >\n            <Copy size={14} />\n          </button>\n          <EntityShareButton\n            entity=\"action\"\n            resource={{\n              id: action.id,\n              name: action.displayName || action.name,\n              vibeId: action.vibeId ?? null,\n            }}\n            label={tr('vibecontrols.actions.card.share', 'Share')}\n          />\n          {canDelete && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onDelete(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-status-error-bg-subtle text-status-error-text transition-colors\"\n              title={tr('vibecontrols.actions.card.delete', 'Delete')}\n            >\n              <Trash2 size={14} />\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Badges */}\n      <div className=\"flex flex-wrap items-center gap-1.5 mb-3\">\n        <ActionTypeBadge type={action.actionType} />\n        <TriggerTypeBadge type={action.triggerType} />\n        {action.sourceType && <SourceTypeBadge type={action.sourceType} />}\n      </div>\n\n      {/* Linked vibe — map / unmap this action to a vibe */}\n      <div className=\"mb-3\" onClick={(event) => event.stopPropagation()}>\n        <EntityVibeLinkControl\n          entityType={VibeEntityType.Action}\n          entityId={action.id}\n          currentVibeId={action.vibeId ?? null}\n          currentVisibility={action.visibility ?? null}\n          refetchQueries={['ListActions']}\n        />\n      </div>\n\n      {/* Category and Tags */}\n      {(action.category || (action.tags && action.tags.length > 0)) && (\n        <div className=\"flex flex-wrap items-center gap-1.5 mb-3\">\n          {action.category && (\n            <span className=\"text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-secondary\">\n              {action.category}\n            </span>\n          )}\n          {action.tags?.map((tag) => (\n            <span\n              key={tag}\n              className=\"text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-placeholder\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Stats */}\n      <div className=\"flex items-center gap-4 text-xs text-text-placeholder\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Hash size={12} />\n          {tr('vibecontrols.actions.card.executionRuns', '{{count}} runs', {\n            count: action.executionCount ?? 0,\n          })}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Clock size={12} />\n          {formatDate(action.lastExecutedAt)}\n        </span>\n      </div>\n    </motion.div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionCard.js","names":[],"sources":["../../../src/components/actions/ActionCard.tsx"],"sourcesContent":["import {\n  Play,\n  Pencil,\n  Copy,\n  Trash2,\n  Clock,\n  Hash,\n  CalendarClock,\n  AlarmClock,\n  AlertTriangle,\n} from 'lucide-react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport { ActionTypeBadge, TriggerTypeBadge, SourceTypeBadge } from './ActionTypeBadge';\nimport { ActionWebhookEndpoint } from './ActionWebhookEndpoint';\nimport { SelectionCheckbox } from '../shared/SelectionCheckbox';\nimport { EntityVibeLinkControl } from '../shared/EntityVibeLinkControl';\nimport { EntityShareButton } from '../sharing';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { VibeEntityType, VibeVisibility } from '@/generated/wspace-types';\n\ninterface ActionCardAction {\n  id: string;\n  name: string;\n  displayName?: string | null;\n  description?: string | null;\n  actionType: string;\n  sourceType?: string | null;\n  triggerType: string;\n  category?: string | null;\n  tags?: string[] | null;\n  executionCount?: number | null;\n  lastExecutedAt?: string | null;\n  confirmationRequired?: boolean;\n  webhookUrl?: string | null;\n  webhookMethod?: string | null;\n  vibeId?: string | null;\n  visibility?: VibeVisibility | null;\n}\n\ninterface ActionCardProps {\n  action: ActionCardAction;\n  onExecute: (id: string) => void;\n  onEdit: (id: string) => void;\n  onDuplicate: (id: string) => void;\n  onDelete: (id: string) => void;\n  onSchedule?: (id: string) => void;\n  onAddToCalendar?: (id: string) => void;\n  canUpdate: boolean;\n  canDelete: boolean;\n  canExecute: boolean;\n  isExecuting?: boolean;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n}\n\nexport function ActionCard({\n  action,\n  onExecute,\n  onEdit,\n  onDuplicate,\n  onDelete,\n  onSchedule,\n  onAddToCalendar,\n  canUpdate,\n  canDelete,\n  canExecute,\n  isExecuting = false,\n  selected = false,\n  onToggleSelect,\n}: ActionCardProps) {\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  const formatDate = (dateStr: string | null | undefined) => {\n    if (!dateStr) return tr('vibecontrols.actions.card.never', 'Never');\n    const date = new Date(dateStr);\n    const now = new Date();\n    const diffMs = now.getTime() - date.getTime();\n    const diffMin = Math.floor(diffMs / 60000);\n    if (diffMin < 1) return tr('vibecontrols.actions.card.justNow', 'Just now');\n    if (diffMin < 60)\n      return tr('vibecontrols.actions.card.minutesAgo', '{{count}}m ago', { count: diffMin });\n    const diffHr = Math.floor(diffMin / 60);\n    if (diffHr < 24)\n      return tr('vibecontrols.actions.card.hoursAgo', '{{count}}h ago', { count: diffHr });\n    const diffDays = Math.floor(diffHr / 24);\n    if (diffDays < 7) return `${diffDays}d ago`;\n    return date.toLocaleDateString();\n  };\n\n  return (\n    <motion.div\n      className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors group ${\n        selected\n          ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25'\n          : 'border-border-default'\n      }`}\n      whileHover={\n        shouldReduceMotion\n          ? undefined\n          : { y: -2, boxShadow: '0 4px 12px var(--color-border-default)' }\n      }\n      transition={{ duration: 0.15 }}\n      layout\n      role=\"group\"\n      aria-label={`Action: ${action.displayName || action.name}`}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between gap-3 mb-3\">\n        <div className=\"flex items-start gap-3 min-w-0 flex-1\">\n          {onToggleSelect && (\n            <div onClick={(event) => event.stopPropagation()}>\n              <SelectionCheckbox\n                checked={selected}\n                onChange={onToggleSelect}\n                ariaLabel={`Select action ${action.displayName || action.name}`}\n              />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"font-semibold text-text-primary truncate\">\n              {action.displayName || action.name}\n            </h3>\n            {action.description && (\n              <p className=\"text-sm text-text-secondary mt-0.5 line-clamp-2\">\n                {action.description}\n              </p>\n            )}\n          </div>\n        </div>\n        {/* Action buttons */}\n        <div className=\"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0\">\n          {canExecute && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onExecute(action.id);\n              }}\n              disabled={isExecuting}\n              className=\"p-1.5 rounded-md hover:bg-status-success-bg-subtle text-status-success-text transition-colors disabled:opacity-50\"\n              title={tr('vibecontrols.actions.card.execute', 'Execute')}\n            >\n              <Play size={14} />\n            </button>\n          )}\n          {canUpdate && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onEdit(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.edit', 'Edit')}\n            >\n              <Pencil size={14} />\n            </button>\n          )}\n          {onSchedule && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onSchedule(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.schedule', 'Schedule this action')}\n            >\n              <AlarmClock size={14} />\n            </button>\n          )}\n          {onAddToCalendar && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onAddToCalendar(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n              title={tr('vibecontrols.actions.card.addToCalendar', 'Add to calendar')}\n            >\n              <CalendarClock size={14} />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            onClick={(event) => {\n              event.stopPropagation();\n              onDuplicate(action.id);\n            }}\n            className=\"p-1.5 rounded-md hover:bg-bg-elevated text-text-secondary transition-colors\"\n            title={tr('vibecontrols.actions.card.duplicate', 'Duplicate')}\n          >\n            <Copy size={14} />\n          </button>\n          <EntityShareButton\n            entity=\"action\"\n            resource={{\n              id: action.id,\n              name: action.displayName || action.name,\n              vibeId: action.vibeId ?? null,\n            }}\n            label={tr('vibecontrols.actions.card.share', 'Share')}\n          />\n          {canDelete && (\n            <button\n              type=\"button\"\n              onClick={(event) => {\n                event.stopPropagation();\n                onDelete(action.id);\n              }}\n              className=\"p-1.5 rounded-md hover:bg-status-error-bg-subtle text-status-error-text transition-colors\"\n              title={tr('vibecontrols.actions.card.delete', 'Delete')}\n            >\n              <Trash2 size={14} />\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Badges */}\n      <div className=\"flex flex-wrap items-center gap-1.5 mb-3\">\n        <ActionTypeBadge type={action.actionType} />\n        <TriggerTypeBadge type={action.triggerType} />\n        {action.sourceType && <SourceTypeBadge type={action.sourceType} />}\n      </div>\n\n      {/* Webhook target — only webhook actions have one to show. */}\n      {action.actionType === 'WEBHOOK' && action.webhookUrl && (\n        <div className=\"mb-3\">\n          <ActionWebhookEndpoint url={action.webhookUrl} method={action.webhookMethod} />\n        </div>\n      )}\n\n      {/* Linked vibe — map / unmap this action to a vibe */}\n      <div className=\"mb-3\" onClick={(event) => event.stopPropagation()}>\n        <EntityVibeLinkControl\n          entityType={VibeEntityType.Action}\n          entityId={action.id}\n          currentVibeId={action.vibeId ?? null}\n          currentVisibility={action.visibility ?? null}\n          refetchQueries={['ListActions']}\n        />\n      </div>\n\n      {/* Category and Tags */}\n      {(action.category || (action.tags && action.tags.length > 0)) && (\n        <div className=\"flex flex-wrap items-center gap-1.5 mb-3\">\n          {action.category && (\n            <span className=\"text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-secondary\">\n              {action.category}\n            </span>\n          )}\n          {action.tags?.map((tag) => (\n            <span\n              key={tag}\n              className=\"text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-placeholder\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Stats */}\n      <div className=\"flex items-center gap-4 text-xs text-text-placeholder\">\n        {/* This action prompts before it runs — worth knowing before you hit\n            Execute, and the only place the flag is visible outside the form. */}\n        {action.confirmationRequired && (\n          <span className=\"inline-flex items-center gap-1 text-status-warning-text\">\n            <AlertTriangle size={12} />\n            {tr('vibecontrols.actions.card.confirmationRequired', 'Confirmation required')}\n          </span>\n        )}\n        <span className=\"inline-flex items-center gap-1\">\n          <Hash size={12} />\n          {tr('vibecontrols.actions.card.executionRuns', '{{count}} runs', {\n            count: action.executionCount ?? 0,\n          })}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Clock size={12} />\n          {formatDate(action.lastExecutedAt)}\n        </span>\n      </div>\n    </motion.div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/actions/ActionWebhookEndpoint.js

@@ -0,0 +1,57 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { notify as t } from "../../lib/toast.js";
+import { copyTextToClipboard as n } from "../../utils/shareUrl.js";
+import { useState as r } from "react";
+import { Check as i, Copy as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/actions/ActionWebhookEndpoint.tsx
+var c = 34, l = "POST";
+function u(e) {
+	let t;
+	try {
+		let n = new URL(e);
+		t = n.pathname === "/" ? n.host : `${n.host}${n.pathname}`;
+	} catch {
+		t = e.replace(/^[a-zA-Z][a-zA-Z\d+.-]*:\/\//, "");
+	}
+	return t.length <= c ? t : `${t.slice(0, c - 1)}…`;
+}
+function d({ url: c, method: d }) {
+	let f = e(), [p, m] = r(!1), h = (d ?? l).toUpperCase(), g = u(c), _ = async () => {
+		try {
+			await n(c), m(!0), t.success(f("vibecontrols.actions.card.endpointCopied", "Webhook URL copied")), window.setTimeout(() => m(!1), 1500);
+		} catch {
+			t.error(f("vibecontrols.actions.card.endpointCopyFailed", "Could not copy — copy it manually"));
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-2 py-1.5",
+		onClick: (e) => e.stopPropagation(),
+		children: [
+			/* @__PURE__ */ o("span", {
+				className: "font-mono text-xs font-semibold text-text-secondary flex-shrink-0",
+				children: h
+			}),
+			/* @__PURE__ */ o("span", {
+				className: "flex-1 truncate font-mono text-xs text-text-placeholder",
+				title: g,
+				children: g
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: () => void _(),
+				className: "p-0.5 rounded text-text-secondary hover:text-text-primary transition-colors flex-shrink-0",
+				"aria-label": f("vibecontrols.actions.card.copyEndpoint", "Copy webhook URL"),
+				title: f("vibecontrols.actions.card.copyEndpoint", "Copy webhook URL"),
+				children: p ? /* @__PURE__ */ o(i, {
+					size: 12,
+					className: "text-status-success-text"
+				}) : /* @__PURE__ */ o(a, { size: 12 })
+			})
+		]
+	});
+}
+//#endregion
+export { d as ActionWebhookEndpoint };
+
+//# sourceMappingURL=ActionWebhookEndpoint.js.map

package/dist/components/actions/ActionWebhookEndpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionWebhookEndpoint.js","names":[],"sources":["../../../src/components/actions/ActionWebhookEndpoint.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { notify } from '@/lib/toast';\nimport { copyTextToClipboard } from '@/utils/shareUrl';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Longest endpoint string we render before eliding. Sized so a preview still\n * fits on one line inside a three-up action card at the narrowest grid step.\n */\nconst MAX_ENDPOINT_LENGTH = 34;\n\n/**\n * Webhook actions default to POST in ActionForm, so a row that predates an\n * explicit method (or a null from the API) reads as the same default here\n * instead of rendering a blank verb.\n */\nconst DEFAULT_METHOD = 'POST';\n\n/**\n * Build the at-a-glance form of a webhook target: host + path, no scheme.\n *\n * The query string is deliberately dropped from the *preview* — webhook URLs\n * routinely carry a token there (Slack, Discord, PagerDuty all do) and a card\n * in a shared library is exactly where that should not be shoulder-surfable.\n * The copy button still copies the untouched URL, so nothing is lost.\n */\nfunction formatEndpoint(rawUrl: string): string {\n  let display: string;\n  try {\n    const parsed = new URL(rawUrl);\n    display = parsed.pathname === '/' ? parsed.host : `${parsed.host}${parsed.pathname}`;\n  } catch {\n    // Not a parseable absolute URL (a template or a relative target) — strip\n    // any scheme we can recognise and show the rest verbatim.\n    display = rawUrl.replace(/^[a-zA-Z][a-zA-Z\\d+.-]*:\\/\\//, '');\n  }\n  if (display.length <= MAX_ENDPOINT_LENGTH) return display;\n  return `${display.slice(0, MAX_ENDPOINT_LENGTH - 1)}…`;\n}\n\ninterface ActionWebhookEndpointProps {\n  /** The full webhook target as stored on the action. */\n  url: string;\n  /** HTTP verb the action fires; falls back to POST when unset. */\n  method?: string | null;\n}\n\n/**\n * ActionWebhookEndpoint — the `POST hooks.slack.com/…` line on a webhook action\n * card, with one-click copy of the full URL.\n *\n * Without it a webhook action is indistinguishable from every other webhook\n * action on the library screen: the card shows the name and a \"Webhook\" badge\n * but nothing about where the request actually goes. Surfacing method + host\n * makes \"which of these three alert hooks points at the on-call channel?\"\n * answerable without opening the edit form.\n */\nexport function ActionWebhookEndpoint({ url, method }: ActionWebhookEndpointProps) {\n  const tr = useTr();\n  const [copied, setCopied] = useState(false);\n\n  const verb = (method ?? DEFAULT_METHOD).toUpperCase();\n  const endpoint = formatEndpoint(url);\n\n  const handleCopy = async (): Promise<void> => {\n    try {\n      await copyTextToClipboard(url);\n      setCopied(true);\n      notify.success(tr('vibecontrols.actions.card.endpointCopied', 'Webhook URL copied'));\n      window.setTimeout(() => setCopied(false), 1500);\n    } catch {\n      notify.error(\n        tr('vibecontrols.actions.card.endpointCopyFailed', 'Could not copy — copy it manually')\n      );\n    }\n  };\n\n  return (\n    <div\n      className=\"flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-2 py-1.5\"\n      onClick={(event) => event.stopPropagation()}\n    >\n      <span className=\"font-mono text-xs font-semibold text-text-secondary flex-shrink-0\">\n        {verb}\n      </span>\n      <span className=\"flex-1 truncate font-mono text-xs text-text-placeholder\" title={endpoint}>\n        {endpoint}\n      </span>\n      <button\n        type=\"button\"\n        onClick={() => void handleCopy()}\n        className=\"p-0.5 rounded text-text-secondary hover:text-text-primary transition-colors flex-shrink-0\"\n        aria-label={tr('vibecontrols.actions.card.copyEndpoint', 'Copy webhook URL')}\n        title={tr('vibecontrols.actions.card.copyEndpoint', 'Copy webhook URL')}\n      >\n        {copied ? <Check size={12} className=\"text-status-success-text\" /> : <Copy size={12} />}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,IAAM,IAAsB,IAOtB,IAAiB;AAUvB,SAAS,EAAe,GAAwB;CAC9C,IAAI;AACJ,KAAI;EACF,IAAM,IAAS,IAAI,IAAI,EAAO;AAC9B,MAAU,EAAO,aAAa,MAAM,EAAO,OAAO,GAAG,EAAO,OAAO,EAAO;SACpE;AAGN,MAAU,EAAO,QAAQ,gCAAgC,GAAG;;AAG9D,QADI,EAAQ,UAAU,IAA4B,IAC3C,GAAG,EAAQ,MAAM,GAAG,IAAsB,EAAE,CAAC;;AAoBtD,SAAgB,EAAsB,EAAE,QAAK,aAAsC;CACjF,IAAM,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,KAAQ,KAAU,GAAgB,aAAa,EAC/C,IAAW,EAAe,EAAI,EAE9B,IAAa,YAA2B;AAC5C,MAAI;AAIF,GAHA,MAAM,EAAoB,EAAI,EAC9B,EAAU,GAAK,EACf,EAAO,QAAQ,EAAG,4CAA4C,qBAAqB,CAAC,EACpF,OAAO,iBAAiB,EAAU,GAAM,EAAE,KAAK;UACzC;AACN,KAAO,MACL,EAAG,gDAAgD,oCAAoC,CACxF;;;AAIL,QACE,kBAAC,OAAD;EACE,WAAU;EACV,UAAU,MAAU,EAAM,iBAAiB;YAF7C;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA;GACP,kBAAC,QAAD;IAAM,WAAU;IAA0D,OAAO;cAC9E;IACI,CAAA;GACP,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,KAAK,GAAY;IAChC,WAAU;IACV,cAAY,EAAG,0CAA0C,mBAAmB;IAC5E,OAAO,EAAG,0CAA0C,mBAAmB;cAEtE,IAAS,kBAAC,GAAD;KAAO,MAAM;KAAI,WAAU;KAA6B,CAAA,GAAG,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IAChF,CAAA;GACL"}

package/dist/components/actions/index.js

@@ -1,4 +1,5 @@
 import "./ActionTypeBadge.js";
+import "./ActionWebhookEndpoint.js";
 import "./ActionCard.js";
 import "./ActionForm.js";
 import "./ExecutionHistory.js";

package/dist/components/ai/AIQueueTab.js

@@ -4,8 +4,8 @@ import { ErrorState as n } from "../shared/ErrorState.js";
 import { EmptyState as r } from "../shared/EmptyState.js";
 import { Card as i } from "../shared/Card.js";
 import "../shared/index.js";
-import { cancelQueueItem as a, fetchQueueItems as o } from "../../services/aiApi.js";
-import { notify as s } from "../../lib/toast.js";
+import { notify as a } from "../../lib/toast.js";
+import { cancelQueueItem as o, fetchQueueItems as s } from "../../services/aiApi.js";
 import { useCallback as c, useEffect as l, useState as u } from "react";
 import { AlertCircle as d, Ban as f, CheckCircle2 as p, Clock as m, ListChecks as h, Loader2 as g, RefreshCw as _, X as v } from "lucide-react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -42,7 +42,7 @@ function C({ agent: d, onNavigateToSession: f }) {
 		if (d.id) {
 			e && w(!0);
 			try {
-				g(await o(d)), E(null);
+				g(await s(d)), E(null);
 			} catch (e) {
 				E(e.message);
 			} finally {
@@ -58,9 +58,9 @@ function C({ agent: d, onNavigateToSession: f }) {
 	let A = async (e) => {
 		O(e);
 		try {
-			await a(d, e), s.success(p("aiQueue.cancelled", "Queued item cancelled")), await k(!1);
+			await o(d, e), a.success(p("aiQueue.cancelled", "Queued item cancelled")), await k(!1);
 		} catch (e) {
-			s.error(p("aiQueue.cancelFailed", "Could not cancel"), e.message);
+			a.error(p("aiQueue.cancelFailed", "Could not cancel"), e.message);
 		} finally {
 			O(null);
 		}

package/dist/components/components/ComponentHealthCell.js

@@ -0,0 +1,62 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { AlertTriangle as t, CheckCircle2 as n, XCircle as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/components/ComponentHealthCell.tsx
+function o(e) {
+	return e >= 80 ? "good" : e >= 50 ? "warn" : "bad";
+}
+var s = {
+	good: {
+		text: "text-status-success-text",
+		bar: "bg-status-success-text",
+		icon: n
+	},
+	warn: {
+		text: "text-status-warning-text",
+		bar: "bg-status-warning-text",
+		icon: t
+	},
+	bad: {
+		text: "text-status-error-text",
+		bar: "bg-status-error-text",
+		icon: r
+	}
+}, c = ({ score: t, className: n = "" }) => {
+	let r = e();
+	if (t === null) return /* @__PURE__ */ i("span", {
+		className: `text-xs text-text-muted ${n}`,
+		title: r("component.healthNone", "No scorecard yet — add scorecard metrics to track this component"),
+		children: "—"
+	});
+	let c = Math.round(t), l = Math.max(0, Math.min(100, t)), u = s[o(t)], d = u.icon;
+	return /* @__PURE__ */ a("span", {
+		className: `flex items-center justify-end gap-2 ${n}`,
+		title: r("component.healthTitle", "Scorecard health: {{score}} out of 100", { score: c }),
+		children: [
+			/* @__PURE__ */ i("span", {
+				role: "progressbar",
+				"aria-valuenow": c,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-label": r("component.columnHealth", "Health"),
+				className: "hidden h-1.5 w-16 overflow-hidden rounded-full bg-bg-sunken sm:block",
+				children: /* @__PURE__ */ i("span", {
+					className: `block h-full rounded-full ${u.bar}`,
+					style: { width: `${l}%` }
+				})
+			}),
+			/* @__PURE__ */ i("span", {
+				className: `tabular-nums text-xs font-semibold ${u.text}`,
+				children: c
+			}),
+			/* @__PURE__ */ i(d, {
+				className: `size-3.5 flex-shrink-0 ${u.text}`,
+				"aria-hidden": "true"
+			})
+		]
+	});
+};
+//#endregion
+export { c as ComponentHealthCell };
+
+//# sourceMappingURL=ComponentHealthCell.js.map

package/dist/components/components/ComponentHealthCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentHealthCell.js","names":[],"sources":["../../../src/components/components/ComponentHealthCell.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { AlertTriangle, CheckCircle2, XCircle } from 'lucide-react';\nimport { useTr } from '@/shared/hooks/useTr';\n\ntype HealthBand = 'good' | 'warn' | 'bad';\n\n/**\n * Bands mirror `scoreColor` in ScorecardsOverviewPanel so the same\n * `scorecard.overallScore` reads the same everywhere in the product.\n */\nfunction bandFor(score: number): HealthBand {\n  if (score >= 80) return 'good';\n  if (score >= 50) return 'warn';\n  return 'bad';\n}\n\nconst BAND_STYLE: Record<HealthBand, { text: string; bar: string; icon: typeof CheckCircle2 }> = {\n  good: { text: 'text-status-success-text', bar: 'bg-status-success-text', icon: CheckCircle2 },\n  warn: { text: 'text-status-warning-text', bar: 'bg-status-warning-text', icon: AlertTriangle },\n  bad: { text: 'text-status-error-text', bar: 'bg-status-error-text', icon: XCircle },\n};\n\nexport interface ComponentHealthCellProps {\n  /** Aggregate scorecard score (0-100). Null when the component has no scorecard. */\n  score: number | null;\n  className?: string;\n}\n\n/**\n * ComponentHealthCell — the score bar + value shown in the catalogue table's\n * Health column. Renders `scorecard.overallScore` only; nothing is estimated\n * client-side when the score is absent.\n */\nexport const ComponentHealthCell: FC<ComponentHealthCellProps> = ({ score, className = '' }) => {\n  const tr = useTr();\n\n  if (score === null) {\n    return (\n      <span\n        className={`text-xs text-text-muted ${className}`}\n        title={tr(\n          'component.healthNone',\n          'No scorecard yet — add scorecard metrics to track this component'\n        )}\n      >\n        &mdash;\n      </span>\n    );\n  }\n\n  const rounded = Math.round(score);\n  const pct = Math.max(0, Math.min(100, score));\n  const style = BAND_STYLE[bandFor(score)];\n  const Icon = style.icon;\n\n  return (\n    <span\n      className={`flex items-center justify-end gap-2 ${className}`}\n      title={tr('component.healthTitle', 'Scorecard health: {{score}} out of 100', {\n        score: rounded,\n      })}\n    >\n      <span\n        role=\"progressbar\"\n        aria-valuenow={rounded}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={tr('component.columnHealth', 'Health')}\n        className=\"hidden h-1.5 w-16 overflow-hidden rounded-full bg-bg-sunken sm:block\"\n      >\n        <span className={`block h-full rounded-full ${style.bar}`} style={{ width: `${pct}%` }} />\n      </span>\n      <span className={`tabular-nums text-xs font-semibold ${style.text}`}>{rounded}</span>\n      <Icon className={`size-3.5 flex-shrink-0 ${style.text}`} aria-hidden=\"true\" />\n    </span>\n  );\n};\n"],"mappings":";;;;AAUA,SAAS,EAAQ,GAA2B;AAG1C,QAFI,KAAS,KAAW,SACpB,KAAS,KAAW,SACjB;;AAGT,IAAM,IAA2F;CAC/F,MAAM;EAAE,MAAM;EAA4B,KAAK;EAA0B,MAAM;EAAc;CAC7F,MAAM;EAAE,MAAM;EAA4B,KAAK;EAA0B,MAAM;EAAe;CAC9F,KAAK;EAAE,MAAM;EAA0B,KAAK;EAAwB,MAAM;EAAS;CACpF,EAaY,KAAqD,EAAE,UAAO,eAAY,SAAS;CAC9F,IAAM,IAAK,GAAO;AAElB,KAAI,MAAU,KACZ,QACE,kBAAC,QAAD;EACE,WAAW,2BAA2B;EACtC,OAAO,EACL,wBACA,mEACD;YACF;EAEM,CAAA;CAIX,IAAM,IAAU,KAAK,MAAM,EAAM,EAC3B,IAAM,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC,EACvC,IAAQ,EAAW,EAAQ,EAAM,GACjC,IAAO,EAAM;AAEnB,QACE,kBAAC,QAAD;EACE,WAAW,uCAAuC;EAClD,OAAO,EAAG,yBAAyB,0CAA0C,EAC3E,OAAO,GACR,CAAC;YAJJ;GAME,kBAAC,QAAD;IACE,MAAK;IACL,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,cAAY,EAAG,0BAA0B,SAAS;IAClD,WAAU;cAEV,kBAAC,QAAD;KAAM,WAAW,6BAA6B,EAAM;KAAO,OAAO,EAAE,OAAO,GAAG,EAAI,IAAI;KAAI,CAAA;IACrF,CAAA;GACP,kBAAC,QAAD;IAAM,WAAW,sCAAsC,EAAM;cAAS;IAAe,CAAA;GACrF,kBAAC,GAAD;IAAM,WAAW,0BAA0B,EAAM;IAAQ,eAAY;IAAS,CAAA;GACzE"}

package/dist/components/components/ComponentTierBadge.js

@@ -0,0 +1,42 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { ScorecardTier as t } from "../../generated/wspace-types.js";
+import { ShieldCheck as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/components/ComponentTierBadge.tsx
+var a = {
+	[t.Bronze]: {
+		key: "component.tierBronze",
+		fallback: "Bronze",
+		cls: "bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border"
+	},
+	[t.Silver]: {
+		key: "component.tierSilver",
+		fallback: "Silver",
+		cls: "bg-bg-sunken text-text-secondary border border-border-strong"
+	},
+	[t.Gold]: {
+		key: "component.tierGold",
+		fallback: "Gold",
+		cls: "bg-status-success-bg-subtle text-status-success-text border border-status-success-border"
+	}
+}, o = ({ tier: t, className: o = "" }) => {
+	let s = e();
+	if (!t) return /* @__PURE__ */ r("span", {
+		className: `text-xs text-text-muted ${o}`,
+		title: s("component.tierNone", "No tier yet — this component has no tier-tagged scorecard metrics"),
+		children: "—"
+	});
+	let c = a[t], l = s(c.key, c.fallback);
+	return /* @__PURE__ */ i("span", {
+		className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold ${c.cls} ${o}`,
+		title: s("component.tierTitle", "Security readiness tier: {{tier}}", { tier: l }),
+		children: [/* @__PURE__ */ r(n, {
+			className: "size-3",
+			"aria-hidden": "true"
+		}), l]
+	});
+};
+//#endregion
+export { o as ComponentTierBadge };
+
+//# sourceMappingURL=ComponentTierBadge.js.map

package/dist/components/components/ComponentTierBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTierBadge.js","names":[],"sources":["../../../src/components/components/ComponentTierBadge.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { ShieldCheck } from 'lucide-react';\nimport { ScorecardTier } from '@/generated/wspace-types';\nimport { useTr } from '@/shared/hooks/useTr';\n\n/**\n * Token styling mirrors the TierBadge already used on the component detail\n * page's scorecard panel, so a component grades identically in the catalogue\n * table and on its own page.\n */\nconst TIER_STYLE: Record<ScorecardTier, { key: string; fallback: string; cls: string }> = {\n  [ScorecardTier.Bronze]: {\n    key: 'component.tierBronze',\n    fallback: 'Bronze',\n    cls: 'bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border',\n  },\n  [ScorecardTier.Silver]: {\n    key: 'component.tierSilver',\n    fallback: 'Silver',\n    cls: 'bg-bg-sunken text-text-secondary border border-border-strong',\n  },\n  [ScorecardTier.Gold]: {\n    key: 'component.tierGold',\n    fallback: 'Gold',\n    cls: 'bg-status-success-bg-subtle text-status-success-text border border-status-success-border',\n  },\n};\n\nexport interface ComponentTierBadgeProps {\n  /** Server-derived production-readiness tier. Null when the component has no\n   *  scorecard, or when not even BRONZE is fully met. */\n  tier: ScorecardTier | null;\n  className?: string;\n}\n\n/**\n * ComponentTierBadge — read-only view of `scorecard.securityTier`.\n * The tier is computed server-side from tier-tagged scorecard metrics; there is\n * no client-side derivation here.\n */\nexport const ComponentTierBadge: FC<ComponentTierBadgeProps> = ({ tier, className = '' }) => {\n  const tr = useTr();\n\n  if (!tier) {\n    return (\n      <span\n        className={`text-xs text-text-muted ${className}`}\n        title={tr(\n          'component.tierNone',\n          'No tier yet — this component has no tier-tagged scorecard metrics'\n        )}\n      >\n        &mdash;\n      </span>\n    );\n  }\n\n  const style = TIER_STYLE[tier];\n  const label = tr(style.key, style.fallback);\n\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold ${style.cls} ${className}`}\n      title={tr('component.tierTitle', 'Security readiness tier: {{tier}}', { tier: label })}\n    >\n      <ShieldCheck className=\"size-3\" aria-hidden=\"true\" />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAM,IAAoF;EACvF,EAAc,SAAS;EACtB,KAAK;EACL,UAAU;EACV,KAAK;EACN;EACA,EAAc,SAAS;EACtB,KAAK;EACL,UAAU;EACV,KAAK;EACN;EACA,EAAc,OAAO;EACpB,KAAK;EACL,UAAU;EACV,KAAK;EACN;CACF,EAcY,KAAmD,EAAE,SAAM,eAAY,SAAS;CAC3F,IAAM,IAAK,GAAO;AAElB,KAAI,CAAC,EACH,QACE,kBAAC,QAAD;EACE,WAAW,2BAA2B;EACtC,OAAO,EACL,sBACA,oEACD;YACF;EAEM,CAAA;CAIX,IAAM,IAAQ,EAAW,IACnB,IAAQ,EAAG,EAAM,KAAK,EAAM,SAAS;AAE3C,QACE,kBAAC,QAAD;EACE,WAAW,iFAAiF,EAAM,IAAI,GAAG;EACzG,OAAO,EAAG,uBAAuB,qCAAqC,EAAE,MAAM,GAAO,CAAC;YAFxF,CAIE,kBAAC,GAAD;GAAa,WAAU;GAAS,eAAY;GAAS,CAAA,EACpD,EACI"}