@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +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=\"w-12 h-12 rounded-xl bg-bg-sunken flex items-center justify-center mb-4\">\n            <GitMerge className=\"w-6 h-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              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              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=\"w-4 h-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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"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface GitOpsSkeletonProps {
+    variant?: 'repo-stats' | 'ci';
+}
+/**
+ * GitOpsSkeleton renders placeholder cards while data is loading.
+ * 6 cards for repo-stats mode, 4 cards for CI mode.
+ */
+export declare const GitOpsSkeleton: FC<GitOpsSkeletonProps>;
+export {};
+//# sourceMappingURL=GitOpsSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/GitOpsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC/B;AAkBD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAUlD,CAAC"}

package/dist/components/gitops/GitOpsSkeleton.js

@@ -0,0 +1,26 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/gitops/GitOpsSkeleton.tsx
+function n({ lines: n = 3 }) {
+	return /* @__PURE__ */ t("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl p-5 space-y-3 animate-pulse",
+		children: [
+			/* @__PURE__ */ e("div", { className: "h-4 w-24 bg-bg-sunken rounded" }),
+			/* @__PURE__ */ e("div", { className: "h-7 w-16 bg-bg-sunken rounded" }),
+			Array.from({ length: n }).map((t, n) => /* @__PURE__ */ e("div", {
+				className: "h-3 bg-bg-sunken rounded",
+				style: { width: `${70 + Math.random() * 30}%` }
+			}, n))
+		]
+	});
+}
+var r = ({ variant: t = "repo-stats" }) => {
+	let r = t === "repo-stats" ? 6 : 4;
+	return /* @__PURE__ */ e("div", {
+		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+		children: Array.from({ length: r }).map((r, i) => /* @__PURE__ */ e(n, { lines: t === "ci" ? 2 : 3 }, i))
+	});
+};
+//#endregion
+export { r as GitOpsSkeleton };
+
+//# sourceMappingURL=GitOpsSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsSkeleton.js","names":[],"sources":["../../../src/components/gitops/GitOpsSkeleton.tsx"],"sourcesContent":["import type { FC } from 'react';\n\ninterface GitOpsSkeletonProps {\n  variant?: 'repo-stats' | 'ci';\n}\n\nfunction SkeletonCard({ lines = 3 }: { lines?: number }) {\n  return (\n    <div className=\"bg-bg-surface border border-border-default rounded-xl p-5 space-y-3 animate-pulse\">\n      <div className=\"h-4 w-24 bg-bg-sunken rounded\" />\n      <div className=\"h-7 w-16 bg-bg-sunken rounded\" />\n      {Array.from({ length: lines }).map((_, i) => (\n        <div\n          key={i}\n          className=\"h-3 bg-bg-sunken rounded\"\n          style={{ width: `${70 + Math.random() * 30}%` }}\n        />\n      ))}\n    </div>\n  );\n}\n\n/**\n * GitOpsSkeleton renders placeholder cards while data is loading.\n * 6 cards for repo-stats mode, 4 cards for CI mode.\n */\nexport const GitOpsSkeleton: FC<GitOpsSkeletonProps> = ({ variant = 'repo-stats' }) => {\n  const count = variant === 'repo-stats' ? 6 : 4;\n\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      {Array.from({ length: count }).map((_, i) => (\n        <SkeletonCard key={i} lines={variant === 'ci' ? 2 : 3} />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;AAMA,SAAS,EAAa,EAAE,WAAQ,KAAyB;AACvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GACjD,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GAChD,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,OAAD;IAEE,WAAU;IACV,OAAO,EAAE,OAAO,GAAG,KAAK,KAAK,QAAQ,GAAG,GAAG,IAAI;IAC/C,EAHK,EAGL,CACF;GACE;;;AAQV,IAAa,KAA2C,EAAE,aAAU,mBAAmB;CACrF,IAAM,IAAQ,MAAY,eAAe,IAAI;AAE7C,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD,EAAsB,OAAO,MAAY,OAAO,IAAI,GAAK,EAAtC,EAAsC,CACzD;EACE,CAAA"}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+
+interface GitOpsStatusBadgeProps {
+    status: string;
+    conclusion?: string | null;
+    className?: string;
+}
+/**
+ * GitOpsStatusBadge renders a pill badge with colored background/text
+ * based on CI status and conclusion.
+ */
+export declare const GitOpsStatusBadge: FC<GitOpsStatusBadgeProps>;
+export {};
+//# sourceMappingURL=GitOpsStatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/GitOpsStatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkBxD,CAAC"}

package/dist/components/gitops/GitOpsStatusBadge.js

