@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/file-scan-uploader/index.es.js

@@ -0,0 +1,257 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s } from "../../components/card/index.es.js";
+import { Progress as c } from "../../components/progress/index.es.js";
+import { useCallback as l, useRef as u, useState as d } from "react";
+import { AlertCircle as f, CheckCircle2 as p, Scan as m, Shield as h, ShieldAlert as g, Upload as _, X as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/blocks/file-scan-uploader/index.tsx
+var S = (e) => {
+	if (e === 0) return "0 Bytes";
+	let t = 1024, n = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return Math.round(e / t ** r * 100) / 100 + " " + n[r];
+}, C = (e) => {
+	switch (e) {
+		case "pending": return /* @__PURE__ */ b(h, { className: "h-4 w-4 text-muted-foreground" });
+		case "scanning": return /* @__PURE__ */ b(m, { className: "h-4 w-4 text-blue-500 animate-pulse" });
+		case "clean": return /* @__PURE__ */ b(p, { className: "h-4 w-4 text-green-500" });
+		case "infected": return /* @__PURE__ */ b(g, { className: "h-4 w-4 text-red-500" });
+		case "error": return /* @__PURE__ */ b(f, { className: "h-4 w-4 text-orange-500" });
+	}
+}, w = (e) => {
+	switch (e) {
+		case "pending": return /* @__PURE__ */ b(t, {
+			variant: "outline",
+			children: "En attente"
+		});
+		case "scanning": return /* @__PURE__ */ b(t, {
+			variant: "outline",
+			className: "border-blue-500 text-blue-500",
+			children: "Scan en cours"
+		});
+		case "clean": return /* @__PURE__ */ b(t, {
+			variant: "outline",
+			className: "border-green-500 text-green-500",
+			children: "Sain"
+		});
+		case "infected": return /* @__PURE__ */ b(t, {
+			variant: "destructive",
+			children: "Infecté"
+		});
+		case "error": return /* @__PURE__ */ b(t, {
+			variant: "outline",
+			className: "border-orange-500 text-orange-500",
+			children: "Erreur"
+		});
+	}
+};
+function T({ files: T = [], maxFileSize: E = 100 * 1024 * 1024, acceptedTypes: D = ["*/*"], maxConcurrentScans: O = 3, onFilesAdded: k, onScanStart: A, onScanComplete: j, onFileRemove: M, onScanAll: N, className: P }) {
+	let [F, I] = d(!1), L = u(null), R = l((e) => {
+		e.preventDefault(), e.stopPropagation(), I(!0);
+	}, []), z = l((e) => {
+		e.preventDefault(), e.stopPropagation(), I(!1);
+	}, []), B = l((e) => {
+		e.preventDefault(), e.stopPropagation(), I(!1);
+		let t = Array.from(e.dataTransfer.files);
+		k && k(t);
+	}, [k]), V = l((e) => {
+		let t = e.target.files ? Array.from(e.target.files) : [];
+		k && k(t);
+	}, [k]), H = () => {
+		L.current?.click();
+	}, U = T.filter((e) => e.status === "pending").length, W = T.filter((e) => e.status === "scanning").length, G = T.filter((e) => e.status === "clean").length, K = T.filter((e) => e.status === "infected").length, q = T.filter((e) => e.status === "error").length;
+	return /* @__PURE__ */ x(r, {
+		className: e("w-full", P),
+		children: [/* @__PURE__ */ b(o, { children: /* @__PURE__ */ x("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b(s, { children: "Scan Antivirus (ClamAV)" }), /* @__PURE__ */ b(a, { children: "Uploadez vos fichiers pour analyse de sécurité" })] }), T.length > 0 && /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ x("span", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							T.length,
+							" fichier",
+							T.length > 1 ? "s" : ""
+						]
+					}),
+					U > 0 && /* @__PURE__ */ x(n, {
+						size: "sm",
+						variant: "outline",
+						onClick: N,
+						className: "gap-2",
+						children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Scanner tout"]
+					}),
+					/* @__PURE__ */ b(n, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => T.forEach((e) => M?.(e.id)),
+						children: "Tout supprimer"
+					})
+				]
+			})]
+		}) }), /* @__PURE__ */ x(i, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ x("div", {
+					onDragOver: R,
+					onDragLeave: z,
+					onDrop: B,
+					onClick: H,
+					className: e("relative flex min-h-[200px] cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-8 transition-colors", F ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-primary/50 hover:bg-muted/50"),
+					children: [
+						/* @__PURE__ */ b(_, { className: "h-10 w-10 text-muted-foreground" }),
+						/* @__PURE__ */ x("div", {
+							className: "text-center",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-sm font-medium",
+								children: "Glissez vos fichiers ici ou cliquez pour parcourir"
+							}), /* @__PURE__ */ x("p", {
+								className: "mt-1 text-xs text-muted-foreground",
+								children: ["Taille max: ", S(E)]
+							})]
+						}),
+						/* @__PURE__ */ b("input", {
+							ref: L,
+							type: "file",
+							multiple: !0,
+							accept: D.join(","),
+							onChange: V,
+							className: "hidden"
+						})
+					]
+				}),
+				T.length > 0 && /* @__PURE__ */ x("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						G > 0 && /* @__PURE__ */ x(t, {
+							variant: "outline",
+							className: "border-green-500 text-green-500",
+							children: [
+								/* @__PURE__ */ b(p, { className: "mr-1 h-3 w-3" }),
+								G,
+								" sain",
+								G > 1 ? "s" : ""
+							]
+						}),
+						K > 0 && /* @__PURE__ */ x(t, {
+							variant: "destructive",
+							children: [
+								/* @__PURE__ */ b(g, { className: "mr-1 h-3 w-3" }),
+								K,
+								" infecté",
+								K > 1 ? "s" : ""
+							]
+						}),
+						W > 0 && /* @__PURE__ */ x(t, {
+							variant: "outline",
+							className: "border-blue-500 text-blue-500",
+							children: [
+								/* @__PURE__ */ b(m, { className: "mr-1 h-3 w-3" }),
+								W,
+								" en cours"
+							]
+						}),
+						U > 0 && /* @__PURE__ */ x(t, {
+							variant: "outline",
+							children: [
+								/* @__PURE__ */ b(h, { className: "mr-1 h-3 w-3" }),
+								U,
+								" en attente"
+							]
+						}),
+						q > 0 && /* @__PURE__ */ x(t, {
+							variant: "outline",
+							className: "border-orange-500 text-orange-500",
+							children: [
+								/* @__PURE__ */ b(f, { className: "mr-1 h-3 w-3" }),
+								q,
+								" erreur",
+								q > 1 ? "s" : ""
+							]
+						})
+					]
+				}),
+				T.length > 0 && /* @__PURE__ */ b("div", {
+					className: "space-y-2",
+					children: T.map((t) => /* @__PURE__ */ b("div", {
+						className: e("rounded-lg border p-4 transition-colors", t.status === "infected" && "border-red-500/50 bg-red-50/50 dark:bg-red-950/20", t.status === "clean" && "border-green-500/50 bg-green-50/50 dark:bg-green-950/20"),
+						children: /* @__PURE__ */ x("div", {
+							className: "flex items-start justify-between gap-4",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex flex-1 items-start gap-3",
+								children: [/* @__PURE__ */ b("div", {
+									className: "mt-1",
+									children: C(t.status)
+								}), /* @__PURE__ */ x("div", {
+									className: "flex-1 space-y-1",
+									children: [
+										/* @__PURE__ */ x("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ b("span", {
+												className: "font-medium text-sm",
+												children: t.file.name
+											}), w(t.status)]
+										}),
+										/* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											children: [S(t.file.size), t.scanDuration && /* @__PURE__ */ x(y, { children: [
+												" • Scanné en ",
+												t.scanDuration,
+												"ms"
+											] })]
+										}),
+										t.status === "scanning" && /* @__PURE__ */ x("div", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ b(c, {
+												value: t.progress,
+												className: "h-1.5"
+											}), /* @__PURE__ */ x("p", {
+												className: "mt-1 text-xs text-muted-foreground",
+												children: [
+													"Scan en cours... ",
+													t.progress,
+													"%"
+												]
+											})]
+										}),
+										t.status === "infected" && t.threatName && /* @__PURE__ */ x("div", {
+											className: "mt-2 flex items-center gap-2 rounded-md bg-red-100 px-2 py-1 dark:bg-red-950/50",
+											children: [/* @__PURE__ */ b(g, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ x("span", {
+												className: "text-xs font-medium text-red-600 dark:text-red-400",
+												children: ["Menace détectée: ", t.threatName]
+											})]
+										}),
+										t.status === "clean" && t.scannedAt && /* @__PURE__ */ x("div", {
+											className: "mt-2 flex items-center gap-2",
+											children: [/* @__PURE__ */ b(p, { className: "h-3 w-3 text-green-600 dark:text-green-400" }), /* @__PURE__ */ b("span", {
+												className: "text-xs text-green-600 dark:text-green-400",
+												children: "Fichier sain, aucune menace détectée"
+											})]
+										})
+									]
+								})]
+							}), /* @__PURE__ */ b(n, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => M?.(t.id),
+								className: "h-8 w-8 p-0",
+								children: /* @__PURE__ */ b(v, { className: "h-4 w-4" })
+							})]
+						})
+					}, t.id))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { T as FileScanUploader, T as default };

