@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-qrcode/index.es.js

@@ -0,0 +1,105 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import * as n from "react";
+import { Check as r, Copy as i, Download as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-qrcode/index.tsx
+function c(e, t) {
+	let n = Math.max(21, Math.min(177, 21 + Math.floor(e.length / 10) * 4)), r = [];
+	for (let t = 0; t < n; t++) {
+		r[t] = [];
+		for (let i = 0; i < n; i++) if (t < 7 && i < 7 || t < 7 && i >= n - 7 || t >= n - 7 && i < 7) {
+			let e = t < 7 ? t : t - (n - 7), a = i < 7 ? i : i >= n - 7 ? i - (n - 7) : i;
+			e === 0 || e === 6 || a === 0 || a === 6 || e >= 2 && e <= 4 && a >= 2 && a <= 4 ? r[t][i] = !0 : r[t][i] = !1;
+		} else {
+			let a = (e.charCodeAt((t * n + i) % e.length) || 0) + t * 31 + i * 17;
+			r[t][i] = a % 3 == 0;
+		}
+	}
+	return {
+		modules: r,
+		size: n
+	};
+}
+function l({ value: l, size: u = 200, errorCorrectionLevel: d = "M", fgColor: f = "#000000", bgColor: p = "#FFFFFF", includeMargin: m = !0, logoUrl: h, logoSize: g = .2, showActions: _ = !1, className: v }) {
+	let y = n.useRef(null), [b, x] = n.useState(!1);
+	return n.useEffect(() => {
+		let e = y.current;
+		if (!e || !l) return;
+		let t = e.getContext("2d");
+		if (!t) return;
+		let n = c(l, d), r = m ? 4 : 0, i = u / (n.size + r * 2);
+		t.fillStyle = p, t.fillRect(0, 0, u, u), t.fillStyle = f;
+		for (let e = 0; e < n.size; e++) for (let a = 0; a < n.size; a++) n.modules[e][a] && t.fillRect((a + r) * i, (e + r) * i, i, i);
+		if (h) {
+			let e = new Image();
+			e.crossOrigin = "anonymous", e.onload = () => {
+				let n = u * g, r = (u - n) / 2, i = (u - n) / 2;
+				t.fillStyle = p, t.fillRect(r - 4, i - 4, n + 8, n + 8), t.drawImage(e, r, i, n, n);
+			}, e.src = h;
+		}
+	}, [
+		l,
+		u,
+		d,
+		f,
+		p,
+		m,
+		h,
+		g
+	]), /* @__PURE__ */ s("div", {
+		className: e("inline-flex flex-col items-center gap-2", v),
+		children: [/* @__PURE__ */ o("canvas", {
+			ref: y,
+			width: u,
+			height: u,
+			className: "rounded-lg",
+			style: {
+				width: u,
+				height: u
+			}
+		}), _ && /* @__PURE__ */ s("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ s(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					let e = y.current;
+					if (!e) return;
+					let t = document.createElement("a");
+					t.download = `qrcode-${Date.now()}.png`, t.href = e.toDataURL("image/png"), t.click();
+				},
+				children: [/* @__PURE__ */ o(a, { className: "h-4 w-4 mr-1" }), "Télécharger"]
+			}), /* @__PURE__ */ s(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: async () => {
+					let e = y.current;
+					if (e) try {
+						let t = await new Promise((t) => {
+							e.toBlob((e) => {
+								e && t(e);
+							}, "image/png");
+						});
+						await navigator.clipboard.write([new ClipboardItem({ "image/png": t })]), x(!0), setTimeout(() => x(!1), 2e3);
+					} catch (e) {
+						console.error("Failed to copy QR code:", e);
+					}
+				},
+				children: [o(b ? r : i, { className: "h-4 w-4 mr-1" }), b ? "Copié" : "Copier"]
+			})]
+		})]
+	});
+}
+function u(e = "") {
+	let [t, r] = n.useState(e);
+	return {
+		value: t,
+		setValue: r,
+		props: { value: t }
+	};
+}
+//#endregion
+export { l as WakaQRCode, l as default, u as useQRCode };