@@ -0,0 +1,28 @@
+import { Circle as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/gitops/GitOpsStatusBadge.tsx
+function r(e, t) {
+	let n = (t || e).toLowerCase();
+	return n === "success" || n === "completed" ? "success" : n === "failure" || n === "failed" || n === "timed_out" || n === "startup_failure" ? "error" : n === "in_progress" || n === "queued" || n === "pending" || n === "waiting" || n === "requested" ? "warning" : "neutral";
+}
+var i = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	error: "bg-status-error-bg-subtle text-status-error-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	neutral: "bg-bg-sunken text-text-secondary"
+}, a = {
+	success: "text-status-success-text",
+	error: "text-status-error-text",
+	warning: "text-status-warning-text",
+	neutral: "text-text-secondary"
+}, o = ({ status: o, conclusion: s, className: c = "" }) => {
+	let l = r(o, s), u = (s || o).replace(/_/g, " ").toLowerCase();
+	return /* @__PURE__ */ n("span", {
+		className: `inline-flex items-center gap-1.5 text-xs font-medium rounded-full px-2 py-0.5 capitalize ${i[l]} ${c}`,
+		children: [/* @__PURE__ */ t(e, { className: `w-2 h-2 fill-current ${a[l]} ${l === "warning" ? "animate-pulse" : ""}` }), u]
+	});
+};
+//#endregion
+export { o as GitOpsStatusBadge };
+
+//# sourceMappingURL=GitOpsStatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitOpsStatusBadge.js","names":[],"sources":["../../../src/components/gitops/GitOpsStatusBadge.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Circle } from 'lucide-react';\n\ninterface GitOpsStatusBadgeProps {\n  status: string;\n  conclusion?: string | null;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'error' | 'warning' | 'neutral';\n\nfunction resolveVariant(status: string, conclusion?: string | null): BadgeVariant {\n  const s = (conclusion || status).toLowerCase();\n\n  if (s === 'success' || s === 'completed') return 'success';\n  if (s === 'failure' || s === 'failed' || s === 'timed_out' || s === 'startup_failure')\n    return 'error';\n  if (\n    s === 'in_progress' ||\n    s === 'queued' ||\n    s === 'pending' ||\n    s === 'waiting' ||\n    s === 'requested'\n  )\n    return 'warning';\n  // cancelled, skipped, neutral, stale, action_required, etc.\n  return 'neutral';\n}\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  error: 'bg-status-error-bg-subtle text-status-error-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  neutral: 'bg-bg-sunken text-text-secondary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'text-status-success-text',\n  error: 'text-status-error-text',\n  warning: 'text-status-warning-text',\n  neutral: 'text-text-secondary',\n};\n\n/**\n * GitOpsStatusBadge renders a pill badge with colored background/text\n * based on CI status and conclusion.\n */\nexport const GitOpsStatusBadge: FC<GitOpsStatusBadgeProps> = ({\n  status,\n  conclusion,\n  className = '',\n}) => {\n  const variant = resolveVariant(status, conclusion);\n  const label = (conclusion || status).replace(/_/g, ' ').toLowerCase();\n\n  return (\n    <span\n      className={`inline-flex items-center gap-1.5 text-xs font-medium rounded-full px-2 py-0.5 capitalize ${variantStyles[variant]} ${className}`}\n    >\n      <Circle\n        className={`w-2 h-2 fill-current ${dotStyles[variant]} ${variant === 'warning' ? 'animate-pulse' : ''}`}\n      />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;AAWA,SAAS,EAAe,GAAgB,GAA0C;CAChF,IAAM,KAAK,KAAc,GAAQ,aAAa;AAc9C,QAZI,MAAM,aAAa,MAAM,cAAoB,YAC7C,MAAM,aAAa,MAAM,YAAY,MAAM,eAAe,MAAM,oBAC3D,UAEP,MAAM,iBACN,MAAM,YACN,MAAM,aACN,MAAM,aACN,MAAM,cAEC,YAEF;;AAGT,IAAM,IAA8C;CAClD,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAMY,KAAiD,EAC5D,WACA,eACA,eAAY,SACR;CACJ,IAAM,IAAU,EAAe,GAAQ,EAAW,EAC5C,KAAS,KAAc,GAAQ,QAAQ,MAAM,IAAI,CAAC,aAAa;AAErE,QACE,kBAAC,QAAD;EACE,WAAW,4FAA4F,EAAc,GAAS,GAAG;YADnI,CAGE,kBAAC,GAAD,EACE,WAAW,wBAAwB,EAAU,GAAS,GAAG,MAAY,YAAY,kBAAkB,MACnG,CAAA,EACD,EACI"}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { GitProviderType } from './types';
+
+interface ProviderIconProps {
+    provider: GitProviderType;
+    size?: number;
+    className?: string;
+}
+/**
+ * ProviderIcon renders an inline SVG logo for each Git provider type.
+ */
+export declare const ProviderIcon: FC<ProviderIconProps>;
+export {};
+//# sourceMappingURL=ProviderIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderIcon.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/ProviderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0C9C,CAAC"}

