@alfakit/react 0.0.0-stage → 0.1.0

package/dist/components/panel/debug-panel.js

@@ -0,0 +1,423 @@
+import { useAlfakitProps, useDirection, useT } from "../../context.js";
+import { cn } from "../../lib/utils.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { useStore } from "../../hooks/use-store.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from "../ui/sheet.js";
+import { ScrollArea } from "../ui/scroll-area.js";
+import { DebugPanelSlot } from "./debug-panel-slot.js";
+import { byteLength, debugRecorder, formatBytes } from "@alfakit/core";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { BugIcon, ChevronRightIcon } from "lucide-react";
+//#region src/components/panel/debug-panel.tsx
+/**
+* The developer debug panel: a top bar toggle that opens a drawer with the page's resolved
+* schema tree (visibility and authorisation per component, closures evaluated), the live
+* form state, the internal requests captured by `requestJson()` and timings. Rendered only
+* when the page carries the `alfakitDebug` prop, which PHP adds while `Panel::debugPanel()`
+* is active and `app.debug` is on. Replace it with `components: { 'panel:debug-panel': … }`.
+*/
+function DebugPanel() {
+	const props = useAlfakitProps();
+	const t = useT();
+	const direction = useDirection();
+	const debug = props.alfakitDebug;
+	if (!debug) return null;
+	return /* @__PURE__ */ jsxs(Sheet, { children: [/* @__PURE__ */ jsx(SheetTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			"aria-label": t("debug.open", {}, "Open debug panel"),
+			"data-slot": "debug-toggle",
+			children: /* @__PURE__ */ jsx(BugIcon, {})
+		})
+	}), /* @__PURE__ */ jsx(SheetContent, {
+		side: direction === "rtl" ? "left" : "right",
+		className: "flex w-full flex-col gap-0 p-0 sm:max-w-xl",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "debug-panel",
+			className: "flex min-h-0 flex-1 flex-col",
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "border-b",
+				children: [/* @__PURE__ */ jsxs(SheetTitle, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(BugIcon, { className: "size-4" }), t("debug.title", {}, "Debug")]
+				}), /* @__PURE__ */ jsx(SheetDescription, {
+					className: "truncate font-mono text-xs",
+					title: debug.page,
+					children: debug.page
+				})]
+			}), /* @__PURE__ */ jsx(DebugTabs, { debug })]
+		})
+	})] });
+}
+function DebugTabs({ debug }) {
+	const t = useT();
+	const props = useAlfakitProps();
+	const state = useStore(debugRecorder.store);
+	const payloadBytes = useMemo(() => byteLength(props), [props]);
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "schema",
+		className: "flex min-h-0 flex-1 flex-col gap-0",
+		children: [/* @__PURE__ */ jsxs(TabsList, {
+			className: "mx-4 mt-3 grid w-auto grid-cols-4",
+			children: [
+				/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "schema",
+					children: t("debug.schema", {}, "Schema")
+				}),
+				/* @__PURE__ */ jsxs(TabsTrigger, {
+					value: "form",
+					children: [t("debug.form", {}, "Form"), state.forms.length > 0 && /* @__PURE__ */ jsx(Count, { value: state.forms.length })]
+				}),
+				/* @__PURE__ */ jsxs(TabsTrigger, {
+					value: "requests",
+					children: [t("debug.requests", {}, "Requests"), state.requests.length > 0 && /* @__PURE__ */ jsx(Count, { value: state.requests.length })]
+				}),
+				/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "timings",
+					children: t("debug.timings", {}, "Timings")
+				})
+			]
+		}), /* @__PURE__ */ jsxs(ScrollArea, {
+			className: "min-h-0 flex-1",
+			children: [
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "schema",
+					className: "p-4 text-sm",
+					children: debug.tree.length === 0 ? /* @__PURE__ */ jsx(Empty, { children: t("debug.no_tree", {}, "The server sent no schema tree for this page.") }) : /* @__PURE__ */ jsx("ul", {
+						className: "space-y-0.5 font-mono text-xs",
+						children: debug.tree.map((node, index) => /* @__PURE__ */ jsx(DebugTreeNode, {
+							node,
+							depth: 0
+						}, `${node.key ?? node.type}-${index}`))
+					})
+				}),
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "form",
+					className: "space-y-4 p-4 text-sm",
+					children: state.forms.length === 0 ? /* @__PURE__ */ jsx(Empty, { children: t("debug.no_forms", {}, "No forms on this page.") }) : state.forms.map((form, index) => /* @__PURE__ */ jsx(FormStateView, { form }, index))
+				}),
+				/* @__PURE__ */ jsx(TabsContent, {
+					value: "requests",
+					className: "space-y-2 p-4 text-sm",
+					children: state.requests.length === 0 ? /* @__PURE__ */ jsx(Empty, { children: t("debug.no_requests", {}, "No internal requests yet.") }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => debugRecorder.clearRequests(),
+							children: t("debug.clear", {}, "Clear")
+						})
+					}), state.requests.map((request) => /* @__PURE__ */ jsxs(Collapsible, {
+						className: "rounded-md border",
+						children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+							className: "flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90",
+							children: [
+								/* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-muted-foreground size-3.5 shrink-0 transition-transform rtl:rotate-180" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "font-mono text-xs font-semibold",
+									children: request.method
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "min-w-0 flex-1 truncate font-mono text-xs",
+									title: request.url,
+									children: pathOf(request.url)
+								}),
+								/* @__PURE__ */ jsx(Badge, {
+									variant: request.status === 0 || request.status >= 400 ? "destructive" : "secondary",
+									className: "font-mono",
+									children: request.status === 0 ? t("debug.failed", {}, "failed") : request.status
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "text-muted-foreground font-mono text-xs tabular-nums",
+									children: [request.duration, " ms"]
+								})
+							]
+						}), /* @__PURE__ */ jsxs(CollapsibleContent, {
+							className: "space-y-2 border-t px-3 py-2",
+							children: [
+								/* @__PURE__ */ jsxs("dl", {
+									className: "text-muted-foreground grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs",
+									children: [
+										/* @__PURE__ */ jsx("dt", { children: t("debug.duration", {}, "Duration") }),
+										/* @__PURE__ */ jsxs("dd", {
+											className: "font-mono tabular-nums",
+											children: [
+												request.duration,
+												" ms",
+												request.serverDuration !== null && ` (${t("debug.server_time", {}, "Server time")}: ${request.serverDuration} ms)`
+											]
+										}),
+										/* @__PURE__ */ jsx("dt", { children: t("debug.size", {}, "Size") }),
+										/* @__PURE__ */ jsxs("dd", {
+											className: "font-mono tabular-nums",
+											children: [
+												"↑ ",
+												formatBytes(request.requestBytes),
+												" · ↓",
+												" ",
+												formatBytes(request.responseBytes)
+											]
+										})
+									]
+								}),
+								request.request !== void 0 && request.request !== null && /* @__PURE__ */ jsx(Json, { value: request.request }),
+								/* @__PURE__ */ jsx(Json, { value: request.response })
+							]
+						})]
+					}, request.id))] })
+				}),
+				/* @__PURE__ */ jsxs(TabsContent, {
+					value: "timings",
+					className: "space-y-4 p-4 text-sm",
+					children: [
+						/* @__PURE__ */ jsxs("dl", {
+							className: "grid grid-cols-2 gap-3",
+							children: [
+								/* @__PURE__ */ jsx(Stat, {
+									label: t("debug.server_time", {}, "Server time"),
+									value: `${debug.server.duration} ms`
+								}),
+								/* @__PURE__ */ jsx(Stat, {
+									label: t("debug.queries", {}, "Queries"),
+									value: `${debug.server.queries} · ${debug.server.queryTime} ms`
+								}),
+								/* @__PURE__ */ jsx(Stat, {
+									label: t("debug.memory", {}, "Peak memory"),
+									value: formatBytes(debug.server.memory)
+								}),
+								/* @__PURE__ */ jsx(Stat, {
+									label: t("debug.payload", {}, "Page payload"),
+									value: formatBytes(payloadBytes)
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground font-mono text-xs",
+							children: [
+								"PHP ",
+								debug.server.php,
+								" · Laravel ",
+								debug.server.laravel
+							]
+						}),
+						/* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsxs("h3", {
+							className: "mb-2 text-sm font-medium",
+							children: [t("debug.closures", {}, "Closures evaluated"), debug.closures.length > 0 && /* @__PURE__ */ jsx(Count, { value: debug.closures.length })]
+						}), debug.closures.length === 0 ? /* @__PURE__ */ jsx(Empty, { children: t("debug.no_closures", {}, "No closures were evaluated.") }) : /* @__PURE__ */ jsx("ul", {
+							className: "divide-y rounded-md border font-mono text-xs",
+							children: debug.closures.map((closure, index) => /* @__PURE__ */ jsxs("li", {
+								className: "flex items-center gap-2 px-3 py-1.5",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "font-semibold",
+										children: closure.owner
+									}),
+									/* @__PURE__ */ jsxs("span", {
+										className: "text-muted-foreground min-w-0 flex-1 truncate",
+										title: closure.file,
+										children: [
+											closure.file,
+											":",
+											closure.line
+										]
+									}),
+									closure.count > 1 && /* @__PURE__ */ jsx(Badge, {
+										variant: "secondary",
+										children: t("debug.times", { count: closure.count }, "×:count")
+									})
+								]
+							}, index))
+						})] }),
+						(debug.deprecations ?? []).length > 0 && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsxs("h3", {
+							className: "mb-2 text-sm font-medium",
+							children: [t("debug.deprecations", {}, "Deprecations"), /* @__PURE__ */ jsx(Count, { value: debug.deprecations.length })]
+						}), /* @__PURE__ */ jsx("ul", {
+							className: "divide-y rounded-md border text-xs",
+							children: debug.deprecations.map((item) => /* @__PURE__ */ jsxs("li", {
+								className: "flex flex-col gap-0.5 px-3 py-1.5",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "font-mono font-semibold",
+									children: [item.subject, item.since && /* @__PURE__ */ jsxs("span", {
+										className: "text-muted-foreground font-normal",
+										children: [" · ", item.since]
+									})]
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground",
+									children: item.message
+								})]
+							}, item.subject))
+						})] })
+					]
+				})
+			]
+		})]
+	});
+}
+function DebugTreeNode({ node, depth }) {
+	const t = useT();
+	const children = node.children ?? [];
+	const [open, setOpen] = useState(depth < 2);
+	const details = Object.entries(node.details ?? {}).filter(([, value]) => value !== null && value !== false && value !== "");
+	const row = /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5", !node.visible && "text-muted-foreground"),
+		children: [
+			children.length > 0 ? /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-3.5 shrink-0 transition-transform rtl:rotate-180", open && "rotate-90 rtl:rotate-90") }) : /* @__PURE__ */ jsx("span", { className: "size-3.5 shrink-0" }),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("font-semibold", !node.visible && "line-through"),
+				children: node.type
+			}),
+			node.key && /* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: node.key
+			}),
+			node.label && node.label !== node.key && /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground truncate",
+				children: [
+					"“",
+					node.label,
+					"”"
+				]
+			}),
+			details.map(([name, value]) => /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground truncate",
+				children: value === true ? name : `${name}=${String(value)}`
+			}, name)),
+			!node.visible && /* @__PURE__ */ jsx(Badge, {
+				variant: node.authorized === false ? "destructive" : "outline",
+				className: "ms-auto shrink-0 font-sans",
+				children: node.authorized === false ? t("debug.unauthorized", {}, "unauthorized") : node.reason ?? t("debug.hidden", {}, "hidden")
+			})
+		]
+	});
+	if (children.length === 0) return /* @__PURE__ */ jsx("li", {
+		style: { paddingInlineStart: `${depth * 12}px` },
+		children: row
+	});
+	return /* @__PURE__ */ jsx("li", {
+		style: { paddingInlineStart: `${depth * 12}px` },
+		children: /* @__PURE__ */ jsxs(Collapsible, {
+			open,
+			onOpenChange: setOpen,
+			children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+				className: "hover:bg-muted/60 w-full rounded text-start",
+				children: row
+			}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("ul", {
+				className: "space-y-0.5",
+				children: children.map((child, index) => /* @__PURE__ */ jsx(DebugTreeNode, {
+					node: child,
+					depth: 1
+				}, `${child.key ?? child.type}-${index}`))
+			}) })]
+		})
+	});
+}
+function FormStateView({ form }) {
+	const t = useT();
+	const state = useStore(form.store);
+	const dirty = [...state.dirty];
+	const errors = Object.keys(state.errors);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "space-y-2 rounded-md border p-3",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex flex-wrap items-center gap-2 font-mono text-xs",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: form.component
+					}),
+					form.record !== null && /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground",
+						children: ["#", form.record]
+					}),
+					state.processing && /* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						children: "processing"
+					}),
+					state.refreshing && /* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						children: "refreshing"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("h4", {
+				className: "text-muted-foreground text-xs font-medium",
+				children: t("debug.values", {}, "Values")
+			}),
+			/* @__PURE__ */ jsx(Json, { value: state.values }),
+			dirty.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("h4", {
+				className: "text-muted-foreground text-xs font-medium",
+				children: t("debug.dirty", {}, "Dirty fields")
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-1",
+				children: dirty.map((path) => /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: "font-mono",
+					children: path
+				}, path))
+			})] }),
+			errors.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("h4", {
+				className: "text-destructive text-xs font-medium",
+				children: t("debug.errors", {}, "Errors")
+			}), /* @__PURE__ */ jsx(Json, { value: state.errors })] })
+		]
+	});
+}
+function Json({ value }) {
+	const text = useMemo(() => {
+		try {
+			return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+		} catch {
+			return String(value);
+		}
+	}, [value]);
+	return /* @__PURE__ */ jsx("pre", {
+		dir: "ltr",
+		className: "bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed",
+		children: text
+	});
+}
+function Stat({ label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-md border p-3",
+		children: [/* @__PURE__ */ jsx("dt", {
+			className: "text-muted-foreground text-xs",
+			children: label
+		}), /* @__PURE__ */ jsx("dd", {
+			className: "font-mono text-sm font-semibold tabular-nums",
+			children: value
+		})]
+	});
+}
+function Count({ value }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums",
+		children: value
+	});
+}
+function Empty({ children }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground text-sm",
+		children
+	});
+}
+function pathOf(url) {
+	try {
+		const parsed = new URL(url, "http://localhost");
+		return parsed.pathname + parsed.search;
+	} catch {
+		return url;
+	}
+}
+//#endregion
+export { DebugPanel, DebugPanelSlot, DebugTreeNode };
+
+//# sourceMappingURL=debug-panel.js.map

