@burdenoff/microfe-vibecontrols 2026.527.16 → 2026.528.1

package/dist/components/gitops/GitOpsProviderPicker.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/gitops/GitOpsProviderPicker.tsx
+var n = {
+	github: "GitHub",
+	gitlab: "GitLab",
+	bitbucket: "Bitbucket",
+	azdevops: "Azure DevOps"
+}, r = ({ providers: r, selected: i, onChange: a }) => r.length === 0 ? null : r.length === 1 && r[0] ? /* @__PURE__ */ e("span", {
+	className: "inline-flex items-center px-2 py-0.5 text-xs rounded-md bg-bg-sunken text-text-secondary",
+	"data-testid": "gitops-provider-badge",
+	children: n[r[0]]
+}) : /* @__PURE__ */ t("select", {
+	"aria-label": "GitOps provider",
+	"data-testid": "gitops-provider-picker",
+	value: i ?? "",
+	onChange: (e) => a(e.target.value),
+	className: "px-2 py-1 text-xs rounded-md border border-border-default bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
+	children: [!i && /* @__PURE__ */ e("option", {
+		value: "",
+		children: "Select…"
+	}), r.map((t) => /* @__PURE__ */ e("option", {
+		value: t,
+		children: n[t]
+	}, t))]
+});
+//#endregion
+export { r as GitOpsProviderPicker };
+
+//# sourceMappingURL=GitOpsProviderPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsProviderPicker.js","names":[],"sources":["../../../src/components/gitops/GitOpsProviderPicker.tsx"],"sourcesContent":["/**\n * GitOpsProviderPicker — small select to switch between authenticated\n * providers (github / gitlab / bitbucket / azdevops).\n *\n * Only providers that the user has authenticated against are surfaced.\n */\nimport type { FC } from 'react';\n\nimport type { ProviderName } from './types';\n\nconst LABELS: Record<ProviderName, string> = {\n  github: 'GitHub',\n  gitlab: 'GitLab',\n  bitbucket: 'Bitbucket',\n  azdevops: 'Azure DevOps',\n};\n\ninterface GitOpsProviderPickerProps {\n  providers: ProviderName[];\n  selected: ProviderName | null;\n  onChange: (next: ProviderName) => void;\n}\n\nexport const GitOpsProviderPicker: FC<GitOpsProviderPickerProps> = ({\n  providers,\n  selected,\n  onChange,\n}) => {\n  if (providers.length === 0) return null;\n  if (providers.length === 1 && providers[0]) {\n    return (\n      <span\n        className=\"inline-flex items-center px-2 py-0.5 text-xs rounded-md bg-bg-sunken text-text-secondary\"\n        data-testid=\"gitops-provider-badge\"\n      >\n        {LABELS[providers[0]]}\n      </span>\n    );\n  }\n  return (\n    <select\n      aria-label=\"GitOps provider\"\n      data-testid=\"gitops-provider-picker\"\n      value={selected ?? ''}\n      onChange={(e) => onChange(e.target.value as ProviderName)}\n      className=\"px-2 py-1 text-xs rounded-md border border-border-default bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n    >\n      {!selected && <option value=\"\">Select…</option>}\n      {providers.map((p) => (\n        <option key={p} value={p}>\n          {LABELS[p]}\n        </option>\n      ))}\n    </select>\n  );\n};\n"],"mappings":";;AAUA,IAAM,IAAuC;CAC3C,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,UAAU;CACX,EAQY,KAAuD,EAClE,cACA,aACA,kBAEI,EAAU,WAAW,IAAU,OAC/B,EAAU,WAAW,KAAK,EAAU,KAEpC,kBAAC,QAAD;CACE,WAAU;CACV,eAAY;WAEX,EAAO,EAAU;CACb,CAAA,GAIT,kBAAC,UAAD;CACE,cAAW;CACX,eAAY;CACZ,OAAO,KAAY;CACnB,WAAW,MAAM,EAAS,EAAE,OAAO,MAAsB;CACzD,WAAU;WALZ,CAOG,CAAC,KAAY,kBAAC,UAAD;EAAQ,OAAM;YAAG;EAAgB,CAAA,EAC9C,EAAU,KAAK,MACd,kBAAC,UAAD;EAAgB,OAAO;YACpB,EAAO;EACD,EAFI,EAEJ,CACT,CACK"}