package/dist/components/gitops/ProviderIcon.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/gitops/ProviderIcon.tsx
+var t = ({ provider: t, size: n = 20, className: r = "" }) => {
+	let i = {
+		width: n,
+		height: n,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: r,
+		"aria-label": `${t} icon`
+	};
+	switch (t) {
+		case "GITHUB": return /* @__PURE__ */ e("svg", {
+			...i,
+			children: /* @__PURE__ */ e("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" })
+		});
+		case "GITLAB": return /* @__PURE__ */ e("svg", {
+			...i,
+			children: /* @__PURE__ */ e("path", { d: "M23.955 13.587l-1.342-4.135-2.664-8.189a.455.455 0 00-.867 0L16.418 9.45H7.582L4.918 1.263a.455.455 0 00-.867 0L1.386 9.452.045 13.587a.924.924 0 00.331 1.023L12 23.054l11.624-8.443a.92.92 0 00.331-1.024z" })
+		});
+		case "BITBUCKET": return /* @__PURE__ */ e("svg", {
+			...i,
+			children: /* @__PURE__ */ e("path", { d: "M.778 1.213a.768.768 0 00-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 00.77-.646l3.27-20.03a.768.768 0 00-.768-.893L.778 1.213zM14.52 15.53H9.522L8.17 8.466h7.561l-1.211 7.064z" })
+		});
+		case "AZURE_DEVOPS": return /* @__PURE__ */ e("svg", {
+			...i,
+			children: /* @__PURE__ */ e("path", { d: "M0 8.877L2.247 5.91l8.405-3.416V.022l7.37 5.393L2.966 8.338v8.225L0 15.707zm24-4.45v14.651l-5.753 4.9-9.303-3.057v3.056l-5.978-7.416 15.057 1.39V2.476z" })
+		});
+		default: return null;
+	}
+};
+//#endregion
+export { t as ProviderIcon };
+
+//# sourceMappingURL=ProviderIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderIcon.js","names":[],"sources":["../../../src/components/gitops/ProviderIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { GitProviderType } from './types';\n\ninterface ProviderIconProps {\n  provider: GitProviderType;\n  size?: number;\n  className?: string;\n}\n\n/**\n * ProviderIcon renders an inline SVG logo for each Git provider type.\n */\nexport const ProviderIcon: FC<ProviderIconProps> = ({ provider, size = 20, className = '' }) => {\n  const svgProps = {\n    width: size,\n    height: size,\n    viewBox: '0 0 24 24',\n    fill: 'currentColor',\n    className,\n    'aria-label': `${provider} icon`,\n  };\n\n  switch (provider) {\n    case 'GITHUB':\n      return (\n        <svg {...svgProps}>\n          <path d=\"M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z\" />\n        </svg>\n      );\n\n    case 'GITLAB':\n      return (\n        <svg {...svgProps}>\n          <path d=\"M23.955 13.587l-1.342-4.135-2.664-8.189a.455.455 0 00-.867 0L16.418 9.45H7.582L4.918 1.263a.455.455 0 00-.867 0L1.386 9.452.045 13.587a.924.924 0 00.331 1.023L12 23.054l11.624-8.443a.92.92 0 00.331-1.024z\" />\n        </svg>\n      );\n\n    case 'BITBUCKET':\n      return (\n        <svg {...svgProps}>\n          <path d=\"M.778 1.213a.768.768 0 00-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 00.77-.646l3.27-20.03a.768.768 0 00-.768-.893L.778 1.213zM14.52 15.53H9.522L8.17 8.466h7.561l-1.211 7.064z\" />\n        </svg>\n      );\n\n    case 'AZURE_DEVOPS':\n      return (\n        <svg {...svgProps}>\n          <path d=\"M0 8.877L2.247 5.91l8.405-3.416V.022l7.37 5.393L2.966 8.338v8.225L0 15.707zm24-4.45v14.651l-5.753 4.9-9.303-3.057v3.056l-5.978-7.416 15.057 1.39V2.476z\" />\n        </svg>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":";;AAYA,IAAa,KAAuC,EAAE,aAAU,UAAO,IAAI,eAAY,SAAS;CAC9F,IAAM,IAAW;EACf,OAAO;EACP,QAAQ;EACR,SAAS;EACT,MAAM;EACN;EACA,cAAc,GAAG,EAAS;EAC3B;AAED,SAAQ,GAAR;EACE,KAAK,SACH,QACE,kBAAC,OAAD;GAAK,GAAI;aACP,kBAAC,QAAD,EAAM,GAAE,6rBAA8rB,CAAA;GAClsB,CAAA;EAGV,KAAK,SACH,QACE,kBAAC,OAAD;GAAK,GAAI;aACP,kBAAC,QAAD,EAAM,GAAE,gNAAiN,CAAA;GACrN,CAAA;EAGV,KAAK,YACH,QACE,kBAAC,OAAD;GAAK,GAAI;aACP,kBAAC,QAAD,EAAM,GAAE,uMAAwM,CAAA;GAC5M,CAAA;EAGV,KAAK,eACH,QACE,kBAAC,OAAD;GAAK,GAAI;aACP,kBAAC,QAAD,EAAM,GAAE,2JAA4J,CAAA;GAChK,CAAA;EAGV,QACE,QAAO"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { RepoStats } from './types';
+
+interface RepoActivityCardProps {
+    stats: RepoStats;
+}
+/**
+ * RepoActivityCard shows commit count, top contributors, and last push date.
+ */
+export declare const RepoActivityCard: FC<RepoActivityCardProps>;
+export {};
+//# sourceMappingURL=RepoActivityCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoActivityCard.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/RepoActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA6CtD,CAAC"}

