@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/gitops/CIPipelineRunsTable.js

@@ -0,0 +1,144 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { formatDuration as t, relativeTime as n } from "../../utils/relativeTime.js";
+import { GitOpsStatusBadge as r } from "./GitOpsStatusBadge.js";
+import { ExternalLink as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/gitops/CIPipelineRunsTable.tsx
+var s = ({ runs: s }) => {
+	let c = e();
+	return s.length === 0 ? /* @__PURE__ */ a("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl p-5",
+		children: /* @__PURE__ */ a("p", {
+			className: "text-sm text-text-secondary text-center",
+			children: c("vibecontrols.gitops.ciTab.noRuns", "No pipeline runs found")
+		})
+	}) : /* @__PURE__ */ o("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm overflow-hidden",
+		children: [/* @__PURE__ */ a("div", {
+			className: "hidden md:block overflow-x-auto",
+			children: /* @__PURE__ */ o("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", {
+					className: "border-b border-border-default",
+					children: [
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnStatus", "Status")
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnWorkflow", "Workflow")
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnBranch", "Branch")
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnTrigger", "Trigger")
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnDuration", "Duration")
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "text-left text-xs font-medium text-text-secondary px-4 py-3",
+							children: c("vibecontrols.gitops.ciTab.columnTime", "Time")
+						}),
+						/* @__PURE__ */ a("th", { className: "px-4 py-3" })
+					]
+				}) }), /* @__PURE__ */ a("tbody", { children: s.map((e) => /* @__PURE__ */ o("tr", {
+					className: "border-b border-border-default last:border-b-0 hover:bg-bg-sunken/50 transition-colors",
+					children: [
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3",
+							children: /* @__PURE__ */ a(r, {
+								status: e.status,
+								conclusion: e.conclusion
+							})
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3 text-text-primary font-medium truncate max-w-[200px]",
+							children: e.workflowName
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3",
+							children: /* @__PURE__ */ a("span", {
+								className: "inline-block text-xs font-mono bg-bg-sunken text-text-secondary rounded px-1.5 py-0.5",
+								children: e.branch
+							})
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3 text-text-secondary",
+							children: e.event ?? "-"
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3 text-text-secondary tabular-nums",
+							children: t(e.durationSeconds)
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3 text-text-secondary",
+							children: n(e.startedAt)
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-3",
+							children: e.url && /* @__PURE__ */ a("a", {
+								href: e.url,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "text-action-primary-text hover:underline",
+								children: /* @__PURE__ */ a(i, { className: "w-3.5 h-3.5" })
+							})
+						})
+					]
+				}, e.id)) })]
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "md:hidden divide-y divide-border-default",
+			children: s.map((e) => /* @__PURE__ */ o("div", {
+				className: "p-4 space-y-2",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ a(r, {
+							status: e.status,
+							conclusion: e.conclusion
+						}), /* @__PURE__ */ a("span", {
+							className: "text-xs text-text-secondary",
+							children: n(e.startedAt)
+						})]
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: e.workflowName
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "flex items-center gap-3 text-xs text-text-secondary",
+						children: [
+							/* @__PURE__ */ a("span", {
+								className: "inline-block font-mono bg-bg-sunken rounded px-1.5 py-0.5",
+								children: e.branch
+							}),
+							/* @__PURE__ */ a("span", { children: e.event ?? "-" }),
+							/* @__PURE__ */ a("span", {
+								className: "tabular-nums",
+								children: t(e.durationSeconds)
+							})
+						]
+					}),
+					e.url && /* @__PURE__ */ o("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "inline-flex items-center gap-1 text-xs text-action-primary-text hover:underline",
+						children: [/* @__PURE__ */ a(i, { className: "w-3 h-3" }), c("vibecontrols.gitops.ciTab.viewRun", "View run")]
+					})
+				]
+			}, e.id))
+		})]
+	});
+};
+//#endregion
+export { s as CIPipelineRunsTable };
+
+//# sourceMappingURL=CIPipelineRunsTable.js.map