package/dist/components/gitops/GitOpsSetup.js

@@ -1,150 +1,196 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useCreateGitopsProviderMutation as t } from "../../generated/wspace-operations.js";
+import { useGitopsAuth as t } from "../../hooks/useGitops.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";
+import { ExternalLink as a, GitMerge as o, Loader2 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/gitops/GitOpsSetup.tsx
-var l = [
+var u = [
 	{
-		value: "GITHUB",
-		label: "GitHub"
+		value: "github",
+		label: "GitHub",
+		tokenLabel: "Personal Access Token",
+		tokenPlaceholder: "ghp_xxxxxxxxxxxxxxxxxxxx",
+		helpUrl: "https://github.com/settings/tokens",
+		helpText: "Required scopes: repo, workflow, read:org, security_events"
 	},
 	{
-		value: "GITLAB",
-		label: "GitLab"
+		value: "gitlab",
+		label: "GitLab",
+		tokenLabel: "Personal Access Token",
+		tokenPlaceholder: "glpat-xxxxxxxxxxxxxxxxxxxx",
+		helpUrl: "https://gitlab.com/-/profile/personal_access_tokens",
+		helpText: "Required scope: api. For self-hosted instances, set the host below.",
+		showHost: !0
 	},
 	{
-		value: "BITBUCKET",
-		label: "Bitbucket"
+		value: "bitbucket",
+		label: "Bitbucket Cloud",
+		tokenLabel: "username:app_password",
+		tokenPlaceholder: "vignesh:ATBBxxxxxxxxxxxxxx",
+		helpUrl: "https://bitbucket.org/account/settings/app-passwords/",
+		helpText: "Required permissions: Repositories Read, Pull Requests Read, Pipelines Read"
 	},
 	{
-		value: "AZURE_DEVOPS",
-		label: "Azure DevOps"
+		value: "azdevops",
+		label: "Azure DevOps",
+		tokenLabel: "Personal Access Token",
+		tokenPlaceholder: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+		helpUrl: "https://dev.azure.com/_usersSettings/tokens",
+		helpText: "Required scopes: Code Read, Pull Request Read, Build Read",
+		showOrg: !0
 	}
-];
-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();
+], d = ({ ctx: d, onCreated: f, onCancel: p }) => {
+	let m = e(), [h, g] = i("github"), [_, v] = i(""), [y, b] = i(""), [x, S] = i(""), [C, w] = i(""), [T, E] = i(null), D = r(() => u.find((e) => e.value === h) ?? u[0], [h]), O = t(d), k = r(() => !(_.trim().length === 0 || D.showOrg && y.trim().length === 0), [
+		D.showOrg,
+		y,
+		_
+	]), A = n(async (e) => {
+		if (e.preventDefault(), w(""), E(null), !k) return;
+		let t = {};
+		D.showOrg && y && (t.organization = y.trim()), D.showHost && x && (t.host = x.trim());
+		try {
+			let e = await O.mutateAsync({
+				provider: h,
+				input: {
+					kind: "pat",
+					token: _.trim(),
+					meta: Object.keys(t).length ? t : void 0
+				}
+			});
+			E(e), e.ok ? (v(""), f()) : e.message && w(e.message);
 		} catch (e) {
-			w(e instanceof Error ? e.message : "Failed to connect repository");
+			w(e instanceof Error ? e.message : "Failed to save credentials");
 		}
 	}, [
 		O,
-		T,
-		d,
-		h,
-		y,
-		_,
 		x,
-		p
+		k,
+		f,
+		D.showHost,
+		D.showOrg,
+		y,
+		h,
+		_
 	]);
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "max-w-xl mx-auto",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-6 sm:p-8",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "flex flex-col items-center text-center mb-6",
 				children: [
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ c("div", {
 						className: "size-12 rounded-xl bg-bg-sunken flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ s(a, { className: "size-6 text-text-secondary" })
+						children: /* @__PURE__ */ c(o, { className: "size-6 text-text-secondary" })
 					}),
-					/* @__PURE__ */ s("h2", {
+					/* @__PURE__ */ c("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: m("vibecontrols.gitops.setup.title", "Connect a Repository")
+						children: m("vibecontrols.gitops.setup.title", "Connect a provider")
 					}),
-					/* @__PURE__ */ s("p", {
+					/* @__PURE__ */ c("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")
+						children: m("vibecontrols.gitops.setup.description", "Paste a personal access token. It is stored encrypted on your agent — never sent to the backend.")
 					})
 				]
-			}), /* @__PURE__ */ c("form", {
-				onSubmit: k,
+			}), /* @__PURE__ */ l("form", {
+				onSubmit: A,
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
-						htmlFor: "gitops-name",
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						htmlFor: "gitops-provider",
 						className: "block text-sm font-medium text-text-primary mb-1",
-						children: m("vibecontrols.gitops.setup.name", "Name")
-					}), /* @__PURE__ */ s("input", {
-						"aria-label": "My Repository",
-						id: "gitops-name",
-						type: "text",
+						children: m("vibecontrols.gitops.setup.providerType", "Provider")
+					}), /* @__PURE__ */ c("select", {
+						id: "gitops-provider",
 						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", {
-						"aria-label": "https://github.com/org/repo",
-						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"
+						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",
+						children: u.map((e) => /* @__PURE__ */ c("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))
 					})] }),
