@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-security-scan-result/index.es.js

@@ -0,0 +1,446 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { Input as r } from "../input/index.es.js";
+import { ScrollArea as i } from "../scroll-area/index.es.js";
+import * as a from "react";
+import { AlertCircle as o, AlertTriangle as s, ChevronDown as c, ChevronRight as l, Clock as u, ExternalLink as d, FileCode as f, Info as p, Link as m, Package as h, Search as g, Shield as _, ShieldAlert as v, ShieldCheck as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/waka-security-scan-result/index.tsx
+var S = {
+	critical: {
+		icon: v,
+		color: "text-red-600",
+		bgColor: "bg-red-500",
+		label: "Critical",
+		score: "9.0-10.0"
+	},
+	high: {
+		icon: o,
+		color: "text-orange-500",
+		bgColor: "bg-orange-500",
+		label: "High",
+		score: "7.0-8.9"
+	},
+	medium: {
+		icon: s,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Medium",
+		score: "4.0-6.9"
+	},
+	low: {
+		icon: p,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Low",
+		score: "0.1-3.9"
+	},
+	info: {
+		icon: p,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Info",
+		score: "0"
+	}
+}, C = {
+	sast: {
+		icon: f,
+		label: "SAST",
+		description: "Static Application Security Testing"
+	},
+	dast: {
+		icon: m,
+		label: "DAST",
+		description: "Dynamic Application Security Testing"
+	},
+	sca: {
+		icon: h,
+		label: "SCA",
+		description: "Software Composition Analysis"
+	},
+	secret: {
+		icon: _,
+		label: "Secrets",
+		description: "Secret Detection"
+	},
+	container: {
+		icon: h,
+		label: "Container",
+		description: "Container Image Scanning"
+	}
+};
+function w({ severity: n }) {
+	let r = S[n];
+	return /* @__PURE__ */ b(t, {
+		className: e("text-white", r.bgColor),
+		children: r.label
+	});
+}
+function T({ vulnerability: r, isExpanded: i, onToggle: a, onViewCVE: o }) {
+	let s = S[r.severity], u = C[r.type], f = s.icon, p = u.icon;
+	return /* @__PURE__ */ x("div", {
+		className: e("border rounded-lg overflow-hidden", r.severity === "critical" && "border-red-500/50", r.severity === "high" && "border-orange-500/50"),
+		children: [/* @__PURE__ */ x("button", {
+			className: e("w-full flex items-start gap-3 p-4 text-left hover:bg-muted/50 transition-colors", r.severity === "critical" && "bg-red-500/5", r.severity === "high" && "bg-orange-500/5"),
+			onClick: a,
+			children: [
+				b(i ? c : l, { className: "h-4 w-4 mt-1 text-muted-foreground shrink-0" }),
+				/* @__PURE__ */ b(f, { className: e("h-5 w-5 mt-0.5 shrink-0", s.color) }),
+				/* @__PURE__ */ x("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [
+								/* @__PURE__ */ b("span", {
+									className: "font-medium",
+									children: r.title
+								}),
+								/* @__PURE__ */ b(w, { severity: r.severity }),
+								/* @__PURE__ */ x(t, {
+									variant: "outline",
+									className: "text-xs",
+									children: [/* @__PURE__ */ b(p, { className: "h-3 w-3 mr-1" }), u.label]
+								})
+							]
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-muted-foreground mt-1 line-clamp-2",
+							children: r.description
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-3 mt-2 text-xs text-muted-foreground",
+							children: [
+								r.cveId && /* @__PURE__ */ x("span", {
+									role: "button",
+									tabIndex: 0,
+									className: "text-primary hover:underline flex items-center gap-1 cursor-pointer",
+									onClick: (e) => {
+										e.stopPropagation(), o?.(r.cveId);
+									},
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o?.(r.cveId));
+									},
+									children: [r.cveId, /* @__PURE__ */ b(d, { className: "h-3 w-3" })]
+								}),
+								r.cvssScore && /* @__PURE__ */ x("span", { children: ["CVSS: ", r.cvssScore.toFixed(1)] }),
+								r.package && /* @__PURE__ */ x("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ b(h, { className: "h-3 w-3" }),
+										r.package,
+										"@",
+										r.version
+									]
+								}),
+								r.file && /* @__PURE__ */ x("span", {
+									className: "truncate max-w-[200px]",
+									children: [
+										r.file,
+										":",
+										r.line
+									]
+								})
+							]
+						})
+					]
+				})
+			]
+		}), i && /* @__PURE__ */ x("div", {
+			className: "border-t bg-muted/20 p-4 space-y-4",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm",
+					children: [
+						r.cveId && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "CVE ID:"
+							}),
+							" ",
+							/* @__PURE__ */ b("span", {
+								className: "font-mono",
+								children: r.cveId
+							})
+						] }),
+						r.cweId && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "CWE ID:"
+							}),
+							" ",
+							/* @__PURE__ */ b("span", {
+								className: "font-mono",
+								children: r.cweId
+							})
+						] }),
+						r.cvssScore && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "CVSS Score:"
+							}),
+							" ",
+							/* @__PURE__ */ b("span", {
+								className: "font-medium",
+								children: r.cvssScore.toFixed(1)
+							})
+						] }),
+						r.package && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "Package:"
+							}),
+							" ",
+							/* @__PURE__ */ x("span", {
+								className: "font-mono",
+								children: [
+									r.package,
+									"@",
+									r.version
+								]
+							})
+						] }),
+						r.fixedVersion && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "Fixed in:"
+							}),
+							" ",
+							/* @__PURE__ */ b("span", {
+								className: "font-mono text-green-500",
+								children: r.fixedVersion
+							})
+						] }),
+						r.file && /* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-muted-foreground",
+								children: "Location:"
+							}),
+							" ",
+							/* @__PURE__ */ x("span", {
+								className: "font-mono",
+								children: [
+									r.file,
+									":",
+									r.line
+								]
+							})
+						] })
+					]
+				}),
+				r.remediation && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+					className: "text-sm font-medium mb-1",
+					children: "Remediation"
+				}), /* @__PURE__ */ b("p", {
+					className: "text-sm text-muted-foreground",
+					children: r.remediation
+				})] }),
+				r.url && /* @__PURE__ */ x(n, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => window.open(r.url, "_blank"),
+					children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 mr-2" }), "Learn More"]
+				})
+			]
+		})]
+	});
+}
+function E({ vulnerabilities: t, scanType: n = "all", scannedAt: o, onVulnerabilityClick: s, onViewCVE: c, title: l = "Security Scan Results", className: d }) {
+	let [f, p] = a.useState(""), [m, h] = a.useState("all"), [_, C] = a.useState(/* @__PURE__ */ new Set()), w = (e) => {
+		C((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, E = a.useMemo(() => t.reduce((e, t) => (e[t.severity]++, e.total++, e), {
+		critical: 0,
+		high: 0,
+		medium: 0,
+		low: 0,
+		info: 0,
+		total: 0
+	}), [t]), D = a.useMemo(() => t.filter((e) => {
+		if (m !== "all" && e.severity !== m) return !1;
+		if (f) {
+			let t = f.toLowerCase();
+			return e.title.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.cveId?.toLowerCase().includes(t) || e.package?.toLowerCase().includes(t);
+		}
+		return !0;
+	}), [
+		t,
+		m,
+		f
+	]), O = a.useMemo(() => {
+		let e = {
+			critical: 40,
+			high: 20,
+			medium: 5,
+			low: 1,
+			info: 0
+		}, t = Object.entries(E).reduce((t, [n, r]) => n === "total" ? t : t + (e[n] || 0) * r, 0);
+		return Math.max(0, 100 - t);
+	}, [E]), k = O >= 80 ? "text-green-500" : O >= 50 ? "text-yellow-500" : "text-red-500";
+	return /* @__PURE__ */ x("div", {
+		className: e("flex flex-col border rounded-lg bg-background", d),
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex items-center gap-3",
+					children: [E.critical > 0 || E.high > 0 ? /* @__PURE__ */ b(v, { className: "h-5 w-5 text-red-500" }) : /* @__PURE__ */ b(y, { className: "h-5 w-5 text-green-500" }), /* @__PURE__ */ b("h3", {
+						className: "font-semibold",
+						children: l
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-3",
+					children: /* @__PURE__ */ x("div", {
+						className: "text-right",
+						children: [/* @__PURE__ */ b("div", {
+							className: e("text-2xl font-bold", k),
+							children: O
+						}), /* @__PURE__ */ b("div", {
+							className: "text-xs text-muted-foreground",
+							children: "Security Score"
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-5 gap-2 p-3 border-b bg-muted/30",
+				children: [
+					"critical",
+					"high",
+					"medium",
+					"low",
+					"info"
+				].map((t) => {
+					let n = S[t], r = E[t];
+					return /* @__PURE__ */ x("button", {
+						className: e("flex flex-col items-center p-2 rounded-lg transition-colors", m === t ? "bg-background ring-1 ring-primary" : "hover:bg-background/50", r > 0 && t === "critical" && "bg-red-500/10", r > 0 && t === "high" && "bg-orange-500/10"),
+						onClick: () => h(m === t ? "all" : t),
+						children: [/* @__PURE__ */ b("span", {
+							className: e("text-2xl font-bold", n.color),
+							children: r
+						}), /* @__PURE__ */ b("span", {
+							className: "text-xs text-muted-foreground capitalize",
+							children: t
+						})]
+					}, t);
+				})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex items-center gap-2 p-2 border-b",
+				children: [/* @__PURE__ */ x("div", {
+					className: "relative flex-1 max-w-sm",
+					children: [/* @__PURE__ */ b(g, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ b(r, {
+						placeholder: "Search vulnerabilities...",
+						value: f,
+						onChange: (e) => p(e.target.value),
+						className: "pl-8 h-8"
+					})]
+				}), o && /* @__PURE__ */ x("span", {
+					className: "text-xs text-muted-foreground flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ b(u, { className: "h-3 w-3" }),
+						"Scanned ",
+						o.toLocaleString()
+					]
+				})]
+			}),
+			/* @__PURE__ */ b(i, {
+				className: "flex-1 max-h-[500px]",
+				children: /* @__PURE__ */ b("div", {
+					className: "p-3 space-y-2",
+					children: D.length === 0 ? /* @__PURE__ */ x("div", {
+						className: "flex flex-col items-center justify-center h-32 text-muted-foreground",
+						children: [/* @__PURE__ */ b(y, { className: "h-8 w-8 mb-2 text-green-500" }), /* @__PURE__ */ b("span", { children: "No vulnerabilities found" })]
+					}) : D.map((e) => /* @__PURE__ */ b(T, {
+						vulnerability: e,
+						isExpanded: _.has(e.id),
+						onToggle: () => w(e.id),
+						onViewCVE: c
+					}, e.id))
+				})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex items-center justify-between px-3 py-2 border-t bg-muted/30 text-sm",
+				children: [/* @__PURE__ */ x("span", {
+					className: "text-muted-foreground",
+					children: [
+						D.length,
+						" of ",
+						t.length,
+						" vulnerabilities"
+					]
+				}), E.critical > 0 && /* @__PURE__ */ x("span", {
+					className: "text-red-500 font-medium",
+					children: [E.critical, " critical issues require immediate attention"]
+				})]
+			})
+		]
+	});
+}
+var D = [
+	{
+		id: "1",
+		title: "SQL Injection in login endpoint",
+		description: "User input is directly concatenated into SQL query without proper sanitization, allowing attackers to execute arbitrary SQL commands.",
+		severity: "critical",
+		type: "sast",
+		cweId: "CWE-89",
+		cvssScore: 9.8,
+		file: "src/auth/login.ts",
+		line: 45,
+		remediation: "Use parameterized queries or prepared statements to prevent SQL injection attacks."
+	},
+	{
+		id: "2",
+		title: "Prototype Pollution in lodash",
+		description: "Versions of lodash prior to 4.17.21 are vulnerable to prototype pollution via the template function.",
+		severity: "high",
+		type: "sca",
+		cveId: "CVE-2021-23337",
+		cvssScore: 7.2,
+		package: "lodash",
+		version: "4.17.19",
+		fixedVersion: "4.17.21",
+		url: "https://nvd.nist.gov/vuln/detail/CVE-2021-23337",
+		remediation: "Upgrade lodash to version 4.17.21 or later."
+	},
+	{
+		id: "3",
+		title: "Hardcoded API Key",
+		description: "AWS API key found hardcoded in source code. This exposes the key to anyone with access to the repository.",
+		severity: "high",
+		type: "secret",
+		file: "config/aws.ts",
+		line: 12,
+		remediation: "Remove the hardcoded key and use environment variables or a secrets manager."
+	},
+	{
+		id: "4",
+		title: "Cross-Site Scripting (XSS)",
+		description: "User-provided content is rendered without proper escaping, allowing script injection.",
+		severity: "medium",
+		type: "dast",
+		cweId: "CWE-79",
+		cvssScore: 6.1,
+		url: "https://owasp.org/www-community/attacks/xss/",
+		remediation: "Sanitize and escape all user-provided content before rendering."
+	},
+	{
+		id: "5",
+		title: "Outdated base image",
+		description: "Container uses node:14 base image which has known vulnerabilities.",
+		severity: "low",
+		type: "container",
+		package: "node",
+		version: "14.0.0",
+		fixedVersion: "18.0.0",
+		remediation: "Update to a more recent Node.js LTS version."
+	}
+];
+//#endregion
+export { E as WakaSecurityScanResult, D as defaultVulnerabilities };

package/dist/components/waka-security-score/index.cjs.js

@@ -0,0 +1,10 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={critical:{color:`#dc2626`,bgColor:`bg-red-500/10`,borderColor:`border-red-500/30`,label:`Critical Risk`,icon:(0,i.jsx)(r.ShieldX,{className:`h-5 w-5`})},low:{color:`#f97316`,bgColor:`bg-orange-500/10`,borderColor:`border-orange-500/30`,label:`Low Security`,icon:(0,i.jsx)(r.ShieldAlert,{className:`h-5 w-5`})},medium:{color:`#eab308`,bgColor:`bg-yellow-500/10`,borderColor:`border-yellow-500/30`,label:`Medium Security`,icon:(0,i.jsx)(r.Shield,{className:`h-5 w-5`})},high:{color:`#22c55e`,bgColor:`bg-green-500/10`,borderColor:`border-green-500/30`,label:`High Security`,icon:(0,i.jsx)(r.ShieldCheck,{className:`h-5 w-5`})},excellent:{color:`#10b981`,bgColor:`bg-emerald-500/10`,borderColor:`border-emerald-500/30`,label:`Excellent`,icon:(0,i.jsx)(r.ShieldCheck,{className:`h-5 w-5`})}},o={critical:{color:`text-red-600`,bgColor:`bg-red-500/10`,label:`Critical`},high:{color:`text-orange-600`,bgColor:`bg-orange-500/10`,label:`High`},medium:{color:`text-yellow-600`,bgColor:`bg-yellow-500/10`,label:`Medium`},low:{color:`text-blue-600`,bgColor:`bg-blue-500/10`,label:`Low`}},s={pending:{color:`text-muted-foreground`,bgColor:`bg-muted`,label:`Pending`,icon:(0,i.jsx)(r.Minus,{className:`h-3.5 w-3.5`})},in_progress:{color:`text-blue-600`,bgColor:`bg-blue-500/10`,label:`In Progress`,icon:(0,i.jsx)(r.TrendingUp,{className:`h-3.5 w-3.5`})},completed:{color:`text-green-600`,bgColor:`bg-green-500/10`,label:`Completed`,icon:(0,i.jsx)(r.Check,{className:`h-3.5 w-3.5`})},dismissed:{color:`text-muted-foreground`,bgColor:`bg-muted/50`,label:`Dismissed`,icon:(0,i.jsx)(r.X,{className:`h-3.5 w-3.5`})}},c={sm:{gaugeSize:140,strokeWidth:10,fontSize:`text-2xl`,labelSize:`text-xs`,padding:`p-4`,gap:`gap-4`},md:{gaugeSize:180,strokeWidth:14,fontSize:`text-4xl`,labelSize:`text-sm`,padding:`p-6`,gap:`gap-6`},lg:{gaugeSize:220,strokeWidth:18,fontSize:`text-5xl`,labelSize:`text-base`,padding:`p-8`,gap:`gap-8`}},l={authentication:(0,i.jsx)(r.KeyRound,{className:`h-4 w-4`}),authorization:(0,i.jsx)(r.Lock,{className:`h-4 w-4`}),encryption:(0,i.jsx)(r.Lock,{className:`h-4 w-4`}),vulnerabilities:(0,i.jsx)(r.Bug,{className:`h-4 w-4`}),infrastructure:(0,i.jsx)(r.Server,{className:`h-4 w-4`}),network:(0,i.jsx)(r.Globe,{className:`h-4 w-4`}),compliance:(0,i.jsx)(r.FileWarning,{className:`h-4 w-4`}),access:(0,i.jsx)(r.Eye,{className:`h-4 w-4`})};function u(e){return e>=90?`excellent`:e>=70?`high`:e>=50?`medium`:e>=30?`low`:`critical`}function d(e,t,n,r){let i=(r-90)*Math.PI/180;return{x:e+n*Math.cos(i),y:t+n*Math.sin(i)}}function f(e,t,n,r,i){let a=d(e,t,n,i),o=d(e,t,n,r),s=i-r<=180?`0`:`1`;return[`M`,a.x,a.y,`A`,n,n,0,s,0,o.x,o.y].join(` `)}function p(e){return e>=90?`#10b981`:e>=70?`#22c55e`:e>=50?`#eab308`:e>=30?`#f97316`:`#dc2626`}function m({initialScore:e=0,initialCategories:t=[],initialRecommendations:r=[],onScoreUpdate:i}={}){let[a,o]=n.useState(e),[s,c]=n.useState(t),[l,d]=n.useState(r),[f,p]=n.useState([{timestamp:new Date,score:e}]),m=n.useRef(a),h=n.useCallback(e=>{if(e.length===0)return 0;let t=e.reduce((e,t)=>e+(t.weight??1),0),n=e.reduce((e,t)=>e+t.score*(t.weight??1),0);return Math.round(n/t)},[]),g=n.useCallback(e=>{let t=Math.max(0,Math.min(100,e));o(t),p(e=>[...e.slice(-19),{timestamp:new Date,score:t}])},[]),_=n.useCallback((e,t)=>{c(n=>{let r=n.map(n=>n.id===e?{...n,...t}:n);return g(h(r)),r})},[h,g]),v=n.useCallback((e,t)=>{d(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),y=n.useCallback(e=>{let t=l.find(t=>t.id===e);t&&t.impact&&g(Math.min(100,a+t.impact)),v(e,{status:`completed`})},[l,a,g,v]);return n.useEffect(()=>{a!==m.current&&(i?.(a,m.current),m.current=a)},[a,i]),{score:a,setScore:g,categories:s,setCategories:c,recommendations:l,setRecommendations:d,history:f,setHistory:p,updateCategory:_,updateRecommendation:v,completeRecommendation:y,calculateScore:h,completedCount:l.filter(e=>e.status===`completed`).length,pendingCount:l.filter(e=>e.status===`pending`||e.status===`in_progress`).length,level:u(a)}}function h({score:e,displayScore:r,size:o,strokeWidth:s,animated:l}){let m=o/2,h=(o-s)/2;2*Math.PI*h;let g=a[u(e)],_=p(r),v=135+r/100*270,y=f(m,m,h,135,405),b=f(m,m,h,135,Math.max(135.1,v)),x=n.useId();return(0,i.jsxs)(`div`,{className:`relative`,style:{width:o,height:o},children:[(0,i.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full blur-2xl opacity-30 transition-all duration-500`),style:{background:`radial-gradient(circle, ${_} 0%, transparent 70%)`}}),(0,i.jsxs)(`svg`,{width:o,height:o,viewBox:`0 0 ${o} ${o}`,className:`overflow-visible`,children:[(0,i.jsxs)(`defs`,{children:[(0,i.jsxs)(`linearGradient`,{id:`security-gradient-${x}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:_,stopOpacity:`0.8`}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:_,stopOpacity:`1`})]}),(0,i.jsx)(`filter`,{id:`security-glow-${x}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,i.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`4`,floodColor:_,floodOpacity:`0.6`})})]}),(0,i.jsx)(`path`,{d:y,fill:`none`,stroke:`currentColor`,strokeWidth:s,strokeLinecap:`round`,className:`text-muted opacity-20`}),(0,i.jsx)(`path`,{d:b,fill:`none`,stroke:`url(#security-gradient-${x})`,strokeWidth:s,strokeLinecap:`round`,filter:`url(#security-glow-${x})`,className:t.cn(l&&`transition-all duration-700 ease-out`)}),r>0&&(0,i.jsx)(`circle`,{cx:d(m,m,h,v).x,cy:d(m,m,h,v).y,r:s/3,fill:`white`,className:`transition-all duration-300`})]}),(0,i.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:[(0,i.jsx)(`div`,{className:`flex items-baseline gap-0.5`,children:(0,i.jsx)(`span`,{className:t.cn(`font-bold tabular-nums transition-colors duration-300`,c.md.fontSize),style:{color:_},children:Math.round(r)})}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 px-2 py-0.5 rounded-full mt-1`,g.bgColor),style:{color:_},children:[g.icon,(0,i.jsx)(`span`,{className:`text-xs font-medium`,children:g.label})]})]})]})}function g({categories:e,size:t}){return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:`Score Breakdown`}),(0,i.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>{let t=p(e.score),n=e.icon||l[e.id.toLowerCase()]||(0,i.jsx)(r.Shield,{className:`h-4 w-4`});return(0,i.jsxs)(`div`,{className:`space-y-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`span`,{style:{color:t},children:n}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:e.name})]}),(0,i.jsx)(`span`,{className:`text-sm font-semibold tabular-nums`,style:{color:t},children:e.score})]}),(0,i.jsx)(`div`,{className:`h-1.5 w-full rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full transition-all duration-500 ease-out`,style:{width:`${e.score}%`,backgroundColor:t}})}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description})]},e.id)})})]})}function _({recommendations:e,maxItems:a,onAction:c}){let l=n.useMemo(()=>{let t=[`critical`,`high`,`medium`,`low`],n=[`pending`,`in_progress`,`completed`,`dismissed`];return[...e].sort((e,r)=>{let i=n.indexOf(e.status)-n.indexOf(r.status);return i===0?t.indexOf(e.priority)-t.indexOf(r.priority):i}).slice(0,a)},[e,a]),u=e.filter(e=>e.status===`completed`).length,d=e.length;return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:`Recommendations`}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[u,`/`,d,` completed`]})]}),(0,i.jsx)(`div`,{className:`h-1.5 w-full rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-green-500 transition-all duration-500`,style:{width:`${u/d*100}%`}})}),(0,i.jsx)(`div`,{className:`space-y-2`,children:l.map(e=>{let n=o[e.priority],a=s[e.status],l=e.status===`pending`||e.status===`in_progress`;return(0,i.jsx)(`div`,{className:t.cn(`p-3 rounded-lg border transition-all duration-200`,e.status===`completed`&&`opacity-60`,e.status===`dismissed`&&`opacity-40`,l&&`hover:border-primary/50`),children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,i.jsx)(`span`,{className:t.cn(`px-1.5 py-0.5 rounded text-xs font-medium`,n.bgColor,n.color),children:n.label}),(0,i.jsxs)(`span`,{className:t.cn(`flex items-center gap-1 px-1.5 py-0.5 rounded text-xs`,a.bgColor,a.color),children:[a.icon,a.label]}),e.impact&&l&&(0,i.jsxs)(`span`,{className:`text-xs text-green-600 font-medium`,children:[`+`,e.impact,` pts`]})]}),(0,i.jsx)(`h4`,{className:`text-sm font-medium text-foreground truncate`,children:e.title}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mt-0.5`,children:e.description}),e.estimatedTime&&l&&(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:[`Est. time: `,e.estimatedTime]})]}),l&&(0,i.jsxs)(`button`,{onClick:()=>{e.onAction?.(),c?.(e)},className:t.cn(`flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-medium`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2`),children:[e.actionLabel||`Fix`,(0,i.jsx)(r.ChevronRight,{className:`h-3 w-3`})]})]})},e.id)})})]})}function v({history:e,width:t=300,height:a=80}){if(e.length<2)return null;let o={top:10,right:10,bottom:20,left:30},s=t-o.left-o.right,c=a-o.top-o.bottom,l=e.map(e=>e.score),u=Math.min(...l,0),d=Math.max(...l,100)-u||1,f=e.map((t,n)=>({x:o.left+n/(e.length-1)*s,y:o.top+c-(t.score-u)/d*c,score:t.score})),m=f.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `),h=`${m} L ${f[f.length-1].x} ${o.top+c} L ${f[0].x} ${o.top+c} Z`,g=l[l.length-1],_=g-(l.length>1?l[l.length-2]:g),v=n.useId();return(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:`Score History`}),(0,i.jsx)(`div`,{className:`flex items-center gap-1 text-xs`,children:_>0?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.TrendingUp,{className:`h-3.5 w-3.5 text-green-500`}),(0,i.jsxs)(`span`,{className:`text-green-600 font-medium`,children:[`+`,_]})]}):_<0?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.TrendingDown,{className:`h-3.5 w-3.5 text-red-500`}),(0,i.jsx)(`span`,{className:`text-red-600 font-medium`,children:_})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Minus,{className:`h-3.5 w-3.5 text-muted-foreground`}),(0,i.jsx)(`span`,{className:`text-muted-foreground font-medium`,children:`No change`})]})})]}),(0,i.jsxs)(`svg`,{width:t,height:a,className:`overflow-visible`,children:[(0,i.jsx)(`defs`,{children:(0,i.jsxs)(`linearGradient`,{id:`history-gradient-${v}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:p(g),stopOpacity:`0.3`}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:p(g),stopOpacity:`0`})]})}),[0,25,50,75,100].map(e=>{let n=o.top+c-(e-u)/d*c;return(0,i.jsxs)(`g`,{children:[(0,i.jsx)(`line`,{x1:o.left,y1:n,x2:t-o.right,y2:n,stroke:`currentColor`,strokeWidth:`0.5`,strokeDasharray:`2 4`,className:`text-muted opacity-30`}),(0,i.jsx)(`text`,{x:o.left-5,y:n,textAnchor:`end`,dominantBaseline:`middle`,className:`text-[10px] fill-muted-foreground`,children:e})]},e)}),(0,i.jsx)(`path`,{d:h,fill:`url(#history-gradient-${v})`}),(0,i.jsx)(`path`,{d:m,fill:`none`,stroke:p(g),strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`}),f.map((e,t)=>(0,i.jsx)(`circle`,{cx:e.x,cy:e.y,r:t===f.length-1?4:2,fill:p(e.score),stroke:`white`,strokeWidth:t===f.length-1?2:1},t))]})]})}function y({score:e,categories:r=[],recommendations:o=[],history:s=[],size:l=`md`,showCategories:d=!0,showRecommendations:f=!0,showHistory:p=!1,animated:m=!0,animationDuration:y=1e3,maxRecommendations:b=5,className:x,onRecommendationAction:S,onScoreChange:C}){let[w,T]=n.useState(m?0:e),E=n.useRef(e),D=c[l];return n.useEffect(()=>{if(!m){T(e);return}let t=w,n=e-t,r=Date.now(),i=()=>{let e=Date.now()-r,a=Math.min(e/y,1);T(t+n*(1-(1-a)**3)),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)},[e,m,y]),n.useEffect(()=>{e!==E.current&&(C?.(e),E.current=e)},[e,C]),a[u(e)],(0,i.jsxs)(`div`,{className:t.cn(`rounded-xl border bg-card text-card-foreground shadow-sm`,D.padding,x),children:[(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col lg:flex-row`,D.gap),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-4`,children:[(0,i.jsx)(h,{score:e,displayScore:w,size:D.gaugeSize,strokeWidth:D.strokeWidth,animated:m}),(0,i.jsxs)(`div`,{className:`text-center`,children:[(0,i.jsx)(`p`,{className:t.cn(`font-semibold`,D.labelSize),children:`Security Score`}),(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[o.filter(e=>e.status===`completed`).length,` of`,` `,o.length,` items addressed`]})]})]}),(0,i.jsxs)(`div`,{className:`flex-1 space-y-6`,children:[d&&r.length>0&&(0,i.jsx)(g,{categories:r,size:l}),p&&s.length>1&&(0,i.jsx)(v,{history:s}),f&&o.length>0&&(0,i.jsx)(_,{recommendations:o,maxItems:b,onAction:S})]})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes security-pulse {
+          0%, 100% { opacity: 0.3; }
+          50% { opacity: 0.6; }
+        }
+        @keyframes security-glow {
+          0%, 100% { filter: drop-shadow(0 0 8px currentColor); }
+          50% { filter: drop-shadow(0 0 16px currentColor); }
+        }
+      `})]})}y.displayName=`WakaSecurityScore`;function b({score:e,showTrend:n=!1,previousScore:o,className:s}){let c=a[u(e)],l=p(e),d=o===void 0?0:e-o;return(0,i.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-2 px-3 py-1.5 rounded-lg border`,c.bgColor,c.borderColor,s),children:[(0,i.jsx)(`span`,{style:{color:l},children:c.icon}),(0,i.jsx)(`span`,{className:`font-bold tabular-nums`,style:{color:l},children:e}),n&&d!==0&&(0,i.jsxs)(`span`,{className:t.cn(`flex items-center text-xs font-medium`,d>0?`text-green-600`:`text-red-600`),children:[d>0?(0,i.jsx)(r.TrendingUp,{className:`h-3 w-3`}):(0,i.jsx)(r.TrendingDown,{className:`h-3 w-3`}),Math.abs(d)]})]})}b.displayName=`WakaSecurityScoreCompact`,exports.WakaSecurityScoreCompact=b,exports.default=y,exports.useSecurityScore=m;