@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/shared/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../src/components/shared/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,OAAmB,EACnB,OAAO,GACR,EAAE,aAAa,2CAgEf"}

package/dist/components/shared/StatCard.js

@@ -0,0 +1,65 @@
+import { Minus as e, TrendingDown as t, TrendingUp as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AnimatedCounter as a } from "@burdenoff/fe-libs/shared/motion";
+//#region src/components/shared/StatCard.tsx
+function o({ title: o, value: s, subtitle: c, icon: l, trend: u, variant: d = "default", onClick: f }) {
+	return /* @__PURE__ */ r(f ? "button" : "div", {
+		onClick: f,
+		className: `p-4 rounded-lg border border-border-default ${{
+			default: "bg-bg-surface",
+			success: "bg-status-success-bg/10",
+			warning: "bg-status-warning-bg/10",
+			error: "bg-status-error-bg/10"
+		}[d]} ${f ? "hover:border-border-strong hover:shadow-md transition-all cursor-pointer w-full text-left" : ""}`,
+		children: /* @__PURE__ */ i("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ r("p", {
+						className: "text-sm font-medium text-text-secondary",
+						children: o
+					}), l && /* @__PURE__ */ r("div", {
+						className: `flex-shrink-0 w-8 h-8 rounded-lg flex items-center justify-center ${{
+							default: "bg-bg-sunken text-text-secondary",
+							success: "bg-status-success-bg text-status-success-text",
+							warning: "bg-status-warning-bg text-status-warning-text",
+							error: "bg-status-error-bg text-status-error-text"
+						}[d]} [&>svg]:w-4 [&>svg]:h-4`,
+						children: l
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "text-2xl font-bold text-text-primary",
+					children: typeof s == "number" ? /* @__PURE__ */ r(a, { value: s }) : s
+				}),
+				c && /* @__PURE__ */ r("p", {
+					className: "text-xs text-text-secondary",
+					children: c
+				}),
+				u && /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-1",
+					children: [
+						u.value > 0 ? /* @__PURE__ */ r(n, { className: "w-4 h-4 text-status-success-text" }) : u.value < 0 ? /* @__PURE__ */ r(t, { className: "w-4 h-4 text-status-error-text" }) : /* @__PURE__ */ r(e, { className: "w-4 h-4 text-text-secondary" }),
+						/* @__PURE__ */ i("span", {
+							className: `text-xs font-medium ${u.value > 0 ? "text-status-success-text" : u.value < 0 ? "text-status-error-text" : "text-text-secondary"}`,
+							children: [
+								u.value > 0 ? "+" : "",
+								u.value,
+								"%"
+							]
+						}),
+						u.label && /* @__PURE__ */ r("span", {
+							className: "text-xs text-text-secondary",
+							children: u.label
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { o as StatCard };
+
+//# sourceMappingURL=StatCard.js.map

package/dist/components/shared/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/components/shared/StatCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { AnimatedCounter } from '@burdenoff/fe-libs/shared/motion';\n\ninterface StatCardProps {\n  title: string;\n  value: string | number;\n  subtitle?: string;\n  icon?: ReactNode;\n  trend?: {\n    value: number;\n    label?: string;\n  };\n  variant?: 'default' | 'success' | 'warning' | 'error';\n  onClick?: () => void;\n}\n\nexport function StatCard({\n  title,\n  value,\n  subtitle,\n  icon,\n  trend,\n  variant = 'default',\n  onClick,\n}: StatCardProps) {\n  const variantStyles = {\n    default: 'bg-bg-surface',\n    success: 'bg-status-success-bg/10',\n    warning: 'bg-status-warning-bg/10',\n    error: 'bg-status-error-bg/10',\n  };\n\n  const iconVariantStyles = {\n    default: 'bg-bg-sunken text-text-secondary',\n    success: 'bg-status-success-bg text-status-success-text',\n    warning: 'bg-status-warning-bg text-status-warning-text',\n    error: 'bg-status-error-bg text-status-error-text',\n  };\n\n  const Component = onClick ? 'button' : 'div';\n\n  return (\n    <Component\n      onClick={onClick}\n      className={`p-4 rounded-lg border border-border-default ${variantStyles[variant]} ${onClick ? 'hover:border-border-strong hover:shadow-md transition-all cursor-pointer w-full text-left' : ''}`}\n    >\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <p className=\"text-sm font-medium text-text-secondary\">{title}</p>\n          {icon && (\n            <div\n              className={`flex-shrink-0 w-8 h-8 rounded-lg flex items-center justify-center ${iconVariantStyles[variant]} [&>svg]:w-4 [&>svg]:h-4`}\n            >\n              {icon}\n            </div>\n          )}\n        </div>\n        <div className=\"text-2xl font-bold text-text-primary\">\n          {typeof value === 'number' ? <AnimatedCounter value={value} /> : value}\n        </div>\n        {subtitle && <p className=\"text-xs text-text-secondary\">{subtitle}</p>}\n        {trend && (\n          <div className=\"flex items-center gap-1\">\n            {trend.value > 0 ? (\n              <TrendingUp className=\"w-4 h-4 text-status-success-text\" />\n            ) : trend.value < 0 ? (\n              <TrendingDown className=\"w-4 h-4 text-status-error-text\" />\n            ) : (\n              <Minus className=\"w-4 h-4 text-text-secondary\" />\n            )}\n            <span\n              className={`text-xs font-medium ${\n                trend.value > 0\n                  ? 'text-status-success-text'\n                  : trend.value < 0\n                    ? 'text-status-error-text'\n                    : 'text-text-secondary'\n              }`}\n            >\n              {trend.value > 0 ? '+' : ''}\n              {trend.value}%\n            </span>\n            {trend.label && <span className=\"text-xs text-text-secondary\">{trend.label}</span>}\n          </div>\n        )}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAS,EACvB,UACA,UACA,aACA,SACA,UACA,aAAU,WACV,cACgB;AAiBhB,QACE,kBAHgB,IAAU,WAAW,OAGrC;EACW;EACT,WAAW,+CAnBO;GACpB,SAAS;GACT,SAAS;GACT,SAAS;GACT,OAAO;GACR,CAc2E,GAAS,GAAG,IAAU,8FAA8F;YAE5L,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA2C;MAAU,CAAA,EACjE,KACC,kBAAC,OAAD;MACE,WAAW,qEAnBG;OACxB,SAAS;OACT,SAAS;OACT,SAAS;OACT,OAAO;OACR,CAc6G,GAAS;gBAE1G;MACG,CAAA,CAEJ;;IACN,kBAAC,OAAD;KAAK,WAAU;eACZ,OAAO,KAAU,WAAW,kBAAC,GAAD,EAAwB,UAAS,CAAA,GAAG;KAC7D,CAAA;IACL,KAAY,kBAAC,KAAD;KAAG,WAAU;eAA+B;KAAa,CAAA;IACrE,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAM,QAAQ,IACb,kBAAC,GAAD,EAAY,WAAU,oCAAqC,CAAA,GACzD,EAAM,QAAQ,IAChB,kBAAC,GAAD,EAAc,WAAU,kCAAmC,CAAA,GAE3D,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA;MAEnD,kBAAC,QAAD;OACE,WAAW,uBACT,EAAM,QAAQ,IACV,6BACA,EAAM,QAAQ,IACZ,2BACA;iBANV;QASG,EAAM,QAAQ,IAAI,MAAM;QACxB,EAAM;QAAM;QACR;;MACN,EAAM,SAAS,kBAAC,QAAD;OAAM,WAAU;iBAA+B,EAAM;OAAa,CAAA;MAC9E;;IAEJ;;EACI,CAAA"}

package/dist/components/shared/StatusBadge.d.ts

@@ -0,0 +1,11 @@
+type StatusVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral';
+interface StatusBadgeProps {
+    status: string;
+    variant?: StatusVariant;
+    size?: 'sm' | 'md';
+    showDot?: boolean;
+    pulse?: boolean;
+}
+export declare function StatusBadge({ status, variant, size, showDot, pulse, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/shared/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/shared/StatusBadge.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA6DD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,IAAW,EACX,OAAc,EACd,KAAa,GACd,EAAE,gBAAgB,2CAuBlB"}

package/dist/components/shared/StatusBadge.js

@@ -0,0 +1,63 @@
+import { Circle as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/shared/StatusBadge.tsx
+var r = {
+	ACTIVE: "success",
+	RUNNING: "success",
+	IDLE: "info",
+	REGISTERING: "info",
+	DEGRADED: "warning",
+	OFFLINE: "error",
+	DELETED: "neutral",
+	PENDING: "info",
+	STARTING: "info",
+	STOPPING: "warning",
+	STOPPED: "neutral",
+	ERROR: "error",
+	TERMINATED: "neutral",
+	INITIALIZING: "info",
+	INACTIVE: "neutral",
+	ARCHIVED: "neutral",
+	CONFLICT: "error",
+	DRAFT: "neutral",
+	PENDING_REVIEW: "info",
+	APPROVED: "success",
+	REJECTED: "error",
+	DEPRECATED: "warning",
+	INSTALLING: "info",
+	UNINSTALLING: "warning",
+	connected: "success",
+	disconnected: "neutral",
+	connecting: "info",
+	error: "error",
+	healthy: "success",
+	degraded: "warning",
+	unhealthy: "error",
+	unknown: "neutral"
+}, i = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	error: "bg-status-error-bg-subtle text-status-error-text",
+	info: "bg-status-info-bg-subtle text-status-info-text",
+	neutral: "bg-bg-sunken text-text-secondary"
+}, a = {
+	success: "text-status-success-text",
+	warning: "text-status-warning-text",
+	error: "text-status-error-text",
+	info: "text-status-info-text",
+	neutral: "text-text-secondary"
+};
+function o({ status: o, variant: s, size: c = "sm", showDot: l = !0, pulse: u = !1 }) {
+	let d = s || r[o] || "neutral", f = o.replace(/_/g, " ").toLowerCase(), p = {
+		sm: "text-xs px-2 py-0.5",
+		md: "text-sm px-2.5 py-1"
+	}, m = c === "sm" ? "w-2 h-2" : "w-2.5 h-2.5";
+	return /* @__PURE__ */ n("span", {
+		className: `inline-flex items-center gap-1.5 font-medium rounded-full capitalize ${p[c]} ${i[d]}`,
+		children: [l && /* @__PURE__ */ t(e, { className: `${m} fill-current ${a[d]} ${u ? "animate-pulse" : ""}` }), f]
+	});
+}
+//#endregion
+export { o as StatusBadge };
+
+//# sourceMappingURL=StatusBadge.js.map

package/dist/components/shared/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/components/shared/StatusBadge.tsx"],"sourcesContent":["import { Circle } from 'lucide-react';\n\ntype StatusVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral';\n\ninterface StatusBadgeProps {\n  status: string;\n  variant?: StatusVariant;\n  size?: 'sm' | 'md';\n  showDot?: boolean;\n  pulse?: boolean;\n}\n\nconst variantMap: Record<string, StatusVariant> = {\n  // Agent statuses\n  ACTIVE: 'success',\n  RUNNING: 'success',\n  IDLE: 'info',\n  REGISTERING: 'info',\n  DEGRADED: 'warning',\n  OFFLINE: 'error',\n  DELETED: 'neutral',\n  // Session statuses\n  PENDING: 'info',\n  STARTING: 'info',\n  STOPPING: 'warning',\n  STOPPED: 'neutral',\n  ERROR: 'error',\n  TERMINATED: 'neutral',\n  // Vibe statuses\n  INITIALIZING: 'info',\n  INACTIVE: 'neutral',\n  ARCHIVED: 'neutral',\n  // Port forward statuses\n  CONFLICT: 'error',\n  // Module statuses\n  DRAFT: 'neutral',\n  PENDING_REVIEW: 'info',\n  APPROVED: 'success',\n  REJECTED: 'error',\n  DEPRECATED: 'warning',\n  // Installation statuses\n  INSTALLING: 'info',\n  UNINSTALLING: 'warning',\n  // Connection statuses\n  connected: 'success',\n  disconnected: 'neutral',\n  connecting: 'info',\n  error: 'error',\n  // Health statuses\n  healthy: 'success',\n  degraded: 'warning',\n  unhealthy: 'error',\n  unknown: 'neutral',\n};\n\nconst variantStyles: Record<StatusVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  error: 'bg-status-error-bg-subtle text-status-error-text',\n  info: 'bg-status-info-bg-subtle text-status-info-text',\n  neutral: 'bg-bg-sunken text-text-secondary',\n};\n\nconst dotStyles: Record<StatusVariant, string> = {\n  success: 'text-status-success-text',\n  warning: 'text-status-warning-text',\n  error: 'text-status-error-text',\n  info: 'text-status-info-text',\n  neutral: 'text-text-secondary',\n};\n\nexport function StatusBadge({\n  status,\n  variant,\n  size = 'sm',\n  showDot = true,\n  pulse = false,\n}: StatusBadgeProps) {\n  const resolvedVariant = variant || variantMap[status] || 'neutral';\n  const displayStatus = status.replace(/_/g, ' ').toLowerCase();\n\n  const sizeStyles = {\n    sm: 'text-xs px-2 py-0.5',\n    md: 'text-sm px-2.5 py-1',\n  };\n\n  const dotSize = size === 'sm' ? 'w-2 h-2' : 'w-2.5 h-2.5';\n\n  return (\n    <span\n      className={`inline-flex items-center gap-1.5 font-medium rounded-full capitalize ${sizeStyles[size]} ${variantStyles[resolvedVariant]}`}\n    >\n      {showDot && (\n        <Circle\n          className={`${dotSize} fill-current ${dotStyles[resolvedVariant]} ${pulse ? 'animate-pulse' : ''}`}\n        />\n      )}\n      {displayStatus}\n    </span>\n  );\n}\n"],"mappings":";;;AAYA,IAAM,IAA4C;CAEhD,QAAQ;CACR,SAAS;CACT,MAAM;CACN,aAAa;CACb,UAAU;CACV,SAAS;CACT,SAAS;CAET,SAAS;CACT,UAAU;CACV,UAAU;CACV,SAAS;CACT,OAAO;CACP,YAAY;CAEZ,cAAc;CACd,UAAU;CACV,UAAU;CAEV,UAAU;CAEV,OAAO;CACP,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,YAAY;CAEZ,YAAY;CACZ,cAAc;CAEd,WAAW;CACX,cAAc;CACd,YAAY;CACZ,OAAO;CAEP,SAAS;CACT,UAAU;CACV,WAAW;CACX,SAAS;CACV,EAEK,IAA+C;CACnD,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV,EAEK,IAA2C;CAC/C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV;AAED,SAAgB,EAAY,EAC1B,WACA,YACA,UAAO,MACP,aAAU,IACV,WAAQ,MACW;CACnB,IAAM,IAAkB,KAAW,EAAW,MAAW,WACnD,IAAgB,EAAO,QAAQ,MAAM,IAAI,CAAC,aAAa,EAEvD,IAAa;EACjB,IAAI;EACJ,IAAI;EACL,EAEK,IAAU,MAAS,OAAO,YAAY;AAE5C,QACE,kBAAC,QAAD;EACE,WAAW,wEAAwE,EAAW,GAAM,GAAG,EAAc;YADvH,CAGG,KACC,kBAAC,GAAD,EACE,WAAW,GAAG,EAAQ,gBAAgB,EAAU,GAAiB,GAAG,IAAQ,kBAAkB,MAC9F,CAAA,EAEH,EACI"}

package/dist/components/shared/TagFilter.d.ts

@@ -0,0 +1,11 @@
+interface TagFilterProps {
+    /** Currently selected tag id, or 'all' for no filter. */
+    value: string;
+    /** Called with the selected tag id, or 'all' when cleared. */
+    onChange: (tagId: string) => void;
+    /** Optional label override (defaults to "Tag"). */
+    label?: string;
+}
+export declare function TagFilter({ value, onChange, label }: TagFilterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TagFilter.d.ts.map

package/dist/components/shared/TagFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagFilter.d.ts","sourceRoot":"","sources":["../../../src/components/shared/TagFilter.tsx"],"names":[],"mappings":"AAgBA,UAAU,cAAc;IACtB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,cAAc,kDAsBnE"}

package/dist/components/shared/TagFilter.js

@@ -0,0 +1,28 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { FilterDropdown as t } from "./FilterDropdown.js";
+import { useAvailableTags as n } from "../../hooks/useEntityTags.js";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/shared/TagFilter.tsx
+function a({ value: a, onChange: o, label: s }) {
+	let c = e(), l = s ?? c("vibecontrols.shared.tagFilter.label", "Tag"), { data: u } = n(50), d = r(() => {
+		let e = u?.availableVibecontrolsTags ?? [];
+		return [{
+			value: "all",
+			label: c("vibecontrols.shared.tagFilter.all", "All")
+		}, ...e.map((e) => ({
+			value: e.id,
+			label: e.label
+		}))];
+	}, [u, c]);
+	return d.length <= 1 ? null : /* @__PURE__ */ i(t, {
+		label: l,
+		options: d,
+		value: a,
+		onChange: o
+	});
+}
+//#endregion
+export { a as TagFilter };
+
+//# sourceMappingURL=TagFilter.js.map

package/dist/components/shared/TagFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagFilter.js","names":[],"sources":["../../../src/components/shared/TagFilter.tsx"],"sourcesContent":["/**\n * TagFilter — Single-select dropdown for filtering entity lists by tag.\n *\n * Wraps the shared FilterDropdown so the filter bar styling stays consistent\n * with the existing Status / Type / Platform filters. Sourced from the\n * `availableVibecontrolsTags` query so the option list always reflects the\n * tags that actually exist in the current workspace.\n *\n * Returns null when there are no available tags so the filter bar does not\n * render an empty / useless dropdown on a fresh workspace.\n */\nimport { useMemo } from 'react';\nimport { FilterDropdown } from './FilterDropdown';\nimport { useAvailableTags } from '../../hooks/useEntityTags';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface TagFilterProps {\n  /** Currently selected tag id, or 'all' for no filter. */\n  value: string;\n  /** Called with the selected tag id, or 'all' when cleared. */\n  onChange: (tagId: string) => void;\n  /** Optional label override (defaults to \"Tag\"). */\n  label?: string;\n}\n\nexport function TagFilter({ value, onChange, label }: TagFilterProps) {\n  const tr = useTr();\n  const resolvedLabel = label ?? tr('vibecontrols.shared.tagFilter.label', 'Tag');\n  const { data } = useAvailableTags(50);\n\n  const options = useMemo(() => {\n    const tags = (data?.availableVibecontrolsTags ?? []) as Array<{\n      id: string;\n      label: string;\n    }>;\n    return [\n      { value: 'all', label: tr('vibecontrols.shared.tagFilter.all', 'All') },\n      ...tags.map((t) => ({ value: t.id, label: t.label })),\n    ];\n  }, [data, tr]);\n\n  // Don't render the filter if the workspace has no tags yet.\n  if (options.length <= 1) return null;\n\n  return (\n    <FilterDropdown label={resolvedLabel} options={options} value={value} onChange={onChange} />\n  );\n}\n"],"mappings":";;;;;;AAyBA,SAAgB,EAAU,EAAE,UAAO,aAAU,YAAyB;CACpE,IAAM,IAAK,GAAO,EACZ,IAAgB,KAAS,EAAG,uCAAuC,MAAM,EACzE,EAAE,YAAS,EAAiB,GAAG,EAE/B,IAAU,QAAc;EAC5B,IAAM,IAAQ,GAAM,6BAA6B,EAAE;AAInD,SAAO,CACL;GAAE,OAAO;GAAO,OAAO,EAAG,qCAAqC,MAAM;GAAE,EACvE,GAAG,EAAK,KAAK,OAAO;GAAE,OAAO,EAAE;GAAI,OAAO,EAAE;GAAO,EAAE,CACtD;IACA,CAAC,GAAM,EAAG,CAAC;AAKd,QAFI,EAAQ,UAAU,IAAU,OAG9B,kBAAC,GAAD;EAAgB,OAAO;EAAwB;EAAgB;EAAiB;EAAY,CAAA"}

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

@@ -0,0 +1,32 @@
+export { PageHeader } from './PageHeader';
+export { EmptyState } from './EmptyState';
+export { LoadingState } from './LoadingState';
+export { ErrorState } from './ErrorState';
+export { SearchInput } from './SearchInput';
+export { FilterDropdown } from './FilterDropdown';
+export { ConfirmDialog } from './ConfirmDialog';
+export { QuotaExhaustedDialog } from './QuotaExhaustedDialog';
+export { StatusBadge } from './StatusBadge';
+export { Card } from './Card';
+export { StatCard } from './StatCard';
+export { AgentSetupBanner } from './AgentSetupBanner';
+export { InstallTabs } from './InstallTabs';
+export type { InstallTabsProps } from './InstallTabs';
+export { GetHelpButton } from './GetHelpButton';
+export { SearchableSelect } from './SearchableSelect';
+export type { SearchableSelectOption, SearchableSelectProps } from './SearchableSelect';
+export { NotificationToast, NotificationToastContainer } from './NotificationToast';
+export type { NotificationToastContainerProps } from './NotificationToast';
+export { AgentEventsConnector } from './AgentEventsConnector';
+export { SessionNotifications, ConnectionStatusIndicator } from './SessionNotificationBanner';
+export type { SessionNotificationsProps } from './SessionNotificationBanner';
+export { SelectionCheckbox } from './SelectionCheckbox';
+export { EntityTagPicker } from './EntityTagPicker';
+export { TagFilter } from './TagFilter';
+export { PluginGate } from './PluginGate';
+export type { PluginGateProps, PluginRequirement } from './PluginGate';
+export { RequireAgentReachable } from './RequireAgentReachable';
+export type { RequireAgentReachableProps } from './RequireAgentReachable';
+export { AgentSelector } from './AgentSelector';
+export type { AgentOption } from './AgentSelector';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACpF,YAAY,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC9F,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/shared/index.js

@@ -0,0 +1,24 @@
+import "./NotificationToast.js";
+import "./AgentEventsConnector.js";
+import "./PageHeader.js";
+import "./LoadingState.js";
+import "./ErrorState.js";
+import "./ConfirmDialog.js";
+import "./QuotaExhaustedDialog.js";
+import "./EmptyState.js";
+import "./SearchInput.js";
+import "./FilterDropdown.js";
+import "./StatusBadge.js";
+import "./Card.js";
+import "./StatCard.js";
+import "./InstallTabs.js";
+import "./AgentSetupBanner.js";
+import "./GetHelpButton.js";
+import "./SearchableSelect.js";
+import "./SessionNotificationBanner.js";
+import "./SelectionCheckbox.js";
+import "./EntityTagPicker.js";
+import "./TagFilter.js";
+import "./PluginGate.js";
+import "./RequireAgentReachable.js";
+import "./AgentSelector.js";

package/dist/components/targets/TargetCard.d.ts

@@ -0,0 +1,45 @@
+import { FC } from 'react';
+
+type TargetStatus = 'connected' | 'disconnected' | 'unknown';
+type TargetKind = 'DIRECT' | 'SSH' | 'RDP' | 'VNC';
+export interface TargetCardTarget {
+    id: string;
+    type: TargetKind;
+    name: string;
+    label: string | null;
+    host: string | null;
+    port: number | null;
+    username: string | null;
+    status: TargetStatus;
+    connectionId: string | null;
+    tags: string[];
+    metadata: Record<string, unknown> | null;
+    createdAt: string;
+    agents: Array<{
+        id: string;
+        name: string;
+        version: string;
+        isActive: boolean;
+    }>;
+}
+export interface TargetCardProps {
+    target: TargetCardTarget;
+    onTest?: (id: string) => void;
+    onTerminal?: (id: string) => void;
+    /**
+     * Called when the card body itself is clicked (anywhere outside the
+     * inline action buttons). Used to drill into the target detail page.
+     * Falls back to `onTerminal` when omitted to preserve existing behaviour.
+     */
+    onOpenDetail?: (id: string) => void;
+    onInstallAgent?: (target: TargetCardTarget) => void;
+    onUninstallAgent?: (target: TargetCardTarget) => void;
+    onDelete?: (id: string) => void;
+    onEdit?: (target: TargetCardTarget) => void;
+    selected?: boolean;
+    onToggleSelect?: () => void;
+    highlighted?: boolean;
+}
+export declare const TargetCard: FC<TargetCardProps>;
+export {};
+//# sourceMappingURL=TargetCard.d.ts.map

package/dist/components/targets/TargetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetCard.d.ts","sourceRoot":"","sources":["../../../src/components/targets/TargetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiBhC,KAAK,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC;AAC7D,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACjF;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAkBD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuO1C,CAAC"}

package/dist/components/targets/TargetCard.js

@@ -0,0 +1,211 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { StatusBadge as t } from "../shared/StatusBadge.js";
+import "../shared/index.js";
+import { useState as n } from "react";
+import { CheckCircle as r, Download as i, FlaskConical as a, MoreVertical as o, Pencil as s, Server as c, Terminal as l, Trash2 as u, X as d } from "lucide-react";
+import { AnimatePresence as f, motion as p } from "framer-motion";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/targets/TargetCard.tsx
+var _ = {
+	connected: {
+		variant: "success",
+		label: "Connected"
+	},
+	disconnected: {
+		variant: "error",
+		label: "Disconnected"
+	},
+	unknown: {
+		variant: "neutral",
+		label: "Unknown"
+	}
+}, v = {
+	DIRECT: "bg-accent-blue-subtle text-accent-blue",
+	SSH: "bg-status-success-bg-subtle text-status-success-text",
+	RDP: "bg-status-warning-bg-subtle text-status-warning-text",
+	VNC: "bg-accent-purple-subtle text-accent-purple"
+}, y = ({ target: y, onTest: b, onTerminal: x, onOpenDetail: S, onInstallAgent: C, onUninstallAgent: w, onDelete: T, onEdit: E, selected: D = !1, onToggleSelect: O, highlighted: k = !1 }) => {
+	let A = e(), [j, M] = n(!1), N = y.agents.length > 0;
+	return /* @__PURE__ */ g(p.div, {
+		id: `target-row-${y.id}`,
+		whileHover: {
+			y: -1,
+			transition: {
+				duration: .15,
+				ease: [
+					.4,
+					0,
+					.2,
+					1
+				]
+			}
+		},
+		whileTap: { scale: .99 },
+		className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${D ? "border-action-primary-bg ring-1 ring-action-primary-bg/30" : k ? "border-action-primary-bg bg-action-primary-bg/5 shadow-sm" : "border-border-default"}`,
+		onClick: () => (S ?? x)?.(y.id),
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
+					children: [
+						O && /* @__PURE__ */ h("button", {
+							onClick: (e) => {
+								e.stopPropagation(), O();
+							},
+							className: `flex-shrink-0 w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors mt-0.5 ${D ? "bg-action-primary-bg border-action-primary-bg text-action-primary-text" : "border-border-default hover:border-border-strong bg-bg-surface"} flex items-center justify-center`,
+							children: D && /* @__PURE__ */ h("svg", {
+								className: "w-3 h-3",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								strokeWidth: 3,
+								children: /* @__PURE__ */ h("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M5 13l4 4L19 7"
+								})
+							})
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex-shrink-0 w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
+							children: /* @__PURE__ */ h(c, { className: "w-4 h-4 sm:w-5 sm:h-5 text-text-secondary" })
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ g("div", {
+								className: "flex items-center gap-1.5 sm:gap-2 flex-wrap",
+								children: [/* @__PURE__ */ h("h3", {
+									className: "font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base",
+									children: y.name
+								}), /* @__PURE__ */ h("span", {
+									className: `inline-flex items-center px-1.5 py-0.5 text-xs font-semibold rounded ${v[y.type]}`,
+									children: y.type
+								})]
+							}), /* @__PURE__ */ h("p", {
+								className: "text-xs sm:text-sm text-text-secondary truncate",
+								children: y.host ? `${y.username ? `${y.username}@` : ""}${y.host}${y.port ? `:${y.port}` : ""}` : y.label || `ID: ${y.id.slice(0, 8)}`
+							})]
+						})
+					]
+				}), /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-1 sm:gap-2 flex-shrink-0",
+					children: [/* @__PURE__ */ h(t, {
+						status: _[y.status].label,
+						variant: _[y.status].variant
+					}), /* @__PURE__ */ g("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ h("button", {
+							onClick: (e) => {
+								e.stopPropagation(), M(!j);
+							},
+							className: "p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors flex items-center justify-center",
+							"aria-label": "Target actions menu",
+							children: /* @__PURE__ */ h(o, { className: "w-4 h-4 text-text-primary opacity-70 hover:opacity-100" })
+						}), /* @__PURE__ */ h(f, { children: j && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+							className: "fixed inset-0 z-10",
+							onClick: () => M(!1)
+						}), /* @__PURE__ */ g(p.div, {
+							initial: {
+								opacity: 0,
+								scale: .95,
+								y: -4
+							},
+							animate: {
+								opacity: 1,
+								scale: 1,
+								y: 0
+							},
+							exit: {
+								opacity: 0,
+								scale: .95,
+								y: -4
+							},
+							transition: { duration: .15 },
+							className: "absolute right-0 mt-1 w-44 bg-bg-surface border border-border-default rounded-lg shadow-lg z-20",
+							children: [
+								b && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), b(y.id), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg transition-colors",
+									children: [/* @__PURE__ */ h(a, { className: "w-4 h-4" }), A("vibecontrols.targets.testConnection", "Test Connection")]
+								}),
+								x && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), x(y.id), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ h(l, { className: "w-4 h-4" }), A("vibecontrols.targets.openTerminal", "Open Terminal")]
+								}),
+								E && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), E(y), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ h(s, { className: "w-4 h-4" }), A("vibecontrols.targets.editTarget", "Edit Target")]
+								}),
+								y.type !== "DIRECT" && !N && C && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), C(y), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-action-primary-bg hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ h(i, { className: "w-4 h-4" }), A("vibecontrols.targets.installAgent", "Install Agent")]
+								}),
+								y.type !== "DIRECT" && N && w && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), w(y), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ h(u, { className: "w-4 h-4" }), A("vibecontrols.targets.uninstallAgent", "Uninstall Agent")]
+								}),
+								T && /* @__PURE__ */ g("button", {
+									onClick: (e) => {
+										e.stopPropagation(), T(y.id), M(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg transition-colors",
+									children: [/* @__PURE__ */ h(d, { className: "w-4 h-4" }), A("vibecontrols.targets.deleteTarget", "Delete Target")]
+								})
+							]
+						})] }) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mt-3 flex items-center gap-3 text-sm",
+				children: [
+					N && /* @__PURE__ */ g("span", {
+						className: "inline-flex items-center gap-1 rounded-full border border-status-success-border px-2 py-0.5 text-xs bg-status-success-bg-subtle text-status-success-text",
+						children: [
+							/* @__PURE__ */ h(r, { size: 10 }),
+							"Agent: ",
+							y.agents[0].name
+						]
+					}),
+					y.label && !y.host && /* @__PURE__ */ h("span", {
+						className: "text-xs text-text-tertiary",
+						children: y.label
+					}),
+					y.host && y.label && /* @__PURE__ */ h("span", {
+						className: "text-xs text-text-tertiary",
+						children: y.label
+					})
+				]
+			}),
+			y.tags.length > 0 && /* @__PURE__ */ g("div", {
+				className: "mt-2 flex flex-wrap gap-1",
+				children: [y.tags.slice(0, 4).map((e) => /* @__PURE__ */ h("span", {
+					className: "px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+					children: e
+				}, e)), y.tags.length > 4 && /* @__PURE__ */ g("span", {
+					className: "px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+					children: ["+", y.tags.length - 4]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { y as TargetCard };
+
+//# sourceMappingURL=TargetCard.js.map

package/dist/components/targets/TargetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetCard.js","names":[],"sources":["../../../src/components/targets/TargetCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n  Server,\n  MoreVertical,\n  FlaskConical,\n  Terminal,\n  Download,\n  Trash2,\n  CheckCircle,\n  X,\n  Pencil,\n} from 'lucide-react';\nimport { StatusBadge } from '@/components/shared';\nimport { useTr } from '../../shared/hooks/useTr';\n\ntype TargetStatus = 'connected' | 'disconnected' | 'unknown';\ntype TargetKind = 'DIRECT' | 'SSH' | 'RDP' | 'VNC';\n\nexport interface TargetCardTarget {\n  id: string;\n  type: TargetKind;\n  name: string;\n  label: string | null;\n  host: string | null;\n  port: number | null;\n  username: string | null;\n  status: TargetStatus;\n  connectionId: string | null;\n  tags: string[];\n  metadata: Record<string, unknown> | null;\n  createdAt: string;\n  agents: Array<{ id: string; name: string; version: string; isActive: boolean }>;\n}\n\nexport interface TargetCardProps {\n  target: TargetCardTarget;\n  onTest?: (id: string) => void;\n  onTerminal?: (id: string) => void;\n  /**\n   * Called when the card body itself is clicked (anywhere outside the\n   * inline action buttons). Used to drill into the target detail page.\n   * Falls back to `onTerminal` when omitted to preserve existing behaviour.\n   */\n  onOpenDetail?: (id: string) => void;\n  onInstallAgent?: (target: TargetCardTarget) => void;\n  onUninstallAgent?: (target: TargetCardTarget) => void;\n  onDelete?: (id: string) => void;\n  onEdit?: (target: TargetCardTarget) => void;\n  selected?: boolean;\n  onToggleSelect?: () => void;\n  highlighted?: boolean;\n}\n\nconst statusConfig: Record<\n  TargetStatus,\n  { variant: 'success' | 'error' | 'neutral'; label: string }\n> = {\n  connected: { variant: 'success', label: 'Connected' },\n  disconnected: { variant: 'error', label: 'Disconnected' },\n  unknown: { variant: 'neutral', label: 'Unknown' },\n};\n\nconst typeBadgeClass: Record<TargetKind, string> = {\n  DIRECT: 'bg-accent-blue-subtle text-accent-blue',\n  SSH: 'bg-status-success-bg-subtle text-status-success-text',\n  RDP: 'bg-status-warning-bg-subtle text-status-warning-text',\n  VNC: 'bg-accent-purple-subtle text-accent-purple',\n};\n\nexport const TargetCard: FC<TargetCardProps> = ({\n  target,\n  onTest,\n  onTerminal,\n  onOpenDetail,\n  onInstallAgent,\n  onUninstallAgent,\n  onDelete,\n  onEdit,\n  selected = false,\n  onToggleSelect,\n  highlighted = false,\n}) => {\n  const tr = useTr();\n  const [showMenu, setShowMenu] = useState(false);\n  const installed = target.agents.length > 0;\n\n  return (\n    <motion.div\n      id={`target-row-${target.id}`}\n      whileHover={{ y: -1, transition: { duration: 0.15, ease: [0.4, 0, 0.2, 1] } }}\n      whileTap={{ scale: 0.99 }}\n      className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${\n        selected\n          ? 'border-action-primary-bg ring-1 ring-action-primary-bg/30'\n          : highlighted\n            ? 'border-action-primary-bg bg-action-primary-bg/5 shadow-sm'\n            : 'border-border-default'\n      }`}\n      onClick={() => (onOpenDetail ?? onTerminal)?.(target.id)}\n    >\n      {/* Top row: checkbox + icon + name + badges */}\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n          {onToggleSelect && (\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                onToggleSelect();\n              }}\n              className={`flex-shrink-0 w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors mt-0.5 ${\n                selected\n                  ? 'bg-action-primary-bg border-action-primary-bg text-action-primary-text'\n                  : 'border-border-default hover:border-border-strong bg-bg-surface'\n              } flex items-center justify-center`}\n            >\n              {selected && (\n                <svg\n                  className=\"w-3 h-3\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                  strokeWidth={3}\n                >\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n                </svg>\n              )}\n            </button>\n          )}\n          <div className=\"flex-shrink-0 w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-bg-sunken flex items-center justify-center\">\n            <Server className=\"w-4 h-4 sm:w-5 sm:h-5 text-text-secondary\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-center gap-1.5 sm:gap-2 flex-wrap\">\n              <h3 className=\"font-semibold text-text-primary truncate max-w-[120px] sm:max-w-none text-sm sm:text-base\">\n                {target.name}\n              </h3>\n              <span\n                className={`inline-flex items-center px-1.5 py-0.5 text-xs font-semibold rounded ${typeBadgeClass[target.type]}`}\n              >\n                {target.type}\n              </span>\n            </div>\n            <p className=\"text-xs sm:text-sm text-text-secondary truncate\">\n              {target.host\n                ? `${target.username ? `${target.username}@` : ''}${target.host}${target.port ? `:${target.port}` : ''}`\n                : target.label || `ID: ${target.id.slice(0, 8)}`}\n            </p>\n          </div>\n        </div>\n\n        {/* Status + actions menu */}\n        <div className=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n          <StatusBadge\n            status={statusConfig[target.status].label}\n            variant={statusConfig[target.status].variant}\n          />\n          <div className=\"relative\">\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                setShowMenu(!showMenu);\n              }}\n              className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors flex items-center justify-center\"\n              aria-label=\"Target actions menu\"\n            >\n              <MoreVertical className=\"w-4 h-4 text-text-primary opacity-70 hover:opacity-100\" />\n            </button>\n            <AnimatePresence>\n              {showMenu && (\n                <>\n                  <div className=\"fixed inset-0 z-10\" onClick={() => setShowMenu(false)} />\n                  <motion.div\n                    initial={{ opacity: 0, scale: 0.95, y: -4 }}\n                    animate={{ opacity: 1, scale: 1, y: 0 }}\n                    exit={{ opacity: 0, scale: 0.95, y: -4 }}\n                    transition={{ duration: 0.15 }}\n                    className=\"absolute right-0 mt-1 w-44 bg-bg-surface border border-border-default rounded-lg shadow-lg z-20\"\n                  >\n                    {onTest && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onTest(target.id);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg transition-colors\"\n                      >\n                        <FlaskConical className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.testConnection', 'Test Connection')}\n                      </button>\n                    )}\n                    {onTerminal && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onTerminal(target.id);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n                      >\n                        <Terminal className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.openTerminal', 'Open Terminal')}\n                      </button>\n                    )}\n                    {onEdit && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onEdit(target);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n                      >\n                        <Pencil className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.editTarget', 'Edit Target')}\n                      </button>\n                    )}\n                    {target.type !== 'DIRECT' && !installed && onInstallAgent && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onInstallAgent(target);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-action-primary-bg hover:bg-bg-sunken transition-colors\"\n                      >\n                        <Download className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.installAgent', 'Install Agent')}\n                      </button>\n                    )}\n                    {target.type !== 'DIRECT' && installed && onUninstallAgent && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onUninstallAgent(target);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors\"\n                      >\n                        <Trash2 className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.uninstallAgent', 'Uninstall Agent')}\n                      </button>\n                    )}\n                    {onDelete && (\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onDelete(target.id);\n                          setShowMenu(false);\n                        }}\n                        className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg transition-colors\"\n                      >\n                        <X className=\"w-4 h-4\" />\n                        {tr('vibecontrols.targets.deleteTarget', 'Delete Target')}\n                      </button>\n                    )}\n                  </motion.div>\n                </>\n              )}\n            </AnimatePresence>\n          </div>\n        </div>\n      </div>\n\n      {/* Agent info */}\n      <div className=\"mt-3 flex items-center gap-3 text-sm\">\n        {installed && (\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border px-2 py-0.5 text-xs bg-status-success-bg-subtle text-status-success-text\">\n            <CheckCircle size={10} />\n            Agent: {target.agents[0].name}\n          </span>\n        )}\n        {target.label && !target.host && (\n          <span className=\"text-xs text-text-tertiary\">{target.label}</span>\n        )}\n        {target.host && target.label && (\n          <span className=\"text-xs text-text-tertiary\">{target.label}</span>\n        )}\n      </div>\n\n      {/* Tags */}\n      {target.tags.length > 0 && (\n        <div className=\"mt-2 flex flex-wrap gap-1\">\n          {target.tags.slice(0, 4).map((tag) => (\n            <span\n              key={tag}\n              className=\"px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n            >\n              {tag}\n            </span>\n          ))}\n          {target.tags.length > 4 && (\n            <span className=\"px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n              +{target.tags.length - 4}\n            </span>\n          )}\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/targets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/targets/index.js

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

package/dist/components/templates/TemplateCard.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+
+export interface TemplateCardData {
+    id: string;
+    name: string;
+    description: string | null;
+    category: string | null;
+    cloneCount: number;
+    tags: string[];
+    createdAt: string;
+    updatedAt: string;
+}
+export interface TemplateCardProps {
+    template: TemplateCardData;
+    onOpen?: (template: TemplateCardData) => void;
+    className?: string;
+}
+export declare const TemplateCard: FC<TemplateCardProps>;
+//# sourceMappingURL=TemplateCard.d.ts.map

package/dist/components/templates/TemplateCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateCard.d.ts","sourceRoot":"","sources":["../../../src/components/templates/TemplateCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC"}