-					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
-						htmlFor: "gitops-provider",
+					D.showOrg && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						htmlFor: "gitops-org",
 						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",
+						children: m("vibecontrols.gitops.setup.organization", "Organisation")
+					}), /* @__PURE__ */ c("input", {
+						id: "gitops-org",
+						type: "text",
 						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))
+						placeholder: "my-org",
+						"aria-label": "Azure DevOps organisation",
+						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"
 					})] }),
-					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
-						htmlFor: "gitops-agent",
+					D.showHost && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						htmlFor: "gitops-host",
 						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",
+						children: m("vibecontrols.gitops.setup.host", "GitLab host (optional, for self-hosted)")
+					}), /* @__PURE__ */ c("input", {
+						id: "gitops-host",
+						type: "url",
 						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))
+						placeholder: "https://gitlab.acme.com",
+						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"
 					})] }),
-					C && /* @__PURE__ */ s("div", {
+					/* @__PURE__ */ l("div", { children: [
+						/* @__PURE__ */ c("label", {
+							htmlFor: "gitops-token",
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: D.tokenLabel
+						}),
+						/* @__PURE__ */ c("input", {
+							id: "gitops-token",
+							type: "password",
+							value: _,
+							onChange: (e) => v(e.target.value),
+							placeholder: D.tokenPlaceholder,
+							"aria-label": "Personal access token",
+							autoComplete: "off",
+							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"
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary mt-1.5 flex items-center gap-1",
+							children: [
+								D.helpText,
+								" ",
+								/* @__PURE__ */ l("a", {
+									href: D.helpUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "inline-flex items-center text-action-primary-bg hover:underline",
+									children: ["Create token ", /* @__PURE__ */ c(a, { className: "size-3 ml-0.5" })]
+								})
+							]
+						})
+					] }),
+					T?.ok && /* @__PURE__ */ l("div", {
+						className: "text-sm text-status-success-text bg-status-success-bg-subtle rounded-lg px-3 py-2",
+						children: [
+							m("vibecontrols.gitops.setup.validated", "Token validated"),
+							T.account ? ` — ${T.account}` : "",
+							T.scopes?.length ? ` (scopes: ${T.scopes.join(", ")})` : ""
+						]
+					}),
+					C && /* @__PURE__ */ c("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: "size-4 animate-spin" }), m("vibecontrols.gitops.setup.connect", "Connect Repository")]
+					/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ l("button", {
+							type: "submit",
+							disabled: O.isPending || !k,
+							className: "flex-1 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: [O.isPending && /* @__PURE__ */ c(s, { className: "size-4 animate-spin" }), m("vibecontrols.gitops.setup.connect", "Save and connect")]
+						}), p && /* @__PURE__ */ c("button", {
+							type: "button",
+							onClick: p,
+							className: "px-4 py-2.5 text-sm font-medium rounded-lg border border-border-default text-text-secondary hover:text-text-primary transition-colors",
+							children: m("vibecontrols.gitops.setup.cancel", "Cancel")
+						})]
 					})
 				]
 			})]

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

