@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/infrastructure-map/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/tooltip/index.cjs.js");let s=require("react");s=e.__toESM(s);let c=require("lucide-react"),l=require("react/jsx-runtime");var u={region:{icon:c.Globe,color:`text-blue-500`,label:`Region`},vpc:{icon:c.Network,color:`text-purple-500`,label:`VPC`},subnet:{icon:c.Layers,color:`text-indigo-500`,label:`Subnet`},server:{icon:c.Server,color:`text-gray-500`,label:`Server`},database:{icon:c.Database,color:`text-green-500`,label:`Database`},loadbalancer:{icon:c.Activity,color:`text-cyan-500`,label:`Load Balancer`},cache:{icon:c.HardDrive,color:`text-red-500`,label:`Cache`},storage:{icon:c.HardDrive,color:`text-orange-500`,label:`Storage`},container:{icon:c.Container,color:`text-blue-400`,label:`Container`},function:{icon:c.Cpu,color:`text-yellow-500`,label:`Function`},cdn:{icon:c.Globe,color:`text-teal-500`,label:`CDN`},firewall:{icon:c.Shield,color:`text-red-400`,label:`Firewall`}},d={healthy:{color:`text-green-500`,bgColor:`bg-green-500`,label:`Healthy`},warning:{color:`text-yellow-500`,bgColor:`bg-yellow-500`,label:`Warning`},critical:{color:`text-red-500`,bgColor:`bg-red-500`,label:`Critical`},unknown:{color:`text-gray-500`,bgColor:`bg-gray-500`,label:`Unknown`},maintenance:{color:`text-blue-500`,bgColor:`bg-blue-500`,label:`Maintenance`}},f={aws:{label:`AWS`,color:`text-orange-500`},gcp:{label:`GCP`,color:`text-blue-500`},azure:{label:`Azure`,color:`text-cyan-500`},custom:{label:`Custom`,color:`text-gray-500`}};function p({resource:e,depth:r=0,onClick:i,isExpanded:a,onToggle:s}){let p=u[e.type],m=d[e.status],h=p.icon,g=e.children&&e.children.length>0;return(0,l.jsx)(`div`,{className:t.cn(`border-l-2`,r>0&&`ml-6`,m.color.replace(`text-`,`border-`)),children:(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 p-3 cursor-pointer rounded-r-lg transition-all`,`hover:bg-muted/50`,e.status===`critical`&&`bg-red-500/5`,e.status===`warning`&&`bg-yellow-500/5`),onClick:i,children:[g&&(0,l.jsx)(`button`,{className:`p-1 hover:bg-muted rounded`,onClick:e=>{e.stopPropagation(),s?.()},children:(0,l.jsx)(c.Layers,{className:t.cn(`h-4 w-4`,a&&`rotate-90`)})}),(0,l.jsx)(`div`,{className:t.cn(`p-2 rounded-lg bg-muted/50`),children:(0,l.jsx)(h,{className:t.cn(`h-5 w-5`,p.color)})}),(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`span`,{className:`font-medium truncate`,children:e.name}),(0,l.jsx)(n.Badge,{variant:`outline`,className:`text-xs shrink-0`,children:p.label}),e.provider&&(0,l.jsx)(n.Badge,{variant:`secondary`,className:t.cn(`text-xs shrink-0`,f[e.provider].color),children:f[e.provider].label})]}),e.region&&(0,l.jsx)(`div`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.region})]}),e.metrics&&(0,l.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground`,children:[e.metrics.cpu!==void 0&&(0,l.jsxs)(`span`,{className:t.cn(e.metrics.cpu>80&&`text-red-500`),children:[`CPU: `,e.metrics.cpu,`%`]}),e.metrics.memory!==void 0&&(0,l.jsxs)(`span`,{className:t.cn(e.metrics.memory>80&&`text-red-500`),children:[`MEM: `,e.metrics.memory,`%`]}),e.metrics.latency!==void 0&&(0,l.jsxs)(`span`,{className:t.cn(e.metrics.latency>500&&`text-yellow-500`),children:[e.metrics.latency,`ms`]})]}),(0,l.jsx)(o.TooltipProvider,{children:(0,l.jsxs)(o.Tooltip,{children:[(0,l.jsx)(o.TooltipTrigger,{children:(0,l.jsx)(`div`,{className:t.cn(`w-3 h-3 rounded-full shrink-0`,m.bgColor)})}),(0,l.jsx)(o.TooltipContent,{children:m.label})]})})]})})}function m({resources:e,depth:n=0,expandedIds:r,onToggle:i,onResourceClick:a}){return(0,l.jsx)(`div`,{className:t.cn(n>0&&`ml-4`),children:e.map(e=>(0,l.jsxs)(s.Fragment,{children:[(0,l.jsx)(p,{resource:e,depth:n,onClick:()=>a?.(e),isExpanded:r.has(e.id),onToggle:()=>i(e.id)}),r.has(e.id)&&e.children&&(0,l.jsx)(m,{resources:e.children,depth:n+1,expandedIds:r,onToggle:i,onResourceClick:a})]},e.id))})}function h({resources:e,onResourceClick:n}){let r=e=>e.reduce((e,t)=>(e.push(t),t.children&&e.push(...r(t.children)),e),[]);return(0,l.jsx)(`div`,{className:`grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3`,children:r(e).map(e=>{let r=u[e.type],a=d[e.status],o=r.icon;return(0,l.jsx)(i.Card,{className:t.cn(`cursor-pointer transition-all hover:shadow-md`,e.status===`critical`&&`border-red-500/50`,e.status===`warning`&&`border-yellow-500/50`),onClick:()=>n?.(e),children:(0,l.jsxs)(i.CardContent,{className:`p-4`,children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,l.jsx)(`div`,{className:t.cn(`p-2 rounded-lg`,`${r.color.replace(`text-`,`bg-`)}/10`),children:(0,l.jsx)(o,{className:t.cn(`h-5 w-5`,r.color)})}),(0,l.jsx)(`div`,{className:t.cn(`w-2 h-2 rounded-full`,a.bgColor)})]}),(0,l.jsxs)(`div`,{className:`mt-3`,children:[(0,l.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),(0,l.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:r.label})]}),e.metrics&&(0,l.jsx)(`div`,{className:`flex items-center gap-2 mt-2 text-xs`,children:e.metrics.cpu!==void 0&&(0,l.jsxs)(`span`,{className:t.cn(e.metrics.cpu>80&&`text-red-500`),children:[e.metrics.cpu,`%`]})})]})},e.id)})})}function g({resources:e}){let t=s.useMemo(()=>{let t=0,n=0,r=0,i=0,a=e=>{e.forEach(e=>{t++,e.status===`healthy`&&n++,e.status===`warning`&&r++,e.status===`critical`&&i++,e.children&&a(e.children)})};return a(e),{total:t,healthy:n,warning:r,critical:i}},[e]);return(0,l.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(c.Box,{className:`h-4 w-4 text-muted-foreground`}),(0,l.jsx)(`span`,{className:`font-medium`,children:t.total}),(0,l.jsx)(`span`,{className:`text-muted-foreground text-sm`,children:`Resources`})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(c.CheckCircle2,{className:`h-4 w-4 text-green-500`}),(0,l.jsx)(`span`,{className:`font-medium text-green-500`,children:t.healthy})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(c.AlertTriangle,{className:`h-4 w-4 text-yellow-500`}),(0,l.jsx)(`span`,{className:`font-medium text-yellow-500`,children:t.warning})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(c.AlertTriangle,{className:`h-4 w-4 text-red-500`}),(0,l.jsx)(`span`,{className:`font-medium text-red-500`,children:t.critical})]})]})}function _({resources:e,onResourceClick:t,onRefresh:n,showConnections:o=!1,viewMode:u=`tree`,className:d}){let[f,p]=s.useState(u),[_,v]=s.useState(()=>new Set(e.map(e=>e.id))),[y,b]=s.useState(`all`),x=e=>{v(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},S=()=>{let t=new Set,n=e=>{e.forEach(e=>{t.add(e.id),e.children&&n(e.children)})};n(e),v(t)},C=()=>{v(new Set)},w=s.useMemo(()=>{if(y===`all`)return e;let t=e=>e.filter(e=>{let n=e.children?.some(e=>t([e]).length>0);return e.status===y||n}).map(e=>({...e,children:e.children?t(e.children):void 0}));return t(e)},[e,y]);return(0,l.jsxs)(i.Card,{className:d,children:[(0,l.jsx)(i.CardHeader,{className:`pb-3`,children:(0,l.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(c.Cloud,{className:`h-5 w-5`}),(0,l.jsx)(i.CardTitle,{children:`Infrastructure Map`})]}),(0,l.jsx)(g,{resources:e})]})}),(0,l.jsxs)(i.CardContent,{className:`space-y-4`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsxs)(a.Select,{value:f,onValueChange:e=>p(e),children:[(0,l.jsx)(a.SelectTrigger,{className:`w-28`,children:(0,l.jsx)(a.SelectValue,{})}),(0,l.jsxs)(a.SelectContent,{children:[(0,l.jsx)(a.SelectItem,{value:`tree`,children:`Tree View`}),(0,l.jsx)(a.SelectItem,{value:`grid`,children:`Grid View`})]})]}),(0,l.jsxs)(a.Select,{value:y,onValueChange:e=>b(e),children:[(0,l.jsxs)(a.SelectTrigger,{className:`w-32`,children:[(0,l.jsx)(c.Filter,{className:`h-4 w-4 mr-2`}),(0,l.jsx)(a.SelectValue,{placeholder:`Status`})]}),(0,l.jsxs)(a.SelectContent,{children:[(0,l.jsx)(a.SelectItem,{value:`all`,children:`All Status`}),(0,l.jsx)(a.SelectItem,{value:`healthy`,children:`Healthy`}),(0,l.jsx)(a.SelectItem,{value:`warning`,children:`Warning`}),(0,l.jsx)(a.SelectItem,{value:`critical`,children:`Critical`}),(0,l.jsx)(a.SelectItem,{value:`maintenance`,children:`Maintenance`})]})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[f===`tree`&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r.Button,{variant:`ghost`,size:`sm`,onClick:S,children:[(0,l.jsx)(c.Maximize2,{className:`h-4 w-4 mr-1`}),`Expand`]}),(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:C,children:`Collapse`})]}),n&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:n,children:(0,l.jsx)(c.RefreshCw,{className:`h-4 w-4`})})]})]}),(0,l.jsx)(`div`,{className:`min-h-[400px]`,children:w.length===0?(0,l.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-64 text-muted-foreground`,children:[(0,l.jsx)(c.Cloud,{className:`h-12 w-12 mb-4`}),(0,l.jsx)(`p`,{children:`No resources found`})]}):f===`tree`?(0,l.jsx)(m,{resources:w,expandedIds:_,onToggle:x,onResourceClick:t}):(0,l.jsx)(h,{resources:w,onResourceClick:t})})]})]})}var v=[{id:`region-us-east-1`,name:`us-east-1`,type:`region`,status:`healthy`,provider:`aws`,region:`N. Virginia`,children:[{id:`vpc-prod`,name:`production-vpc`,type:`vpc`,status:`healthy`,provider:`aws`,metadata:{cidr:`10.0.0.0/16`},children:[{id:`subnet-public-1`,name:`public-subnet-1a`,type:`subnet`,status:`healthy`,metadata:{az:`us-east-1a`,cidr:`10.0.1.0/24`},children:[{id:`alb-1`,name:`api-load-balancer`,type:`loadbalancer`,status:`healthy`,metrics:{requests:15e3,latency:45}},{id:`nat-1`,name:`nat-gateway-1a`,type:`firewall`,status:`healthy`}]},{id:`subnet-private-1`,name:`private-subnet-1a`,type:`subnet`,status:`warning`,metadata:{az:`us-east-1a`,cidr:`10.0.10.0/24`},children:[{id:`ec2-api-1`,name:`api-server-1`,type:`server`,status:`healthy`,metrics:{cpu:45,memory:62}},{id:`ec2-api-2`,name:`api-server-2`,type:`server`,status:`warning`,metrics:{cpu:85,memory:78}},{id:`ec2-api-3`,name:`api-server-3`,type:`server`,status:`healthy`,metrics:{cpu:52,memory:55}}]},{id:`subnet-data-1`,name:`data-subnet-1a`,type:`subnet`,status:`healthy`,metadata:{az:`us-east-1a`,cidr:`10.0.20.0/24`},children:[{id:`rds-primary`,name:`postgres-primary`,type:`database`,status:`healthy`,metrics:{cpu:35,memory:68}},{id:`redis-1`,name:`redis-cluster`,type:`cache`,status:`healthy`,metrics:{memory:45}}]}]}]},{id:`region-eu-west-1`,name:`eu-west-1`,type:`region`,status:`critical`,provider:`aws`,region:`Ireland`,children:[{id:`vpc-prod-eu`,name:`production-vpc-eu`,type:`vpc`,status:`critical`,children:[{id:`ec2-eu-1`,name:`api-server-eu-1`,type:`server`,status:`critical`,metrics:{cpu:98,memory:95}},{id:`rds-eu`,name:`postgres-replica`,type:`database`,status:`warning`,metrics:{cpu:75,memory:82}}]}]}];exports.InfrastructureMap=_,exports.defaultInfraResources=v;

