@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/clamav-service-status/index.es.js

@@ -0,0 +1,392 @@
+"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 } from "../../components/card/index.es.js";
+import { Progress as i } from "../../components/progress/index.es.js";
+import { Activity as a, AlertTriangle as o, CheckCircle as s, Clock as c, Database as l, HardDrive as u, Loader2 as d, RefreshCw as f, Terminal as p, Wifi as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/blocks/clamav-service-status/index.tsx
+var _ = (e) => {
+	let t = Math.floor(e / 86400), n = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60);
+	return t > 0 ? `${t}d ${n}h` : n > 0 ? `${n}h ${r}m` : `${r}m`;
+}, v = (e) => {
+	let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(t / 36e5), i = Math.floor(t / 864e5);
+	return n < 60 ? `${n}m ago` : r < 24 ? `${r}h ago` : `${i}d ago`;
+}, y = {
+	running: {
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		borderColor: "border-green-500/20",
+		icon: s,
+		label: "Running"
+	},
+	stopped: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500/10",
+		borderColor: "border-gray-500/20",
+		icon: a,
+		label: "Stopped"
+	},
+	error: {
+		color: "text-red-500",
+		bgColor: "bg-red-500/10",
+		borderColor: "border-red-500/20",
+		icon: o,
+		label: "Error"
+	},
+	restarting: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10",
+		borderColor: "border-yellow-500/20",
+		icon: d,
+		label: "Restarting"
+	}
+}, b = {
+	running: {
+		color: "text-green-500",
+		label: "Running"
+	},
+	stopped: {
+		color: "text-gray-500",
+		label: "Stopped"
+	},
+	error: {
+		color: "text-red-500",
+		label: "Error"
+	},
+	updating: {
+		color: "text-blue-500",
+		label: "Updating"
+	}
+}, x = {
+	up: "bg-green-500",
+	degraded: "bg-yellow-500",
+	down: "bg-red-500"
+}, S = ({ status: o = "running", version: s = "1.0.3", uptime: d = 259200, metrics: S = {
+	cpuUsage: 2.5,
+	memoryUsage: 512,
+	threads: 4,
+	scanQueue: 0,
+	activeConnections: 3
+}, signatures: C = {
+	version: "27456",
+	count: 8764532,
+	lastUpdate: /* @__PURE__ */ new Date(Date.now() - 36e5),
+	freshclamStatus: "running",
+	nextScheduledUpdate: new Date(Date.now() + 36e5)
+}, socketType: w = "tcp", socketPath: T = "3310", uptimeHistory: E = [], onRestart: D, onUpdateSignatures: O, onViewLogs: k, className: A }) => {
+	let j = y[o], M = j.icon;
+	return /* @__PURE__ */ g("div", {
+		className: e("space-y-4", A),
+		children: [
+			/* @__PURE__ */ h(r, {
+				className: e("p-6 border-2", j.borderColor, j.bgColor),
+				children: /* @__PURE__ */ g("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-start gap-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: e("p-3 rounded-xl", j.bgColor),
+							children: /* @__PURE__ */ h(M, { className: e("w-8 h-8", j.color, o === "restarting" && "animate-spin") })
+						}), /* @__PURE__ */ g("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ g("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ h("h3", {
+									className: "text-2xl font-semibold",
+									children: "ClamAV Daemon"
+								}), /* @__PURE__ */ h(t, {
+									variant: o === "error" ? "destructive" : "secondary",
+									className: o === "running" ? "bg-green-500/10 text-green-600 border-green-500/20" : "",
+									children: j.label
+								})]
+							}), /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-4 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ g("span", { children: ["Version ", s] }), /* @__PURE__ */ g("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ h(c, { className: "w-3.5 h-3.5" }),
+										"Uptime: ",
+										_(d)
+									]
+								})]
+							})]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ g(n, {
+							variant: "outline",
+							size: "sm",
+							onClick: k,
+							children: [/* @__PURE__ */ h(p, { className: "w-4 h-4 mr-2" }), "Logs"]
+						}), /* @__PURE__ */ g(n, {
+							variant: "outline",
+							size: "sm",
+							onClick: D,
+							disabled: o === "restarting",
+							children: [/* @__PURE__ */ h(f, { className: e("w-4 h-4 mr-2", o === "restarting" && "animate-spin") }), "Restart"]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ g(r, {
+					className: "p-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ h(a, { className: "w-5 h-5 text-primary" }), /* @__PURE__ */ h("h4", {
+							className: "font-semibold",
+							children: "System Metrics"
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+								className: "flex justify-between text-sm mb-1.5",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-muted-foreground",
+									children: "CPU Usage"
+								}), /* @__PURE__ */ g("span", {
+									className: "font-medium",
+									children: [S.cpuUsage.toFixed(1), "%"]
+								})]
+							}), /* @__PURE__ */ h(i, {
+								value: S.cpuUsage,
+								className: e("h-2", S.cpuUsage > 80 && "bg-red-500/20", S.cpuUsage > 50 && S.cpuUsage <= 80 && "bg-yellow-500/20")
+							})] }),
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+								className: "flex justify-between text-sm mb-1.5",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-muted-foreground",
+									children: "Memory Usage"
+								}), /* @__PURE__ */ g("span", {
+									className: "font-medium",
+									children: [S.memoryUsage, " MB"]
+								})]
+							}), /* @__PURE__ */ h(i, {
+								value: S.memoryUsage / 1024 * 100,
+								className: e("h-2", S.memoryUsage > 800 && "bg-red-500/20", S.memoryUsage > 600 && S.memoryUsage <= 800 && "bg-yellow-500/20")
+							})] }),
+							/* @__PURE__ */ g("div", {
+								className: "grid grid-cols-3 gap-4 pt-2",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h("div", {
+											className: "text-xs text-muted-foreground",
+											children: "Threads"
+										}), /* @__PURE__ */ h("div", {
+											className: "text-2xl font-semibold",
+											children: S.threads
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h("div", {
+											className: "text-xs text-muted-foreground",
+											children: "Scan Queue"
+										}), /* @__PURE__ */ h("div", {
+											className: "text-2xl font-semibold",
+											children: S.scanQueue
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h("div", {
+											className: "text-xs text-muted-foreground",
+											children: "Connections"
+										}), /* @__PURE__ */ g("div", {
+											className: "text-2xl font-semibold flex items-center gap-1",
+											children: [S.activeConnections, /* @__PURE__ */ h(m, { className: "w-4 h-4 text-muted-foreground" })]
+										})]
+									})
+								]
+							})
+						]
+					})]
+				}), /* @__PURE__ */ g(r, {
+					className: "p-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ h(l, { className: "w-5 h-5 text-primary" }), /* @__PURE__ */ h("h4", {
+								className: "font-semibold",
+								children: "Signature Database"
+							})]
+						}), /* @__PURE__ */ g(n, {
+							variant: "outline",
+							size: "sm",
+							onClick: O,
+							children: [/* @__PURE__ */ h(f, { className: "w-4 h-4 mr-2" }), "Update"]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ g("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ h("div", {
+										className: "text-xs text-muted-foreground",
+										children: "Version"
+									}), /* @__PURE__ */ h("div", {
+										className: "text-lg font-semibold",
+										children: C.version
+									})]
+								}), /* @__PURE__ */ g("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ h("div", {
+										className: "text-xs text-muted-foreground",
+										children: "Signatures"
+									}), /* @__PURE__ */ h("div", {
+										className: "text-lg font-semibold",
+										children: C.count.toLocaleString()
+									})]
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-2 pt-2 border-t",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ h("span", {
+										className: "text-muted-foreground",
+										children: "Last Updated"
+									}), /* @__PURE__ */ h("span", {
+										className: "font-medium",
+										children: v(C.lastUpdate)
+									})]
+								}), C.nextScheduledUpdate && /* @__PURE__ */ g("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ h("span", {
+										className: "text-muted-foreground",
+										children: "Next Update"
+									}), /* @__PURE__ */ g("span", {
+										className: "font-medium",
+										children: ["in ", v(new Date(Date.now() - (Date.now() - C.nextScheduledUpdate.getTime())))]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex items-center justify-between pt-2 border-t",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Freshclam Status"
+								}), /* @__PURE__ */ h(t, {
+									variant: C.freshclamStatus === "error" ? "destructive" : C.freshclamStatus === "updating" ? "default" : "secondary",
+									className: C.freshclamStatus === "running" ? "bg-green-500/10 text-green-600 border-green-500/20" : "",
+									children: /* @__PURE__ */ h("span", {
+										className: e(b[C.freshclamStatus].color),
+										children: b[C.freshclamStatus].label
+									})
+								})]
+							})
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-4",
+				children: [/* @__PURE__ */ g(r, {
+					className: "p-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ h(m, { className: "w-5 h-5 text-primary" }), /* @__PURE__ */ h("h4", {
+							className: "font-semibold",
+							children: "Connection"
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Socket Type"
+								}), /* @__PURE__ */ h(t, {
+									variant: "outline",
+									children: w.toUpperCase()
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-sm text-muted-foreground",
+									children: w === "tcp" ? "Port" : "Path"
+								}), /* @__PURE__ */ h("span", {
+									className: "text-sm font-mono font-medium",
+									children: T
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex justify-between pt-2 border-t",
+								children: [/* @__PURE__ */ h("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Active Connections"
+								}), /* @__PURE__ */ h("span", {
+									className: "text-lg font-semibold",
+									children: S.activeConnections
+								})]
+							})
+						]
+					})]
+				}), /* @__PURE__ */ g(r, {
+					className: "p-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ h(u, { className: "w-5 h-5 text-primary" }), /* @__PURE__ */ h("h4", {
+								className: "font-semibold",
+								children: "Uptime History (Last 7 Days)"
+							})]
+						}),
+						E.length > 0 ? /* @__PURE__ */ h("div", {
+							className: "flex items-end justify-between gap-1 h-20",
+							children: E.map((t, n) => /* @__PURE__ */ g("div", {
+								className: "flex-1 flex flex-col items-center gap-1",
+								children: [/* @__PURE__ */ h("div", { className: e("w-full rounded-t transition-all", x[t.status], t.status === "up" && "h-full", t.status === "degraded" && "h-3/4", t.status === "down" && "h-1/4") }), /* @__PURE__ */ h("span", {
+									className: "text-[10px] text-muted-foreground",
+									children: t.hour
+								})]
+							}, n))
+						}) : /* @__PURE__ */ h("div", {
+							className: "h-20 flex items-center justify-center text-sm text-muted-foreground",
+							children: "No uptime history available"
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "flex items-center justify-center gap-4 mt-4 pt-4 border-t",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ h("div", { className: "w-3 h-3 rounded bg-green-500" }), /* @__PURE__ */ h("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Up"
+									})]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ h("div", { className: "w-3 h-3 rounded bg-yellow-500" }), /* @__PURE__ */ h("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Degraded"
+									})]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ h("div", { className: "w-3 h-3 rounded bg-red-500" }), /* @__PURE__ */ h("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Down"
+									})]
+								})
+							]
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { S as ClamAVServiceStatus };