package/dist/components/gitops/RepoActivityCard.js

@@ -0,0 +1,64 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { relativeTime as t } from "../../utils/relativeTime.js";
+import { GitCommitHorizontal as n, Users as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/gitops/RepoActivityCard.tsx
+var o = ({ stats: o }) => {
+	let s = e(), c = o.commitActivity?.reduce((e, t) => e + t.total, 0) ?? 0, l = (o.contributors ?? []).slice(0, 5);
+	return /* @__PURE__ */ a("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "flex items-center gap-2 mb-4",
+				children: [/* @__PURE__ */ i(n, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ i("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: s("vibecontrols.gitops.repoStats.activity", "Activity")
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ i("p", {
+					className: "text-3xl font-bold text-text-primary",
+					children: c.toLocaleString()
+				}), /* @__PURE__ */ i("p", {
+					className: "text-xs text-text-secondary mt-0.5",
+					children: "commits (recent weeks)"
+				})]
+			}),
+			l.length > 0 && /* @__PURE__ */ a("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ a("div", {
+					className: "flex items-center gap-1.5 text-xs text-text-secondary mb-2",
+					children: [/* @__PURE__ */ i(r, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ i("span", { children: s("vibecontrols.gitops.repoStats.topContributors", "Top contributors") })]
+				}), /* @__PURE__ */ i("div", {
+					className: "space-y-1.5",
+					children: l.map((e) => /* @__PURE__ */ a("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ i("div", {
+								className: "w-6 h-6 rounded-full bg-bg-sunken flex items-center justify-center text-xs font-medium text-text-secondary flex-shrink-0",
+								children: e.login.charAt(0).toUpperCase()
+							}),
+							/* @__PURE__ */ i("span", {
+								className: "text-sm text-text-primary truncate flex-1",
+								children: e.login
+							}),
+							/* @__PURE__ */ i("span", {
+								className: "text-xs text-text-secondary tabular-nums",
+								children: e.contributions
+							})
+						]
+					}, e.login))
+				})]
+			}),
+			o.pushedAt && /* @__PURE__ */ a("p", {
+				className: "text-xs text-text-secondary",
+				children: ["Last push: ", t(o.pushedAt)]
+			})
+		]
+	});
+};
+//#endregion
+export { o as RepoActivityCard };
+
+//# sourceMappingURL=RepoActivityCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoActivityCard.js","names":[],"sources":["../../../src/components/gitops/RepoActivityCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { GitCommitHorizontal, Users } from 'lucide-react';\nimport { relativeTime } from '@/utils/relativeTime';\nimport type { RepoStats } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface RepoActivityCardProps {\n  stats: RepoStats;\n}\n\n/**\n * RepoActivityCard shows commit count, top contributors, and last push date.\n */\nexport const RepoActivityCard: FC<RepoActivityCardProps> = ({ stats }) => {\n  const tr = useTr();\n  const totalCommits = stats.commitActivity?.reduce((sum, week) => sum + week.total, 0) ?? 0;\n\n  const topContributors = (stats.contributors ?? []).slice(0, 5);\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-4\">\n        <GitCommitHorizontal className=\"w-5 h-5 text-text-secondary\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.repoStats.activity', 'Activity')}\n        </h3>\n      </div>\n\n      <div className=\"mb-4\">\n        <p className=\"text-3xl font-bold text-text-primary\">{totalCommits.toLocaleString()}</p>\n        <p className=\"text-xs text-text-secondary mt-0.5\">commits (recent weeks)</p>\n      </div>\n\n      {topContributors.length > 0 && (\n        <div className=\"mb-4\">\n          <div className=\"flex items-center gap-1.5 text-xs text-text-secondary mb-2\">\n            <Users className=\"w-3.5 h-3.5\" />\n            <span>{tr('vibecontrols.gitops.repoStats.topContributors', 'Top contributors')}</span>\n          </div>\n          <div className=\"space-y-1.5\">\n            {topContributors.map((c) => (\n              <div key={c.login} className=\"flex items-center gap-2\">\n                <div className=\"w-6 h-6 rounded-full bg-bg-sunken flex items-center justify-center text-xs font-medium text-text-secondary flex-shrink-0\">\n                  {c.login.charAt(0).toUpperCase()}\n                </div>\n                <span className=\"text-sm text-text-primary truncate flex-1\">{c.login}</span>\n                <span className=\"text-xs text-text-secondary tabular-nums\">{c.contributions}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {stats.pushedAt && (\n        <p className=\"text-xs text-text-secondary\">Last push: {relativeTime(stats.pushedAt)}</p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAaA,IAAa,KAA+C,EAAE,eAAY;CACxE,IAAM,IAAK,GAAO,EACZ,IAAe,EAAM,gBAAgB,QAAQ,GAAK,MAAS,IAAM,EAAK,OAAO,EAAE,IAAI,GAEnF,KAAmB,EAAM,gBAAgB,EAAE,EAAE,MAAM,GAAG,EAAE;AAE9D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAqB,WAAU,+BAAgC,CAAA,EAC/D,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,0CAA0C,WAAW;KACtD,CAAA,CACD;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAwC,EAAa,gBAAgB;KAAK,CAAA,EACvF,kBAAC,KAAD;KAAG,WAAU;eAAqC;KAA0B,CAAA,CACxE;;GAEL,EAAgB,SAAS,KACxB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EACjC,kBAAC,QAAD,EAAA,UAAO,EAAG,iDAAiD,mBAAmB,EAAQ,CAAA,CAClF;QACN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAgB,KAAK,MACpB,kBAAC,OAAD;MAAmB,WAAU;gBAA7B;OACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,MAAM,OAAO,EAAE,CAAC,aAAa;QAC5B,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBAA6C,EAAE;QAAa,CAAA;OAC5E,kBAAC,QAAD;QAAM,WAAU;kBAA4C,EAAE;QAAqB,CAAA;OAC/E;QANI,EAAE,MAMN,CACN;KACE,CAAA,CACF;;GAGP,EAAM,YACL,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA2C,eAAY,EAAa,EAAM,SAAS,CAAK;;GAEtF"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { RepoStats } from './types';
+
+interface RepoIssuesCardProps {
+    stats: RepoStats;
+}
+/**
+ * RepoIssuesCard shows the open issues count as a large stat.
+ */
+export declare const RepoIssuesCard: FC<RepoIssuesCardProps>;
+export {};
+//# sourceMappingURL=RepoIssuesCard.d.ts.map

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

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