package/dist/blocks/infrastructure-map/index.es.js

@@ -0,0 +1,573 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "../../components/card/index.es.js";
+import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "../../components/select/index.es.js";
+import { Tooltip as f, TooltipContent as p, TooltipProvider as m, TooltipTrigger as h } from "../../components/tooltip/index.es.js";
+import * as g from "react";
+import { Activity as _, AlertTriangle as v, Box as y, CheckCircle2 as b, Cloud as x, Container as S, Cpu as C, Database as w, Filter as T, Globe as E, HardDrive as D, Layers as O, Maximize2 as k, Network as A, RefreshCw as j, Server as M, Shield as N } from "lucide-react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+//#region src/blocks/infrastructure-map/index.tsx
+var L = {
+	region: {
+		icon: E,
+		color: "text-blue-500",
+		label: "Region"
+	},
+	vpc: {
+		icon: A,
+		color: "text-purple-500",
+		label: "VPC"
+	},
+	subnet: {
+		icon: O,
+		color: "text-indigo-500",
+		label: "Subnet"
+	},
+	server: {
+		icon: M,
+		color: "text-gray-500",
+		label: "Server"
+	},
+	database: {
+		icon: w,
+		color: "text-green-500",
+		label: "Database"
+	},
+	loadbalancer: {
+		icon: _,
+		color: "text-cyan-500",
+		label: "Load Balancer"
+	},
+	cache: {
+		icon: D,
+		color: "text-red-500",
+		label: "Cache"
+	},
+	storage: {
+		icon: D,
+		color: "text-orange-500",
+		label: "Storage"
+	},
+	container: {
+		icon: S,
+		color: "text-blue-400",
+		label: "Container"
+	},
+	function: {
+		icon: C,
+		color: "text-yellow-500",
+		label: "Function"
+	},
+	cdn: {
+		icon: E,
+		color: "text-teal-500",
+		label: "CDN"
+	},
+	firewall: {
+		icon: N,
+		color: "text-red-400",
+		label: "Firewall"
+	}
+}, R = {
+	healthy: {
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Healthy"
+	},
+	warning: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Warning"
+	},
+	critical: {
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Critical"
+	},
+	unknown: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Unknown"
+	},
+	maintenance: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Maintenance"
+	}
+}, z = {
+	aws: {
+		label: "AWS",
+		color: "text-orange-500"
+	},
+	gcp: {
+		label: "GCP",
+		color: "text-blue-500"
+	},
+	azure: {
+		label: "Azure",
+		color: "text-cyan-500"
+	},
+	custom: {
+		label: "Custom",
+		color: "text-gray-500"
+	}
+};
+function B({ resource: n, depth: r = 0, onClick: i, isExpanded: a, onToggle: o }) {
+	let s = L[n.type], c = R[n.status], l = s.icon, u = n.children && n.children.length > 0;
+	return /* @__PURE__ */ F("div", {
+		className: e("border-l-2", r > 0 && "ml-6", c.color.replace("text-", "border-")),
+		children: /* @__PURE__ */ I("div", {
+			className: e("flex items-center gap-3 p-3 cursor-pointer rounded-r-lg transition-all", "hover:bg-muted/50", n.status === "critical" && "bg-red-500/5", n.status === "warning" && "bg-yellow-500/5"),
+			onClick: i,
+			children: [
+				u && /* @__PURE__ */ F("button", {
+					className: "p-1 hover:bg-muted rounded",
+					onClick: (e) => {
+						e.stopPropagation(), o?.();
+					},
+					children: /* @__PURE__ */ F(O, { className: e("h-4 w-4", a && "rotate-90") })
+				}),
+				/* @__PURE__ */ F("div", {
+					className: e("p-2 rounded-lg bg-muted/50"),
+					children: /* @__PURE__ */ F(l, { className: e("h-5 w-5", s.color) })
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ I("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ F("span", {
+								className: "font-medium truncate",
+								children: n.name
+							}),
+							/* @__PURE__ */ F(t, {
+								variant: "outline",
+								className: "text-xs shrink-0",
+								children: s.label
+							}),
+							n.provider && /* @__PURE__ */ F(t, {
+								variant: "secondary",
+								className: e("text-xs shrink-0", z[n.provider].color),
+								children: z[n.provider].label
+							})
+						]
+					}), n.region && /* @__PURE__ */ F("div", {
+						className: "text-xs text-muted-foreground mt-0.5",
+						children: n.region
+					})]
+				}),
+				n.metrics && /* @__PURE__ */ I("div", {
+					className: "flex items-center gap-3 text-xs text-muted-foreground",
+					children: [
+						n.metrics.cpu !== void 0 && /* @__PURE__ */ I("span", {
+							className: e(n.metrics.cpu > 80 && "text-red-500"),
+							children: [
+								"CPU: ",
+								n.metrics.cpu,
+								"%"
+							]
+						}),
+						n.metrics.memory !== void 0 && /* @__PURE__ */ I("span", {
+							className: e(n.metrics.memory > 80 && "text-red-500"),
+							children: [
+								"MEM: ",
+								n.metrics.memory,
+								"%"
+							]
+						}),
+						n.metrics.latency !== void 0 && /* @__PURE__ */ I("span", {
+							className: e(n.metrics.latency > 500 && "text-yellow-500"),
+							children: [n.metrics.latency, "ms"]
+						})
+					]
+				}),
+				/* @__PURE__ */ F(m, { children: /* @__PURE__ */ I(f, { children: [/* @__PURE__ */ F(h, { children: /* @__PURE__ */ F("div", { className: e("w-3 h-3 rounded-full shrink-0", c.bgColor) }) }), /* @__PURE__ */ F(p, { children: c.label })] }) })
+			]
+		})
+	});
+}
+function V({ resources: t, depth: n = 0, expandedIds: r, onToggle: i, onResourceClick: a }) {
+	return /* @__PURE__ */ F("div", {
+		className: e(n > 0 && "ml-4"),
+		children: t.map((e) => /* @__PURE__ */ I(g.Fragment, { children: [/* @__PURE__ */ F(B, {
+			resource: e,
+			depth: n,
+			onClick: () => a?.(e),
+			isExpanded: r.has(e.id),
+			onToggle: () => i(e.id)
+		}), r.has(e.id) && e.children && /* @__PURE__ */ F(V, {
+			resources: e.children,
+			depth: n + 1,
+			expandedIds: r,
+			onToggle: i,
+			onResourceClick: a
+		})] }, e.id))
+	});
+}
+function H({ resources: t, onResourceClick: n }) {
+	let a = (e) => e.reduce((e, t) => (e.push(t), t.children && e.push(...a(t.children)), e), []);
+	return /* @__PURE__ */ F("div", {
+		className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
+		children: a(t).map((t) => {
+			let a = L[t.type], o = R[t.status], s = a.icon;
+			return /* @__PURE__ */ F(r, {
+				className: e("cursor-pointer transition-all hover:shadow-md", t.status === "critical" && "border-red-500/50", t.status === "warning" && "border-yellow-500/50"),
+				onClick: () => n?.(t),
+				children: /* @__PURE__ */ I(i, {
+					className: "p-4",
+					children: [
+						/* @__PURE__ */ I("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ F("div", {
+								className: e("p-2 rounded-lg", `${a.color.replace("text-", "bg-")}/10`),
+								children: /* @__PURE__ */ F(s, { className: e("h-5 w-5", a.color) })
+							}), /* @__PURE__ */ F("div", { className: e("w-2 h-2 rounded-full", o.bgColor) })]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "mt-3",
+							children: [/* @__PURE__ */ F("div", {
+								className: "font-medium truncate",
+								children: t.name
+							}), /* @__PURE__ */ F("div", {
+								className: "text-xs text-muted-foreground",
+								children: a.label
+							})]
+						}),
+						t.metrics && /* @__PURE__ */ F("div", {
+							className: "flex items-center gap-2 mt-2 text-xs",
+							children: t.metrics.cpu !== void 0 && /* @__PURE__ */ I("span", {
+								className: e(t.metrics.cpu > 80 && "text-red-500"),
+								children: [t.metrics.cpu, "%"]
+							})
+						})
+					]
+				})
+			}, t.id);
+		})
+	});
+}
+function U({ resources: e }) {
+	let t = g.useMemo(() => {
+		let t = 0, n = 0, r = 0, i = 0, a = (e) => {
+			e.forEach((e) => {
+				t++, e.status === "healthy" && n++, e.status === "warning" && r++, e.status === "critical" && i++, e.children && a(e.children);
+			});
+		};
+		return a(e), {
+			total: t,
+			healthy: n,
+			warning: r,
+			critical: i
+		};
+	}, [e]);
+	return /* @__PURE__ */ I("div", {
+		className: "flex items-center gap-6",
+		children: [
+			/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ F(y, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ F("span", {
+						className: "font-medium",
+						children: t.total
+					}),
+					/* @__PURE__ */ F("span", {
+						className: "text-muted-foreground text-sm",
+						children: "Resources"
+					})
+				]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ F(b, { className: "h-4 w-4 text-green-500" }), /* @__PURE__ */ F("span", {
+					className: "font-medium text-green-500",
+					children: t.healthy
+				})]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-yellow-500" }), /* @__PURE__ */ F("span", {
+					className: "font-medium text-yellow-500",
+					children: t.warning
+				})]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-red-500" }), /* @__PURE__ */ F("span", {
+					className: "font-medium text-red-500",
+					children: t.critical
+				})]
+			})
+		]
+	});
+}
+function W({ resources: e, onResourceClick: t, onRefresh: f, showConnections: p = !1, viewMode: m = "tree", className: h }) {
+	let [_, v] = g.useState(m), [y, b] = g.useState(() => new Set(e.map((e) => e.id))), [S, C] = g.useState("all"), w = (e) => {
+		b((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, E = () => {
+		let t = /* @__PURE__ */ new Set(), n = (e) => {
+			e.forEach((e) => {
+				t.add(e.id), e.children && n(e.children);
+			});
+		};
+		n(e), b(t);
+	}, D = () => {
+		b(/* @__PURE__ */ new Set());
+	}, O = g.useMemo(() => {
+		if (S === "all") return e;
+		let t = (e) => e.filter((e) => {
+			let n = e.children?.some((e) => t([e]).length > 0);
+			return e.status === S || n;
+		}).map((e) => ({
+			...e,
+			children: e.children ? t(e.children) : void 0
+		}));
+		return t(e);
+	}, [e, S]);
+	return /* @__PURE__ */ I(r, {
+		className: h,
+		children: [/* @__PURE__ */ F(a, {
+			className: "pb-3",
+			children: /* @__PURE__ */ I("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ F(x, { className: "h-5 w-5" }), /* @__PURE__ */ F(o, { children: "Infrastructure Map" })]
+				}), /* @__PURE__ */ F(U, { resources: e })]
+			})
+		}), /* @__PURE__ */ I(i, {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ I("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ I(s, {
+						value: _,
+						onValueChange: (e) => v(e),
+						children: [/* @__PURE__ */ F(u, {
+							className: "w-28",
+							children: /* @__PURE__ */ F(d, {})
+						}), /* @__PURE__ */ I(c, { children: [/* @__PURE__ */ F(l, {
+							value: "tree",
+							children: "Tree View"
+						}), /* @__PURE__ */ F(l, {
+							value: "grid",
+							children: "Grid View"
+						})] })]
+					}), /* @__PURE__ */ I(s, {
+						value: S,
+						onValueChange: (e) => C(e),
+						children: [/* @__PURE__ */ I(u, {
+							className: "w-32",
+							children: [/* @__PURE__ */ F(T, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ F(d, { placeholder: "Status" })]
+						}), /* @__PURE__ */ I(c, { children: [
+							/* @__PURE__ */ F(l, {
+								value: "all",
+								children: "All Status"
+							}),
+							/* @__PURE__ */ F(l, {
+								value: "healthy",
+								children: "Healthy"
+							}),
+							/* @__PURE__ */ F(l, {
+								value: "warning",
+								children: "Warning"
+							}),
+							/* @__PURE__ */ F(l, {
+								value: "critical",
+								children: "Critical"
+							}),
+							/* @__PURE__ */ F(l, {
+								value: "maintenance",
+								children: "Maintenance"
+							})
+						] })]
+					})]
+				}), /* @__PURE__ */ I("div", {
+					className: "flex items-center gap-1",
+					children: [_ === "tree" && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ I(n, {
+						variant: "ghost",
+						size: "sm",
+						onClick: E,
+						children: [/* @__PURE__ */ F(k, { className: "h-4 w-4 mr-1" }), "Expand"]
+					}), /* @__PURE__ */ F(n, {
+						variant: "ghost",
+						size: "sm",
+						onClick: D,
+						children: "Collapse"
+					})] }), f && /* @__PURE__ */ F(n, {
+						variant: "ghost",
+						size: "sm",
+						onClick: f,
+						children: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
+					})]
+				})]
+			}), /* @__PURE__ */ F("div", {
+				className: "min-h-[400px]",
+				children: O.length === 0 ? /* @__PURE__ */ I("div", {
+					className: "flex flex-col items-center justify-center h-64 text-muted-foreground",
+					children: [/* @__PURE__ */ F(x, { className: "h-12 w-12 mb-4" }), /* @__PURE__ */ F("p", { children: "No resources found" })]
+				}) : _ === "tree" ? /* @__PURE__ */ F(V, {
+					resources: O,
+					expandedIds: y,
+					onToggle: w,
+					onResourceClick: t
+				}) : /* @__PURE__ */ F(H, {
+					resources: O,
+					onResourceClick: t
+				})
+			})]
+		})]
+	});
+}
+var G = [{
+	id: "region-us-east-1",
+	name: "us-east-1",
+	type: "region",
+	status: "healthy",
+	provider: "aws",
+	region: "N. Virginia",
+	children: [{
+		id: "vpc-prod",
+		name: "production-vpc",
+		type: "vpc",
+		status: "healthy",
+		provider: "aws",
+		metadata: { cidr: "10.0.0.0/16" },
+		children: [
+			{
+				id: "subnet-public-1",
+				name: "public-subnet-1a",
+				type: "subnet",
+				status: "healthy",
+				metadata: {
+					az: "us-east-1a",
+					cidr: "10.0.1.0/24"
+				},
+				children: [{
+					id: "alb-1",
+					name: "api-load-balancer",
+					type: "loadbalancer",
+					status: "healthy",
+					metrics: {
+						requests: 15e3,
+						latency: 45
+					}
+				}, {
+					id: "nat-1",
+					name: "nat-gateway-1a",
+					type: "firewall",
+					status: "healthy"
+				}]
+			},
+			{
+				id: "subnet-private-1",
+				name: "private-subnet-1a",
+				type: "subnet",
+				status: "warning",
+				metadata: {
+					az: "us-east-1a",
+					cidr: "10.0.10.0/24"
+				},
+				children: [
+					{
+						id: "ec2-api-1",
+						name: "api-server-1",
+						type: "server",
+						status: "healthy",
+						metrics: {
+							cpu: 45,
+							memory: 62
+						}
+					},
+					{
+						id: "ec2-api-2",
+						name: "api-server-2",
+						type: "server",
+						status: "warning",
+						metrics: {
+							cpu: 85,
+							memory: 78
+						}
+					},
+					{
+						id: "ec2-api-3",
+						name: "api-server-3",
+						type: "server",
+						status: "healthy",
+						metrics: {
+							cpu: 52,
+							memory: 55
+						}
+					}
+				]
+			},
+			{
+				id: "subnet-data-1",
+				name: "data-subnet-1a",
+				type: "subnet",
+				status: "healthy",
+				metadata: {
+					az: "us-east-1a",
+					cidr: "10.0.20.0/24"
+				},
+				children: [{
+					id: "rds-primary",
+					name: "postgres-primary",
+					type: "database",
+					status: "healthy",
+					metrics: {
+						cpu: 35,
+						memory: 68
+					}
+				}, {
+					id: "redis-1",
+					name: "redis-cluster",
+					type: "cache",
+					status: "healthy",
+					metrics: { memory: 45 }
+				}]
+			}
+		]
+	}]
+}, {
+	id: "region-eu-west-1",
+	name: "eu-west-1",
+	type: "region",
+	status: "critical",
+	provider: "aws",
+	region: "Ireland",
+	children: [{
+		id: "vpc-prod-eu",
+		name: "production-vpc-eu",
+		type: "vpc",
+		status: "critical",
+		children: [{
+			id: "ec2-eu-1",
+			name: "api-server-eu-1",
+			type: "server",
+			status: "critical",
+			metrics: {
+				cpu: 98,
+				memory: 95
+			}
+		}, {
+			id: "rds-eu",
+			name: "postgres-replica",
+			type: "database",
+			status: "warning",
+			metrics: {
+				cpu: 75,
+				memory: 82
+			}
+		}]
+	}]
+}];
+//#endregion
+export { W as InfrastructureMap, G as defaultInfraResources };

