@burdenoff/microfe-vibecontrols 2026.826.1 → 2026.829.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/agent-manager/BridleConfigPanel.js

@@ -179,11 +179,11 @@ function g({ agent: g }) {
 								/* @__PURE__ */ p("div", {
 									className: "flex gap-2",
 									children: /* @__PURE__ */ p("input", {
-										"aria-label": "e.g., work, personal, minimal",
+										"aria-label": _("vibecontrols.agentManager.bridle.profileNameAriaLabel", "Profile name"),
 										type: "text",
 										value: S,
 										onChange: (e) => C(e.target.value),
-										placeholder: "e.g., work, personal, minimal",
+										placeholder: _("vibecontrols.agentManager.bridle.profileNamePlaceholder", "e.g., work, personal, minimal"),
 										className: "flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 									})
 								}),
@@ -237,11 +237,11 @@ function g({ agent: g }) {
 							/* @__PURE__ */ m("div", {
 								className: "flex gap-2",
 								children: [/* @__PURE__ */ p("input", {
-									"aria-label": "owner/repo or full GitHub URL",
+									"aria-label": _("vibecontrols.agentManager.bridle.installSourceAriaLabel", "GitHub repository or full URL"),
 									type: "text",
 									value: w,
 									onChange: (e) => T(e.target.value),
-									placeholder: "owner/repo or full GitHub URL",
+									placeholder: _("vibecontrols.agentManager.bridle.installSourcePlaceholder", "owner/repo or full GitHub URL"),
 									className: "flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								}), /* @__PURE__ */ m("button", {
 									type: "button",
@@ -275,27 +275,27 @@ function g({ agent: g }) {
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "bridleconfigpanel-4",
 									className: "block text-xs font-medium text-text-secondary mb-1",
-									children: "Key"
+									children: _("vibecontrols.agentManager.bridle.configKeyLabel", "Key")
 								}), /* @__PURE__ */ p("input", {
 									id: "bridleconfigpanel-4",
-									"aria-label": "e.g., editor, default_harness, profile_marker",
+									"aria-label": _("vibecontrols.agentManager.bridle.configKeyAriaLabel", "Configuration key"),
 									type: "text",
 									value: E,
 									onChange: (e) => D(e.target.value),
-									placeholder: "e.g., editor, default_harness, profile_marker",
+									placeholder: _("vibecontrols.agentManager.bridle.configKeyPlaceholder", "e.g., editor, default_harness, profile_marker"),
 									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "bridleconfigpanel-3",
 									className: "block text-xs font-medium text-text-secondary mb-1",
-									children: "Value"
+									children: _("vibecontrols.agentManager.bridle.configValueLabel", "Value")
 								}), /* @__PURE__ */ p("input", {
 									id: "bridleconfigpanel-3",
-									"aria-label": "value",
+									"aria-label": _("vibecontrols.agentManager.bridle.configValueAriaLabel", "Configuration value"),
 									type: "text",
 									value: O,
 									onChange: (e) => k(e.target.value),
-									placeholder: "value",
+									placeholder: _("vibecontrols.agentManager.bridle.configValuePlaceholder", "value"),
 									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								})] }),
 								/* @__PURE__ */ m("div", {