package/dist/components/gitops/RepoIssuesCard.js

@@ -0,0 +1,38 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { CircleDot as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/gitops/RepoIssuesCard.tsx
+var i = ({ stats: i }) => {
+	let a = e();
+	return /* @__PURE__ */ r("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center gap-2 mb-4",
+				children: [/* @__PURE__ */ n(t, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ n("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: a("vibecontrols.gitops.repoStats.issues", "Issues")
+				})]
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-3xl font-bold text-text-primary",
+				children: i.openIssues
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-xs text-text-secondary mt-0.5",
+				children: "open issues"
+			}),
+			i.openIssues === 0 ? /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary mt-3",
+				children: a("vibecontrols.gitops.repoStats.noOpenIssues", "No open issues — looking good!")
+			}) : /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary mt-3",
+				children: i.openIssues === 1 ? "1 issue needs attention" : `${i.openIssues} issues need attention`
+			})
+		]
+	});
+};
+//#endregion
+export { i as RepoIssuesCard };
+
+//# sourceMappingURL=RepoIssuesCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoIssuesCard.js","names":[],"sources":["../../../src/components/gitops/RepoIssuesCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { CircleDot } from 'lucide-react';\nimport type { RepoStats } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface RepoIssuesCardProps {\n  stats: RepoStats;\n}\n\n/**\n * RepoIssuesCard shows the open issues count as a large stat.\n */\nexport const RepoIssuesCard: FC<RepoIssuesCardProps> = ({ stats }) => {\n  const tr = useTr();\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-4\">\n        <CircleDot className=\"w-5 h-5 text-text-secondary\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.repoStats.issues', 'Issues')}\n        </h3>\n      </div>\n\n      <p className=\"text-3xl font-bold text-text-primary\">{stats.openIssues}</p>\n      <p className=\"text-xs text-text-secondary mt-0.5\">open issues</p>\n\n      {stats.openIssues === 0 ? (\n        <p className=\"text-sm text-text-secondary mt-3\">\n          {tr('vibecontrols.gitops.repoStats.noOpenIssues', 'No open issues — looking good!')}\n        </p>\n      ) : (\n        <p className=\"text-sm text-text-secondary mt-3\">\n          {stats.openIssues === 1\n            ? '1 issue needs attention'\n            : `${stats.openIssues} issues need attention`}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,KAA2C,EAAE,eAAY;CACpE,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,EACrD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,wCAAwC,SAAS;KAClD,CAAA,CACD;;GAEN,kBAAC,KAAD;IAAG,WAAU;cAAwC,EAAM;IAAe,CAAA;GAC1E,kBAAC,KAAD;IAAG,WAAU;cAAqC;IAAe,CAAA;GAEhE,EAAM,eAAe,IACpB,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,8CAA8C,iCAAiC;IACjF,CAAA,GAEJ,kBAAC,KAAD;IAAG,WAAU;cACV,EAAM,eAAe,IAClB,4BACA,GAAG,EAAM,WAAW;IACtB,CAAA;GAEF"}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RepoStats } from './types';
+
+interface RepoLanguagesCardProps {
+    stats: RepoStats;
+}
+/**
+ * RepoLanguagesCard shows a stacked horizontal progress bar of languages
+ * and a legend list below.
+ */
+export declare const RepoLanguagesCard: FC<RepoLanguagesCardProps>;
+export {};
+//# sourceMappingURL=RepoLanguagesCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoLanguagesCard.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/RepoLanguagesCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,sBAAsB;IAC9B,KAAK,EAAE,SAAS,CAAC;CAClB;AAkBD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsExD,CAAC"}