package/dist/components/panel/debug-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-panel.js","names":[],"sources":["../../../src/components/panel/debug-panel.tsx"],"sourcesContent":["import type { DebugNode, DebugSchema, FormStore } from '@alfakit/core'\nimport { byteLength, debugRecorder, formatBytes } from '@alfakit/core'\nimport { BugIcon, ChevronRightIcon } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport { useAlfakitProps, useDirection, useT } from '../../context'\nimport { useStore } from '../../hooks/use-store'\nimport { cn } from '../../lib/utils'\nimport { Badge } from '../ui/badge'\nimport { Button } from '../ui/button'\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible'\nimport { ScrollArea } from '../ui/scroll-area'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '../ui/sheet'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../ui/tabs'\n\nexport { DebugPanelSlot } from './debug-panel-slot'\n\n/**\n * The developer debug panel: a top bar toggle that opens a drawer with the page's resolved\n * schema tree (visibility and authorisation per component, closures evaluated), the live\n * form state, the internal requests captured by `requestJson()` and timings. Rendered only\n * when the page carries the `alfakitDebug` prop, which PHP adds while `Panel::debugPanel()`\n * is active and `app.debug` is on. Replace it with `components: { 'panel:debug-panel': … }`.\n */\nexport function DebugPanel() {\n  const props = useAlfakitProps()\n  const t = useT()\n  const direction = useDirection()\n  const debug = props.alfakitDebug\n\n  if (!debug) {\n    return null\n  }\n\n  return (\n    <Sheet>\n      <SheetTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          aria-label={t('debug.open', {}, 'Open debug panel')}\n          data-slot=\"debug-toggle\"\n        >\n          <BugIcon />\n        </Button>\n      </SheetTrigger>\n      <SheetContent\n        side={direction === 'rtl' ? 'left' : 'right'}\n        className=\"flex w-full flex-col gap-0 p-0 sm:max-w-xl\"\n      >\n        <div data-slot=\"debug-panel\" className=\"flex min-h-0 flex-1 flex-col\">\n          <SheetHeader className=\"border-b\">\n            <SheetTitle className=\"flex items-center gap-2\">\n              <BugIcon className=\"size-4\" />\n              {t('debug.title', {}, 'Debug')}\n            </SheetTitle>\n            <SheetDescription className=\"truncate font-mono text-xs\" title={debug.page}>\n              {debug.page}\n            </SheetDescription>\n          </SheetHeader>\n          <DebugTabs debug={debug} />\n        </div>\n      </SheetContent>\n    </Sheet>\n  )\n}\n\nfunction DebugTabs({ debug }: { debug: DebugSchema }) {\n  const t = useT()\n  const props = useAlfakitProps()\n  const state = useStore(debugRecorder.store)\n  const payloadBytes = useMemo(() => byteLength(props), [props])\n\n  return (\n    <Tabs defaultValue=\"schema\" className=\"flex min-h-0 flex-1 flex-col gap-0\">\n      <TabsList className=\"mx-4 mt-3 grid w-auto grid-cols-4\">\n        <TabsTrigger value=\"schema\">{t('debug.schema', {}, 'Schema')}</TabsTrigger>\n        <TabsTrigger value=\"form\">\n          {t('debug.form', {}, 'Form')}\n          {state.forms.length > 0 && <Count value={state.forms.length} />}\n        </TabsTrigger>\n        <TabsTrigger value=\"requests\">\n          {t('debug.requests', {}, 'Requests')}\n          {state.requests.length > 0 && <Count value={state.requests.length} />}\n        </TabsTrigger>\n        <TabsTrigger value=\"timings\">{t('debug.timings', {}, 'Timings')}</TabsTrigger>\n      </TabsList>\n      <ScrollArea className=\"min-h-0 flex-1\">\n        <TabsContent value=\"schema\" className=\"p-4 text-sm\">\n          {debug.tree.length === 0 ? (\n            <Empty>{t('debug.no_tree', {}, 'The server sent no schema tree for this page.')}</Empty>\n          ) : (\n            <ul className=\"space-y-0.5 font-mono text-xs\">\n              {debug.tree.map((node, index) => (\n                <DebugTreeNode key={`${node.key ?? node.type}-${index}`} node={node} depth={0} />\n              ))}\n            </ul>\n          )}\n        </TabsContent>\n        <TabsContent value=\"form\" className=\"space-y-4 p-4 text-sm\">\n          {state.forms.length === 0 ? (\n            <Empty>{t('debug.no_forms', {}, 'No forms on this page.')}</Empty>\n          ) : (\n            state.forms.map((form, index) => <FormStateView key={index} form={form} />)\n          )}\n        </TabsContent>\n        <TabsContent value=\"requests\" className=\"space-y-2 p-4 text-sm\">\n          {state.requests.length === 0 ? (\n            <Empty>{t('debug.no_requests', {}, 'No internal requests yet.')}</Empty>\n          ) : (\n            <>\n              <div className=\"flex justify-end\">\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => debugRecorder.clearRequests()}\n                >\n                  {t('debug.clear', {}, 'Clear')}\n                </Button>\n              </div>\n              {state.requests.map((request) => (\n                <Collapsible key={request.id} className=\"rounded-md border\">\n                  <CollapsibleTrigger className=\"flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90\">\n                    <ChevronRightIcon className=\"text-muted-foreground size-3.5 shrink-0 transition-transform rtl:rotate-180\" />\n                    <span className=\"font-mono text-xs font-semibold\">{request.method}</span>\n                    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\" title={request.url}>\n                      {pathOf(request.url)}\n                    </span>\n                    <Badge\n                      variant={\n                        request.status === 0 || request.status >= 400 ? 'destructive' : 'secondary'\n                      }\n                      className=\"font-mono\"\n                    >\n                      {request.status === 0 ? t('debug.failed', {}, 'failed') : request.status}\n                    </Badge>\n                    <span className=\"text-muted-foreground font-mono text-xs tabular-nums\">\n                      {request.duration} ms\n                    </span>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent className=\"space-y-2 border-t px-3 py-2\">\n                    <dl className=\"text-muted-foreground grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs\">\n                      <dt>{t('debug.duration', {}, 'Duration')}</dt>\n                      <dd className=\"font-mono tabular-nums\">\n                        {request.duration} ms\n                        {request.serverDuration !== null &&\n                          ` (${t('debug.server_time', {}, 'Server time')}: ${request.serverDuration} ms)`}\n                      </dd>\n                      <dt>{t('debug.size', {}, 'Size')}</dt>\n                      <dd className=\"font-mono tabular-nums\">\n                        ↑ {formatBytes(request.requestBytes)} · ↓{' '}\n                        {formatBytes(request.responseBytes)}\n                      </dd>\n                    </dl>\n                    {request.request !== undefined && request.request !== null && (\n                      <Json value={request.request} />\n                    )}\n                    <Json value={request.response} />\n                  </CollapsibleContent>\n                </Collapsible>\n              ))}\n            </>\n          )}\n        </TabsContent>\n        <TabsContent value=\"timings\" className=\"space-y-4 p-4 text-sm\">\n          <dl className=\"grid grid-cols-2 gap-3\">\n            <Stat\n              label={t('debug.server_time', {}, 'Server time')}\n              value={`${debug.server.duration} ms`}\n            />\n            <Stat\n              label={t('debug.queries', {}, 'Queries')}\n              value={`${debug.server.queries} · ${debug.server.queryTime} ms`}\n            />\n            <Stat\n              label={t('debug.memory', {}, 'Peak memory')}\n              value={formatBytes(debug.server.memory)}\n            />\n            <Stat\n              label={t('debug.payload', {}, 'Page payload')}\n              value={formatBytes(payloadBytes)}\n            />\n          </dl>\n          <p className=\"text-muted-foreground font-mono text-xs\">\n            PHP {debug.server.php} · Laravel {debug.server.laravel}\n          </p>\n          <section>\n            <h3 className=\"mb-2 text-sm font-medium\">\n              {t('debug.closures', {}, 'Closures evaluated')}\n              {debug.closures.length > 0 && <Count value={debug.closures.length} />}\n            </h3>\n            {debug.closures.length === 0 ? (\n              <Empty>{t('debug.no_closures', {}, 'No closures were evaluated.')}</Empty>\n            ) : (\n              <ul className=\"divide-y rounded-md border font-mono text-xs\">\n                {debug.closures.map((closure, index) => (\n                  <li key={index} className=\"flex items-center gap-2 px-3 py-1.5\">\n                    <span className=\"font-semibold\">{closure.owner}</span>\n                    <span\n                      className=\"text-muted-foreground min-w-0 flex-1 truncate\"\n                      title={closure.file}\n                    >\n                      {closure.file}:{closure.line}\n                    </span>\n                    {closure.count > 1 && (\n                      <Badge variant=\"secondary\">\n                        {t('debug.times', { count: closure.count }, '×:count')}\n                      </Badge>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </section>\n          {(debug.deprecations ?? []).length > 0 && (\n            <section>\n              <h3 className=\"mb-2 text-sm font-medium\">\n                {t('debug.deprecations', {}, 'Deprecations')}\n                <Count value={debug.deprecations!.length} />\n              </h3>\n              <ul className=\"divide-y rounded-md border text-xs\">\n                {debug.deprecations!.map((item) => (\n                  <li key={item.subject} className=\"flex flex-col gap-0.5 px-3 py-1.5\">\n                    <span className=\"font-mono font-semibold\">\n                      {item.subject}\n                      {item.since && (\n                        <span className=\"text-muted-foreground font-normal\"> · {item.since}</span>\n                      )}\n                    </span>\n                    <span className=\"text-muted-foreground\">{item.message}</span>\n                  </li>\n                ))}\n              </ul>\n            </section>\n          )}\n        </TabsContent>\n      </ScrollArea>\n    </Tabs>\n  )\n}\n\nexport function DebugTreeNode({ node, depth }: { node: DebugNode; depth: number }) {\n  const t = useT()\n  const children = node.children ?? []\n  const [open, setOpen] = useState(depth < 2)\n  const details = Object.entries(node.details ?? {}).filter(\n    ([, value]) => value !== null && value !== false && value !== '',\n  )\n\n  const row = (\n    <div\n      className={cn(\n        'flex min-w-0 items-center gap-1.5 rounded px-1 py-0.5',\n        !node.visible && 'text-muted-foreground',\n      )}\n    >\n      {children.length > 0 ? (\n        <ChevronRightIcon\n          className={cn(\n            'size-3.5 shrink-0 transition-transform rtl:rotate-180',\n            open && 'rotate-90 rtl:rotate-90',\n          )}\n        />\n      ) : (\n        <span className=\"size-3.5 shrink-0\" />\n      )}\n      <span className={cn('font-semibold', !node.visible && 'line-through')}>{node.type}</span>\n      {node.key && <span className=\"truncate\">{node.key}</span>}\n      {node.label && node.label !== node.key && (\n        <span className=\"text-muted-foreground truncate\">“{node.label}”</span>\n      )}\n      {details.map(([name, value]) => (\n        <span key={name} className=\"text-muted-foreground truncate\">\n          {value === true ? name : `${name}=${String(value)}`}\n        </span>\n      ))}\n      {!node.visible && (\n        <Badge\n          variant={node.authorized === false ? 'destructive' : 'outline'}\n          className=\"ms-auto shrink-0 font-sans\"\n        >\n          {node.authorized === false\n            ? t('debug.unauthorized', {}, 'unauthorized')\n            : (node.reason ?? t('debug.hidden', {}, 'hidden'))}\n        </Badge>\n      )}\n    </div>\n  )\n\n  if (children.length === 0) {\n    return <li style={{ paddingInlineStart: `${depth * 12}px` }}>{row}</li>\n  }\n\n  return (\n    <li style={{ paddingInlineStart: `${depth * 12}px` }}>\n      <Collapsible open={open} onOpenChange={setOpen}>\n        <CollapsibleTrigger className=\"hover:bg-muted/60 w-full rounded text-start\">\n          {row}\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <ul className=\"space-y-0.5\">\n            {children.map((child, index) => (\n              <DebugTreeNode key={`${child.key ?? child.type}-${index}`} node={child} depth={1} />\n            ))}\n          </ul>\n        </CollapsibleContent>\n      </Collapsible>\n    </li>\n  )\n}\n\nfunction FormStateView({ form }: { form: FormStore }) {\n  const t = useT()\n  const state = useStore(form.store)\n  const dirty = [...state.dirty]\n  const errors = Object.keys(state.errors)\n\n  return (\n    <section className=\"space-y-2 rounded-md border p-3\">\n      <header className=\"flex flex-wrap items-center gap-2 font-mono text-xs\">\n        <span className=\"font-semibold\">{form.component}</span>\n        {form.record !== null && <span className=\"text-muted-foreground\">#{form.record}</span>}\n        {state.processing && <Badge variant=\"secondary\">processing</Badge>}\n        {state.refreshing && <Badge variant=\"secondary\">refreshing</Badge>}\n      </header>\n      <h4 className=\"text-muted-foreground text-xs font-medium\">\n        {t('debug.values', {}, 'Values')}\n      </h4>\n      <Json value={state.values} />\n      {dirty.length > 0 && (\n        <>\n          <h4 className=\"text-muted-foreground text-xs font-medium\">\n            {t('debug.dirty', {}, 'Dirty fields')}\n          </h4>\n          <div className=\"flex flex-wrap gap-1\">\n            {dirty.map((path) => (\n              <Badge key={path} variant=\"outline\" className=\"font-mono\">\n                {path}\n              </Badge>\n            ))}\n          </div>\n        </>\n      )}\n      {errors.length > 0 && (\n        <>\n          <h4 className=\"text-destructive text-xs font-medium\">\n            {t('debug.errors', {}, 'Errors')}\n          </h4>\n          <Json value={state.errors} />\n        </>\n      )}\n    </section>\n  )\n}\n\nfunction Json({ value }: { value: unknown }) {\n  const text = useMemo(() => {\n    try {\n      return typeof value === 'string' ? value : JSON.stringify(value, null, 2)\n    } catch {\n      return String(value)\n    }\n  }, [value])\n\n  return (\n    <pre\n      dir=\"ltr\"\n      className=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n    >\n      {text}\n    </pre>\n  )\n}\n\nfunction Stat({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"rounded-md border p-3\">\n      <dt className=\"text-muted-foreground text-xs\">{label}</dt>\n      <dd className=\"font-mono text-sm font-semibold tabular-nums\">{value}</dd>\n    </div>\n  )\n}\n\nfunction Count({ value }: { value: number }) {\n  return (\n    <span className=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\">\n      {value}\n    </span>\n  )\n}\n\nfunction Empty({ children }: { children: string }) {\n  return <p className=\"text-muted-foreground text-sm\">{children}</p>\n}\n\nfunction pathOf(url: string): string {\n  try {\n    const parsed = new URL(url, 'http://localhost')\n\n    return parsed.pathname + parsed.search\n  } catch {\n    return url\n  }\n}\n"],"mappings":"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"}