package/dist/components/waka-query-explain/index.cjs.js

@@ -0,0 +1,7 @@
+"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={"Seq Scan":{icon:s.Table2,color:`text-red-500`,description:`Sequential scan (full table scan)`},"Index Scan":{icon:s.Search,color:`text-green-500`,description:`Index scan`},"Index Only Scan":{icon:s.Search,color:`text-green-600`,description:`Index only scan (no heap access)`},"Bitmap Heap Scan":{icon:s.Table2,color:`text-yellow-500`,description:`Bitmap heap scan`},"Bitmap Index Scan":{icon:s.Search,color:`text-yellow-600`,description:`Bitmap index scan`},"Nested Loop":{icon:s.Layers,color:`text-blue-500`,description:`Nested loop join`},"Hash Join":{icon:s.Layers,color:`text-purple-500`,description:`Hash join`},"Merge Join":{icon:s.Layers,color:`text-indigo-500`,description:`Merge join`},Sort:{icon:s.ArrowDownUp,color:`text-orange-500`,description:`Sort operation`},Aggregate:{icon:s.BarChart3,color:`text-cyan-500`,description:`Aggregate operation`},Group:{icon:s.BarChart3,color:`text-cyan-600`,description:`Group operation`},Limit:{icon:s.Filter,color:`text-gray-500`,description:`Limit rows`},Hash:{icon:s.Database,color:`text-purple-400`,description:`Hash for join`},Materialize:{icon:s.Database,color:`text-gray-400`,description:`Materialize subquery`},"Subquery Scan":{icon:s.Search,color:`text-gray-500`,description:`Subquery scan`},"CTE Scan":{icon:s.Search,color:`text-blue-400`,description:`CTE (Common Table Expression) scan`},Result:{icon:s.Database,color:`text-gray-400`,description:`Result node`},Append:{icon:s.Layers,color:`text-gray-500`,description:`Append results`},Unique:{icon:s.Filter,color:`text-gray-500`,description:`Remove duplicates`},WindowAgg:{icon:s.BarChart3,color:`text-cyan-400`,description:`Window function`},Gather:{icon:s.Layers,color:`text-green-400`,description:`Parallel gather`},"Gather Merge":{icon:s.Layers,color:`text-green-500`,description:`Parallel gather merge`}};function u(e){return e<1e3?e.toFixed(2):e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function d(e){return e<1e3?e.toString():e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function f(e){return e<1?`${(e*1e3).toFixed(0)}µs`:e<1e3?`${e.toFixed(2)}ms`:`${(e/1e3).toFixed(2)}s`}function p(e,t){return Math.max(5,e/t*100)}function m({node:e,depth:r,maxCost:i,isExpanded:o,onToggle:m,onClick:h,showActual:g,showBuffers:_}){let v=e.children&&e.children.length>0,y=l[e.type]||{icon:s.Database,color:`text-gray-500`,description:e.type},b=y.icon,x=p(e.totalCost,i),S=e.actualRows===void 0?0:(e.actualRows-e.rows)/Math.max(e.rows,1)*100;return(0,c.jsx)(`div`,{className:t.cn(`border-b last:border-b-0 hover:bg-muted/30 transition-colors`,e.warnings&&e.warnings.length>0&&`bg-yellow-500/5`),children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 cursor-pointer`,style:{paddingLeft:`${r*20+8}px`},onClick:h,children:[(0,c.jsx)(`button`,{className:`w-5 h-5 flex items-center justify-center text-muted-foreground shrink-0`,onClick:e=>{e.stopPropagation(),m()},disabled:!v,children:v?o?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`}):(0,c.jsx)(`span`,{className:`w-4`})}),(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(b,{className:t.cn(`h-4 w-4 shrink-0`,y.color)})}),(0,c.jsx)(a.TooltipContent,{children:y.description})]})}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,c.jsx)(`span`,{className:`font-medium text-sm`,children:e.type}),e.relation&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.alias?`${e.relation} as ${e.alias}`:e.relation}),e.indexName&&(0,c.jsx)(n.Badge,{variant:`secondary`,className:`text-xs text-green-600`,children:e.indexName}),e.joinType&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.joinType}),e.warnings?.map((e,t)=>(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(s.AlertTriangle,{className:`h-4 w-4 text-yellow-500`})}),(0,c.jsx)(a.TooltipContent,{children:e})]})},t))]}),e.filter&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Filter: `,e.filter]}),e.sortKey&&e.sortKey.length>0&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Sort: `,e.sortKey.join(`, `)]})]}),(0,c.jsxs)(`div`,{className:`w-24 shrink-0`,children:[(0,c.jsx)(`div`,{className:`h-2 bg-muted rounded overflow-hidden`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded`,e.type===`Seq Scan`?`bg-red-500`:`bg-primary`),style:{width:`${x}%`}})}),(0,c.jsx)(`div`,{className:`text-xs text-muted-foreground text-center mt-0.5`,children:u(e.totalCost)})]}),(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm font-medium`,children:d(e.rows)}),g&&e.actualRows!==void 0&&(0,c.jsxs)(`div`,{className:t.cn(`text-xs`,Math.abs(S)>100?`text-red-500`:Math.abs(S)>50?`text-yellow-500`:`text-muted-foreground`),children:[`→ `,d(e.actualRows)]})]}),g&&e.actualTime!==void 0&&(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm`,children:f(e.actualTime)}),e.loops&&e.loops>1&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`×`,e.loops]})]}),_&&e.buffers&&(0,c.jsxs)(`div`,{className:`w-24 text-right shrink-0 text-xs text-muted-foreground`,children:[e.buffers.sharedHit!==void 0&&(0,c.jsxs)(`div`,{children:[`Hit: `,e.buffers.sharedHit]}),e.buffers.sharedRead!==void 0&&(0,c.jsxs)(`div`,{className:`text-yellow-500`,children:[`Read: `,e.buffers.sharedRead]})]})]})})}function h({node:e,depth:t,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s}){let l=r.has(e.id);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m,{node:e,depth:t,maxCost:n,isExpanded:l,onToggle:()=>i(e.id),onClick:()=>a?.(e),showActual:o,showBuffers:s}),l&&e.children?.map(e=>(0,c.jsx)(h,{node:e,depth:t+1,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s},e.id))]})}function g({plan:e,showActual:a=!0,showBuffers:l=!1,onNodeClick:d,title:p=`Query Plan`,className:m}){let[g,_]=o.useState(()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};return n(e.rootNode),t}),[v,y]=o.useState(!1),b=e=>{_(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},x=()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};n(e.rootNode),_(t)},S=()=>{_(new Set)},C=()=>{navigator.clipboard.writeText(e.query),y(!0),setTimeout(()=>y(!1),2e3)},w=o.useMemo(()=>{let t=0,n=e=>{t+=e.warnings?.length||0,e.children?.forEach(n)};return n(e.rootNode),t},[e.rootNode]),T=o.useMemo(()=>{let t=e=>e.type===`Seq Scan`?!0:e.children?.some(t)||!1;return t(e.rootNode)},[e.rootNode]);return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,m),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.Zap,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:p})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.planningTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Plan: `,f(e.planningTime)]}),e.executionTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Exec: `,f(e.executionTime)]}),T&&(0,c.jsxs)(n.Badge,{className:`bg-red-500 text-xs`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-3 w-3 mr-1`}),`Seq Scan`]}),w>0&&(0,c.jsxs)(n.Badge,{className:`bg-yellow-500 text-xs`,children:[w,` warnings`]})]})]}),(0,c.jsx)(`div`,{className:`p-3 border-b bg-muted/30`,children:(0,c.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,c.jsx)(`pre`,{className:`text-xs font-mono whitespace-pre-wrap overflow-x-auto flex-1`,children:e.query}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0 shrink-0`,onClick:C,children:v?(0,c.jsx)(s.CheckCircle2,{className:`h-4 w-4 text-green-500`}):(0,c.jsx)(s.Copy,{className:`h-4 w-4`})})]})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b`,children:[(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:x,children:`Expand All`}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:S,children:`Collapse All`}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground ml-auto`,children:[`Total Cost: `,u(e.totalCost)]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b bg-muted/50 text-xs font-medium text-muted-foreground`,children:[(0,c.jsx)(`div`,{className:`flex-1 pl-7`,children:`Operation`}),(0,c.jsx)(`div`,{className:`w-24 text-center`,children:`Cost`}),(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Rows`}),a&&(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Time`}),l&&(0,c.jsx)(`div`,{className:`w-24 text-right`,children:`Buffers`})]}),(0,c.jsx)(i.ScrollArea,{className:`flex-1 max-h-[500px]`,children:(0,c.jsx)(h,{node:e.rootNode,depth:0,maxCost:e.totalCost,expandedIds:g,onToggle:b,onNodeClick:d,showActual:a,showBuffers:l})}),(0,c.jsx)(`div`,{className:`p-2 border-t bg-muted/30 text-xs text-muted-foreground`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-4 flex-wrap`,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Search,{className:`h-3 w-3 text-green-500`}),`Index Scan (efficient)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Table2,{className:`h-3 w-3 text-red-500`}),`Seq Scan (may need index)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Layers,{className:`h-3 w-3 text-blue-500`}),`Join`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.ArrowDownUp,{className:`h-3 w-3 text-orange-500`}),`Sort`]})]})})]})}var _={query:`SELECT u.name, COUNT(p.id) as post_count
+FROM users u
+LEFT JOIN posts p ON p.user_id = u.id
+WHERE u.created_at > '2024-01-01'
+GROUP BY u.id, u.name
+ORDER BY post_count DESC
+LIMIT 10;`,planningTime:.125,executionTime:45.32,totalCost:1250.5,rootNode:{id:`1`,type:`Limit`,startupCost:1250.5,totalCost:1250.5,rows:10,actualRows:10,actualTime:45.32,children:[{id:`2`,type:`Sort`,startupCost:1250.48,totalCost:1250.5,rows:100,actualRows:100,actualTime:45.28,sortKey:[`post_count DESC`],children:[{id:`3`,type:`Aggregate`,startupCost:1150,totalCost:1240,rows:100,actualRows:100,actualTime:42.15,children:[{id:`4`,type:`Hash Join`,joinType:`Left`,startupCost:50,totalCost:1100,rows:5e3,actualRows:4850,actualTime:38.5,children:[{id:`5`,type:`Seq Scan`,relation:`users`,alias:`u`,filter:`created_at > '2024-01-01'`,startupCost:0,totalCost:25,rows:100,actualRows:98,actualTime:1.25,warnings:[`Consider adding an index on users(created_at)`]},{id:`6`,type:`Hash`,startupCost:20,totalCost:20,rows:5e3,actualRows:5e3,actualTime:15,children:[{id:`7`,type:`Seq Scan`,relation:`posts`,alias:`p`,startupCost:0,totalCost:15,rows:5e3,actualRows:5e3,actualTime:12,buffers:{sharedHit:150,sharedRead:25}}]}]}]}]}]}};exports.WakaQueryExplain=g,exports.defaultQueryPlan=_;

package/dist/components/waka-query-explain/index.es.js

@@ -0,0 +1,519 @@
+"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 { AlertTriangle as l, ArrowDownUp as u, BarChart3 as d, CheckCircle2 as f, ChevronDown as p, ChevronRight as m, Clock as h, Copy as g, Database as _, Filter as v, Layers as y, Search as b, Table2 as x, Zap as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/waka-query-explain/index.tsx
+var E = {
+	"Seq Scan": {
+		icon: x,
+		color: "text-red-500",
+		description: "Sequential scan (full table scan)"
+	},
+	"Index Scan": {
+		icon: b,
+		color: "text-green-500",
+		description: "Index scan"
+	},
+	"Index Only Scan": {
+		icon: b,
+		color: "text-green-600",
+		description: "Index only scan (no heap access)"
+	},
+	"Bitmap Heap Scan": {
+		icon: x,
+		color: "text-yellow-500",
+		description: "Bitmap heap scan"
+	},
+	"Bitmap Index Scan": {
+		icon: b,
+		color: "text-yellow-600",
+		description: "Bitmap index scan"
+	},
+	"Nested Loop": {
+		icon: y,
+		color: "text-blue-500",
+		description: "Nested loop join"
+	},
+	"Hash Join": {
+		icon: y,
+		color: "text-purple-500",
+		description: "Hash join"
+	},
+	"Merge Join": {
+		icon: y,
+		color: "text-indigo-500",
+		description: "Merge join"
+	},
+	Sort: {
+		icon: u,
+		color: "text-orange-500",
+		description: "Sort operation"
+	},
+	Aggregate: {
+		icon: d,
+		color: "text-cyan-500",
+		description: "Aggregate operation"
+	},
+	Group: {
+		icon: d,
+		color: "text-cyan-600",
+		description: "Group operation"
+	},
+	Limit: {
+		icon: v,
+		color: "text-gray-500",
+		description: "Limit rows"
+	},
+	Hash: {
+		icon: _,
+		color: "text-purple-400",
+		description: "Hash for join"
+	},
+	Materialize: {
+		icon: _,
+		color: "text-gray-400",
+		description: "Materialize subquery"
+	},
+	"Subquery Scan": {
+		icon: b,
+		color: "text-gray-500",
+		description: "Subquery scan"
+	},
+	"CTE Scan": {
+		icon: b,
+		color: "text-blue-400",
+		description: "CTE (Common Table Expression) scan"
+	},
+	Result: {
+		icon: _,
+		color: "text-gray-400",
+		description: "Result node"
+	},
+	Append: {
+		icon: y,
+		color: "text-gray-500",
+		description: "Append results"
+	},
+	Unique: {
+		icon: v,
+		color: "text-gray-500",
+		description: "Remove duplicates"
+	},
+	WindowAgg: {
+		icon: d,
+		color: "text-cyan-400",
+		description: "Window function"
+	},
+	Gather: {
+		icon: y,
+		color: "text-green-400",
+		description: "Parallel gather"
+	},
+	"Gather Merge": {
+		icon: y,
+		color: "text-green-500",
+		description: "Parallel gather merge"
+	}
+};
+function D(e) {
+	return e < 1e3 ? e.toFixed(2) : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : `${(e / 1e6).toFixed(1)}M`;
+}
+function O(e) {
+	return e < 1e3 ? e.toString() : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : `${(e / 1e6).toFixed(1)}M`;
+}
+function k(e) {
+	return e < 1 ? `${(e * 1e3).toFixed(0)}µs` : e < 1e3 ? `${e.toFixed(2)}ms` : `${(e / 1e3).toFixed(2)}s`;
+}
+function A(e, t) {
+	return Math.max(5, e / t * 100);
+}
+function j({ node: n, depth: r, maxCost: c, isExpanded: u, onToggle: d, onClick: f, showActual: h, showBuffers: g }) {
+	let v = n.children && n.children.length > 0, y = E[n.type] || {
+		icon: _,
+		color: "text-gray-500",
+		description: n.type
+	}, b = y.icon, x = A(n.totalCost, c), S = n.actualRows === void 0 ? 0 : (n.actualRows - n.rows) / Math.max(n.rows, 1) * 100;
+	return /* @__PURE__ */ w("div", {
+		className: e("border-b last:border-b-0 hover:bg-muted/30 transition-colors", n.warnings && n.warnings.length > 0 && "bg-yellow-500/5"),
+		children: /* @__PURE__ */ T("div", {
+			className: "flex items-center gap-2 p-2 cursor-pointer",
+			style: { paddingLeft: `${r * 20 + 8}px` },
+			onClick: f,
+			children: [
+				/* @__PURE__ */ w("button", {
+					className: "w-5 h-5 flex items-center justify-center text-muted-foreground shrink-0",
+					onClick: (e) => {
+						e.stopPropagation(), d();
+					},
+					disabled: !v,
+					children: v ? w(u ? p : m, { className: "h-4 w-4" }) : /* @__PURE__ */ w("span", { className: "w-4" })
+				}),
+				/* @__PURE__ */ w(o, { children: /* @__PURE__ */ T(i, { children: [/* @__PURE__ */ w(s, { children: /* @__PURE__ */ w(b, { className: e("h-4 w-4 shrink-0", y.color) }) }), /* @__PURE__ */ w(a, { children: y.description })] }) }),
+				/* @__PURE__ */ T("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [
+								/* @__PURE__ */ w("span", {
+									className: "font-medium text-sm",
+									children: n.type
+								}),
+								n.relation && /* @__PURE__ */ w(t, {
+									variant: "outline",
+									className: "text-xs",
+									children: n.alias ? `${n.relation} as ${n.alias}` : n.relation
+								}),
+								n.indexName && /* @__PURE__ */ w(t, {
+									variant: "secondary",
+									className: "text-xs text-green-600",
+									children: n.indexName
+								}),
+								n.joinType && /* @__PURE__ */ w(t, {
+									variant: "outline",
+									className: "text-xs",
+									children: n.joinType
+								}),
+								n.warnings?.map((e, t) => /* @__PURE__ */ w(o, { children: /* @__PURE__ */ T(i, { children: [/* @__PURE__ */ w(s, { children: /* @__PURE__ */ w(l, { className: "h-4 w-4 text-yellow-500" }) }), /* @__PURE__ */ w(a, { children: e })] }) }, t))
+							]
+						}),
+						n.filter && /* @__PURE__ */ T("div", {
+							className: "text-xs text-muted-foreground mt-0.5 font-mono truncate",
+							children: ["Filter: ", n.filter]
+						}),
+						n.sortKey && n.sortKey.length > 0 && /* @__PURE__ */ T("div", {
+							className: "text-xs text-muted-foreground mt-0.5 font-mono truncate",
+							children: ["Sort: ", n.sortKey.join(", ")]
+						})
+					]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "w-24 shrink-0",
+					children: [/* @__PURE__ */ w("div", {
+						className: "h-2 bg-muted rounded overflow-hidden",
+						children: /* @__PURE__ */ w("div", {
+							className: e("h-full rounded", n.type === "Seq Scan" ? "bg-red-500" : "bg-primary"),
+							style: { width: `${x}%` }
+						})
+					}), /* @__PURE__ */ w("div", {
+						className: "text-xs text-muted-foreground text-center mt-0.5",
+						children: D(n.totalCost)
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "w-20 text-right shrink-0",
+					children: [/* @__PURE__ */ w("div", {
+						className: "text-sm font-medium",
+						children: O(n.rows)
+					}), h && n.actualRows !== void 0 && /* @__PURE__ */ T("div", {
+						className: e("text-xs", Math.abs(S) > 100 ? "text-red-500" : Math.abs(S) > 50 ? "text-yellow-500" : "text-muted-foreground"),
+						children: ["→ ", O(n.actualRows)]
+					})]
+				}),
+				h && n.actualTime !== void 0 && /* @__PURE__ */ T("div", {
+					className: "w-20 text-right shrink-0",
+					children: [/* @__PURE__ */ w("div", {
+						className: "text-sm",
+						children: k(n.actualTime)
+					}), n.loops && n.loops > 1 && /* @__PURE__ */ T("div", {
+						className: "text-xs text-muted-foreground",
+						children: ["×", n.loops]
+					})]
+				}),
+				g && n.buffers && /* @__PURE__ */ T("div", {
+					className: "w-24 text-right shrink-0 text-xs text-muted-foreground",
+					children: [n.buffers.sharedHit !== void 0 && /* @__PURE__ */ T("div", { children: ["Hit: ", n.buffers.sharedHit] }), n.buffers.sharedRead !== void 0 && /* @__PURE__ */ T("div", {
+						className: "text-yellow-500",
+						children: ["Read: ", n.buffers.sharedRead]
+					})]
+				})
+			]
+		})
+	});
+}
+function M({ node: e, depth: t, maxCost: n, expandedIds: r, onToggle: i, onNodeClick: a, showActual: o, showBuffers: s }) {
+	let c = r.has(e.id);
+	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(j, {
+		node: e,
+		depth: t,
+		maxCost: n,
+		isExpanded: c,
+		onToggle: () => i(e.id),
+		onClick: () => a?.(e),
+		showActual: o,
+		showBuffers: s
+	}), c && e.children?.map((e) => /* @__PURE__ */ w(M, {
+		node: e,
+		depth: t + 1,
+		maxCost: n,
+		expandedIds: r,
+		onToggle: i,
+		onNodeClick: a,
+		showActual: o,
+		showBuffers: s
+	}, e.id))] });
+}
+function N({ plan: i, showActual: a = !0, showBuffers: o = !1, onNodeClick: s, title: d = "Query Plan", className: p }) {
+	let [m, _] = c.useState(() => {
+		let e = /* @__PURE__ */ new Set(), t = (n) => {
+			e.add(n.id), n.children?.forEach(t);
+		};
+		return t(i.rootNode), e;
+	}), [v, C] = c.useState(!1), E = (e) => {
+		_((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, O = () => {
+		let e = /* @__PURE__ */ new Set(), t = (n) => {
+			e.add(n.id), n.children?.forEach(t);
+		};
+		t(i.rootNode), _(e);
+	}, A = () => {
+		_(/* @__PURE__ */ new Set());
+	}, j = () => {
+		navigator.clipboard.writeText(i.query), C(!0), setTimeout(() => C(!1), 2e3);
+	}, N = c.useMemo(() => {
+		let e = 0, t = (n) => {
+			e += n.warnings?.length || 0, n.children?.forEach(t);
+		};
+		return t(i.rootNode), e;
+	}, [i.rootNode]), P = c.useMemo(() => {
+		let e = (t) => t.type === "Seq Scan" ? !0 : t.children?.some(e) || !1;
+		return e(i.rootNode);
+	}, [i.rootNode]);
+	return /* @__PURE__ */ T("div", {
+		className: e("flex flex-col border rounded-lg bg-background", p),
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ T("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ w(S, { className: "h-5 w-5" }), /* @__PURE__ */ w("h3", {
+						className: "font-semibold",
+						children: d
+					})]
+				}), /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2",
+					children: [
+						i.planningTime !== void 0 && /* @__PURE__ */ T(t, {
+							variant: "outline",
+							className: "text-xs",
+							children: [
+								/* @__PURE__ */ w(h, { className: "h-3 w-3 mr-1" }),
+								"Plan: ",
+								k(i.planningTime)
+							]
+						}),
+						i.executionTime !== void 0 && /* @__PURE__ */ T(t, {
+							variant: "outline",
+							className: "text-xs",
+							children: [
+								/* @__PURE__ */ w(h, { className: "h-3 w-3 mr-1" }),
+								"Exec: ",
+								k(i.executionTime)
+							]
+						}),
+						P && /* @__PURE__ */ T(t, {
+							className: "bg-red-500 text-xs",
+							children: [/* @__PURE__ */ w(l, { className: "h-3 w-3 mr-1" }), "Seq Scan"]
+						}),
+						N > 0 && /* @__PURE__ */ T(t, {
+							className: "bg-yellow-500 text-xs",
+							children: [N, " warnings"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "p-3 border-b bg-muted/30",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex items-start justify-between gap-2",
+					children: [/* @__PURE__ */ w("pre", {
+						className: "text-xs font-mono whitespace-pre-wrap overflow-x-auto flex-1",
+						children: i.query
+					}), /* @__PURE__ */ w(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 w-7 p-0 shrink-0",
+						onClick: j,
+						children: v ? /* @__PURE__ */ w(f, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ w(g, { className: "h-4 w-4" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2 p-2 border-b",
+				children: [
+					/* @__PURE__ */ w(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7",
+						onClick: O,
+						children: "Expand All"
+					}),
+					/* @__PURE__ */ w(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7",
+						onClick: A,
+						children: "Collapse All"
+					}),
+					/* @__PURE__ */ T("span", {
+						className: "text-xs text-muted-foreground ml-auto",
+						children: ["Total Cost: ", D(i.totalCost)]
+					})
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2 px-2 py-1.5 border-b bg-muted/50 text-xs font-medium text-muted-foreground",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "flex-1 pl-7",
+						children: "Operation"
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "w-24 text-center",
+						children: "Cost"
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "w-20 text-right",
+						children: "Rows"
+					}),
+					a && /* @__PURE__ */ w("div", {
+						className: "w-20 text-right",
+						children: "Time"
+					}),
+					o && /* @__PURE__ */ w("div", {
+						className: "w-24 text-right",
+						children: "Buffers"
+					})
+				]
+			}),
+			/* @__PURE__ */ w(r, {
+				className: "flex-1 max-h-[500px]",
+				children: /* @__PURE__ */ w(M, {
+					node: i.rootNode,
+					depth: 0,
+					maxCost: i.totalCost,
+					expandedIds: m,
+					onToggle: E,
+					onNodeClick: s,
+					showActual: a,
+					showBuffers: o
+				})
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "p-2 border-t bg-muted/30 text-xs text-muted-foreground",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-4 flex-wrap",
+					children: [
+						/* @__PURE__ */ T("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 text-green-500" }), "Index Scan (efficient)"]
+						}),
+						/* @__PURE__ */ T("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ w(x, { className: "h-3 w-3 text-red-500" }), "Seq Scan (may need index)"]
+						}),
+						/* @__PURE__ */ T("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ w(y, { className: "h-3 w-3 text-blue-500" }), "Join"]
+						}),
+						/* @__PURE__ */ T("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ w(u, { className: "h-3 w-3 text-orange-500" }), "Sort"]
+						})
+					]
+				})
+			})
+		]
+	});
+}
+var P = {
+	query: "SELECT u.name, COUNT(p.id) as post_count\nFROM users u\nLEFT JOIN posts p ON p.user_id = u.id\nWHERE u.created_at > '2024-01-01'\nGROUP BY u.id, u.name\nORDER BY post_count DESC\nLIMIT 10;",
+	planningTime: .125,
+	executionTime: 45.32,
+	totalCost: 1250.5,
+	rootNode: {
+		id: "1",
+		type: "Limit",
+		startupCost: 1250.5,
+		totalCost: 1250.5,
+		rows: 10,
+		actualRows: 10,
+		actualTime: 45.32,
+		children: [{
+			id: "2",
+			type: "Sort",
+			startupCost: 1250.48,
+			totalCost: 1250.5,
+			rows: 100,
+			actualRows: 100,
+			actualTime: 45.28,
+			sortKey: ["post_count DESC"],
+			children: [{
+				id: "3",
+				type: "Aggregate",
+				startupCost: 1150,
+				totalCost: 1240,
+				rows: 100,
+				actualRows: 100,
+				actualTime: 42.15,
+				children: [{
+					id: "4",
+					type: "Hash Join",
+					joinType: "Left",
+					startupCost: 50,
+					totalCost: 1100,
+					rows: 5e3,
+					actualRows: 4850,
+					actualTime: 38.5,
+					children: [{
+						id: "5",
+						type: "Seq Scan",
+						relation: "users",
+						alias: "u",
+						filter: "created_at > '2024-01-01'",
+						startupCost: 0,
+						totalCost: 25,
+						rows: 100,
+						actualRows: 98,
+						actualTime: 1.25,
+						warnings: ["Consider adding an index on users(created_at)"]
+					}, {
+						id: "6",
+						type: "Hash",
+						startupCost: 20,
+						totalCost: 20,
+						rows: 5e3,
+						actualRows: 5e3,
+						actualTime: 15,
+						children: [{
+							id: "7",
+							type: "Seq Scan",
+							relation: "posts",
+							alias: "p",
+							startupCost: 0,
+							totalCost: 15,
+							rows: 5e3,
+							actualRows: 5e3,
+							actualTime: 12,
+							buffers: {
+								sharedHit: 150,
+								sharedRead: 25
+							}
+						}]
+					}]
+				}]
+			}]
+		}]
+	}
+};
+//#endregion
+export { N as WakaQueryExplain, P as defaultQueryPlan };