@@ -1 +1 @@
-{"version":3,"file":"GitOpsSetup.js","names":[],"sources":["../../../src/components/gitops/GitOpsSetup.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport type { FC, FormEvent } from 'react';\nimport { GitMerge, Loader2 } from 'lucide-react';\nimport { useCreateGitopsProviderMutation } from '../../generated/wspace-operations';\nimport type { GitProviderType } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface GitOpsSetupProps {\n  workspaceId: string;\n  agents: Array<{ id: string; name: string }>;\n  onCreated: () => void;\n}\n\nconst PROVIDER_OPTIONS: { value: GitProviderType; label: string }[] = [\n  { value: 'GITHUB', label: 'GitHub' },\n  { value: 'GITLAB', label: 'GitLab' },\n  { value: 'BITBUCKET', label: 'Bitbucket' },\n  { value: 'AZURE_DEVOPS', label: 'Azure DevOps' },\n];\n\nfunction detectProvider(url: string): GitProviderType | null {\n  const lower = url.toLowerCase();\n  if (lower.includes('github.com') || lower.includes('github.')) return 'GITHUB';\n  if (lower.includes('gitlab.com') || lower.includes('gitlab.')) return 'GITLAB';\n  if (lower.includes('bitbucket.org') || lower.includes('bitbucket.')) return 'BITBUCKET';\n  if (lower.includes('dev.azure.com') || lower.includes('visualstudio.com')) return 'AZURE_DEVOPS';\n  return null;\n}\n\n/**\n * GitOpsSetup shows a first-time provider setup form when no providers are configured.\n */\nexport const GitOpsSetup: FC<GitOpsSetupProps> = ({ workspaceId, agents, onCreated }) => {\n  const tr = useTr();\n  const [name, setName] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [providerType, setProviderType] = useState<GitProviderType>('GITHUB');\n  const [agentId, setAgentId] = useState(agents[0]?.id ?? '');\n  const [error, setError] = useState('');\n\n  const [createProvider, { loading }] = useCreateGitopsProviderMutation();\n\n  const handleUrlChange = useCallback((url: string) => {\n    setRepoUrl(url);\n    const detected = detectProvider(url);\n    if (detected) setProviderType(detected);\n  }, []);\n\n  const isValid = useMemo(\n    () => name.trim().length > 0 && repoUrl.trim().length > 0 && agentId.length > 0,\n    [name, repoUrl, agentId]\n  );\n\n  const handleSubmit = useCallback(\n    async (e: FormEvent) => {\n      e.preventDefault();\n      setError('');\n\n      if (!isValid) return;\n\n      try {\n        await createProvider({\n          variables: {\n            input: {\n              name: name.trim(),\n              providerType,\n              repoUrl: repoUrl.trim(),\n            },\n          },\n        });\n        onCreated();\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to connect repository');\n      }\n    },\n    [isValid, createProvider, workspaceId, name, providerType, repoUrl, agentId, onCreated]\n  );\n\n  return (\n    <div className=\"max-w-xl mx-auto\">\n      <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm p-6 sm:p-8\">\n        <div className=\"flex flex-col items-center text-center mb-6\">\n          <div className=\"size-12 rounded-xl bg-bg-sunken flex items-center justify-center mb-4\">\n            <GitMerge className=\"size-6 text-text-secondary\" />\n          </div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tr('vibecontrols.gitops.setup.title', 'Connect a Repository')}\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {tr(\n              'vibecontrols.gitops.setup.description',\n              'Add a Git repository to monitor stats and CI/CD pipelines'\n            )}\n          </p>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {/* Name */}\n          <div>\n            <label\n              htmlFor=\"gitops-name\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {tr('vibecontrols.gitops.setup.name', 'Name')}\n            </label>\n            <input\n              aria-label=\"My Repository\"\n              id=\"gitops-name\"\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"My Repository\"\n              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\"\n            />\n          </div>\n\n          {/* Repository URL */}\n          <div>\n            <label\n              htmlFor=\"gitops-url\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {tr('vibecontrols.gitops.setup.repoUrl', 'Repository URL')}\n            </label>\n            <input\n              aria-label=\"https://github.com/org/repo\"\n              id=\"gitops-url\"\n              type=\"url\"\n              value={repoUrl}\n              onChange={(e) => handleUrlChange(e.target.value)}\n              placeholder=\"https://github.com/org/repo\"\n              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\"\n            />\n          </div>\n\n          {/* Provider Type */}\n          <div>\n            <label\n              htmlFor=\"gitops-provider\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {tr('vibecontrols.gitops.setup.providerType', 'Provider Type')}\n            </label>\n            <select\n              id=\"gitops-provider\"\n              value={providerType}\n              onChange={(e) => setProviderType(e.target.value as GitProviderType)}\n              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\"\n            >\n              {PROVIDER_OPTIONS.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Agent */}\n          <div>\n            <label\n              htmlFor=\"gitops-agent\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {tr('vibecontrols.gitops.setup.agent', 'Agent')}\n            </label>\n            {agents.length === 0 ? (\n              <p className=\"text-sm text-status-warning-text\">\n                {tr(\n                  'vibecontrols.gitops.setup.noAgents',\n                  'No agents available. Please configure an agent first for CLI access.'\n                )}\n              </p>\n            ) : (\n              <select\n                id=\"gitops-agent\"\n                value={agentId}\n                onChange={(e) => setAgentId(e.target.value)}\n                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\"\n              >\n                {agents.map((agent) => (\n                  <option key={agent.id} value={agent.id}>\n                    {agent.name}\n                  </option>\n                ))}\n              </select>\n            )}\n          </div>\n\n          {error && (\n            <div className=\"text-sm text-status-error-text bg-status-error-bg-subtle rounded-lg px-3 py-2\">\n              {error}\n            </div>\n          )}\n\n          <button\n            type=\"submit\"\n            disabled={loading || !isValid}\n            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\"\n          >\n            {loading && <Loader2 className=\"size-4 animate-spin\" />}\n            {tr('vibecontrols.gitops.setup.connect', 'Connect Repository')}\n          </button>\n        </form>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"GitOpsSetup.js","names":[],"sources":["../../../src/components/gitops/GitOpsSetup.tsx"],"sourcesContent":["/**\n * GitOpsSetup — v2: PAT entry flow.\n *\n * User picks a provider (github / gitlab / bitbucket / azdevops), pastes a\n * PAT, and the agent stores it in encrypted SQLite. No backend record is\n * created. After save, `validateCredentials` is called via the same POST\n * so the user sees `ok: true, scopes: [...]` immediately.\n *\n * Azure DevOps requires an `organization` field — surfaced conditionally.\n * Bitbucket expects `username:app_password` format — documented inline.\n * GitLab supports a `host` override for self-hosted instances.\n */\nimport { useCallback, useMemo, useState, type FC, type FormEvent } from 'react';\nimport { GitMerge, Loader2, ExternalLink } from 'lucide-react';\n\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useGitopsAuth, type UseGitopsContext } from '@/hooks/useGitops';\nimport type { ProviderName } from './types';\n\ninterface GitOpsSetupProps {\n  ctx: UseGitopsContext;\n  onCreated: () => void;\n  onCancel?: () => void;\n}\n\ninterface ProviderOption {\n  value: ProviderName;\n  label: string;\n  tokenLabel: string;\n  tokenPlaceholder: string;\n  helpUrl: string;\n  helpText: string;\n  showOrg?: boolean;\n  showHost?: boolean;\n}\n\nconst PROVIDER_OPTIONS: ProviderOption[] = [\n  {\n    value: 'github',\n    label: 'GitHub',\n    tokenLabel: 'Personal Access Token',\n    tokenPlaceholder: 'ghp_xxxxxxxxxxxxxxxxxxxx',\n    helpUrl: 'https://github.com/settings/tokens',\n    helpText: 'Required scopes: repo, workflow, read:org, security_events',\n  },\n  {\n    value: 'gitlab',\n    label: 'GitLab',\n    tokenLabel: 'Personal Access Token',\n    tokenPlaceholder: 'glpat-xxxxxxxxxxxxxxxxxxxx',\n    helpUrl: 'https://gitlab.com/-/profile/personal_access_tokens',\n    helpText: 'Required scope: api. For self-hosted instances, set the host below.',\n    showHost: true,\n  },\n  {\n    value: 'bitbucket',\n    label: 'Bitbucket Cloud',\n    tokenLabel: 'username:app_password',\n    tokenPlaceholder: 'vignesh:ATBBxxxxxxxxxxxxxx',\n    helpUrl: 'https://bitbucket.org/account/settings/app-passwords/',\n    helpText: 'Required permissions: Repositories Read, Pull Requests Read, Pipelines Read',\n  },\n  {\n    value: 'azdevops',\n    label: 'Azure DevOps',\n    tokenLabel: 'Personal Access Token',\n    tokenPlaceholder: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',\n    helpUrl: 'https://dev.azure.com/_usersSettings/tokens',\n    helpText: 'Required scopes: Code Read, Pull Request Read, Build Read',\n    showOrg: true,\n  },\n];\n\nexport const GitOpsSetup: FC<GitOpsSetupProps> = ({ ctx, onCreated, onCancel }) => {\n  const tr = useTr();\n  const [providerType, setProviderType] = useState<ProviderName>('github');\n  const [token, setToken] = useState('');\n  const [organization, setOrganization] = useState('');\n  const [host, setHost] = useState('');\n  const [error, setError] = useState('');\n  const [validation, setValidation] = useState<{\n    ok: boolean;\n    account?: string;\n    scopes?: string[];\n    message?: string;\n  } | null>(null);\n\n  const opt = useMemo(\n    () => PROVIDER_OPTIONS.find((o) => o.value === providerType) ?? PROVIDER_OPTIONS[0]!,\n    [providerType]\n  );\n\n  const authMutation = useGitopsAuth(ctx);\n\n  const isValid = useMemo(() => {\n    if (token.trim().length === 0) return false;\n    if (opt.showOrg && organization.trim().length === 0) return false;\n    return true;\n  }, [opt.showOrg, organization, token]);\n\n  const handleSubmit = useCallback(\n    async (e: FormEvent) => {\n      e.preventDefault();\n      setError('');\n      setValidation(null);\n      if (!isValid) return;\n\n      const meta: Record<string, string> = {};\n      if (opt.showOrg && organization) meta.organization = organization.trim();\n      if (opt.showHost && host) meta.host = host.trim();\n\n      try {\n        const result = await authMutation.mutateAsync({\n          provider: providerType,\n          input: {\n            kind: 'pat',\n            token: token.trim(),\n            meta: Object.keys(meta).length ? meta : undefined,\n          },\n        });\n        setValidation(result);\n        if (result.ok) {\n          setToken('');\n          onCreated();\n        } else if (result.message) {\n          setError(result.message);\n        }\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to save credentials');\n      }\n    },\n    [\n      authMutation,\n      host,\n      isValid,\n      onCreated,\n      opt.showHost,\n      opt.showOrg,\n      organization,\n      providerType,\n      token,\n    ]\n  );\n\n  return (\n    <div className=\"max-w-xl mx-auto\">\n      <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm p-6 sm:p-8\">\n        <div className=\"flex flex-col items-center text-center mb-6\">\n          <div className=\"size-12 rounded-xl bg-bg-sunken flex items-center justify-center mb-4\">\n            <GitMerge className=\"size-6 text-text-secondary\" />\n          </div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tr('vibecontrols.gitops.setup.title', 'Connect a provider')}\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {tr(\n              'vibecontrols.gitops.setup.description',\n              'Paste a personal access token. It is stored encrypted on your agent — never sent to the backend.'\n            )}\n          </p>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          <div>\n            <label\n              htmlFor=\"gitops-provider\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {tr('vibecontrols.gitops.setup.providerType', 'Provider')}\n            </label>\n            <select\n              id=\"gitops-provider\"\n              value={providerType}\n              onChange={(e) => setProviderType(e.target.value as ProviderName)}\n              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\"\n            >\n              {PROVIDER_OPTIONS.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {opt.showOrg && (\n            <div>\n              <label\n                htmlFor=\"gitops-org\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('vibecontrols.gitops.setup.organization', 'Organisation')}\n              </label>\n              <input\n                id=\"gitops-org\"\n                type=\"text\"\n                value={organization}\n                onChange={(e) => setOrganization(e.target.value)}\n                placeholder=\"my-org\"\n                aria-label=\"Azure DevOps organisation\"\n                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\"\n              />\n            </div>\n          )}\n\n          {opt.showHost && (\n            <div>\n              <label\n                htmlFor=\"gitops-host\"\n                className=\"block text-sm font-medium text-text-primary mb-1\"\n              >\n                {tr('vibecontrols.gitops.setup.host', 'GitLab host (optional, for self-hosted)')}\n              </label>\n              <input\n                id=\"gitops-host\"\n                type=\"url\"\n                value={host}\n                onChange={(e) => setHost(e.target.value)}\n                placeholder=\"https://gitlab.acme.com\"\n                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\"\n              />\n            </div>\n          )}\n\n          <div>\n            <label\n              htmlFor=\"gitops-token\"\n              className=\"block text-sm font-medium text-text-primary mb-1\"\n            >\n              {opt.tokenLabel}\n            </label>\n            <input\n              id=\"gitops-token\"\n              type=\"password\"\n              value={token}\n              onChange={(e) => setToken(e.target.value)}\n              placeholder={opt.tokenPlaceholder}\n              aria-label=\"Personal access token\"\n              autoComplete=\"off\"\n              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\"\n            />\n            <p className=\"text-xs text-text-secondary mt-1.5 flex items-center gap-1\">\n              {opt.helpText}{' '}\n              <a\n                href={opt.helpUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"inline-flex items-center text-action-primary-bg hover:underline\"\n              >\n                Create token <ExternalLink className=\"size-3 ml-0.5\" />\n              </a>\n            </p>\n          </div>\n\n          {validation?.ok && (\n            <div className=\"text-sm text-status-success-text bg-status-success-bg-subtle rounded-lg px-3 py-2\">\n              {tr('vibecontrols.gitops.setup.validated', 'Token validated')}\n              {validation.account ? ` — ${validation.account}` : ''}\n              {validation.scopes?.length ? ` (scopes: ${validation.scopes.join(', ')})` : ''}\n            </div>\n          )}\n          {error && (\n            <div className=\"text-sm text-status-error-text bg-status-error-bg-subtle rounded-lg px-3 py-2\">\n              {error}\n            </div>\n          )}\n\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"submit\"\n              disabled={authMutation.isPending || !isValid}\n              className=\"flex-1 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\"\n            >\n              {authMutation.isPending && <Loader2 className=\"size-4 animate-spin\" />}\n              {tr('vibecontrols.gitops.setup.connect', 'Save and connect')}\n            </button>\n            {onCancel && (\n              <button\n                type=\"button\"\n                onClick={onCancel}\n                className=\"px-4 py-2.5 text-sm font-medium rounded-lg border border-border-default text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr('vibecontrols.gitops.setup.cancel', 'Cancel')}\n              </button>\n            )}\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}