package/dist/blocks/footer/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../../components/button/index.cjs.js"),r=require("../../components/separator/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={github:a.Globe,twitter:a.Share2,linkedin:a.ExternalLink,email:a.Mail};function c({columns:e=[],socialLinks:i=[],copyright:a=`© 2024 Tous droits réservés.`,className:c}){return(0,o.jsx)(`footer`,{className:t.cn(`bg-muted/40`,c),children:(0,o.jsxs)(`div`,{className:`container mx-auto px-4 py-12`,children:[(0,o.jsxs)(`div`,{className:`grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4`,children:[e.map((e,t)=>(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),(0,o.jsx)(`ul`,{className:`space-y-2`,children:e.links.map((e,t)=>(0,o.jsx)(`li`,{children:(0,o.jsx)(`a`,{href:e.href,className:`text-sm text-muted-foreground hover:text-foreground transition-colors`,children:e.label})},t))})]},t)),i.length>0&&(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:`Suivez-nous`}),(0,o.jsx)(`div`,{className:`flex space-x-4`,children:i.map((e,t)=>{let r=s[e.platform];return(0,o.jsx)(n.Button,{variant:`ghost`,size:`icon`,asChild:!0,className:`h-8 w-8`,children:(0,o.jsx)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,"aria-label":e.platform,children:(0,o.jsx)(r,{className:`h-4 w-4`})})},t)})})]})]}),(0,o.jsx)(r.Separator,{className:`my-8`}),(0,o.jsxs)(`div`,{className:`flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0`,children:[(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:a}),(0,o.jsxs)(`div`,{className:`flex space-x-6`,children:[(0,o.jsx)(`a`,{href:`/privacy`,className:`text-sm text-muted-foreground hover:text-foreground transition-colors`,children:`Politique de confidentialité`}),(0,o.jsx)(`a`,{href:`/terms`,className:`text-sm text-muted-foreground hover:text-foreground transition-colors`,children:`Conditions d'utilisation`})]})]})]})})}exports.Footer=c;