package/dist/blocks/kanban-board/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/avatar/index.cjs.js"),r=require("../../components/badge/index.cjs.js"),i=require("../../components/button/index.cjs.js"),a=require("../../components/card/index.cjs.js"),o=require("../../components/dropdown-menu/index.cjs.js"),s=require("../../components/input/index.cjs.js"),c=require("../../components/textarea/index.cjs.js");let l=require("react");l=e.__toESM(l);let u=require("lucide-react"),d=require("react/jsx-runtime");var f={low:{label:`Basse`,color:`bg-gray-500`,icon:u.Clock},medium:{label:`Moyenne`,color:`bg-blue-500`,icon:u.Clock},high:{label:`Haute`,color:`bg-orange-500`,icon:u.AlertCircle},urgent:{label:`Urgente`,color:`bg-red-500`,icon:u.AlertCircle}};function p({card:e,columnId:s,showAssignees:c,showLabels:p,showPriority:m,showDueDate:h,draggable:g,onCardClick:_,onCardEdit:v,onCardDelete:y,onDragStart:b}){let x=l.useMemo(()=>e.dueDate?(typeof e.dueDate==`string`?new Date(e.dueDate):e.dueDate)<new Date:!1,[e.dueDate]);return(0,d.jsx)(a.Card,{className:t.cn(`cursor-pointer hover:shadow-md transition-shadow`,g&&`cursor-grab active:cursor-grabbing`),draggable:g,onDragStart:t=>b?.(t,e.id,s),onClick:()=>_?.(e,s),children:(0,d.jsxs)(a.CardContent,{className:`p-3 space-y-2`,children:[p&&e.labels&&e.labels.length>0&&(0,d.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.labels.map(e=>(0,d.jsx)(`div`,{className:`h-1.5 w-8 rounded-full`,style:{backgroundColor:e.color},title:e.name},e.id))}),(0,d.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,d.jsx)(`h4`,{className:`text-sm font-medium leading-tight`,children:e.title}),(0,d.jsxs)(o.DropdownMenu,{children:[(0,d.jsx)(o.DropdownMenuTrigger,{asChild:!0,onClick:e=>e.stopPropagation(),children:(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6 flex-shrink-0`,children:(0,d.jsx)(u.MoreHorizontal,{className:`h-3 w-3`})})}),(0,d.jsxs)(o.DropdownMenuContent,{align:`end`,children:[(0,d.jsxs)(o.DropdownMenuItem,{onClick:t=>{t.stopPropagation(),_?.(e,s)},children:[(0,d.jsx)(u.Edit,{className:`mr-2 h-4 w-4`}),`Modifier`]}),(0,d.jsx)(o.DropdownMenuSeparator,{}),(0,d.jsxs)(o.DropdownMenuItem,{onClick:t=>{t.stopPropagation(),y?.(e.id,s)},className:`text-destructive`,children:[(0,d.jsx)(u.Trash2,{className:`mr-2 h-4 w-4`}),`Supprimer`]})]})]})]}),e.description&&(0,d.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2`,children:e.description}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between pt-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[m&&e.priority&&(0,d.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full`,f[e.priority].color),title:f[e.priority].label}),h&&e.dueDate&&(0,d.jsxs)(r.Badge,{variant:x?`destructive`:`outline`,className:`text-xs px-1.5 py-0`,children:[(0,d.jsx)(u.Calendar,{className:`h-3 w-3 mr-1`}),(e=>(typeof e==`string`?new Date(e):e).toLocaleDateString(`fr-FR`,{day:`numeric`,month:`short`}))(e.dueDate)]})]}),c&&e.assignees&&e.assignees.length>0&&(0,d.jsxs)(`div`,{className:`flex -space-x-1`,children:[e.assignees.slice(0,3).map(e=>(0,d.jsxs)(n.Avatar,{className:`h-5 w-5 border-2 border-background`,children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-[8px]`,children:e.name.charAt(0)})]},e.id)),e.assignees.length>3&&(0,d.jsxs)(`div`,{className:`h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[8px] border-2 border-background`,children:[`+`,e.assignees.length-3]})]})]})]})})}function m({column:e,showCardCount:t,showAddCard:n,showAssignees:f,showLabels:m,showPriority:h,showDueDate:g,draggable:_,onCardClick:v,onCardAdd:y,onCardEdit:b,onCardDelete:x,onColumnEdit:S,onColumnDelete:C,onDragStart:w,onDragOver:T,onDrop:E}){let[D,O]=l.useState(!1),[k,A]=l.useState(``),[j,M]=l.useState(!1),[N,P]=l.useState(e.title),F=()=>{k.trim()&&(y?.(e.id,{title:k.trim()}),A(``),O(!1))},I=()=>{N.trim()&&N!==e.title&&S?.(e.id,{title:N.trim()}),M(!1)},L=e.limit&&e.cards.length>=e.limit;return(0,d.jsxs)(`div`,{className:`flex flex-col w-72 flex-shrink-0 bg-muted/50 rounded-lg`,onDragOver:T,onDrop:t=>E?.(t,e.id),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 border-b`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.color&&(0,d.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:e.color}}),j?(0,d.jsx)(`div`,{className:`flex items-center gap-1`,children:(0,d.jsx)(s.Input,{value:N,onChange:e=>P(e.target.value),className:`h-7 text-sm font-semibold`,autoFocus:!0,onBlur:I,onKeyDown:e=>{e.key===`Enter`&&I(),e.key===`Escape`&&M(!1)}})}):(0,d.jsx)(`h3`,{className:`font-semibold text-sm cursor-pointer`,onClick:()=>M(!0),children:e.title}),t&&(0,d.jsxs)(r.Badge,{variant:`secondary`,className:`text-xs`,children:[e.cards.length,e.limit&&`/${e.limit}`]})]}),(0,d.jsxs)(o.DropdownMenu,{children:[(0,d.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,children:(0,d.jsx)(u.MoreHorizontal,{className:`h-4 w-4`})})}),(0,d.jsxs)(o.DropdownMenuContent,{align:`end`,children:[(0,d.jsxs)(o.DropdownMenuItem,{onClick:()=>M(!0),children:[(0,d.jsx)(u.Edit,{className:`mr-2 h-4 w-4`}),`Renommer`]}),(0,d.jsx)(o.DropdownMenuSeparator,{}),(0,d.jsxs)(o.DropdownMenuItem,{onClick:()=>C?.(e.id),className:`text-destructive`,children:[(0,d.jsx)(u.Trash2,{className:`mr-2 h-4 w-4`}),`Supprimer`]})]})]})]}),(0,d.jsxs)(`div`,{className:`flex-1 p-2 space-y-2 min-h-[200px] overflow-y-auto`,children:[e.cards.map(t=>(0,d.jsx)(p,{card:t,columnId:e.id,showAssignees:f,showLabels:m,showPriority:h,showDueDate:g,draggable:_,onCardClick:v,onCardEdit:b,onCardDelete:x,onDragStart:w},t.id)),D&&(0,d.jsxs)(a.Card,{className:`p-2`,children:[(0,d.jsx)(c.Textarea,{placeholder:`Titre de la carte...`,value:k,onChange:e=>A(e.target.value),className:`min-h-[60px] text-sm`,autoFocus:!0}),(0,d.jsxs)(`div`,{className:`flex gap-2 mt-2`,children:[(0,d.jsx)(i.Button,{size:`sm`,onClick:F,children:`Ajouter`}),(0,d.jsx)(i.Button,{size:`sm`,variant:`ghost`,onClick:()=>{O(!1),A(``)},children:(0,d.jsx)(u.X,{className:`h-4 w-4`})})]})]})]}),n&&!D&&!L&&(0,d.jsx)(`div`,{className:`p-2 border-t`,children:(0,d.jsxs)(i.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start`,onClick:()=>O(!0),children:[(0,d.jsx)(u.Plus,{className:`h-4 w-4 mr-2`}),`Ajouter une carte`]})}),L&&(0,d.jsx)(`div`,{className:`p-2 border-t text-center text-xs text-muted-foreground`,children:`Limite atteinte`})]})}function h({columns:e,onColumnsChange:n,onCardClick:r,onCardAdd:o,onCardEdit:c,onCardDelete:f,onCardMove:p,onColumnAdd:h,onColumnEdit:g,onColumnDelete:_,showAddCard:v=!0,showAddColumn:y=!0,showCardCount:b=!0,showAssignees:x=!0,showLabels:S=!0,showPriority:C=!0,showDueDate:w=!0,draggable:T=!0,availableLabels:E=[],availableAssignees:D=[],className:O}){let[k,A]=l.useState(e),[j,M]=l.useState(null),[N,P]=l.useState(!1),[F,I]=l.useState(``);l.useEffect(()=>{A(e)},[e]);let L=(e,t,n)=>{M({cardId:t,columnId:n}),e.dataTransfer.effectAllowed=`move`},R=e=>{e.preventDefault(),e.dataTransfer.dropEffect=`move`},z=(e,t)=>{if(e.preventDefault(),!j)return;let{cardId:r,columnId:i}=j;if(i===t){M(null);return}if(p)p(r,i,t,0);else{let e=k.map(e=>{if(e.id===i)return{...e,cards:e.cards.filter(e=>e.id!==r)};if(e.id===t){let t=k.find(e=>e.id===i)?.cards.find(e=>e.id===r);if(t)return{...e,cards:[...e.cards,t]}}return e});A(e),n?.(e)}M(null)},B=(e,t)=>{if(o)o(e,t);else{let r={id:`card-${Date.now()}`,title:t.title||`Nouvelle carte`,...t},i=k.map(t=>t.id===e?{...t,cards:[...t.cards,r]}:t);A(i),n?.(i)}},V=(e,t)=>{if(f)f(e,t);else{let r=k.map(n=>n.id===t?{...n,cards:n.cards.filter(t=>t.id!==e)}:n);A(r),n?.(r)}},H=e=>{if(_)_(e);else{let t=k.filter(t=>t.id!==e);A(t),n?.(t)}},U=()=>{if(F.trim()){let e={id:`column-${Date.now()}`,title:F.trim(),cards:[]};if(h)h(e);else{let t=[...k,e];A(t),n?.(t)}I(``),P(!1)}};return(0,d.jsx)(`div`,{className:t.cn(`overflow-x-auto`,O),children:(0,d.jsxs)(`div`,{className:`flex gap-4 p-4 min-h-[500px]`,children:[k.map(e=>(0,d.jsx)(m,{column:e,showCardCount:b,showAddCard:v,showAssignees:x,showLabels:S,showPriority:C,showDueDate:w,draggable:T,onCardClick:r,onCardAdd:B,onCardEdit:c,onCardDelete:V,onColumnEdit:g,onColumnDelete:H,onDragStart:L,onDragOver:R,onDrop:z},e.id)),y&&(0,d.jsx)(`div`,{className:`w-72 flex-shrink-0`,children:N?(0,d.jsxs)(a.Card,{className:`p-3`,children:[(0,d.jsx)(s.Input,{placeholder:`Titre de la colonne...`,value:F,onChange:e=>I(e.target.value),autoFocus:!0,onKeyDown:e=>{e.key===`Enter`&&U(),e.key===`Escape`&&P(!1)}}),(0,d.jsxs)(`div`,{className:`flex gap-2 mt-2`,children:[(0,d.jsx)(i.Button,{size:`sm`,onClick:U,children:`Ajouter`}),(0,d.jsx)(i.Button,{size:`sm`,variant:`ghost`,onClick:()=>{P(!1),I(``)},children:(0,d.jsx)(u.X,{className:`h-4 w-4`})})]})]}):(0,d.jsxs)(i.Button,{variant:`outline`,className:`w-full justify-start h-12`,onClick:()=>P(!0),children:[(0,d.jsx)(u.Plus,{className:`h-4 w-4 mr-2`}),`Ajouter une colonne`]})})]})})}var g=[{id:`todo`,title:`À faire`,color:`#6b7280`,cards:[{id:`1`,title:`Implémenter l'authentification`,description:`Ajouter le login/logout avec JWT`,priority:`high`,labels:[{id:`dev`,name:`Dev`,color:`#3b82f6`}],assignees:[{id:`1`,name:`Marie D.`}]},{id:`2`,title:`Créer les maquettes`,priority:`medium`,labels:[{id:`design`,name:`Design`,color:`#8b5cf6`}]}]},{id:`in-progress`,title:`En cours`,color:`#3b82f6`,limit:3,cards:[{id:`3`,title:`Refactoring du dashboard`,priority:`medium`,assignees:[{id:`2`,name:`Pierre M.`}],dueDate:new Date(Date.now()+1e3*60*60*24*2)}]},{id:`review`,title:`En revue`,color:`#f59e0b`,cards:[]},{id:`done`,title:`Terminé`,color:`#10b981`,cards:[{id:`4`,title:`Setup du projet`,priority:`low`}]}],_=[{id:`dev`,name:`Dev`,color:`#3b82f6`},{id:`design`,name:`Design`,color:`#8b5cf6`},{id:`bug`,name:`Bug`,color:`#ef4444`},{id:`feature`,name:`Feature`,color:`#10b981`}];exports.WakaKanbanBoard=h,exports.default=h,exports.defaultKanbanColumns=g,exports.defaultKanbanLabels=_;