package/dist/blocks/cloud-cost-dashboard/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/select/index.cjs.js"),o=require("../../components/progress/index.cjs.js"),s=require("../../components/scroll-area/index.cjs.js");let c=require("react");c=e.__toESM(c);let l=require("lucide-react"),u=require("react/jsx-runtime");var d={compute:{icon:l.Cpu,color:`text-blue-500`,label:`Compute`},storage:{icon:l.HardDrive,color:`text-green-500`,label:`Storage`},database:{icon:l.Database,color:`text-purple-500`,label:`Database`},network:{icon:l.Network,color:`text-cyan-500`,label:`Network`},security:{icon:l.Shield,color:`text-red-500`,label:`Security`},other:{icon:l.Cloud,color:`text-gray-500`,label:`Other`}},f={aws:{label:`AWS`,color:`text-orange-500`},gcp:{label:`GCP`,color:`text-blue-500`},azure:{label:`Azure`,color:`text-cyan-500`},all:{label:`All Providers`,color:`text-gray-500`}};function p(e){return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`,minimumFractionDigits:0,maximumFractionDigits:0}).format(e)}function m(e){return`${e>=0?`+`:``}${e.toFixed(1)}%`}function h({title:e,value:r,previousValue:a,icon:s,trend:c,budget:d,forecast:f}){let h=a===void 0?c:(r-a)/a*100,g=d!==void 0&&r>d,_=d===void 0?void 0:r/d*100;return(0,u.jsx)(i.Card,{className:t.cn(g&&`border-red-500/50`),children:(0,u.jsxs)(i.CardContent,{className:`p-4`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,u.jsx)(`div`,{className:`p-2 rounded-lg bg-muted`,children:(0,u.jsx)(s,{className:`h-5 w-5 text-muted-foreground`})}),h!==void 0&&(0,u.jsxs)(n.Badge,{variant:`outline`,className:t.cn(h>0?`text-red-500`:`text-green-500`),children:[h>0?(0,u.jsx)(l.ArrowUpRight,{className:`h-3 w-3 mr-1`}):(0,u.jsx)(l.ArrowDownRight,{className:`h-3 w-3 mr-1`}),m(Math.abs(h))]})]}),(0,u.jsxs)(`div`,{className:`mt-3`,children:[(0,u.jsx)(`div`,{className:`text-2xl font-bold`,children:p(r)}),(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e})]}),_!==void 0&&(0,u.jsxs)(`div`,{className:`mt-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between text-xs mb-1`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Budget`}),(0,u.jsxs)(`span`,{className:t.cn(g&&`text-red-500`),children:[p(r),` / `,p(d)]})]}),(0,u.jsx)(o.Progress,{value:Math.min(_,100),className:t.cn(`h-2`,_>100&&`[&>div]:bg-red-500`,_>80&&_<=100&&`[&>div]:bg-yellow-500`)})]}),f!==void 0&&(0,u.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`Forecast: `,p(f)]})]})})}function g({data:e}){let n=Object.values(e).reduce((e,t)=>e+t,0),r=Object.entries(e).sort(([,e],[,t])=>t-e).filter(([,e])=>e>0);return(0,u.jsxs)(i.Card,{children:[(0,u.jsx)(i.CardHeader,{className:`pb-2`,children:(0,u.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[(0,u.jsx)(l.PieChart,{className:`h-4 w-4`}),`Cost by Category`]})}),(0,u.jsx)(i.CardContent,{className:`space-y-3`,children:r.map(([e,r])=>{let i=d[e],a=i.icon,s=r/n*100;return(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(a,{className:t.cn(`h-4 w-4`,i.color)}),(0,u.jsx)(`span`,{className:`text-sm`,children:i.label})]}),(0,u.jsxs)(`div`,{className:`text-sm font-medium`,children:[p(r),(0,u.jsxs)(`span`,{className:`text-muted-foreground ml-1`,children:[`(`,s.toFixed(0),`%)`]})]})]}),(0,u.jsx)(o.Progress,{value:s,className:`h-2`})]},e)})})]})}function _({data:e}){let n=Object.values(e).reduce((e,t)=>e+t,0),r=Object.entries(e).filter(([e])=>e!==`all`).sort(([,e],[,t])=>t-e).filter(([,e])=>e>0);return(0,u.jsxs)(i.Card,{children:[(0,u.jsx)(i.CardHeader,{className:`pb-2`,children:(0,u.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[(0,u.jsx)(l.Cloud,{className:`h-4 w-4`}),`Cost by Provider`]})}),(0,u.jsx)(i.CardContent,{className:`space-y-3`,children:r.map(([e,r])=>{let i=f[e],a=r/n*100;return(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,u.jsx)(`span`,{className:t.cn(`text-sm font-medium`,i.color),children:i.label}),(0,u.jsxs)(`div`,{className:`text-sm font-medium`,children:[p(r),(0,u.jsxs)(`span`,{className:`text-muted-foreground ml-1`,children:[`(`,a.toFixed(0),`%)`]})]})]}),(0,u.jsx)(o.Progress,{value:a,className:`h-2`})]},e)})})]})}function v({items:e}){return(0,u.jsxs)(i.Card,{children:[(0,u.jsx)(i.CardHeader,{className:`pb-2`,children:(0,u.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[(0,u.jsx)(l.BarChart3,{className:`h-4 w-4`}),`Top Services by Cost`]})}),(0,u.jsx)(i.CardContent,{children:(0,u.jsx)(s.ScrollArea,{className:`h-[300px]`,children:(0,u.jsx)(`div`,{className:`space-y-2`,children:e.map((e,n)=>{let r=d[e.category],i=r.icon,a=f[e.provider],o=e.previousCost===void 0?e.trend:(e.cost-e.previousCost)/e.previousCost*100;return(0,u.jsxs)(`div`,{className:`flex items-center gap-3 p-2 rounded-lg hover:bg-muted/50 transition-colors`,children:[(0,u.jsx)(`div`,{className:`text-lg font-bold text-muted-foreground w-6 text-center`,children:n+1}),(0,u.jsx)(`div`,{className:t.cn(`p-1.5 rounded`,`${r.color.replace(`text-`,`bg-`)}/10`),children:(0,u.jsx)(i,{className:t.cn(`h-4 w-4`,r.color)})}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),(0,u.jsxs)(`div`,{className:`text-xs text-muted-foreground flex items-center gap-2`,children:[(0,u.jsx)(`span`,{className:a.color,children:a.label}),(0,u.jsx)(`span`,{children:`•`}),(0,u.jsx)(`span`,{children:r.label}),e.usage!==void 0&&e.unit&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`•`}),(0,u.jsxs)(`span`,{children:[e.usage,` `,e.unit]})]})]})]}),(0,u.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,u.jsx)(`div`,{className:`font-semibold`,children:p(e.cost)}),o!==void 0&&(0,u.jsxs)(`div`,{className:t.cn(`text-xs flex items-center justify-end gap-0.5`,o>0?`text-red-500`:`text-green-500`),children:[o>0?(0,u.jsx)(l.TrendingUp,{className:`h-3 w-3`}):(0,u.jsx)(l.TrendingDown,{className:`h-3 w-3`}),m(Math.abs(o))]})]})]},e.id)})})})})]})}function y({anomalies:e,onAcknowledge:r}){let a=e.filter(e=>e.status===`new`);return(0,u.jsxs)(i.Card,{className:t.cn(a.length>0&&`border-yellow-500/50`),children:[(0,u.jsx)(i.CardHeader,{className:`pb-2`,children:(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsxs)(i.CardTitle,{className:`text-base flex items-center gap-2`,children:[(0,u.jsx)(l.AlertTriangle,{className:`h-4 w-4 text-yellow-500`}),`Cost Anomalies`]}),a.length>0&&(0,u.jsxs)(n.Badge,{className:`bg-yellow-500`,children:[a.length,` new`]})]})}),(0,u.jsx)(i.CardContent,{children:e.length===0?(0,u.jsxs)(`div`,{className:`text-center text-muted-foreground py-4`,children:[(0,u.jsx)(l.Zap,{className:`h-8 w-8 mx-auto mb-2 text-green-500`}),(0,u.jsx)(`p`,{children:`No anomalies detected`})]}):(0,u.jsx)(`div`,{className:`space-y-2`,children:e.slice(0,5).map(e=>(0,u.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 p-2 rounded-lg`,e.status===`new`&&`bg-yellow-500/10`),children:[(0,u.jsx)(l.AlertTriangle,{className:t.cn(`h-4 w-4 shrink-0`,e.deviation>100?`text-red-500`:`text-yellow-500`)}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,u.jsx)(`div`,{className:`font-medium truncate`,children:e.service}),(0,u.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Expected `,p(e.expectedCost),` • Actual `,p(e.actualCost)]})]}),(0,u.jsxs)(n.Badge,{variant:`outline`,className:`text-red-500 shrink-0`,children:[`+`,e.deviation.toFixed(0),`%`]})]},e.id))})})]})}function b({summary:e,items:n,anomalies:o=[],timeRange:s=`month`,onTimeRangeChange:d,onProviderFilter:f,onExport:p,onRefresh:m,className:b}){let[x,S]=c.useState(`all`),C=e=>{S(e),f?.(e)},w=c.useMemo(()=>x===`all`?n:n.filter(e=>e.provider===x),[n,x]);return e.previousTotalCost!==void 0&&(e.totalCost-e.previousTotalCost)/e.previousTotalCost*100,(0,u.jsxs)(`div`,{className:t.cn(`space-y-6`,b),children:[(0,u.jsx)(i.Card,{children:(0,u.jsx)(i.CardHeader,{children:(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsx)(l.DollarSign,{className:`h-6 w-6`}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i.CardTitle,{children:`Cloud Cost Dashboard`}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Monitor and optimize your cloud spending`})]})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsxs)(a.Select,{value:s,onValueChange:e=>d?.(e),children:[(0,u.jsxs)(a.SelectTrigger,{className:`w-32`,children:[(0,u.jsx)(l.Calendar,{className:`h-4 w-4 mr-2`}),(0,u.jsx)(a.SelectValue,{})]}),(0,u.jsxs)(a.SelectContent,{children:[(0,u.jsx)(a.SelectItem,{value:`day`,children:`Today`}),(0,u.jsx)(a.SelectItem,{value:`week`,children:`This Week`}),(0,u.jsx)(a.SelectItem,{value:`month`,children:`This Month`}),(0,u.jsx)(a.SelectItem,{value:`quarter`,children:`This Quarter`}),(0,u.jsx)(a.SelectItem,{value:`year`,children:`This Year`})]})]}),(0,u.jsxs)(a.Select,{value:x,onValueChange:e=>C(e),children:[(0,u.jsxs)(a.SelectTrigger,{className:`w-32`,children:[(0,u.jsx)(l.Cloud,{className:`h-4 w-4 mr-2`}),(0,u.jsx)(a.SelectValue,{})]}),(0,u.jsxs)(a.SelectContent,{children:[(0,u.jsx)(a.SelectItem,{value:`all`,children:`All Providers`}),(0,u.jsx)(a.SelectItem,{value:`aws`,children:`AWS`}),(0,u.jsx)(a.SelectItem,{value:`gcp`,children:`GCP`}),(0,u.jsx)(a.SelectItem,{value:`azure`,children:`Azure`})]})]}),m&&(0,u.jsx)(r.Button,{variant:`outline`,size:`icon`,onClick:m,children:(0,u.jsx)(l.RefreshCw,{className:`h-4 w-4`})}),p&&(0,u.jsxs)(r.Button,{variant:`outline`,onClick:p,children:[(0,u.jsx)(l.Download,{className:`h-4 w-4 mr-1`}),`Export`]})]})]})})}),(0,u.jsxs)(`div`,{className:`grid grid-cols-4 gap-4`,children:[(0,u.jsx)(h,{title:`Total Cost`,value:e.totalCost,previousValue:e.previousTotalCost,icon:l.DollarSign,budget:e.budget}),(0,u.jsx)(h,{title:`Compute`,value:e.byCategory.compute,icon:l.Cpu,trend:-5.2}),(0,u.jsx)(h,{title:`Storage`,value:e.byCategory.storage,icon:l.HardDrive,trend:12.3}),(0,u.jsx)(h,{title:`Forecast (EOM)`,value:e.forecast||e.totalCost*1.1,icon:l.TrendingUp,budget:e.budget})]}),(0,u.jsxs)(`div`,{className:`grid grid-cols-3 gap-6`,children:[(0,u.jsx)(`div`,{className:`col-span-2 space-y-6`,children:(0,u.jsx)(v,{items:w.slice(0,10)})}),(0,u.jsxs)(`div`,{className:`space-y-6`,children:[(0,u.jsx)(g,{data:e.byCategory}),(0,u.jsx)(_,{data:e.byProvider}),(0,u.jsx)(y,{anomalies:o})]})]})]})}var x={totalCost:45230,previousTotalCost:42100,budget:5e4,forecast:48500,byProvider:{aws:28500,gcp:12300,azure:4430,all:45230},byCategory:{compute:22e3,storage:8500,database:7200,network:4100,security:1800,other:1630},topServices:[]},S=[{id:`1`,name:`EC2 Instances`,category:`compute`,provider:`aws`,cost:12500,previousCost:11800,usage:450,unit:`hours`},{id:`2`,name:`RDS PostgreSQL`,category:`database`,provider:`aws`,cost:4200,previousCost:4e3},{id:`3`,name:`S3 Storage`,category:`storage`,provider:`aws`,cost:3800,previousCost:3200,usage:12,unit:`TB`},{id:`4`,name:`GKE Clusters`,category:`compute`,provider:`gcp`,cost:6500,previousCost:6800},{id:`5`,name:`Cloud SQL`,category:`database`,provider:`gcp`,cost:2800,previousCost:2600},{id:`6`,name:`BigQuery`,category:`database`,provider:`gcp`,cost:1800,previousCost:1500,usage:45,unit:`TB scanned`},{id:`7`,name:`Azure VMs`,category:`compute`,provider:`azure`,cost:2400,previousCost:2200},{id:`8`,name:`Blob Storage`,category:`storage`,provider:`azure`,cost:1200,previousCost:1100},{id:`9`,name:`CloudFront CDN`,category:`network`,provider:`aws`,cost:2100,previousCost:1900,usage:85,unit:`TB`},{id:`10`,name:`Lambda Functions`,category:`compute`,provider:`aws`,cost:850,previousCost:720,usage:12e6,unit:`invocations`}],C=[{id:`1`,service:`EC2 Spot Instances`,expectedCost:500,actualCost:1250,deviation:150,timestamp:new Date,status:`new`},{id:`2`,service:`Data Transfer`,expectedCost:800,actualCost:1400,deviation:75,timestamp:new Date(Date.now()-36e5),status:`new`},{id:`3`,service:`Lambda`,expectedCost:200,actualCost:320,deviation:60,timestamp:new Date(Date.now()-72e5),status:`acknowledged`}];exports.CloudCostDashboard=b,exports.defaultCloudCostItems=S,exports.defaultCloudCostSummary=x,exports.defaultCostAnomalies=C;