@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-build-matrix/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(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../scroll-area/index.cjs.js`),a=require(`../tooltip/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l={success:{icon:s.CheckCircle2,color:`text-green-500`,bgColor:`bg-green-500`,label:`Success`},failed:{icon:s.XCircle,color:`text-red-500`,bgColor:`bg-red-500`,label:`Failed`},running:{icon:s.Loader2,color:`text-blue-500`,bgColor:`bg-blue-500`,label:`Running`},pending:{icon:s.Clock,color:`text-gray-400`,bgColor:`bg-gray-400`,label:`Pending`},skipped:{icon:s.SkipForward,color:`text-gray-500`,bgColor:`bg-gray-500`,label:`Skipped`},cancelled:{icon:s.XCircle,color:`text-orange-500`,bgColor:`bg-orange-500`,label:`Cancelled`}};function u(e){if(e<60)return`${e}s`;let t=Math.floor(e/60),n=e%60;return t<60?`${t}m ${n}s`:`${Math.floor(t/60)}h ${t%60}m`}function d({cell:e,onClick:n,showDuration:r}){let i=l[e.status],o=i.icon;return(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{asChild:!0,children:(0,c.jsxs)(`button`,{className:t.cn(`w-12 h-12 rounded-lg flex flex-col items-center justify-center gap-0.5 transition-all`,`hover:scale-105 hover:shadow-md cursor-pointer`,`border border-transparent`,e.status===`success`&&`bg-green-500/10 hover:border-green-500/50`,e.status===`failed`&&`bg-red-500/10 hover:border-red-500/50`,e.status===`running`&&`bg-blue-500/10 hover:border-blue-500/50`,e.status===`pending`&&`bg-gray-500/10 hover:border-gray-500/50`,e.status===`skipped`&&`bg-gray-500/5 hover:border-gray-500/30`,e.status===`cancelled`&&`bg-orange-500/10 hover:border-orange-500/50`),onClick:n,children:[(0,c.jsx)(o,{className:t.cn(`h-5 w-5`,i.color,e.status===`running`&&`animate-spin`)}),r&&e.duration&&(0,c.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:u(e.duration)})]})}),(0,c.jsx)(a.TooltipContent,{children:(0,c.jsxs)(`div`,{className:`space-y-1`,children:[(0,c.jsx)(`div`,{className:`font-medium`,children:i.label}),e.duration&&(0,c.jsxs)(`div`,{className:`text-xs`,children:[`Duration: `,u(e.duration)]}),e.startedAt&&(0,c.jsxs)(`div`,{className:`text-xs`,children:[`Started: `,e.startedAt.toLocaleString()]})]})})]})})}function f({columns:e,rows:a,onCellClick:f,onRetry:p,onViewLogs:m,title:h=`Build Matrix`,showDuration:g=!0,className:_}){let[v,y]=o.useState(new Set),b=e=>{y(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},x=o.useMemo(()=>{let e=0,t=0,n=0,r=0;return a.forEach(i=>{i.cells.forEach(i=>{e++,i.status===`success`&&t++,i.status===`failed`&&n++,i.status===`running`&&r++})}),{total:e,success:t,failed:n,running:r,passRate:e>0?t/e*100:0}},[a]);return(0,c.jsxs)(`div`,{className:t.cn(`border rounded-lg bg-background`,_),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(s.Grid3X3,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:h})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsxs)(n.Badge,{variant:`secondary`,className:`text-xs`,children:[x.total,` jobs`]}),x.success>0&&(0,c.jsxs)(n.Badge,{className:`bg-green-500 text-xs`,children:[x.success,` passed`]}),x.failed>0&&(0,c.jsxs)(n.Badge,{className:`bg-red-500 text-xs`,children:[x.failed,` failed`]}),x.running>0&&(0,c.jsxs)(n.Badge,{className:`bg-blue-500 text-xs`,children:[x.running,` running`]})]})]}),(0,c.jsx)(`div`,{className:`flex items-center gap-4 px-3 py-2 border-b bg-muted/30 text-xs flex-wrap`,children:Object.entries(l).map(([e,n])=>{let r=n.icon;return(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,c.jsx)(r,{className:t.cn(`h-3 w-3`,n.color)}),(0,c.jsx)(`span`,{children:n.label})]},e)})}),(0,c.jsx)(i.ScrollArea,{className:`max-h-[500px]`,children:(0,c.jsx)(`div`,{className:`p-3`,children:(0,c.jsxs)(`table`,{className:`w-full`,children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{className:`text-left p-2 text-sm font-medium text-muted-foreground w-48`,children:`Configuration`}),e.map((e,t)=>(0,c.jsx)(`th`,{className:`p-2 text-center text-sm font-medium text-muted-foreground`,children:e},t))]})}),(0,c.jsx)(`tbody`,{children:a.map((i,a)=>{let m=v.has(a);return i.cells.filter(e=>e.status===`success`).length,i.cells.filter(e=>e.status===`failed`).length,i.cells.length,(0,c.jsxs)(o.Fragment,{children:[(0,c.jsxs)(`tr`,{className:`border-t hover:bg-muted/30`,children:[(0,c.jsx)(`td`,{className:`p-2`,children:(0,c.jsxs)(`button`,{className:`flex items-center gap-2 text-left w-full`,onClick:()=>b(a),children:[m?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4 text-muted-foreground`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4 text-muted-foreground`}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`div`,{className:`font-medium text-sm`,children:i.label}),i.description&&(0,c.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:i.description})]})]})}),i.cells.map((e,t)=>(0,c.jsx)(`td`,{className:`p-2`,children:(0,c.jsx)(`div`,{className:`flex justify-center`,children:(0,c.jsx)(d,{cell:e,onClick:()=>f?.(a,t,e),showDuration:g})})},t))]}),m&&(0,c.jsx)(`tr`,{className:`bg-muted/20`,children:(0,c.jsx)(`td`,{colSpan:e.length+1,className:`p-4`,children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:i.cells.map((i,o)=>{let d=l[i.status],f=d.icon;return(0,c.jsxs)(`div`,{className:`border rounded-lg p-3 bg-background`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(f,{className:t.cn(`h-4 w-4`,d.color)}),(0,c.jsx)(`span`,{className:`font-medium text-sm`,children:e[o]})]}),(0,c.jsx)(n.Badge,{variant:`outline`,className:d.color,children:d.label})]}),(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground space-y-1`,children:[i.duration&&(0,c.jsxs)(`div`,{children:[`Duration: `,u(i.duration)]}),i.startedAt&&(0,c.jsxs)(`div`,{children:[`Started: `,i.startedAt.toLocaleTimeString()]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 mt-3`,children:[i.url&&(0,c.jsxs)(r.Button,{variant:`outline`,size:`sm`,className:`h-7 text-xs`,onClick:()=>window.open(i.url,`_blank`),children:[(0,c.jsx)(s.ExternalLink,{className:`h-3 w-3 mr-1`}),`View`]}),i.status===`failed`&&p&&(0,c.jsxs)(r.Button,{variant:`outline`,size:`sm`,className:`h-7 text-xs`,onClick:()=>p(a,o),children:[(0,c.jsx)(s.RefreshCw,{className:`h-3 w-3 mr-1`}),`Retry`]})]})]},o)})})})})]},a)})})]})})}),(0,c.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-t bg-muted/30 text-sm`,children:[(0,c.jsxs)(`span`,{className:`text-muted-foreground`,children:[`Pass Rate: `,(0,c.jsxs)(`span`,{className:`font-medium text-foreground`,children:[x.passRate.toFixed(1),`%`]})]}),(0,c.jsxs)(`span`,{className:`text-muted-foreground`,children:[x.success,`/`,x.total,` jobs passed`]})]})]})}var p=[`Ubuntu 22.04`,`Ubuntu 20.04`,`macOS 13`,`Windows 2022`],m=[{label:`Node.js 20`,description:`LTS version`,cells:[{id:`1`,status:`success`,duration:125},{id:`2`,status:`success`,duration:142},{id:`3`,status:`success`,duration:98},{id:`4`,status:`success`,duration:156}]},{label:`Node.js 18`,description:`Previous LTS`,cells:[{id:`5`,status:`success`,duration:118},{id:`6`,status:`success`,duration:135},{id:`7`,status:`failed`,duration:45},{id:`8`,status:`success`,duration:162}]},{label:`Node.js 21`,description:`Current`,cells:[{id:`9`,status:`running`,startedAt:new Date},{id:`10`,status:`pending`},{id:`11`,status:`pending`},{id:`12`,status:`pending`}]}];exports.WakaBuildMatrix=f,exports.defaultBuildMatrixColumns=p,exports.defaultBuildMatrixRows=m;

package/dist/components/waka-build-matrix/index.es.js

@@ -0,0 +1,349 @@
+"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 { ScrollArea as r } from "../scroll-area/index.es.js";
+import { Tooltip as i, TooltipContent as a, TooltipProvider as o, TooltipTrigger as s } from "../tooltip/index.es.js";
+import * as c from "react";
+import { CheckCircle2 as l, ChevronDown as u, ChevronRight as d, Clock as f, ExternalLink as p, Grid3X3 as m, Loader2 as h, RefreshCw as g, SkipForward as _, XCircle as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/waka-build-matrix/index.tsx
+var x = {
+	success: {
+		icon: l,
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Success"
+	},
+	failed: {
+		icon: v,
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Failed"
+	},
+	running: {
+		icon: h,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Running"
+	},
+	pending: {
+		icon: f,
+		color: "text-gray-400",
+		bgColor: "bg-gray-400",
+		label: "Pending"
+	},
+	skipped: {
+		icon: _,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Skipped"
+	},
+	cancelled: {
+		icon: v,
+		color: "text-orange-500",
+		bgColor: "bg-orange-500",
+		label: "Cancelled"
+	}
+};
+function S(e) {
+	if (e < 60) return `${e}s`;
+	let t = Math.floor(e / 60), n = e % 60;
+	return t < 60 ? `${t}m ${n}s` : `${Math.floor(t / 60)}h ${t % 60}m`;
+}
+function C({ cell: t, onClick: n, showDuration: r }) {
+	let c = x[t.status], l = c.icon;
+	return /* @__PURE__ */ y(o, { children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, {
+		asChild: !0,
+		children: /* @__PURE__ */ b("button", {
+			className: e("w-12 h-12 rounded-lg flex flex-col items-center justify-center gap-0.5 transition-all", "hover:scale-105 hover:shadow-md cursor-pointer", "border border-transparent", t.status === "success" && "bg-green-500/10 hover:border-green-500/50", t.status === "failed" && "bg-red-500/10 hover:border-red-500/50", t.status === "running" && "bg-blue-500/10 hover:border-blue-500/50", t.status === "pending" && "bg-gray-500/10 hover:border-gray-500/50", t.status === "skipped" && "bg-gray-500/5 hover:border-gray-500/30", t.status === "cancelled" && "bg-orange-500/10 hover:border-orange-500/50"),
+			onClick: n,
+			children: [/* @__PURE__ */ y(l, { className: e("h-5 w-5", c.color, t.status === "running" && "animate-spin") }), r && t.duration && /* @__PURE__ */ y("span", {
+				className: "text-[10px] text-muted-foreground",
+				children: S(t.duration)
+			})]
+		})
+	}), /* @__PURE__ */ y(a, { children: /* @__PURE__ */ b("div", {
+		className: "space-y-1",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "font-medium",
+				children: c.label
+			}),
+			t.duration && /* @__PURE__ */ b("div", {
+				className: "text-xs",
+				children: ["Duration: ", S(t.duration)]
+			}),
+			t.startedAt && /* @__PURE__ */ b("div", {
+				className: "text-xs",
+				children: ["Started: ", t.startedAt.toLocaleString()]
+			})
+		]
+	}) })] }) });
+}
+function w({ columns: i, rows: a, onCellClick: o, onRetry: s, onViewLogs: l, title: f = "Build Matrix", showDuration: h = !0, className: _ }) {
+	let [v, w] = c.useState(/* @__PURE__ */ new Set()), T = (e) => {
+		w((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, E = c.useMemo(() => {
+		let e = 0, t = 0, n = 0, r = 0;
+		return a.forEach((i) => {
+			i.cells.forEach((i) => {
+				e++, i.status === "success" && t++, i.status === "failed" && n++, i.status === "running" && r++;
+			});
+		}), {
+			total: e,
+			success: t,
+			failed: n,
+			running: r,
+			passRate: e > 0 ? t / e * 100 : 0
+		};
+	}, [a]);
+	return /* @__PURE__ */ b("div", {
+		className: e("border rounded-lg bg-background", _),
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ y(m, { className: "h-5 w-5" }), /* @__PURE__ */ y("h3", {
+						className: "font-semibold",
+						children: f
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ b(t, {
+							variant: "secondary",
+							className: "text-xs",
+							children: [E.total, " jobs"]
+						}),
+						E.success > 0 && /* @__PURE__ */ b(t, {
+							className: "bg-green-500 text-xs",
+							children: [E.success, " passed"]
+						}),
+						E.failed > 0 && /* @__PURE__ */ b(t, {
+							className: "bg-red-500 text-xs",
+							children: [E.failed, " failed"]
+						}),
+						E.running > 0 && /* @__PURE__ */ b(t, {
+							className: "bg-blue-500 text-xs",
+							children: [E.running, " running"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center gap-4 px-3 py-2 border-b bg-muted/30 text-xs flex-wrap",
+				children: Object.entries(x).map(([t, n]) => {
+					let r = n.icon;
+					return /* @__PURE__ */ b("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ y(r, { className: e("h-3 w-3", n.color) }), /* @__PURE__ */ y("span", { children: n.label })]
+					}, t);
+				})
+			}),
+			/* @__PURE__ */ y(r, {
+				className: "max-h-[500px]",
+				children: /* @__PURE__ */ y("div", {
+					className: "p-3",
+					children: /* @__PURE__ */ b("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", { children: [/* @__PURE__ */ y("th", {
+							className: "text-left p-2 text-sm font-medium text-muted-foreground w-48",
+							children: "Configuration"
+						}), i.map((e, t) => /* @__PURE__ */ y("th", {
+							className: "p-2 text-center text-sm font-medium text-muted-foreground",
+							children: e
+						}, t))] }) }), /* @__PURE__ */ y("tbody", { children: a.map((r, a) => {
+							let l = v.has(a);
+							return r.cells.filter((e) => e.status === "success").length, r.cells.filter((e) => e.status === "failed").length, r.cells.length, /* @__PURE__ */ b(c.Fragment, { children: [/* @__PURE__ */ b("tr", {
+								className: "border-t hover:bg-muted/30",
+								children: [/* @__PURE__ */ y("td", {
+									className: "p-2",
+									children: /* @__PURE__ */ b("button", {
+										className: "flex items-center gap-2 text-left w-full",
+										onClick: () => T(a),
+										children: [y(l ? u : d, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+											className: "font-medium text-sm",
+											children: r.label
+										}), r.description && /* @__PURE__ */ y("div", {
+											className: "text-xs text-muted-foreground",
+											children: r.description
+										})] })]
+									})
+								}), r.cells.map((e, t) => /* @__PURE__ */ y("td", {
+									className: "p-2",
+									children: /* @__PURE__ */ y("div", {
+										className: "flex justify-center",
+										children: /* @__PURE__ */ y(C, {
+											cell: e,
+											onClick: () => o?.(a, t, e),
+											showDuration: h
+										})
+									})
+								}, t))]
+							}), l && /* @__PURE__ */ y("tr", {
+								className: "bg-muted/20",
+								children: /* @__PURE__ */ y("td", {
+									colSpan: i.length + 1,
+									className: "p-4",
+									children: /* @__PURE__ */ y("div", {
+										className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+										children: r.cells.map((r, o) => {
+											let c = x[r.status], l = c.icon;
+											return /* @__PURE__ */ b("div", {
+												className: "border rounded-lg p-3 bg-background",
+												children: [
+													/* @__PURE__ */ b("div", {
+														className: "flex items-center justify-between mb-2",
+														children: [/* @__PURE__ */ b("div", {
+															className: "flex items-center gap-2",
+															children: [/* @__PURE__ */ y(l, { className: e("h-4 w-4", c.color) }), /* @__PURE__ */ y("span", {
+																className: "font-medium text-sm",
+																children: i[o]
+															})]
+														}), /* @__PURE__ */ y(t, {
+															variant: "outline",
+															className: c.color,
+															children: c.label
+														})]
+													}),
+													/* @__PURE__ */ b("div", {
+														className: "text-xs text-muted-foreground space-y-1",
+														children: [r.duration && /* @__PURE__ */ b("div", { children: ["Duration: ", S(r.duration)] }), r.startedAt && /* @__PURE__ */ b("div", { children: ["Started: ", r.startedAt.toLocaleTimeString()] })]
+													}),
+													/* @__PURE__ */ b("div", {
+														className: "flex items-center gap-2 mt-3",
+														children: [r.url && /* @__PURE__ */ b(n, {
+															variant: "outline",
+															size: "sm",
+															className: "h-7 text-xs",
+															onClick: () => window.open(r.url, "_blank"),
+															children: [/* @__PURE__ */ y(p, { className: "h-3 w-3 mr-1" }), "View"]
+														}), r.status === "failed" && s && /* @__PURE__ */ b(n, {
+															variant: "outline",
+															size: "sm",
+															className: "h-7 text-xs",
+															onClick: () => s(a, o),
+															children: [/* @__PURE__ */ y(g, { className: "h-3 w-3 mr-1" }), "Retry"]
+														})]
+													})
+												]
+											}, o);
+										})
+									})
+								})
+							})] }, a);
+						}) })]
+					})
+				})
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between px-3 py-2 border-t bg-muted/30 text-sm",
+				children: [/* @__PURE__ */ b("span", {
+					className: "text-muted-foreground",
+					children: ["Pass Rate: ", /* @__PURE__ */ b("span", {
+						className: "font-medium text-foreground",
+						children: [E.passRate.toFixed(1), "%"]
+					})]
+				}), /* @__PURE__ */ b("span", {
+					className: "text-muted-foreground",
+					children: [
+						E.success,
+						"/",
+						E.total,
+						" jobs passed"
+					]
+				})]
+			})
+		]
+	});
+}
+var T = [
+	"Ubuntu 22.04",
+	"Ubuntu 20.04",
+	"macOS 13",
+	"Windows 2022"
+], E = [
+	{
+		label: "Node.js 20",
+		description: "LTS version",
+		cells: [
+			{
+				id: "1",
+				status: "success",
+				duration: 125
+			},
+			{
+				id: "2",
+				status: "success",
+				duration: 142
+			},
+			{
+				id: "3",
+				status: "success",
+				duration: 98
+			},
+			{
+				id: "4",
+				status: "success",
+				duration: 156
+			}
+		]
+	},
+	{
+		label: "Node.js 18",
+		description: "Previous LTS",
+		cells: [
+			{
+				id: "5",
+				status: "success",
+				duration: 118
+			},
+			{
+				id: "6",
+				status: "success",
+				duration: 135
+			},
+			{
+				id: "7",
+				status: "failed",
+				duration: 45
+			},
+			{
+				id: "8",
+				status: "success",
+				duration: 162
+			}
+		]
+	},
+	{
+		label: "Node.js 21",
+		description: "Current",
+		cells: [
+			{
+				id: "9",
+				status: "running",
+				startedAt: /* @__PURE__ */ new Date()
+			},
+			{
+				id: "10",
+				status: "pending"
+			},
+			{
+				id: "11",
+				status: "pending"
+			},
+			{
+				id: "12",
+				status: "pending"
+			}
+		]
+	}
+];
+//#endregion
+export { w as WakaBuildMatrix, T as defaultBuildMatrixColumns, E as defaultBuildMatrixRows };

package/dist/components/waka-capacity-planner/index.cjs.js

@@ -0,0 +1,28 @@
+"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={warning:70,danger:85,critical:95},o={"1m":`1 Month`,"3m":`3 Months`,"6m":`6 Months`,"12m":`12 Months`},s=[`1m`,`3m`,`6m`,`12m`],c={sm:{padding:`p-3`,gap:`gap-3`,text:`text-xs`,heading:`text-sm`,icon:`h-4 w-4`,barHeight:`h-2`,cardPadding:`p-3`,spacing:`space-y-3`},md:{padding:`p-4`,gap:`gap-4`,text:`text-sm`,heading:`text-base`,icon:`h-5 w-5`,barHeight:`h-3`,cardPadding:`p-4`,spacing:`space-y-4`},lg:{padding:`p-6`,gap:`gap-6`,text:`text-base`,heading:`text-lg`,icon:`h-6 w-6`,barHeight:`h-4`,cardPadding:`p-6`,spacing:`space-y-6`}},l={cpu:r.Cpu,memory:r.MemoryStick,storage:r.HardDrive,network:r.Network,custom:r.Zap},u={low:`text-blue-500 bg-blue-50 dark:bg-blue-950/50 border-blue-200 dark:border-blue-800`,medium:`text-yellow-600 bg-yellow-50 dark:bg-yellow-950/50 border-yellow-200 dark:border-yellow-800`,high:`text-orange-500 bg-orange-50 dark:bg-orange-950/50 border-orange-200 dark:border-orange-800`,urgent:`text-red-500 bg-red-50 dark:bg-red-950/50 border-red-200 dark:border-red-800`};function d(e,t){return e>=t.critical?`critical`:e>=t.danger?`danger`:e>=t.warning?`warning`:`safe`}function f(e){switch(e){case`critical`:return`text-red-600 dark:text-red-400`;case`danger`:return`text-orange-500 dark:text-orange-400`;case`warning`:return`text-yellow-500 dark:text-yellow-400`;default:return`text-green-500 dark:text-green-400`}}function p(e){switch(e){case`critical`:return`bg-red-500`;case`danger`:return`bg-orange-500`;case`warning`:return`bg-yellow-500`;default:return`bg-green-500`}}function m(e,t){return e>=1e3?`${(e/1e3).toFixed(1)}K ${t}`:`${e.toFixed(t===`%`?0:1)} ${t}`}function h({resources:e,thresholds:t=a,initialTimelineRange:r=`3m`}){let[i,o]=n.useState(e),[s,c]=n.useState(r),[l,u]=n.useState(t),f=n.useCallback(e=>e.projections[s]??e.current,[s]),p=n.useCallback(e=>d(e.total>0?e.current/e.total*100:0,l),[l]),m=n.useCallback(e=>d(f(e)/e.total*100,l),[f,l]),h=n.useCallback((e,t)=>{let n=e.growthRate??5,r=e.current/e.total*100,i;switch(t){case`warning`:i=l.warning;break;case`danger`:i=l.danger;break;case`critical`:i=l.critical;break;default:return null}if(r>=i)return`Now`;if(n<=0)return null;let a=Math.ceil((i-r)/n);return a<=1?`< 1 month`:a<=12?`${a} months`:`${Math.round(a/12)} years`},[l]),g=n.useMemo(()=>i.filter(e=>m(e)!==`safe`),[i,m]),_=n.useMemo(()=>i.filter(e=>m(e)===`critical`),[i,m]);return{resources:i,timelineRange:s,thresholds:l,resourcesAtRisk:g,criticalResources:_,overallHealth:n.useMemo(()=>_.length>0?`critical`:i.filter(e=>m(e)===`danger`).length>0?`danger`:g.length>0?`warning`:`safe`,[i,_,g,m]),setTimelineRange:c,updateResource:n.useCallback((e,t)=>{o(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),getProjectedValue:f,getResourceStatus:p,getProjectedStatus:m,getTimeUntilBreach:h,setThresholds:u,addResource:n.useCallback(e=>{o(t=>[...t,e])},[]),removeResource:n.useCallback(e=>{o(t=>t.filter(t=>t.id!==e))},[])}}function g({value:e,onChange:n,size:a,animated:l}){let u=c[a],d=s.indexOf(e);return(0,i.jsxs)(`div`,{className:t.cn(`relative`,u.spacing),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,u.text),children:[(0,i.jsx)(r.Calendar,{className:u.icon}),(0,i.jsx)(`span`,{className:`font-medium`,children:`Projection Timeline`})]}),(0,i.jsx)(`span`,{className:t.cn(`font-semibold text-primary`,u.text),children:o[e]})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:`relative h-2 bg-muted rounded-full`,children:[(0,i.jsx)(`div`,{className:t.cn(`absolute h-full bg-primary rounded-full`,l&&`transition-all duration-300 ease-out`),style:{width:`${(d+1)/s.length*100}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-between px-0`,children:s.map((e,r)=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>n(e),className:t.cn(`relative z-10 h-4 w-4 rounded-full border-2 transition-all duration-200`,r<=d?`bg-primary border-primary`:`bg-background border-muted-foreground/30 hover:border-primary/50`),"aria-label":`Set timeline to ${o[e]}`,children:r===d&&l&&(0,i.jsx)(`span`,{className:`absolute inset-0 rounded-full animate-capacity-ping bg-primary/50`})},e))})]}),(0,i.jsx)(`div`,{className:`flex justify-between mt-2`,children:s.map(r=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>n(r),className:t.cn(`text-center transition-colors duration-200`,u.text,r===e?`text-primary font-medium`:`text-muted-foreground hover:text-foreground`),children:o[r]},r))})]})]})}function _({resource:e,timelineRange:a,thresholds:s,size:u,animated:h,onClick:g}){let _=c[u],v=e.customIcon||l[e.type],y=e.current/e.total*100,b=e.projections[a]??e.current,x=b/e.total*100,S=d(y,s),C=d(x,s),[w,T]=n.useState(0),[E,D]=n.useState(0);n.useEffect(()=>{if(!h){T(y),D(x);return}let e=Date.now(),t=w,n=E,r=()=>{let i=Date.now()-e,a=Math.min(i/800,1),o=1-(1-a)**3;T(t+(y-t)*o),D(n+(x-n)*o),a<1&&requestAnimationFrame(r)};requestAnimationFrame(r)},[y,x,h]);let O=C!==`safe`,k=C!==S&&C!==`safe`;return(0,i.jsxs)(`div`,{onClick:g,className:t.cn(`group relative rounded-xl border bg-card transition-all duration-200`,_.cardPadding,g&&`cursor-pointer hover:shadow-md hover:border-primary/50`,O&&`border-l-4`,C===`critical`&&`border-l-red-500`,C===`danger`&&`border-l-orange-500`,C===`warning`&&`border-l-yellow-500`),children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mb-3`,_.gap),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:t.cn(`p-2 rounded-lg`,C===`safe`&&`bg-green-100 dark:bg-green-900/30`,C===`warning`&&`bg-yellow-100 dark:bg-yellow-900/30`,C===`danger`&&`bg-orange-100 dark:bg-orange-900/30`,C===`critical`&&`bg-red-100 dark:bg-red-900/30`),children:(0,i.jsx)(v,{className:t.cn(_.icon,f(C))})}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold`,_.heading),children:e.name}),e.growthRate!==void 0&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 text-muted-foreground`,_.text),children:[(0,i.jsx)(r.TrendingUp,{className:`h-3 w-3`}),(0,i.jsxs)(`span`,{children:[`+`,e.growthRate,`%/month`]})]})]})]}),k&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 px-2 py-1 rounded-full`,_.text,f(C),`bg-current/10`),children:[(0,i.jsx)(r.AlertTriangle,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{children:`Risk`})]})]}),(0,i.jsxs)(`div`,{className:t.cn(`grid grid-cols-2 gap-4 mb-4`,_.text),children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-muted-foreground mb-1`,children:`Current`}),(0,i.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,i.jsxs)(`span`,{className:t.cn(`font-bold text-xl`,f(S)),children:[w.toFixed(0),`%`]}),(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,m(e.current,e.unit),`)`]})]})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`text-muted-foreground mb-1`,children:[`Projected (`,o[a],`)`]}),(0,i.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,i.jsxs)(`span`,{className:t.cn(`font-bold text-xl`,f(C)),children:[E.toFixed(0),`%`]}),(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,m(b,e.unit),`)`]})]})]})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:t.cn(`w-full bg-muted rounded-full overflow-hidden`,_.barHeight),children:[(0,i.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-yellow-500/50 z-10`,style:{left:`${s.warning}%`}}),(0,i.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-orange-500/50 z-10`,style:{left:`${s.danger}%`}}),(0,i.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-red-500/50 z-10`,style:{left:`${s.critical}%`}}),(0,i.jsx)(`div`,{className:t.cn(`absolute h-full opacity-30 rounded-full`,p(C),h&&`transition-all duration-500 ease-out`),style:{width:`${Math.min(E,100)}%`}}),(0,i.jsx)(`div`,{className:t.cn(`relative h-full rounded-full`,p(S),h&&`transition-all duration-500 ease-out`),style:{width:`${Math.min(w,100)}%`},children:h&&(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-capacity-shine`})})})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex justify-between mt-1 text-muted-foreground`,_.text),children:[(0,i.jsx)(`span`,{children:`0%`}),(0,i.jsxs)(`span`,{children:[`Total: `,m(e.total,e.unit)]})]})]}),g&&(0,i.jsx)(`div`,{className:`absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,i.jsx)(r.ChevronRight,{className:t.cn(_.icon,`text-muted-foreground`)})})]})}function v({resources:e,timelineRange:r,thresholds:a,size:s,animated:l}){let u=c[s],f=s===`sm`?120:s===`md`?160:200,m=n.useMemo(()=>{let e=r===`1m`?1:r===`3m`?3:r===`6m`?6:12;return Array.from({length:e+1},(e,t)=>t)},[r]),h=n.useMemo(()=>e.map(e=>{let t=1+(e.growthRate??5)/100,n=m.length-1,r=m.map(r=>{let i=e.current*t**+r,a=Math.min(i/e.total*100,110);return{x:r/n*100,y:100-a}}).map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `),i=d(e.current*t**+n/e.total*100,a);return{id:e.id,name:e.name,path:r,color:p(i).replace(`bg-`,``),status:i}}),[e,m,a]),g={"green-500":`#22c55e`,"yellow-500":`#eab308`,"orange-500":`#f97316`,"red-500":`#ef4444`};return(0,i.jsxs)(`div`,{className:t.cn(`rounded-xl border bg-card`,u.cardPadding),children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold mb-4`,u.heading),children:`Capacity Projection`}),(0,i.jsxs)(`div`,{className:`relative`,style:{height:f},children:[(0,i.jsx)(`div`,{className:`absolute left-0 right-0 border-t border-dashed border-yellow-500/50`,style:{top:`${100-a.warning}%`},children:(0,i.jsxs)(`span`,{className:t.cn(`absolute -top-3 right-0 text-yellow-500`,u.text),children:[a.warning,`%`]})}),(0,i.jsx)(`div`,{className:`absolute left-0 right-0 border-t border-dashed border-orange-500/50`,style:{top:`${100-a.danger}%`},children:(0,i.jsxs)(`span`,{className:t.cn(`absolute -top-3 right-0 text-orange-500`,u.text),children:[a.danger,`%`]})}),(0,i.jsx)(`div`,{className:`absolute left-0 right-0 border-t border-dashed border-red-500/50`,style:{top:`${100-a.critical}%`},children:(0,i.jsxs)(`span`,{className:t.cn(`absolute -top-3 right-0 text-red-500`,u.text),children:[a.critical,`%`]})}),(0,i.jsx)(`svg`,{viewBox:`0 0 100 100`,preserveAspectRatio:`none`,className:`w-full h-full`,"aria-hidden":`true`,focusable:`false`,children:h.map(e=>(0,i.jsx)(`path`,{d:e.path,fill:`none`,stroke:g[e.color]||`#22c55e`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:t.cn(l&&`animate-capacity-draw`)},e.id))}),(0,i.jsxs)(`div`,{className:t.cn(`flex justify-between mt-2 text-muted-foreground`,u.text),children:[(0,i.jsx)(`span`,{children:`Now`}),(0,i.jsx)(`span`,{children:o[r]})]})]}),(0,i.jsx)(`div`,{className:t.cn(`flex flex-wrap gap-4 mt-4`,u.text),children:e.map((e,t)=>{let n=h[t];return(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:g[n?.color]||`#22c55e`}}),(0,i.jsx)(`span`,{children:e.name})]},e.id)})})]})}function y({recommendations:e,size:n,onAction:a}){let o=c[n];return e.length===0?(0,i.jsx)(`div`,{className:t.cn(`rounded-xl border bg-card text-center`,o.cardPadding),children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2 py-4 text-muted-foreground`,children:[(0,i.jsx)(r.Lightbulb,{className:t.cn(o.icon,`text-green-500`)}),(0,i.jsx)(`p`,{className:o.text,children:`All resources are within healthy limits!`})]})}):(0,i.jsxs)(`div`,{className:t.cn(`rounded-xl border bg-card`,o.cardPadding),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold`,o.heading),children:`Scaling Recommendations`}),(0,i.jsxs)(`span`,{className:t.cn(`px-2 py-1 rounded-full bg-muted`,o.text),children:[e.length,` action`,e.length>1?`s`:``]})]}),(0,i.jsx)(`div`,{className:t.cn(`space-y-3`),children:e.map(e=>(0,i.jsx)(`div`,{className:t.cn(`rounded-lg border p-3 transition-colors`,u[e.priority]),children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[e.type===`scale_up`&&(0,i.jsx)(r.ArrowUpRight,{className:`h-4 w-4`}),e.type===`scale_out`&&(0,i.jsx)(r.Plus,{className:`h-4 w-4`}),e.type===`optimize`&&(0,i.jsx)(r.Zap,{className:`h-4 w-4`}),e.type===`monitor`&&(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:t.cn(`font-medium`,o.text),children:e.title})]}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mb-2`,o.text),children:e.description}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-4`,o.text),children:[e.timeframe&&(0,i.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(r.Clock,{className:`h-3 w-3`}),e.timeframe]}),e.costImpact&&(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:e.costImpact})]})]}),a&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>a(e),className:t.cn(`px-3 py-1.5 rounded-lg bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,o.text),children:e.action})]})},e.id))})]})}function b({resources:e,thresholds:o=a,recommendations:s=[],initialTimelineRange:l=`3m`,size:u=`md`,animated:p=!0,showRecommendations:m=!0,showTimeline:h=!0,showProjectionChart:b=!0,onTimelineChange:x,onResourceClick:S,onRecommendationAction:C,className:w}){let[T,E]=n.useState(l),D=c[u],O=n.useCallback(e=>{E(e),x?.(e)},[x]),k=n.useMemo(()=>{let t=`safe`;for(let n of e){let e=d((n.projections[T]??n.current)/n.total*100,o);if(e===`critical`)return`critical`;e===`danger`?t=`danger`:e===`warning`&&t===`safe`&&(t=`warning`)}return t},[e,T,o]);return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,D.spacing,w),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h2`,{className:t.cn(`font-bold text-xl`,D.heading),children:`Capacity Planner`}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mt-1`,D.text),children:`Monitor and plan resource capacity across your infrastructure`})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 px-3 py-2 rounded-lg`,k===`safe`&&`bg-green-100 dark:bg-green-900/30`,k===`warning`&&`bg-yellow-100 dark:bg-yellow-900/30`,k===`danger`&&`bg-orange-100 dark:bg-orange-900/30`,k===`critical`&&`bg-red-100 dark:bg-red-900/30`),children:[k===`critical`&&(0,i.jsx)(r.AlertTriangle,{className:t.cn(D.icon,`text-red-500`)}),(0,i.jsx)(`span`,{className:t.cn(`font-medium capitalize`,f(k)),children:k===`safe`?`Healthy`:k})]})]}),h&&(0,i.jsx)(`div`,{className:t.cn(`rounded-xl border bg-card`,D.cardPadding),children:(0,i.jsx)(g,{value:T,onChange:O,size:u,animated:p})}),b&&e.length>0&&(0,i.jsx)(v,{resources:e,timelineRange:T,thresholds:o,size:u,animated:p}),(0,i.jsx)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:e.map(e=>(0,i.jsx)(_,{resource:e,timelineRange:T,thresholds:o,size:u,animated:p,onClick:S?()=>S(e):void 0},e.id))}),m&&(0,i.jsx)(y,{recommendations:s,size:u,onAction:C}),(0,i.jsx)(`style`,{children:`
+        @keyframes capacity-ping {
+          0% { transform: scale(1); opacity: 1; }
+          75%, 100% { transform: scale(2); opacity: 0; }
+        }
+        .animate-capacity-ping {
+          animation: capacity-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
+        }
+
+        @keyframes capacity-shine {
+          0% { transform: translateX(-100%); opacity: 0; }
+          50% { opacity: 0.4; }
+          100% { transform: translateX(100%); opacity: 0; }
+        }
+        .animate-capacity-shine {
+          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
+          animation: capacity-shine 2s ease-in-out infinite;
+        }
+
+        @keyframes capacity-draw {
+          from { stroke-dashoffset: 1000; }
+          to { stroke-dashoffset: 0; }
+        }
+        .animate-capacity-draw {
+          stroke-dasharray: 1000;
+          animation: capacity-draw 1.5s ease-out forwards;
+        }
+      `})]})}exports.default=b,exports.useCapacityPlanner=h;