package/dist/blocks/footer/index.es.js

@@ -0,0 +1,87 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import { Separator as n } from "../../components/separator/index.es.js";
+import "react";
+import { ExternalLink as r, Globe as i, Mail as a, Share2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/blocks/footer/index.tsx
+var l = {
+	github: i,
+	twitter: o,
+	linkedin: r,
+	email: a
+};
+function u({ columns: r = [], socialLinks: i = [], copyright: a = "© 2024 Tous droits réservés.", className: o }) {
+	return /* @__PURE__ */ s("footer", {
+		className: e("bg-muted/40", o),
+		children: /* @__PURE__ */ c("div", {
+			className: "container mx-auto px-4 py-12",
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4",
+					children: [r.map((e, t) => /* @__PURE__ */ c("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ s("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: e.title
+						}), /* @__PURE__ */ s("ul", {
+							className: "space-y-2",
+							children: e.links.map((e, t) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("a", {
+								href: e.href,
+								className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+								children: e.label
+							}) }, t))
+						})]
+					}, t)), i.length > 0 && /* @__PURE__ */ c("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ s("h3", {
+							className: "text-sm font-semibold text-foreground",
+							children: "Suivez-nous"
+						}), /* @__PURE__ */ s("div", {
+							className: "flex space-x-4",
+							children: i.map((e, n) => {
+								let r = l[e.platform];
+								return /* @__PURE__ */ s(t, {
+									variant: "ghost",
+									size: "icon",
+									asChild: !0,
+									className: "h-8 w-8",
+									children: /* @__PURE__ */ s("a", {
+										href: e.url,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										"aria-label": e.platform,
+										children: /* @__PURE__ */ s(r, { className: "h-4 w-4" })
+									})
+								}, n);
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ s(n, { className: "my-8" }),
+				/* @__PURE__ */ c("div", {
+					className: "flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0",
+					children: [/* @__PURE__ */ s("p", {
+						className: "text-sm text-muted-foreground",
+						children: a
+					}), /* @__PURE__ */ c("div", {
+						className: "flex space-x-6",
+						children: [/* @__PURE__ */ s("a", {
+							href: "/privacy",
+							className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+							children: "Politique de confidentialité"
+						}), /* @__PURE__ */ s("a", {
+							href: "/terms",
+							className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+							children: "Conditions d'utilisation"
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as Footer };

package/dist/blocks/gitops-sync-status/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../../components/badge/index.cjs.js"),r=require("../../components/button/index.cjs.js"),i=require("../../components/card/index.cjs.js"),a=require("../../components/progress/index.cjs.js"),o=require("../../components/scroll-area/index.cjs.js");let s=require("react");s=e.__toESM(s);let c=require("lucide-react"),l=require("react/jsx-runtime");var u={synced:{icon:c.CheckCircle2,color:`text-green-500`,bgColor:`bg-green-500`,label:`Synced`},out_of_sync:{icon:c.AlertTriangle,color:`text-yellow-500`,bgColor:`bg-yellow-500`,label:`Out of Sync`},syncing:{icon:c.Loader2,color:`text-blue-500`,bgColor:`bg-blue-500`,label:`Syncing`},failed:{icon:c.XCircle,color:`text-red-500`,bgColor:`bg-red-500`,label:`Failed`},unknown:{icon:c.Clock,color:`text-gray-500`,bgColor:`bg-gray-500`,label:`Unknown`},suspended:{icon:c.Pause,color:`text-orange-500`,bgColor:`bg-orange-500`,label:`Suspended`}},d={healthy:{color:`text-green-500`,bgColor:`bg-green-500`,label:`Healthy`},degraded:{color:`text-red-500`,bgColor:`bg-red-500`,label:`Degraded`},progressing:{color:`text-blue-500`,bgColor:`bg-blue-500`,label:`Progressing`},missing:{color:`text-yellow-500`,bgColor:`bg-yellow-500`,label:`Missing`},unknown:{color:`text-gray-500`,bgColor:`bg-gray-500`,label:`Unknown`}};function f(e){let t=Math.floor((Date.now()-e.getTime())/1e3);if(t<60)return`${t}s ago`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}function p(e){return e.slice(0,7)}function m({status:e}){let r=u[e],i=r.icon;return(0,l.jsxs)(n.Badge,{variant:`outline`,className:t.cn(`gap-1`,r.color),children:[(0,l.jsx)(i,{className:t.cn(`h-3 w-3`,e===`syncing`&&`animate-spin`)}),r.label]})}function h({status:e}){let n=d[e];return(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(`div`,{className:t.cn(`w-2 h-2 rounded-full`,n.bgColor)}),(0,l.jsx)(`span`,{className:t.cn(`text-sm`,n.color),children:n.label})]})}function g({app:e,onSync:o,onSuspend:g,onResume:_,onViewDetails:v}){let y=u[e.syncStatus];d[e.healthStatus];let b=y.icon,x=s.useMemo(()=>({synced:e.resources.filter(e=>e.syncStatus===`synced`).length,healthy:e.resources.filter(e=>e.healthStatus===`healthy`).length,total:e.resources.length}),[e.resources]);return(0,l.jsx)(i.Card,{className:t.cn(e.syncStatus===`failed`&&`border-red-500/50`,e.syncStatus===`out_of_sync`&&`border-yellow-500/30`,e.healthStatus===`degraded`&&`border-red-500/30`),children:(0,l.jsx)(i.CardContent,{className:`p-4`,children:(0,l.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,l.jsx)(`div`,{className:t.cn(`w-12 h-12 rounded-lg flex items-center justify-center shrink-0`,`${y.bgColor}/10`),children:(0,l.jsx)(b,{className:t.cn(`h-6 w-6`,y.color,e.syncStatus===`syncing`&&`animate-spin`)})}),(0,l.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-3`,children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`h3`,{className:`font-semibold`,children:e.name}),(0,l.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:e.project})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 text-sm text-muted-foreground`,children:[(0,l.jsx)(c.Server,{className:`h-3 w-3`}),(0,l.jsx)(`span`,{children:e.destination.namespace}),(0,l.jsx)(`span`,{children:`@`}),(0,l.jsx)(`span`,{className:`truncate max-w-[200px]`,children:e.destination.server})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,l.jsx)(m,{status:e.syncStatus}),(0,l.jsx)(h,{status:e.healthStatus})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-4 text-sm`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5 text-muted-foreground`,children:[(0,l.jsx)(c.GitBranch,{className:`h-4 w-4`}),(0,l.jsx)(`span`,{children:e.repo.branch})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5 text-muted-foreground`,children:[(0,l.jsx)(c.Folder,{className:`h-4 w-4`}),(0,l.jsx)(`span`,{className:`truncate max-w-[150px]`,children:e.repo.path})]}),e.lastSyncedRevision&&(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(c.GitCommit,{className:`h-4 w-4 text-muted-foreground`}),(0,l.jsx)(`code`,{className:`text-xs bg-muted px-1.5 py-0.5 rounded`,children:p(e.lastSyncedRevision)}),e.targetRevision&&e.lastSyncedRevision!==e.targetRevision&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c.ArrowRight,{className:`h-3 w-3 text-muted-foreground`}),(0,l.jsx)(`code`,{className:`text-xs bg-yellow-500/20 text-yellow-600 px-1.5 py-0.5 rounded`,children:p(e.targetRevision)})]})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,l.jsxs)(`div`,{className:`flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between text-xs mb-1`,children:[(0,l.jsx)(`span`,{className:`text-muted-foreground`,children:`Resources Synced`}),(0,l.jsxs)(`span`,{children:[x.synced,`/`,x.total]})]}),(0,l.jsx)(a.Progress,{value:x.synced/x.total*100,className:`h-1.5`})]}),(0,l.jsxs)(`div`,{className:`flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between text-xs mb-1`,children:[(0,l.jsx)(`span`,{className:`text-muted-foreground`,children:`Resources Healthy`}),(0,l.jsxs)(`span`,{children:[x.healthy,`/`,x.total]})]}),(0,l.jsx)(a.Progress,{value:x.healthy/x.total*100,className:t.cn(`h-1.5`,x.healthy<x.total&&`[&>div]:bg-yellow-500`)})]})]}),e.message&&(e.syncStatus===`failed`||e.healthStatus===`degraded`)&&(0,l.jsx)(`div`,{className:`text-sm text-red-500 bg-red-500/10 p-2 rounded`,children:e.message}),(0,l.jsxs)(`div`,{className:`flex items-center justify-between pt-2 border-t`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[e.lastSyncedAt&&(0,l.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,l.jsx)(c.Clock,{className:`h-3 w-3`}),`Last synced `,f(e.lastSyncedAt)]}),e.autoSync&&(0,l.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,l.jsx)(c.RefreshCw,{className:`h-3 w-3 mr-1`}),`Auto-sync`]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[v&&(0,l.jsxs)(r.Button,{variant:`ghost`,size:`sm`,onClick:v,children:[(0,l.jsx)(c.Eye,{className:`h-4 w-4 mr-1`}),`Details`]}),e.syncStatus===`suspended`&&_?(0,l.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:_,children:[(0,l.jsx)(c.Play,{className:`h-4 w-4 mr-1`}),`Resume`]}):(0,l.jsxs)(l.Fragment,{children:[g&&e.syncStatus!==`suspended`&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:g,children:(0,l.jsx)(c.Pause,{className:`h-4 w-4`})}),o&&e.syncStatus!==`syncing`&&(0,l.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:o,children:[(0,l.jsx)(c.RefreshCw,{className:`h-4 w-4 mr-1`}),`Sync`]})]})]})]})]})]})})})}function _({applications:e}){let t=s.useMemo(()=>({total:e.length,synced:e.filter(e=>e.syncStatus===`synced`).length,outOfSync:e.filter(e=>e.syncStatus===`out_of_sync`).length,failed:e.filter(e=>e.syncStatus===`failed`).length,healthy:e.filter(e=>e.healthStatus===`healthy`).length,degraded:e.filter(e=>e.healthStatus===`degraded`).length}),[e]);return(0,l.jsxs)(`div`,{className:`grid grid-cols-6 gap-4`,children:[(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold`,children:t.total}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Total Apps`})]})}),(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold text-green-500`,children:t.synced}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Synced`})]})}),(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold text-yellow-500`,children:t.outOfSync}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Out of Sync`})]})}),(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold text-red-500`,children:t.failed}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Failed`})]})}),(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold text-green-500`,children:t.healthy}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Healthy`})]})}),(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`p-4 text-center`,children:[(0,l.jsx)(`div`,{className:`text-2xl font-bold text-red-500`,children:t.degraded}),(0,l.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Degraded`})]})})]})}function v({applications:e,onSync:n,onRefresh:a,onSuspend:d,onResume:f,onViewDetails:p,className:m}){let[h,v]=s.useState(`all`),y=s.useMemo(()=>h===`all`?e:e.filter(e=>e.syncStatus===h),[e,h]);return(0,l.jsxs)(`div`,{className:t.cn(`space-y-6`,m),children:[(0,l.jsx)(i.Card,{children:(0,l.jsx)(i.CardHeader,{children:(0,l.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(c.GitBranch,{className:`h-6 w-6`}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(i.CardTitle,{children:`GitOps Sync Status`}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Monitor application synchronization with Git`})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[[`all`,`synced`,`out_of_sync`,`failed`,`syncing`].map(e=>(0,l.jsx)(r.Button,{variant:h===e?`default`:`ghost`,size:`sm`,onClick:()=>v(e),children:e===`all`?`All`:u[e].label},e)),a&&(0,l.jsxs)(r.Button,{variant:`outline`,onClick:a,children:[(0,l.jsx)(c.RefreshCw,{className:`h-4 w-4 mr-1`}),`Refresh All`]})]})]})})}),(0,l.jsx)(_,{applications:e}),(0,l.jsx)(o.ScrollArea,{className:`h-[500px]`,children:(0,l.jsx)(`div`,{className:`space-y-4 pr-4`,children:y.length===0?(0,l.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-48 text-muted-foreground`,children:[(0,l.jsx)(c.Cloud,{className:`h-12 w-12 mb-4`}),(0,l.jsx)(`p`,{className:`text-lg font-medium`,children:`No applications found`}),(0,l.jsx)(`p`,{className:`text-sm`,children:`Adjust your filters or add new applications`})]}):y.map(e=>(0,l.jsx)(g,{app:e,onSync:n?()=>n(e):void 0,onSuspend:d?()=>d(e):void 0,onResume:f?()=>f(e):void 0,onViewDetails:p?()=>p(e):void 0},e.id))})})]})}var y=[{id:`1`,name:`api-gateway`,project:`production`,repo:{url:`https://github.com/example/infra`,branch:`main`,path:`apps/api-gateway`},destination:{server:`https://kubernetes.default.svc`,namespace:`production`},syncStatus:`synced`,healthStatus:`healthy`,lastSyncedAt:new Date(Date.now()-5*6e4),lastSyncedRevision:`a1b2c3d4e5f6789`,autoSync:!0,resources:[{kind:`Deployment`,name:`api-gateway`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`},{kind:`Service`,name:`api-gateway`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`},{kind:`ConfigMap`,name:`api-gateway-config`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`},{kind:`Ingress`,name:`api-gateway`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`}]},{id:`2`,name:`user-service`,project:`production`,repo:{url:`https://github.com/example/infra`,branch:`main`,path:`apps/user-service`},destination:{server:`https://kubernetes.default.svc`,namespace:`production`},syncStatus:`out_of_sync`,healthStatus:`healthy`,lastSyncedAt:new Date(Date.now()-2*36e5),lastSyncedRevision:`old123456789`,targetRevision:`new987654321`,autoSync:!1,resources:[{kind:`Deployment`,name:`user-service`,namespace:`production`,syncStatus:`out_of_sync`,healthStatus:`healthy`},{kind:`Service`,name:`user-service`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`},{kind:`Secret`,name:`user-service-secrets`,namespace:`production`,syncStatus:`out_of_sync`,healthStatus:`healthy`}]},{id:`3`,name:`payment-service`,project:`production`,repo:{url:`https://github.com/example/infra`,branch:`main`,path:`apps/payment-service`},destination:{server:`https://kubernetes.default.svc`,namespace:`production`},syncStatus:`failed`,healthStatus:`degraded`,lastSyncedAt:new Date(Date.now()-30*6e4),lastSyncedRevision:`abc123def456`,message:`Failed to apply resource: Deployment/payment-service: ImagePullBackOff`,autoSync:!0,resources:[{kind:`Deployment`,name:`payment-service`,namespace:`production`,syncStatus:`failed`,healthStatus:`degraded`,message:`ImagePullBackOff`},{kind:`Service`,name:`payment-service`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`},{kind:`Secret`,name:`payment-service-secrets`,namespace:`production`,syncStatus:`synced`,healthStatus:`healthy`}]},{id:`4`,name:`notification-service`,project:`staging`,repo:{url:`https://github.com/example/infra`,branch:`develop`,path:`apps/notification-service`},destination:{server:`https://staging.k8s.example.com`,namespace:`staging`},syncStatus:`syncing`,healthStatus:`progressing`,lastSyncedAt:new Date(Date.now()-6e4),lastSyncedRevision:`syncing123`,autoSync:!0,resources:[{kind:`Deployment`,name:`notification-service`,namespace:`staging`,syncStatus:`syncing`,healthStatus:`progressing`},{kind:`Service`,name:`notification-service`,namespace:`staging`,syncStatus:`synced`,healthStatus:`healthy`}]}];exports.GitOpsSyncStatus=v,exports.defaultGitOpsApplications=y;