package/dist/components/gitops/CIPipelineRunsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIPipelineRunsTable.js","names":[],"sources":["../../../src/components/gitops/CIPipelineRunsTable.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { ExternalLink } from 'lucide-react';\nimport { GitOpsStatusBadge } from './GitOpsStatusBadge';\nimport { relativeTime, formatDuration } from '@/utils/relativeTime';\nimport type { CIPipelineRun } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface CIPipelineRunsTableProps {\n  runs: CIPipelineRun[];\n}\n\n/**\n * CIPipelineRunsTable renders pipeline runs as a table on desktop\n * and as cards on mobile.\n */\nexport const CIPipelineRunsTable: FC<CIPipelineRunsTableProps> = ({ runs }) => {\n  const tr = useTr();\n  if (runs.length === 0) {\n    return (\n      <div className=\"bg-bg-surface border border-border-default rounded-xl p-5\">\n        <p className=\"text-sm text-text-secondary text-center\">\n          {tr('vibecontrols.gitops.ciTab.noRuns', 'No pipeline runs found')}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm overflow-hidden\">\n      {/* Desktop table */}\n      <div className=\"hidden md:block overflow-x-auto\">\n        <table className=\"w-full text-sm\">\n          <thead>\n            <tr className=\"border-b border-border-default\">\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnStatus', 'Status')}\n              </th>\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnWorkflow', 'Workflow')}\n              </th>\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnBranch', 'Branch')}\n              </th>\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnTrigger', 'Trigger')}\n              </th>\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnDuration', 'Duration')}\n              </th>\n              <th className=\"text-left text-xs font-medium text-text-secondary px-4 py-3\">\n                {tr('vibecontrols.gitops.ciTab.columnTime', 'Time')}\n              </th>\n              <th className=\"px-4 py-3\" />\n            </tr>\n          </thead>\n          <tbody>\n            {runs.map((run) => (\n              <tr\n                key={run.id}\n                className=\"border-b border-border-default last:border-b-0 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <td className=\"px-4 py-3\">\n                  <GitOpsStatusBadge status={run.status} conclusion={run.conclusion} />\n                </td>\n                <td className=\"px-4 py-3 text-text-primary font-medium truncate max-w-[200px]\">\n                  {run.workflowName}\n                </td>\n                <td className=\"px-4 py-3\">\n                  <span className=\"inline-block text-xs font-mono bg-bg-sunken text-text-secondary rounded px-1.5 py-0.5\">\n                    {run.branch}\n                  </span>\n                </td>\n                <td className=\"px-4 py-3 text-text-secondary\">{run.event ?? '-'}</td>\n                <td className=\"px-4 py-3 text-text-secondary tabular-nums\">\n                  {formatDuration(run.durationSeconds)}\n                </td>\n                <td className=\"px-4 py-3 text-text-secondary\">{relativeTime(run.startedAt)}</td>\n                <td className=\"px-4 py-3\">\n                  {run.url && (\n                    <a\n                      href={run.url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"text-action-primary-text hover:underline\"\n                    >\n                      <ExternalLink className=\"w-3.5 h-3.5\" />\n                    </a>\n                  )}\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Mobile card layout */}\n      <div className=\"md:hidden divide-y divide-border-default\">\n        {runs.map((run) => (\n          <div key={run.id} className=\"p-4 space-y-2\">\n            <div className=\"flex items-center justify-between\">\n              <GitOpsStatusBadge status={run.status} conclusion={run.conclusion} />\n              <span className=\"text-xs text-text-secondary\">{relativeTime(run.startedAt)}</span>\n            </div>\n            <p className=\"text-sm font-medium text-text-primary\">{run.workflowName}</p>\n            <div className=\"flex items-center gap-3 text-xs text-text-secondary\">\n              <span className=\"inline-block font-mono bg-bg-sunken rounded px-1.5 py-0.5\">\n                {run.branch}\n              </span>\n              <span>{run.event ?? '-'}</span>\n              <span className=\"tabular-nums\">{formatDuration(run.durationSeconds)}</span>\n            </div>\n            {run.url && (\n              <a\n                href={run.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"inline-flex items-center gap-1 text-xs text-action-primary-text hover:underline\"\n              >\n                <ExternalLink className=\"w-3 h-3\" />\n                {tr('vibecontrols.gitops.ciTab.viewRun', 'View run')}\n              </a>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/gitops/CISuccessRateChart.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+interface CISuccessRateChartProps {
+    successRate: number | null;
+    totalRuns: number | null;
+}
+/**
+ * CISuccessRateChart renders a small card with the current success rate
+ * as a large number and a decorative area chart.
+ */
+export declare const CISuccessRateChart: FC<CISuccessRateChartProps>;
+export {};
+//# sourceMappingURL=CISuccessRateChart.d.ts.map

package/dist/components/gitops/CISuccessRateChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CISuccessRateChart.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CISuccessRateChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA6E1D,CAAC"}

package/dist/components/gitops/CISuccessRateChart.js

@@ -0,0 +1,101 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as n } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Area as r } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { AreaChart as i } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useMemo as a } from "react";
+import { CheckCircle2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/gitops/CISuccessRateChart.tsx
+var l = "var(--color-status-success-text)", u = ({ successRate: u, totalRuns: d }) => {
+	let f = e(), p = a(() => {
+		let e = u ?? 0, t = Math.max(e - 15, 0);
+		return [
+			{ v: t + Math.random() * 10 },
+			{ v: t + 5 + Math.random() * 10 },
+			{ v: t + 2 + Math.random() * 8 },
+			{ v: t + 8 + Math.random() * 10 },
+			{ v: t + 3 + Math.random() * 10 },
+			{ v: t + 10 + Math.random() * 5 },
+			{ v: Math.min(e, 100) }
+		];
+	}, [u]), m = (u ?? 0) >= 80 ? "text-status-success-text" : (u ?? 0) >= 50 ? "text-status-warning-text" : "text-status-error-text";
+	return /* @__PURE__ */ c("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2 mb-2",
+				children: [/* @__PURE__ */ s(o, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ s("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: f("vibecontrols.gitops.ciTab.successRate", "Success Rate")
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex items-end justify-between mb-3",
+				children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+					className: `text-3xl font-bold ${m}`,
+					children: u == null ? "-" : `${u.toFixed(0)}%`
+				}), d != null && /* @__PURE__ */ c("p", {
+					className: "text-xs text-text-secondary mt-0.5",
+					children: [d, " runs (last 30d)"]
+				})] })
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "h-16",
+				children: /* @__PURE__ */ s(n, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ c(i, {
+						data: p,
+						margin: {
+							top: 0,
+							right: 0,
+							left: 0,
+							bottom: 0
+						},
+						children: [
+							/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ c("linearGradient", {
+								id: "successGradient",
+								x1: "0",
+								y1: "0",
+								x2: "0",
+								y2: "1",
+								children: [/* @__PURE__ */ s("stop", {
+									offset: "0%",
+									stopColor: l,
+									stopOpacity: .3
+								}), /* @__PURE__ */ s("stop", {
+									offset: "100%",
+									stopColor: l,
+									stopOpacity: 0
+								})]
+							}) }),
+							/* @__PURE__ */ s(t, {
+								contentStyle: {
+									background: "var(--color-bg-surface)",
+									border: "1px solid var(--color-border-default)",
+									borderRadius: "6px",
+									fontSize: "11px"
+								},
+								formatter: (e) => [`${e.toFixed(0)}%`, "Rate"],
+								labelFormatter: () => ""
+							}),
+							/* @__PURE__ */ s(r, {
+								type: "monotone",
+								dataKey: "v",
+								stroke: l,
+								fill: "url(#successGradient)",
+								strokeWidth: 2,
+								dot: !1
+							})
+						]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { u as CISuccessRateChart };
+
+//# sourceMappingURL=CISuccessRateChart.js.map

package/dist/components/gitops/CISuccessRateChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CISuccessRateChart.js","names":[],"sources":["../../../src/components/gitops/CISuccessRateChart.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { ResponsiveContainer, AreaChart, Area, Tooltip } from 'recharts';\nimport { CheckCircle2 } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\nconst SUCCESS_CHART_COLOR = 'var(--color-status-success-text)';\n\ninterface CISuccessRateChartProps {\n  successRate: number | null;\n  totalRuns: number | null;\n}\n\n/**\n * CISuccessRateChart renders a small card with the current success rate\n * as a large number and a decorative area chart.\n */\nexport const CISuccessRateChart: FC<CISuccessRateChartProps> = ({ successRate, totalRuns }) => {\n  const tr = useTr();\n  // Generate a simple sparkline shape based on the success rate\n  const chartData = useMemo(() => {\n    const rate = successRate ?? 0;\n    // Create a 7-point sparkline that trends toward the current rate\n    const base = Math.max(rate - 15, 0);\n    return [\n      { v: base + Math.random() * 10 },\n      { v: base + 5 + Math.random() * 10 },\n      { v: base + 2 + Math.random() * 8 },\n      { v: base + 8 + Math.random() * 10 },\n      { v: base + 3 + Math.random() * 10 },\n      { v: base + 10 + Math.random() * 5 },\n      { v: Math.min(rate, 100) },\n    ];\n  }, [successRate]);\n\n  const rateColor =\n    (successRate ?? 0) >= 80\n      ? 'text-status-success-text'\n      : (successRate ?? 0) >= 50\n        ? 'text-status-warning-text'\n        : 'text-status-error-text';\n\n  return (\n    <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm p-5\">\n      <div className=\"flex items-center gap-2 mb-2\">\n        <CheckCircle2 className=\"w-5 h-5 text-text-secondary\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.ciTab.successRate', 'Success Rate')}\n        </h3>\n      </div>\n\n      <div className=\"flex items-end justify-between mb-3\">\n        <div>\n          <p className={`text-3xl font-bold ${rateColor}`}>\n            {successRate != null ? `${successRate.toFixed(0)}%` : '-'}\n          </p>\n          {totalRuns != null && (\n            <p className=\"text-xs text-text-secondary mt-0.5\">{totalRuns} runs (last 30d)</p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"h-16\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <AreaChart data={chartData} margin={{ top: 0, right: 0, left: 0, bottom: 0 }}>\n            <defs>\n              <linearGradient id=\"successGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={SUCCESS_CHART_COLOR} stopOpacity={0.3} />\n                <stop offset=\"100%\" stopColor={SUCCESS_CHART_COLOR} stopOpacity={0} />\n              </linearGradient>\n            </defs>\n            <Tooltip\n              contentStyle={{\n                background: 'var(--color-bg-surface)',\n                border: '1px solid var(--color-border-default)',\n                borderRadius: '6px',\n                fontSize: '11px',\n              }}\n              formatter={(value: number) => [`${value.toFixed(0)}%`, 'Rate']}\n              labelFormatter={() => ''}\n            />\n            <Area\n              type=\"monotone\"\n              dataKey=\"v\"\n              stroke={SUCCESS_CHART_COLOR}\n              fill=\"url(#successGradient)\"\n              strokeWidth={2}\n              dot={false}\n            />\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAMA,IAAM,IAAsB,oCAWf,KAAmD,EAAE,gBAAa,mBAAgB;CAC7F,IAAM,IAAK,GAAO,EAEZ,IAAY,QAAc;EAC9B,IAAM,IAAO,KAAe,GAEtB,IAAO,KAAK,IAAI,IAAO,IAAI,EAAE;AACnC,SAAO;GACL,EAAE,GAAG,IAAO,KAAK,QAAQ,GAAG,IAAI;GAChC,EAAE,GAAG,IAAO,IAAI,KAAK,QAAQ,GAAG,IAAI;GACpC,EAAE,GAAG,IAAO,IAAI,KAAK,QAAQ,GAAG,GAAG;GACnC,EAAE,GAAG,IAAO,IAAI,KAAK,QAAQ,GAAG,IAAI;GACpC,EAAE,GAAG,IAAO,IAAI,KAAK,QAAQ,GAAG,IAAI;GACpC,EAAE,GAAG,IAAO,KAAK,KAAK,QAAQ,GAAG,GAAG;GACpC,EAAE,GAAG,KAAK,IAAI,GAAM,IAAI,EAAE;GAC3B;IACA,CAAC,EAAY,CAAC,EAEX,KACH,KAAe,MAAM,KAClB,8BACC,KAAe,MAAM,KACpB,6BACA;AAER,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,EACxD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,yCAAyC,eAAe;KACzD,CAAA,CACD;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAW,sBAAsB;eACjC,KAAe,OAAsC,MAA/B,GAAG,EAAY,QAAQ,EAAE,CAAC;KAC/C,CAAA,EACH,KAAa,QACZ,kBAAC,KAAD;KAAG,WAAU;eAAb,CAAmD,GAAU,mBAAoB;OAE/E,EAAA,CAAA;IACF,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAqB,OAAM;KAAO,QAAO;eACvC,kBAAC,GAAD;MAAW,MAAM;MAAW,QAAQ;OAAE,KAAK;OAAG,OAAO;OAAG,MAAM;OAAG,QAAQ;OAAG;gBAA5E;OACE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;QAAgB,IAAG;QAAkB,IAAG;QAAI,IAAG;QAAI,IAAG;QAAI,IAAG;kBAA7D,CACE,kBAAC,QAAD;SAAM,QAAO;SAAK,WAAW;SAAqB,aAAa;SAAO,CAAA,EACtE,kBAAC,QAAD;SAAM,QAAO;SAAO,WAAW;SAAqB,aAAa;SAAK,CAAA,CACvD;WACZ,CAAA;OACP,kBAAC,GAAD;QACE,cAAc;SACZ,YAAY;SACZ,QAAQ;SACR,cAAc;SACd,UAAU;SACX;QACD,YAAY,MAAkB,CAAC,GAAG,EAAM,QAAQ,EAAE,CAAC,IAAI,OAAO;QAC9D,sBAAsB;QACtB,CAAA;OACF,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,QAAQ;QACR,MAAK;QACL,aAAa;QACb,KAAK;QACL,CAAA;OACQ;;KACQ,CAAA;IAClB,CAAA;GACF"}

package/dist/components/gitops/CITab.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { CIStatus } from './types';
+
+interface CITabProps {
+    status: CIStatus | null;
+    loading: boolean;
+    error?: string;
+}
+/**
+ * CITab is the container for CI/CD status information.
+ * Renders workflow list, stats charts, pipeline runs table, and failed runs.
+ */
+export declare const CITab: FC<CITabProps>;
+export {};
+//# sourceMappingURL=CITab.d.ts.map

package/dist/components/gitops/CITab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CITab.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CITab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,UAAU;IAClB,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0EhC,CAAC"}

package/dist/components/gitops/CITab.js

@@ -0,0 +1,55 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { GitOpsSkeleton as t } from "./GitOpsSkeleton.js";
+import { CIWorkflowList as n } from "./CIWorkflowList.js";
+import { CISuccessRateChart as r } from "./CISuccessRateChart.js";
+import { CIDurationChart as i } from "./CIDurationChart.js";
+import { CIPipelineRunsTable as a } from "./CIPipelineRunsTable.js";
+import { CIFailedRuns as o } from "./CIFailedRuns.js";
+import { AlertTriangle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { MotionItem as u, MotionList as d } from "@burdenoff/fe-libs/shared/motion";
+//#region src/components/gitops/CITab.tsx
+var f = ({ status: f, loading: p, error: m }) => {
+	let h = e();
+	return p ? /* @__PURE__ */ c(t, { variant: "ci" }) : m ? /* @__PURE__ */ l("div", {
+		className: "flex items-center gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-border-default",
+		children: [/* @__PURE__ */ c(s, { className: "w-5 h-5 text-status-error-text flex-shrink-0" }), /* @__PURE__ */ c("p", {
+			className: "text-sm text-status-error-text",
+			children: m
+		})]
+	}) : f ? /* @__PURE__ */ l(d, {
+		stagger: .04,
+		className: "space-y-4",
+		children: [
+			f.workflows.length > 0 && /* @__PURE__ */ c(u, { children: /* @__PURE__ */ l("div", {
+				className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-4",
+				children: [/* @__PURE__ */ c("h3", {
+					className: "text-sm font-semibold text-text-primary mb-3",
+					children: h("vibecontrols.gitops.ciTab.workflows", "Workflows")
+				}), /* @__PURE__ */ c(n, { workflows: f.workflows })]
+			}) }),
+			/* @__PURE__ */ c(u, { children: /* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ c(r, {
+					successRate: f.successRate ?? null,
+					totalRuns: f.totalRunsLast30Days ?? null
+				}), /* @__PURE__ */ c(i, { averageDuration: f.averageDurationSeconds ?? null })]
+			}) }),
+			f.recentRuns.some((e) => e.conclusion === "failure" || e.conclusion === "failed" || e.conclusion === "timed_out") && /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(o, { runs: f.recentRuns }) }),
+			/* @__PURE__ */ c(u, { children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h3", {
+				className: "text-sm font-semibold text-text-primary mb-3",
+				children: h("vibecontrols.gitops.ciTab.recentRuns", "Recent Runs")
+			}), /* @__PURE__ */ c(a, { runs: f.recentRuns })] }) })
+		]
+	}) : /* @__PURE__ */ c("div", {
+		className: "flex flex-col items-center justify-center py-12 text-center",
+		children: /* @__PURE__ */ c("p", {
+			className: "text-sm text-text-secondary",
+			children: h("vibecontrols.gitops.ciTab.noData", "No CI/CD data available. Click refresh to fetch the latest pipeline status.")
+		})
+	});
+};
+//#endregion
+export { f as CITab };
+
+//# sourceMappingURL=CITab.js.map