package/dist/components/gitops/RepoLanguagesCard.js

@@ -0,0 +1,86 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Code2 as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/gitops/RepoLanguagesCard.tsx
+var i = [
+	"var(--color-text-link)",
+	"var(--color-status-success-text)",
+	"var(--color-accent-purple)",
+	"var(--color-status-warning-text)",
+	"var(--color-status-error-text)",
+	"var(--color-accent-teal)",
+	"var(--color-text-tertiary)",
+	"var(--color-border-strong)"
+];
+function a(e) {
+	return i[Array.from(e).reduce((e, t) => e + t.charCodeAt(0), 0) % i.length];
+}
+var o = ({ stats: i }) => {
+	let o = e(), s = i.languages;
+	if (!s || Object.keys(s).length === 0) return /* @__PURE__ */ r("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center gap-2 mb-4",
+			children: [/* @__PURE__ */ n(t, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ n("h3", {
+				className: "text-sm font-semibold text-text-primary",
+				children: o("vibecontrols.gitops.repoStats.languages", "Languages")
+			})]
+		}), /* @__PURE__ */ n("p", {
+			className: "text-sm text-text-secondary",
+			children: o("vibecontrols.gitops.repoStats.noLanguageData", "No language data available")
+		})]
+	});
+	let c = Object.entries(s).sort(([, e], [, t]) => t - e), l = c.reduce((e, [, t]) => e + t, 0), u = c.map(([e, t]) => ({
+		lang: e,
+		bytes: t,
+		pct: l > 0 ? t / l * 100 : 0,
+		color: a(e)
+	}));
+	return /* @__PURE__ */ r("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center gap-2 mb-4",
+				children: [/* @__PURE__ */ n(t, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ n("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: o("vibecontrols.gitops.repoStats.languages", "Languages")
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex h-2.5 rounded-full overflow-hidden bg-bg-sunken mb-4",
+				children: u.map((e) => /* @__PURE__ */ n("div", {
+					className: "h-full first:rounded-l-full last:rounded-r-full",
+					style: {
+						width: `${Math.max(e.pct, .5)}%`,
+						backgroundColor: e.color
+					},
+					title: `${e.lang}: ${e.pct.toFixed(1)}%`
+				}, e.lang))
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex flex-wrap gap-x-4 gap-y-1.5",
+				children: u.map((e) => /* @__PURE__ */ r("div", {
+					className: "flex items-center gap-1.5 text-xs",
+					children: [
+						/* @__PURE__ */ n("span", {
+							className: "w-2.5 h-2.5 rounded-full flex-shrink-0",
+							style: { backgroundColor: e.color }
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "text-text-primary",
+							children: e.lang
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "text-text-secondary tabular-nums",
+							children: [e.pct.toFixed(1), "%"]
+						})
+					]
+				}, e.lang))
+			})
+		]
+	});
+};
+//#endregion
+export { o as RepoLanguagesCard };
+
+//# sourceMappingURL=RepoLanguagesCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoLanguagesCard.js","names":[],"sources":["../../../src/components/gitops/RepoLanguagesCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Code2 } from 'lucide-react';\nimport type { RepoStats } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface RepoLanguagesCardProps {\n  stats: RepoStats;\n}\n\nconst LANGUAGE_COLORS = [\n  'var(--color-text-link)',\n  'var(--color-status-success-text)',\n  'var(--color-accent-purple)',\n  'var(--color-status-warning-text)',\n  'var(--color-status-error-text)',\n  'var(--color-accent-teal)',\n  'var(--color-text-tertiary)',\n  'var(--color-border-strong)',\n];\n\nfunction getLanguageColor(lang: string): string {\n  const hash = Array.from(lang).reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  return LANGUAGE_COLORS[hash % LANGUAGE_COLORS.length];\n}\n\n/**\n * RepoLanguagesCard shows a stacked horizontal progress bar of languages\n * and a legend list below.\n */\nexport const RepoLanguagesCard: FC<RepoLanguagesCardProps> = ({ stats }) => {\n  const tr = useTr();\n  const languages = stats.languages;\n\n  if (!languages || Object.keys(languages).length === 0) {\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-4\">\n          <Code2 className=\"w-5 h-5 text-text-secondary\" />\n          <h3 className=\"text-sm font-semibold text-text-primary\">\n            {tr('vibecontrols.gitops.repoStats.languages', 'Languages')}\n          </h3>\n        </div>\n        <p className=\"text-sm text-text-secondary\">\n          {tr('vibecontrols.gitops.repoStats.noLanguageData', 'No language data available')}\n        </p>\n      </div>\n    );\n  }\n\n  // Compute percentages from raw byte values\n  const entries = Object.entries(languages).sort(([, a], [, b]) => b - a);\n  const total = entries.reduce((sum, [, bytes]) => sum + bytes, 0);\n\n  const items = entries.map(([lang, bytes]) => ({\n    lang,\n    bytes,\n    pct: total > 0 ? (bytes / total) * 100 : 0,\n    color: getLanguageColor(lang),\n  }));\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-4\">\n        <Code2 className=\"w-5 h-5 text-text-secondary\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.repoStats.languages', 'Languages')}\n        </h3>\n      </div>\n\n      {/* Stacked horizontal bar */}\n      <div className=\"flex h-2.5 rounded-full overflow-hidden bg-bg-sunken mb-4\">\n        {items.map((item) => (\n          <div\n            key={item.lang}\n            className=\"h-full first:rounded-l-full last:rounded-r-full\"\n            style={{\n              width: `${Math.max(item.pct, 0.5)}%`,\n              backgroundColor: item.color,\n            }}\n            title={`${item.lang}: ${item.pct.toFixed(1)}%`}\n          />\n        ))}\n      </div>\n\n      {/* Legend */}\n      <div className=\"flex flex-wrap gap-x-4 gap-y-1.5\">\n        {items.map((item) => (\n          <div key={item.lang} className=\"flex items-center gap-1.5 text-xs\">\n            <span\n              className=\"w-2.5 h-2.5 rounded-full flex-shrink-0\"\n              style={{ backgroundColor: item.color }}\n            />\n            <span className=\"text-text-primary\">{item.lang}</span>\n            <span className=\"text-text-secondary tabular-nums\">{item.pct.toFixed(1)}%</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AASA,IAAM,IAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAiB,GAAsB;AAE9C,QAAO,EADM,MAAM,KAAK,EAAK,CAAC,QAAQ,GAAK,MAAS,IAAM,EAAK,WAAW,EAAE,EAAE,EAAE,GAClD,EAAgB;;AAOhD,IAAa,KAAiD,EAAE,eAAY;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAY,EAAM;AAExB,KAAI,CAAC,KAAa,OAAO,KAAK,EAAU,CAAC,WAAW,EAClD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,MAAD;IAAI,WAAU;cACX,EAAG,2CAA2C,YAAY;IACxD,CAAA,CACD;MACN,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,gDAAgD,6BAA6B;GAC/E,CAAA,CACA;;CAKV,IAAM,IAAU,OAAO,QAAQ,EAAU,CAAC,MAAM,GAAG,IAAI,GAAG,OAAO,IAAI,EAAE,EACjE,IAAQ,EAAQ,QAAQ,GAAK,GAAG,OAAW,IAAM,GAAO,EAAE,EAE1D,IAAQ,EAAQ,KAAK,CAAC,GAAM,QAAY;EAC5C;EACA;EACA,KAAK,IAAQ,IAAK,IAAQ,IAAS,MAAM;EACzC,OAAO,EAAiB,EAAK;EAC9B,EAAE;AAEH,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2CAA2C,YAAY;KACxD,CAAA,CACD;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO;MACL,OAAO,GAAG,KAAK,IAAI,EAAK,KAAK,GAAI,CAAC;MAClC,iBAAiB,EAAK;MACvB;KACD,OAAO,GAAG,EAAK,KAAK,IAAI,EAAK,IAAI,QAAQ,EAAE,CAAC;KAC5C,EAPK,EAAK,KAOV,CACF;IACE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,OAAD;KAAqB,WAAU;eAA/B;MACE,kBAAC,QAAD;OACE,WAAU;OACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;OACtC,CAAA;MACF,kBAAC,QAAD;OAAM,WAAU;iBAAqB,EAAK;OAAY,CAAA;MACtD,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAoD,EAAK,IAAI,QAAQ,EAAE,EAAC,IAAQ;;MAC5E;OAPI,EAAK,KAOT,CACN;IACE,CAAA;GACF"}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RepoStats } from './types';
+
+interface RepoOverviewCardProps {
+    stats: RepoStats;
+}
+/**
+ * RepoOverviewCard shows the repository headline info:
+ * org/owner, visibility, default branch, license, description, and fork/star/watcher counts.
+ */
+export declare const RepoOverviewCard: FC<RepoOverviewCardProps>;
+export {};
+//# sourceMappingURL=RepoOverviewCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepoOverviewCard.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/RepoOverviewCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,SAAS,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+FtD,CAAC"}