package/dist/components/gitops/CITab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CITab.js","names":[],"sources":["../../../src/components/gitops/CITab.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { GitOpsSkeleton } from './GitOpsSkeleton';\nimport { CIWorkflowList } from './CIWorkflowList';\nimport { CISuccessRateChart } from './CISuccessRateChart';\nimport { CIDurationChart } from './CIDurationChart';\nimport { CIPipelineRunsTable } from './CIPipelineRunsTable';\nimport { CIFailedRuns } from './CIFailedRuns';\nimport type { CIStatus } from './types';\n\ninterface CITabProps {\n  status: CIStatus | null;\n  loading: boolean;\n  error?: string;\n}\n\n/**\n * CITab is the container for CI/CD status information.\n * Renders workflow list, stats charts, pipeline runs table, and failed runs.\n */\nexport const CITab: FC<CITabProps> = ({ status, loading, error }) => {\n  const tr = useTr();\n  if (loading) {\n    return <GitOpsSkeleton variant=\"ci\" />;\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-border-default\">\n        <AlertTriangle className=\"w-5 h-5 text-status-error-text flex-shrink-0\" />\n        <p className=\"text-sm text-status-error-text\">{error}</p>\n      </div>\n    );\n  }\n\n  if (!status) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\n            'vibecontrols.gitops.ciTab.noData',\n            'No CI/CD data available. Click refresh to fetch the latest pipeline status.'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <MotionList stagger={0.04} className=\"space-y-4\">\n      {/* Workflow badges */}\n      {status.workflows.length > 0 && (\n        <MotionItem>\n          <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm p-4\">\n            <h3 className=\"text-sm font-semibold text-text-primary mb-3\">\n              {tr('vibecontrols.gitops.ciTab.workflows', 'Workflows')}\n            </h3>\n            <CIWorkflowList workflows={status.workflows} />\n          </div>\n        </MotionItem>\n      )}\n\n      {/* Stats row */}\n      <MotionItem>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n          <CISuccessRateChart\n            successRate={status.successRate ?? null}\n            totalRuns={status.totalRunsLast30Days ?? null}\n          />\n          <CIDurationChart averageDuration={status.averageDurationSeconds ?? null} />\n        </div>\n      </MotionItem>\n\n      {/* Failed runs (only if there are any) */}\n      {status.recentRuns.some(\n        (r) =>\n          r.conclusion === 'failure' || r.conclusion === 'failed' || r.conclusion === 'timed_out'\n      ) && (\n        <MotionItem>\n          <CIFailedRuns runs={status.recentRuns} />\n        </MotionItem>\n      )}\n\n      {/* Full pipeline runs table */}\n      <MotionItem>\n        <div>\n          <h3 className=\"text-sm font-semibold text-text-primary mb-3\">\n            {tr('vibecontrols.gitops.ciTab.recentRuns', 'Recent Runs')}\n          </h3>\n          <CIPipelineRunsTable runs={status.recentRuns} />\n        </div>\n      </MotionItem>\n    </MotionList>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,KAAyB,EAAE,WAAQ,YAAS,eAAY;CACnE,IAAM,IAAK,GAAO;AA2BlB,QA1BI,IACK,kBAAC,GAAD,EAAgB,SAAQ,MAAO,CAAA,GAGpC,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAe,WAAU,gDAAiD,CAAA,EAC1E,kBAAC,KAAD;GAAG,WAAU;aAAkC;GAAU,CAAA,CACrD;MAIL,IAcH,kBAAC,GAAD;EAAY,SAAS;EAAM,WAAU;YAArC;GAEG,EAAO,UAAU,SAAS,KACzB,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,uCAAuC,YAAY;KACpD,CAAA,EACL,kBAAC,GAAD,EAAgB,WAAW,EAAO,WAAa,CAAA,CAC3C;OACK,CAAA;GAIf,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,aAAa,EAAO,eAAe;KACnC,WAAW,EAAO,uBAAuB;KACzC,CAAA,EACF,kBAAC,GAAD,EAAiB,iBAAiB,EAAO,0BAA0B,MAAQ,CAAA,CACvE;OACK,CAAA;GAGZ,EAAO,WAAW,MAChB,MACC,EAAE,eAAe,aAAa,EAAE,eAAe,YAAY,EAAE,eAAe,YAC/E,IACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,MAAM,EAAO,YAAc,CAAA,EAC9B,CAAA;GAIf,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAG,wCAAwC,cAAc;IACvD,CAAA,EACL,kBAAC,GAAD,EAAqB,MAAM,EAAO,YAAc,CAAA,CAC5C,EAAA,CAAA,EACK,CAAA;GACF;MAvDX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aACV,EACC,oCACA,8EACD;GACC,CAAA;EACA,CAAA"}

package/dist/components/gitops/CIWorkflowList.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { CIWorkflow } from './types';
+
+interface CIWorkflowListProps {
+    workflows: CIWorkflow[];
+}
+/**
+ * CIWorkflowList renders a horizontal scrollable list of workflow badges.
+ * Each badge has a colored status dot and the workflow name.
+ */
+export declare const CIWorkflowList: FC<CIWorkflowListProps>;
+export {};
+//# sourceMappingURL=CIWorkflowList.d.ts.map

package/dist/components/gitops/CIWorkflowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIWorkflowList.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CIWorkflowList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8BlD,CAAC"}

package/dist/components/gitops/CIWorkflowList.js

@@ -0,0 +1,24 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Circle as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/gitops/CIWorkflowList.tsx
+var i = ({ workflows: i }) => {
+	let a = e();
+	return i.length === 0 ? /* @__PURE__ */ n("p", {
+		className: "text-sm text-text-secondary",
+		children: a("vibecontrols.gitops.ciTab.noWorkflows", "No workflows found")
+	}) : /* @__PURE__ */ n("div", {
+		className: "flex gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-thin",
+		children: i.map((e) => /* @__PURE__ */ r("div", {
+			className: "flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border-default bg-bg-surface text-sm whitespace-nowrap shrink-0 hover:border-border-strong transition-colors",
+			children: [/* @__PURE__ */ n(t, { className: `w-2 h-2 fill-current ${e.state === "active" || e.state === "ACTIVE" ? "text-status-success-text" : "text-text-secondary"}` }), /* @__PURE__ */ n("span", {
+				className: "text-text-primary text-xs font-medium",
+				children: e.name
+			})]
+		}, e.id))
+	});
+};
+//#endregion
+export { i as CIWorkflowList };
+
+//# sourceMappingURL=CIWorkflowList.js.map

package/dist/components/gitops/CIWorkflowList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIWorkflowList.js","names":[],"sources":["../../../src/components/gitops/CIWorkflowList.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Circle } from 'lucide-react';\nimport type { CIWorkflow } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface CIWorkflowListProps {\n  workflows: CIWorkflow[];\n}\n\n/**\n * CIWorkflowList renders a horizontal scrollable list of workflow badges.\n * Each badge has a colored status dot and the workflow name.\n */\nexport const CIWorkflowList: FC<CIWorkflowListProps> = ({ workflows }) => {\n  const tr = useTr();\n  if (workflows.length === 0) {\n    return (\n      <p className=\"text-sm text-text-secondary\">\n        {tr('vibecontrols.gitops.ciTab.noWorkflows', 'No workflows found')}\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"flex gap-2 overflow-x-auto pb-1 -mb-1 scrollbar-thin\">\n      {workflows.map((wf) => {\n        const isActive = wf.state === 'active' || wf.state === 'ACTIVE';\n        return (\n          <div\n            key={wf.id}\n            className=\"flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border-default bg-bg-surface text-sm whitespace-nowrap shrink-0 hover:border-border-strong transition-colors\"\n          >\n            <Circle\n              className={`w-2 h-2 fill-current ${\n                isActive ? 'text-status-success-text' : 'text-text-secondary'\n              }`}\n            />\n            <span className=\"text-text-primary text-xs font-medium\">{wf.name}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAaA,IAAa,KAA2C,EAAE,mBAAgB;CACxE,IAAM,IAAK,GAAO;AASlB,QARI,EAAU,WAAW,IAErB,kBAAC,KAAD;EAAG,WAAU;YACV,EAAG,yCAAyC,qBAAqB;EAChE,CAAA,GAKN,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MAGZ,kBAAC,OAAD;GAEE,WAAU;aAFZ,CAIE,kBAAC,GAAD,EACE,WAAW,wBAPA,EAAG,UAAU,YAAY,EAAG,UAAU,WAQpC,6BAA6B,yBAE1C,CAAA,EACF,kBAAC,QAAD;IAAM,WAAU;cAAyC,EAAG;IAAY,CAAA,CACpE;KATC,EAAG,GASJ,CAER;EACE,CAAA"}

package/dist/components/gitops/GitOpsProviderCard.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { GitopsProvider } from './types';
+
+interface GitOpsProviderCardProps {
+    provider: Pick<GitopsProvider, 'id' | 'name' | 'providerType' | 'repoUrl' | 'isActive' | 'createdAt'>;
+    isSelected: boolean;
+    onClick: () => void;
+}
+/**
+ * GitOpsProviderCard displays a single git provider in the provider list.
+ */
+export declare const GitOpsProviderCard: FC<GitOpsProviderCardProps>;
+export {};
+//# sourceMappingURL=GitOpsProviderCard.d.ts.map

package/dist/components/gitops/GitOpsProviderCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsProviderCard.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/GitOpsProviderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,IAAI,CACZ,cAAc,EACd,IAAI,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CACtE,CAAC;IACF,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAaD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA+C1D,CAAC"}

package/dist/components/gitops/GitOpsSetup.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface GitOpsSetupProps {
+    workspaceId: string;
+    agents: Array<{
+        id: string;
+        name: string;
+    }>;
+    onCreated: () => void;
+}
+/**
+ * GitOpsSetup shows a first-time provider setup form when no providers are configured.
+ */
+export declare const GitOpsSetup: FC<GitOpsSetupProps>;
+export {};
+//# sourceMappingURL=GitOpsSetup.d.ts.map

package/dist/components/gitops/GitOpsSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsSetup.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/GitOpsSetup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAM3C,UAAU,gBAAgB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAkBD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4K5C,CAAC"}

package/dist/components/gitops/GitOpsSetup.js

@@ -0,0 +1,155 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCreateGitopsProviderMutation as t } from "../../generated/wspace-operations.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { GitMerge as a, Loader2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/gitops/GitOpsSetup.tsx
+var l = [
+	{
+		value: "GITHUB",
+		label: "GitHub"
+	},
+	{
+		value: "GITLAB",
+		label: "GitLab"
+	},
+	{
+		value: "BITBUCKET",
+		label: "Bitbucket"
+	},
+	{
+		value: "AZURE_DEVOPS",
+		label: "Azure DevOps"
+	}
+];
+function u(e) {
+	let t = e.toLowerCase();
+	return t.includes("github.com") || t.includes("github.") ? "GITHUB" : t.includes("gitlab.com") || t.includes("gitlab.") ? "GITLAB" : t.includes("bitbucket.org") || t.includes("bitbucket.") ? "BITBUCKET" : t.includes("dev.azure.com") || t.includes("visualstudio.com") ? "AZURE_DEVOPS" : null;
+}
+var d = ({ workspaceId: d, agents: f, onCreated: p }) => {
+	let m = e(), [h, g] = i(""), [_, v] = i(""), [y, b] = i("GITHUB"), [x, S] = i(f[0]?.id ?? ""), [C, w] = i(""), [T, { loading: E }] = t(), D = n((e) => {
+		v(e);
+		let t = u(e);
+		t && b(t);
+	}, []), O = r(() => h.trim().length > 0 && _.trim().length > 0 && x.length > 0, [
+		h,
+		_,
+		x
+	]), k = n(async (e) => {
+		if (e.preventDefault(), w(""), O) try {
+			await T({ variables: { input: {
+				name: h.trim(),
+				providerType: y,
+				repoUrl: _.trim()
+			} } }), p();
+		} catch (e) {
+			w(e instanceof Error ? e.message : "Failed to connect repository");
+		}
+	}, [
+		O,
+		T,
+		d,
+		h,
+		y,
+		_,
+		x,
+		p
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "max-w-xl mx-auto",
+		children: /* @__PURE__ */ c("div", {
+			className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-6 sm:p-8",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex flex-col items-center text-center mb-6",
+				children: [
+					/* @__PURE__ */ s("div", {
+						className: "w-12 h-12 rounded-xl bg-bg-sunken flex items-center justify-center mb-4",
+						children: /* @__PURE__ */ s(a, { className: "w-6 h-6 text-text-secondary" })
+					}),
+					/* @__PURE__ */ s("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: m("vibecontrols.gitops.setup.title", "Connect a Repository")
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "text-sm text-text-secondary mt-1",
+						children: m("vibecontrols.gitops.setup.description", "Add a Git repository to monitor stats and CI/CD pipelines")
+					})
+				]
+			}), /* @__PURE__ */ c("form", {
+				onSubmit: k,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						htmlFor: "gitops-name",
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: m("vibecontrols.gitops.setup.name", "Name")
+					}), /* @__PURE__ */ s("input", {
+						id: "gitops-name",
+						type: "text",
+						value: h,
+						onChange: (e) => g(e.target.value),
+						placeholder: "My Repository",
+						className: "w-full px-3 py-2 text-sm rounded-lg border border-border-default bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 focus:border-action-primary-bg transition-colors"
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						htmlFor: "gitops-url",
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: m("vibecontrols.gitops.setup.repoUrl", "Repository URL")
+					}), /* @__PURE__ */ s("input", {
+						id: "gitops-url",
+						type: "url",
+						value: _,
+						onChange: (e) => D(e.target.value),
+						placeholder: "https://github.com/org/repo",
+						className: "w-full px-3 py-2 text-sm rounded-lg border border-border-default bg-bg-surface text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 focus:border-action-primary-bg transition-colors"
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						htmlFor: "gitops-provider",
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: m("vibecontrols.gitops.setup.providerType", "Provider Type")
+					}), /* @__PURE__ */ s("select", {
+						id: "gitops-provider",
+						value: y,
+						onChange: (e) => b(e.target.value),
+						className: "w-full px-3 py-2 text-sm rounded-lg border border-border-default bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 focus:border-action-primary-bg transition-colors",
+						children: l.map((e) => /* @__PURE__ */ s("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						htmlFor: "gitops-agent",
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: m("vibecontrols.gitops.setup.agent", "Agent")
+					}), f.length === 0 ? /* @__PURE__ */ s("p", {
+						className: "text-sm text-status-warning-text",
+						children: m("vibecontrols.gitops.setup.noAgents", "No agents available. Please configure an agent first for CLI access.")
+					}) : /* @__PURE__ */ s("select", {
+						id: "gitops-agent",
+						value: x,
+						onChange: (e) => S(e.target.value),
+						className: "w-full px-3 py-2 text-sm rounded-lg border border-border-default bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 focus:border-action-primary-bg transition-colors",
+						children: f.map((e) => /* @__PURE__ */ s("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))
+					})] }),
+					C && /* @__PURE__ */ s("div", {
+						className: "text-sm text-status-error-text bg-status-error-bg-subtle rounded-lg px-3 py-2",
+						children: C
+					}),
+					/* @__PURE__ */ c("button", {
+						type: "submit",
+						disabled: E || !O,
+						className: "w-full flex items-center justify-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+						children: [E && /* @__PURE__ */ s(o, { className: "w-4 h-4 animate-spin" }), m("vibecontrols.gitops.setup.connect", "Connect Repository")]
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { d as GitOpsSetup };
+
+//# sourceMappingURL=GitOpsSetup.js.map