package/dist/components/gitops/RepoOverviewCard.js

@@ -0,0 +1,117 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { ProviderIcon as t } from "./ProviderIcon.js";
+import { ExternalLink as n, Eye as r, GitBranch as i, GitFork as a, Lock as o, Scale as s, Star as c, Unlock as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/gitops/RepoOverviewCard.tsx
+var f = ({ stats: f }) => {
+	let p = e(), m = f.fullName?.includes("github") ? "GITHUB" : f.fullName?.includes("gitlab") ? "GITLAB" : "GITHUB", h = f.description && f.description.length > 120 ? f.description.slice(0, 117) + "..." : f.description;
+	return /* @__PURE__ */ d("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-start gap-3 mb-4",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex-shrink-0 w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center text-text-secondary",
+					children: /* @__PURE__ */ u(t, {
+						provider: m,
+						size: 20
+					})
+				}), /* @__PURE__ */ d("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ u("h3", {
+						className: "text-sm font-semibold text-text-primary truncate",
+						children: f.fullName
+					}), /* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2 mt-1 flex-wrap",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: `inline-flex items-center gap-1 text-xs font-medium rounded-full px-2 py-0.5 ${f.visibility === "private" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-status-success-bg-subtle text-status-success-text"}`,
+								children: [f.visibility === "private" ? /* @__PURE__ */ u(o, { className: "w-3 h-3" }) : /* @__PURE__ */ u(l, { className: "w-3 h-3" }), f.visibility]
+							}),
+							f.isArchived && /* @__PURE__ */ u("span", {
+								className: "text-xs font-medium rounded-full px-2 py-0.5 bg-bg-sunken text-text-secondary",
+								children: "Archived"
+							}),
+							f.isFork && /* @__PURE__ */ u("span", {
+								className: "text-xs font-medium rounded-full px-2 py-0.5 bg-bg-sunken text-text-secondary",
+								children: "Fork"
+							})
+						]
+					})]
+				})]
+			}),
+			h && /* @__PURE__ */ u("p", {
+				className: "text-sm text-text-secondary mb-4",
+				children: h
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-4 flex-wrap text-sm text-text-secondary mb-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ u(i, { className: "w-4 h-4" }), /* @__PURE__ */ u("span", { children: f.defaultBranch })]
+				}), f.license && /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ u(s, { className: "w-4 h-4" }), /* @__PURE__ */ u("span", { children: f.license })]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-4 flex-wrap text-sm",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-1.5 text-text-secondary",
+						children: [
+							/* @__PURE__ */ u(c, { className: "w-4 h-4" }),
+							/* @__PURE__ */ u("span", {
+								className: "font-medium text-text-primary",
+								children: f.stargazerCount
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "hidden sm:inline",
+								children: "stars"
+							})
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-1.5 text-text-secondary",
+						children: [
+							/* @__PURE__ */ u(a, { className: "w-4 h-4" }),
+							/* @__PURE__ */ u("span", {
+								className: "font-medium text-text-primary",
+								children: f.forkCount
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "hidden sm:inline",
+								children: "forks"
+							})
+						]
+					}),
+					f.watcherCount != null && /* @__PURE__ */ d("div", {
+						className: "flex items-center gap-1.5 text-text-secondary",
+						children: [
+							/* @__PURE__ */ u(r, { className: "w-4 h-4" }),
+							/* @__PURE__ */ u("span", {
+								className: "font-medium text-text-primary",
+								children: f.watcherCount
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "hidden sm:inline",
+								children: "watchers"
+							})
+						]
+					}),
+					/* @__PURE__ */ d("a", {
+						href: `https://github.com/${f.fullName}`,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "ml-auto flex items-center gap-1 text-xs text-action-primary-text hover:underline",
+						children: [/* @__PURE__ */ u(n, { className: "w-3.5 h-3.5" }), p("vibecontrols.gitops.repoStats.view", "View")]
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { f as RepoOverviewCard };
+
+//# sourceMappingURL=RepoOverviewCard.js.map