veslx 0.1.3 → 0.1.4

package/dist/client/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../src/components/header.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { ModeToggle } from \"./mode-toggle\";\nimport { SiGithub } from \"@icons-pack/react-simple-icons\";\nimport { ChevronUp, ChevronDown } from \"lucide-react\";\n\ninterface HeaderProps {\n  slideControls?: {\n    current: number;\n    total: number;\n    onPrevious: () => void;\n    onNext: () => void;\n  };\n}\n\nexport function Header({ slideControls }: HeaderProps = {}) {\n  return (\n    <header className=\"print:hidden fixed top-0 left-0 right-0 z-40\">\n      <div className=\"mx-auto w-full px-[var(--page-padding)] flex items-center gap-8 py-4\">\n        <nav className=\"flex items-center gap-1\">\n          <Link\n            to=\"/\"\n            className=\"rounded-lg font-mono py-1.5 text-sm font-medium text-muted-foreground hover:underline\"\n          >\n            pl\n          </Link>\n        </nav>\n\n        <div className=\"flex-1\" />\n\n        {/* Slide navigation controls */}\n        {slideControls && (\n          <nav className=\"flex items-center gap-1\">\n            <button\n              onClick={slideControls.onPrevious}\n              className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n              title=\"Previous slide (↑)\"\n            >\n              <ChevronUp className=\"h-4 w-4\" />\n            </button>\n            <span className=\"font-mono text-xs text-muted-foreground/70 tabular-nums min-w-[3ch] text-center\">\n              {slideControls.current + 1}/{slideControls.total}\n            </span>\n            <button\n              onClick={slideControls.onNext}\n              className=\"p-1.5 text-muted-foreground/70 hover:text-foreground transition-colors duration-200\"\n              title=\"Next slide (↓)\"\n            >\n              <ChevronDown className=\"h-4 w-4\" />\n            </button>\n          </nav>\n        )}\n\n        {/* Navigation */}\n        <nav className=\"flex items-center gap-2\">\n          <Link\n            to=\"https://github.com/eoinmurray/pinglab\"\n            target=\"_blank\"\n            className=\"text-muted-foreground/70 hover:text-foreground transition-colors duration-300\"\n            aria-label=\"GitHub\"\n          >\n            <SiGithub className=\"h-4 w-4\" />\n          </Link>\n          <ModeToggle />\n        </nav>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;AAcO,SAAS,OAAO,EAAE,cAAA,IAA+B,IAAI;AAC1D,6BACG,UAAA,EAAO,WAAU,gDAChB,UAAA,qBAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IAGvB,iBACC,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,cAAc;AAAA,UACvB,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,oBAAC,WAAA,EAAU,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjC,qBAAC,QAAA,EAAK,WAAU,mFACb,UAAA;AAAA,QAAA,cAAc,UAAU;AAAA,QAAE;AAAA,QAAE,cAAc;AAAA,MAAA,GAC7C;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,cAAc;AAAA,UACvB,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,oBAAC,aAAA,EAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACF;AAAA,IAIF,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,QAAO;AAAA,UACP,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,0BAE/B,YAAA,CAAA,CAAW;AAAA,IAAA,EAAA,CACd;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/client/components/loading.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Loading() {
+  return /* @__PURE__ */ jsx("main", { className: "min-h-screen flex items-center justify-center bg-background", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6 animate-fade-in", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary/60 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary/40 rounded-full animate-pulse", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary/20 rounded-full animate-pulse", style: { animationDelay: "300ms" } })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-muted-foreground/50 tracking-widest uppercase", children: "loading" })
+  ] }) });
+}
+export {
+  Loading as default
+};
+//# sourceMappingURL=loading.js.map

package/dist/client/components/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../../src/components/loading.tsx"],"sourcesContent":["export default function Loading() {\n  return (\n    <main className=\"min-h-screen flex items-center justify-center bg-background\">\n      <div className=\"flex flex-col items-center gap-6 animate-fade-in\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"w-1.5 h-1.5 bg-primary/60 rounded-full animate-pulse\" />\n          <div className=\"w-1.5 h-1.5 bg-primary/40 rounded-full animate-pulse\" style={{ animationDelay: '150ms' }} />\n          <div className=\"w-1.5 h-1.5 bg-primary/20 rounded-full animate-pulse\" style={{ animationDelay: '300ms' }} />\n        </div>\n        <p className=\"font-mono text-xs text-muted-foreground/50 tracking-widest uppercase\">\n          loading\n        </p>\n      </div>\n    </main>\n  )\n}\n"],"names":[],"mappings":";AAAA,SAAwB,UAAU;AAChC,6BACG,QAAA,EAAK,WAAU,+DACd,UAAA,qBAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uDAAA,CAAuD;AAAA,MACtE,oBAAC,SAAI,WAAU,wDAAuD,OAAO,EAAE,gBAAgB,WAAW;AAAA,MAC1G,oBAAC,SAAI,WAAU,wDAAuD,OAAO,EAAE,gBAAgB,UAAQ,CAAG;AAAA,IAAA,GAC5G;AAAA,IACA,oBAAC,KAAA,EAAE,WAAU,wEAAuE,UAAA,UAAA,CAEpF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/client/components/mdx-components.js

@@ -0,0 +1,134 @@
+import { jsx } from "react/jsx-runtime";
+import Gallery from "./gallery/index.js";
+import { ParameterTable } from "./parameter-table.js";
+import { ParameterBadge } from "./parameter-badge.js";
+function generateId(children) {
+  return (children == null ? void 0 : children.toString().toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-")) ?? "";
+}
+const mdxComponents = {
+  Gallery,
+  ParameterTable,
+  ParameterBadge,
+  // Headings - clean sans-serif
+  h1: (props) => {
+    const id = generateId(props.children);
+    return /* @__PURE__ */ jsx(
+      "h1",
+      {
+        id,
+        className: "text-2xl font-semibold tracking-tight mt-12 mb-4 first:mt-0",
+        ...props
+      }
+    );
+  },
+  h2: (props) => {
+    const id = generateId(props.children);
+    return /* @__PURE__ */ jsx(
+      "h2",
+      {
+        id,
+        className: "text-xl font-semibold tracking-tight mt-10 mb-3 pb-2 border-b border-border",
+        ...props
+      }
+    );
+  },
+  h3: (props) => {
+    const id = generateId(props.children);
+    return /* @__PURE__ */ jsx(
+      "h3",
+      {
+        id,
+        className: "text-lg font-medium tracking-tight mt-8 mb-2",
+        ...props
+      }
+    );
+  },
+  h4: (props) => {
+    const id = generateId(props.children);
+    return /* @__PURE__ */ jsx(
+      "h4",
+      {
+        id,
+        className: "text-base font-medium mt-6 mb-2",
+        ...props
+      }
+    );
+  },
+  h5: (props) => {
+    const id = generateId(props.children);
+    return /* @__PURE__ */ jsx(
+      "h5",
+      {
+        id,
+        className: "text-sm font-medium mt-4 mb-1",
+        ...props
+      }
+    );
+  },
+  // Code blocks - IDE/terminal style
+  pre: (props) => /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "not-prose w-full overflow-x-auto p-4 text-sm bg-muted/50 border border-border rounded-md font-mono my-6",
+      ...props
+    }
+  ),
+  code: (props) => {
+    var _a;
+    const isInline = !((_a = props.className) == null ? void 0 : _a.includes("language-"));
+    if (isInline) {
+      return /* @__PURE__ */ jsx(
+        "code",
+        {
+          className: "font-mono text-[0.85em] bg-muted px-1.5 py-0.5 rounded text-primary",
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("code", { ...props });
+  },
+  // Blockquote
+  blockquote: (props) => /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      className: "border-l-2 border-primary pl-4 my-6 text-muted-foreground",
+      ...props
+    }
+  ),
+  // Lists
+  ul: (props) => /* @__PURE__ */ jsx("ul", { className: "my-4 ml-6 list-disc marker:text-muted-foreground", ...props }),
+  ol: (props) => /* @__PURE__ */ jsx("ol", { className: "my-4 ml-6 list-decimal marker:text-muted-foreground", ...props }),
+  li: (props) => /* @__PURE__ */ jsx("li", { className: "mt-1.5", ...props }),
+  // Links
+  a: (props) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "text-primary hover:underline underline-offset-2",
+      ...props
+    }
+  ),
+  // Tables
+  table: (props) => /* @__PURE__ */ jsx("div", { className: "not-prose my-6 overflow-x-auto border border-border rounded-md", children: /* @__PURE__ */ jsx("table", { className: "w-full text-sm border-collapse", ...props }) }),
+  thead: (props) => /* @__PURE__ */ jsx("thead", { className: "bg-muted/50", ...props }),
+  tbody: (props) => /* @__PURE__ */ jsx("tbody", { ...props }),
+  tr: (props) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border last:border-b-0", ...props }),
+  th: (props) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+      ...props
+    }
+  ),
+  td: (props) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3 align-top", ...props }),
+  // Horizontal rule
+  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-t border-border", ...props }),
+  // Paragraph
+  p: (props) => /* @__PURE__ */ jsx("p", { className: "leading-relaxed mb-4 last:mb-0", ...props }),
+  // Strong/emphasis
+  strong: (props) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", ...props }),
+  em: (props) => /* @__PURE__ */ jsx("em", { className: "italic", ...props })
+};
+export {
+  mdxComponents
+};
+//# sourceMappingURL=mdx-components.js.map

package/dist/client/components/mdx-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-components.js","sources":["../../../src/components/mdx-components.tsx"],"sourcesContent":["\nimport Gallery from '@/components/gallery'\nimport { ParameterTable } from '@/components/parameter-table'\nimport { ParameterBadge } from '@/components/parameter-badge'\n\nfunction generateId(children: unknown): string {\n  return children\n    ?.toString()\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-') ?? ''\n}\n\n// Shared MDX components - lab notebook / coder aesthetic\nexport const mdxComponents = {\n  Gallery,\n\n  ParameterTable,\n\n  ParameterBadge,\n\n  // Headings - clean sans-serif\n  h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h1\n        id={id}\n        className=\"text-2xl font-semibold tracking-tight mt-12 mb-4 first:mt-0\"\n        {...props}\n      />\n    )\n  },\n  h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h2\n        id={id}\n        className=\"text-xl font-semibold tracking-tight mt-10 mb-3 pb-2 border-b border-border\"\n        {...props}\n      />\n    )\n  },\n  h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h3\n        id={id}\n        className=\"text-lg font-medium tracking-tight mt-8 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h4\n        id={id}\n        className=\"text-base font-medium mt-6 mb-2\"\n        {...props}\n      />\n    )\n  },\n  h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => {\n    const id = generateId(props.children)\n    return (\n      <h5\n        id={id}\n        className=\"text-sm font-medium mt-4 mb-1\"\n        {...props}\n      />\n    )\n  },\n\n  // Code blocks - IDE/terminal style\n  pre: (props: React.HTMLAttributes<HTMLPreElement>) => (\n    <pre\n      className=\"not-prose w-full overflow-x-auto p-4 text-sm bg-muted/50 border border-border rounded-md font-mono my-6\"\n      {...props}\n    />\n  ),\n  code: (props: React.HTMLAttributes<HTMLElement> & { className?: string }) => {\n    const isInline = !props.className?.includes('language-')\n    if (isInline) {\n      return (\n        <code\n          className=\"font-mono text-[0.85em] bg-muted px-1.5 py-0.5 rounded text-primary\"\n          {...props}\n        />\n      )\n    }\n    return <code {...props} />\n  },\n\n  // Blockquote\n  blockquote: (props: React.HTMLAttributes<HTMLQuoteElement>) => (\n    <blockquote\n      className=\"border-l-2 border-primary pl-4 my-6 text-muted-foreground\"\n      {...props}\n    />\n  ),\n\n  // Lists\n  ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n    <ul className=\"my-4 ml-6 list-disc marker:text-muted-foreground\" {...props} />\n  ),\n  ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n    <ol className=\"my-4 ml-6 list-decimal marker:text-muted-foreground\" {...props} />\n  ),\n  li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n    <li className=\"mt-1.5\" {...props} />\n  ),\n\n  // Links\n  a: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (\n    <a\n      className=\"text-primary hover:underline underline-offset-2\"\n      {...props}\n    />\n  ),\n\n  // Tables\n  table: (props: React.TableHTMLAttributes<HTMLTableElement>) => (\n    <div className=\"not-prose my-6 overflow-x-auto border border-border rounded-md\">\n      <table className=\"w-full text-sm border-collapse\" {...props} />\n    </div>\n  ),\n  thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <thead className=\"bg-muted/50\" {...props} />\n  ),\n  tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody {...props} />\n  ),\n  tr: (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr className=\"border-b border-border last:border-b-0\" {...props} />\n  ),\n  th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => (\n    <th\n      className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\"\n      {...props}\n    />\n  ),\n  td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td className=\"px-4 py-3 align-top\" {...props} />\n  ),\n\n  // Horizontal rule\n  hr: (props: React.HTMLAttributes<HTMLHRElement>) => (\n    <hr className=\"my-8 border-t border-border\" {...props} />\n  ),\n\n  // Paragraph\n  p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className=\"leading-relaxed mb-4 last:mb-0\" {...props} />\n  ),\n\n  // Strong/emphasis\n  strong: (props: React.HTMLAttributes<HTMLElement>) => (\n    <strong className=\"font-semibold\" {...props} />\n  ),\n  em: (props: React.HTMLAttributes<HTMLElement>) => (\n    <em className=\"italic\" {...props} />\n  ),\n}\n"],"names":[],"mappings":";;;;AAKA,SAAS,WAAW,UAA2B;AAC7C,UAAO,qCACH,WACD,cACA,QAAQ,iBAAiB,IACzB,QAAQ,QAAQ,SAAQ;AAC7B;AAGO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EAEA;AAAA,EAEA;AAAA;AAAA,EAGA,IAAI,CAAC,UAAoD;AACvD,UAAM,KAAK,WAAW,MAAM,QAAQ;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAAA,EACA,IAAI,CAAC,UAAoD;AACvD,UAAM,KAAK,WAAW,MAAM,QAAQ;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAAA,EACA,IAAI,CAAC,UAAoD;AACvD,UAAM,KAAK,WAAW,MAAM,QAAQ;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAAA,EACA,IAAI,CAAC,UAAoD;AACvD,UAAM,KAAK,WAAW,MAAM,QAAQ;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAAA,EACA,IAAI,CAAC,UAAoD;AACvD,UAAM,KAAK,WAAW,MAAM,QAAQ;AACpC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACT,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAAA;AAAA,EAGA,KAAK,CAAC,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAAA,EAGR,MAAM,CAAC,UAAsE;;AAC3E,UAAM,WAAW,GAAC,WAAM,cAAN,mBAAiB,SAAS;AAC5C,QAAI,UAAU;AACZ,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACT,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGV;AACA,WAAO,oBAAC,QAAA,EAAM,GAAG,MAAA,CAAO;AAAA,EAC1B;AAAA;AAAA,EAGA,YAAY,CAAC,UACX;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA,EAKR,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,oDAAoD,GAAG,OAAO;AAAA,EAE9E,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,uDAAuD,GAAG,OAAO;AAAA,EAEjF,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,UAAU,GAAG,OAAO;AAAA;AAAA,EAIpC,GAAG,CAAC,UACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA,EAKR,OAAO,CAAC,UACN,oBAAC,OAAA,EAAI,WAAU,kEACb,UAAA,oBAAC,SAAA,EAAM,WAAU,kCAAkC,GAAG,OAAO,GAC/D;AAAA,EAEF,OAAO,CAAC,UACN,oBAAC,WAAM,WAAU,eAAe,GAAG,OAAO;AAAA,EAE5C,OAAO,CAAC,UACN,oBAAC,SAAA,EAAO,GAAG,OAAO;AAAA,EAEpB,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,0CAA0C,GAAG,OAAO;AAAA,EAEpE,IAAI,CAAC,UACH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAAA,EAGR,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,uBAAuB,GAAG,OAAO;AAAA;AAAA,EAIjD,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,+BAA+B,GAAG,OAAO;AAAA;AAAA,EAIzD,GAAG,CAAC,UACF,oBAAC,OAAE,WAAU,kCAAkC,GAAG,OAAO;AAAA;AAAA,EAI3D,QAAQ,CAAC,UACP,oBAAC,YAAO,WAAU,iBAAiB,GAAG,OAAO;AAAA,EAE/C,IAAI,CAAC,UACH,oBAAC,QAAG,WAAU,UAAU,GAAG,MAAA,CAAO;AAEtC;"}

package/dist/client/components/mode-toggle.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Sun, Moon, Monitor } from "lucide-react";
+import { useTheme } from "next-themes";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem } from "./ui/dropdown-menu.js";
+function ModeToggle() {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "relative p-2 text-muted-foreground/70 hover:text-foreground transition-colors duration-300",
+        "aria-label": "Toggle theme",
+        children: [
+          /* @__PURE__ */ jsx(Sun, { className: `h-4 w-4 transition-all duration-300 ${theme === "light" ? "scale-100 rotate-0" : "scale-0 -rotate-90 absolute top-2 left-2"}` }),
+          /* @__PURE__ */ jsx(Moon, { className: `h-4 w-4 transition-all duration-300 ${theme === "dark" ? "scale-100 rotate-0" : "scale-0 rotate-90 absolute top-2 left-2"}` }),
+          /* @__PURE__ */ jsx(Monitor, { className: `h-4 w-4 transition-all duration-300 ${theme === "system" || !theme ? "scale-100" : "scale-0 absolute top-2 left-2"}` })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, { value: theme, onValueChange: setTheme, children: [
+      /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: "light", children: [
+        /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
+        "Light"
+      ] }),
+      /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: "dark", children: [
+        /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
+        "Dark"
+      ] }),
+      /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: "system", children: [
+        /* @__PURE__ */ jsx(Monitor, { className: "mr-2 h-4 w-4" }),
+        "System"
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  ModeToggle
+};
+//# sourceMappingURL=mode-toggle.js.map

package/dist/client/components/mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.js","sources":["../../../src/components/mode-toggle.tsx"],"sourcesContent":["import { Moon, Sun, Monitor } from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\n\nexport function ModeToggle() {\n  const { theme, setTheme } = useTheme()\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          className=\"relative p-2 text-muted-foreground/70 hover:text-foreground transition-colors duration-300\"\n          aria-label=\"Toggle theme\"\n        >\n          <Sun className={`h-4 w-4 transition-all duration-300 ${theme === \"light\" ? \"scale-100 rotate-0\" : \"scale-0 -rotate-90 absolute top-2 left-2\"}`} />\n          <Moon className={`h-4 w-4 transition-all duration-300 ${theme === \"dark\" ? \"scale-100 rotate-0\" : \"scale-0 rotate-90 absolute top-2 left-2\"}`} />\n          <Monitor className={`h-4 w-4 transition-all duration-300 ${theme === \"system\" || !theme ? \"scale-100\" : \"scale-0 absolute top-2 left-2\"}`} />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuRadioGroup value={theme} onValueChange={setTheme}>\n          <DropdownMenuRadioItem value=\"light\">\n            <Sun className=\"mr-2 h-4 w-4\" />\n            Light\n          </DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"dark\">\n            <Moon className=\"mr-2 h-4 w-4\" />\n            Dark\n          </DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"system\">\n            <Monitor className=\"mr-2 h-4 w-4\" />\n            System\n          </DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,aAAa;AAC3B,QAAM,EAAE,OAAO,SAAA,IAAa,SAAA;AAE5B,8BACG,cAAA,EACC,UAAA;AAAA,IAAA,oBAAC,qBAAA,EAAoB,SAAO,MAC1B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,oBAAC,OAAI,WAAW,uCAAuC,UAAU,UAAU,uBAAuB,0CAA0C,IAAI;AAAA,UAChJ,oBAAC,QAAK,WAAW,uCAAuC,UAAU,SAAS,uBAAuB,yCAAyC,IAAI;AAAA,UAC/I,oBAAC,SAAA,EAAQ,WAAW,uCAAuC,UAAU,YAAY,CAAC,QAAQ,cAAc,+BAA+B,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE/I;AAAA,IACA,oBAAC,uBAAoB,OAAM,OACzB,+BAAC,wBAAA,EAAuB,OAAO,OAAO,eAAe,UACnD,UAAA;AAAA,MAAA,qBAAC,uBAAA,EAAsB,OAAM,SAC3B,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,WAAU,eAAA,CAAe;AAAA,QAAE;AAAA,MAAA,GAElC;AAAA,MACA,qBAAC,uBAAA,EAAsB,OAAM,QAC3B,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAU,eAAA,CAAe;AAAA,QAAE;AAAA,MAAA,GAEnC;AAAA,MACA,qBAAC,uBAAA,EAAsB,OAAM,UAC3B,UAAA;AAAA,QAAA,oBAAC,SAAA,EAAQ,WAAU,eAAA,CAAe;AAAA,QAAE;AAAA,MAAA,EAAA,CAEtC;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/components/page-error.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function ErrorDisplay({ error, path }) {
+  const containerClass = "min-h-screen bg-background container mx-auto max-w-[var(--content-width)] py-24 px-[var(--page-padding)]";
+  switch (error.type) {
+    case "config_not_found":
+      return /* @__PURE__ */ jsx("main", { className: containerClass, children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: "Setup Required" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+          "Could not find ",
+          /* @__PURE__ */ jsx("code", { className: "font-mono text-sm bg-muted px-2 py-1", children: ".veslx.json" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground/70 text-sm", children: "Run the veslx build script to generate the directory index." })
+      ] }) });
+    case "path_not_found":
+      return /* @__PURE__ */ jsx("main", { className: containerClass, children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+        /* @__PURE__ */ jsx("h1", { className: "font-mono text-6xl tracking-tighter text-muted-foreground/30", children: "404" }),
+        /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground", children: "Page not found" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: /* @__PURE__ */ jsx("code", { className: "font-mono bg-muted px-2 py-1", children: path }) })
+      ] }) });
+    case "parse_error":
+      return /* @__PURE__ */ jsx("main", { className: containerClass, children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-destructive", children: "Configuration Error" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+          "Failed to parse ",
+          /* @__PURE__ */ jsx("code", { className: "font-mono text-sm bg-muted px-2 py-1", children: ".veslx.json" })
+        ] })
+      ] }) });
+    case "fetch_error":
+    default:
+      return /* @__PURE__ */ jsx("main", { className: containerClass, children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-destructive", children: "Error" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error.message })
+      ] }) });
+  }
+}
+export {
+  ErrorDisplay
+};
+//# sourceMappingURL=page-error.js.map

package/dist/client/components/page-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-error.js","sources":["../../../src/components/page-error.tsx"],"sourcesContent":["\nimport { DirectoryError } from \"../../plugin/src/client\";\n\nexport function ErrorDisplay({ error, path }: { error: DirectoryError; path: string }) {\n  const containerClass = \"min-h-screen bg-background container mx-auto max-w-[var(--content-width)] py-24 px-[var(--page-padding)]\";\n\n  switch (error.type) {\n    case 'config_not_found':\n      return (\n        <main className={containerClass}>\n          <div className=\"text-center space-y-4\">\n            <h1 className=\"text-2xl font-semibold tracking-tight\">Setup Required</h1>\n            <p className=\"text-muted-foreground\">\n              Could not find <code className=\"font-mono text-sm bg-muted px-2 py-1\">.veslx.json</code>\n            </p>\n            <p className=\"text-muted-foreground/70 text-sm\">\n              Run the veslx build script to generate the directory index.\n            </p>\n          </div>\n        </main>\n      );\n\n    case 'path_not_found':\n      return (\n        <main className={containerClass}>\n          <div className=\"text-center space-y-4\">\n            <h1 className=\"font-mono text-6xl tracking-tighter text-muted-foreground/30\">404</h1>\n            <p className=\"text-lg text-foreground\">Page not found</p>\n            <p className=\"text-muted-foreground text-sm\">\n              <code className=\"font-mono bg-muted px-2 py-1\">{path}</code>\n            </p>\n          </div>\n        </main>\n      );\n\n    case 'parse_error':\n      return (\n        <main className={containerClass}>\n          <div className=\"text-center space-y-4\">\n            <h1 className=\"text-2xl font-semibold text-destructive\">Configuration Error</h1>\n            <p className=\"text-muted-foreground\">\n              Failed to parse <code className=\"font-mono text-sm bg-muted px-2 py-1\">.veslx.json</code>\n            </p>\n          </div>\n        </main>\n      );\n\n    case 'fetch_error':\n    default:\n      return (\n        <main className={containerClass}>\n          <div className=\"text-center space-y-4\">\n            <h1 className=\"text-2xl font-semibold text-destructive\">Error</h1>\n            <p className=\"text-muted-foreground\">{error.message}</p>\n          </div>\n        </main>\n      );\n  }\n}\n"],"names":[],"mappings":";AAGO,SAAS,aAAa,EAAE,OAAO,QAAiD;AACrF,QAAM,iBAAiB;AAEvB,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,iCACG,QAAA,EAAK,WAAW,gBACf,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,yCAAwC,UAAA,kBAAc;AAAA,QACpE,qBAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA;AAAA,UAAA;AAAA,UACpB,oBAAC,QAAA,EAAK,WAAU,wCAAuC,UAAA,cAAA,CAAW;AAAA,QAAA,GACnF;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,oCAAmC,UAAA,8DAAA,CAEhD;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAGJ,KAAK;AACH,iCACG,QAAA,EAAK,WAAW,gBACf,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,gEAA+D,UAAA,OAAG;AAAA,QAChF,oBAAC,KAAA,EAAE,WAAU,2BAA0B,UAAA,kBAAc;AAAA,QACrD,oBAAC,OAAE,WAAU,iCACX,8BAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA,KAAA,CAAK,EAAA,CACvD;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAGJ,KAAK;AACH,iCACG,QAAA,EAAK,WAAW,gBACf,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,2CAA0C,UAAA,uBAAmB;AAAA,QAC3E,qBAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA;AAAA,UAAA;AAAA,UACnB,oBAAC,QAAA,EAAK,WAAU,wCAAuC,UAAA,cAAA,CAAW;AAAA,QAAA,EAAA,CACpF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAGJ,KAAK;AAAA,IACL;AACE,iCACG,QAAA,EAAK,WAAW,gBACf,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,2CAA0C,UAAA,SAAK;AAAA,QAC7D,oBAAC,KAAA,EAAE,WAAU,yBAAyB,gBAAM,QAAA,CAAQ;AAAA,MAAA,EAAA,CACtD,EAAA,CACF;AAAA,EAAA;AAGR;"}

package/dist/client/components/parameter-badge.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFileContent } from "../plugin/src/client.js";
+import { useMemo } from "react";
+import { cn } from "../lib/utils.js";
+import { parseConfigFile, extractPath, deriveLabelFromPath, formatValue, getValueType } from "../lib/parameter-utils.js";
+function ParameterBadge({ path, keyPath, label, unit }) {
+  const { content, loading, error } = useFileContent(path);
+  const { value, displayLabel } = useMemo(() => {
+    if (!content) return { value: void 0, displayLabel: "" };
+    const data = parseConfigFile(content, path);
+    if (!data) return { value: void 0, displayLabel: "" };
+    const extracted = extractPath(data, keyPath);
+    const derivedLabel = label || deriveLabelFromPath(keyPath);
+    return { value: extracted, displayLabel: derivedLabel };
+  }, [content, path, keyPath, label]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-muted/50 border border-border/50", children: /* @__PURE__ */ jsx("span", { className: "w-2 h-2 border border-muted-foreground/40 border-t-transparent rounded-full animate-spin" }) });
+  }
+  if (error || value === void 0) {
+    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-destructive/10 border border-destructive/30", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-destructive", children: "—" }) });
+  }
+  const type = getValueType(value);
+  const formattedValue = formatValue(value);
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md font-mono text-[11px]", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: displayLabel }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "=" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "font-medium tabular-nums",
+          type === "number" && "text-foreground",
+          type === "string" && "text-amber-600 dark:text-amber-500",
+          type === "boolean" && "text-cyan-600 dark:text-cyan-500",
+          type === "null" && "text-muted-foreground/50",
+          type === "array" && "text-purple-600 dark:text-purple-400",
+          type === "object" && "text-purple-600 dark:text-purple-400"
+        ),
+        children: type === "string" ? `"${formattedValue}"` : formattedValue
+      }
+    ),
+    unit && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: unit })
+  ] });
+}
+export {
+  ParameterBadge
+};
+//# sourceMappingURL=parameter-badge.js.map

package/dist/client/components/parameter-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parameter-badge.js","sources":["../../../src/components/parameter-badge.tsx"],"sourcesContent":["import { useFileContent } from \"../../plugin/src/client\";\nimport { useMemo } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  type ParameterValue,\n  extractPath,\n  getValueType,\n  formatValue,\n  parseConfigFile,\n  deriveLabelFromPath,\n} from \"@/lib/parameter-utils\";\n\ninterface ParameterBadgeProps {\n  /** Path to the YAML or JSON file */\n  path: string;\n  /** jq-like path to the value (e.g., \".base.N_E\") */\n  keyPath: string;\n  /** Optional label override (defaults to last segment of keyPath) */\n  label?: string;\n  /** Optional unit suffix (e.g., \"ms\", \"Hz\") */\n  unit?: string;\n}\n\nexport function ParameterBadge({ path, keyPath, label, unit }: ParameterBadgeProps) {\n  const { content, loading, error } = useFileContent(path);\n\n  const { value, displayLabel } = useMemo(() => {\n    if (!content) return { value: undefined, displayLabel: \"\" };\n\n    const data = parseConfigFile(content, path);\n    if (!data) return { value: undefined, displayLabel: \"\" };\n\n    const extracted = extractPath(data, keyPath);\n    const derivedLabel = label || deriveLabelFromPath(keyPath);\n\n    return { value: extracted, displayLabel: derivedLabel };\n  }, [content, path, keyPath, label]);\n\n  if (loading) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-muted/50 border border-border/50\">\n        <span className=\"w-2 h-2 border border-muted-foreground/40 border-t-transparent rounded-full animate-spin\" />\n      </span>\n    );\n  }\n\n  if (error || value === undefined) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-destructive/10 border border-destructive/30\">\n        <span className=\"text-[10px] font-mono text-destructive\">—</span>\n      </span>\n    );\n  }\n\n  const type = getValueType(value);\n  const formattedValue = formatValue(value);\n\n  return (\n    <span className=\"inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md font-mono text-[11px]\">\n      <span className=\"text-muted-foreground\">{displayLabel}</span>\n      <span className=\"text-muted-foreground/40\">=</span>\n      <span\n        className={cn(\n          \"font-medium tabular-nums\",\n          type === \"number\" && \"text-foreground\",\n          type === \"string\" && \"text-amber-600 dark:text-amber-500\",\n          type === \"boolean\" && \"text-cyan-600 dark:text-cyan-500\",\n          type === \"null\" && \"text-muted-foreground/50\",\n          type === \"array\" && \"text-purple-600 dark:text-purple-400\",\n          type === \"object\" && \"text-purple-600 dark:text-purple-400\"\n        )}\n      >\n        {type === \"string\" ? `\"${formattedValue}\"` : formattedValue}\n      </span>\n      {unit && <span className=\"text-muted-foreground/60\">{unit}</span>}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAuBO,SAAS,eAAe,EAAE,MAAM,SAAS,OAAO,QAA6B;AAClF,QAAM,EAAE,SAAS,SAAS,MAAA,IAAU,eAAe,IAAI;AAEvD,QAAM,EAAE,OAAO,aAAA,IAAiB,QAAQ,MAAM;AAC5C,QAAI,CAAC,QAAS,QAAO,EAAE,OAAO,QAAW,cAAc,GAAA;AAEvD,UAAM,OAAO,gBAAgB,SAAS,IAAI;AAC1C,QAAI,CAAC,KAAM,QAAO,EAAE,OAAO,QAAW,cAAc,GAAA;AAEpD,UAAM,YAAY,YAAY,MAAM,OAAO;AAC3C,UAAM,eAAe,SAAS,oBAAoB,OAAO;AAEzD,WAAO,EAAE,OAAO,WAAW,cAAc,aAAA;AAAA,EAC3C,GAAG,CAAC,SAAS,MAAM,SAAS,KAAK,CAAC;AAElC,MAAI,SAAS;AACX,WACE,oBAAC,UAAK,WAAU,+FACd,8BAAC,QAAA,EAAK,WAAU,4FAA2F,EAAA,CAC7G;AAAA,EAEJ;AAEA,MAAI,SAAS,UAAU,QAAW;AAChC,WACE,oBAAC,UAAK,WAAU,0GACd,8BAAC,QAAA,EAAK,WAAU,0CAAyC,UAAA,IAAA,CAAC,EAAA,CAC5D;AAAA,EAEJ;AAEA,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,iBAAiB,YAAY,KAAK;AAExC,SACE,qBAAC,QAAA,EAAK,WAAU,iFACd,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,cAAa;AAAA,IACtD,oBAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,KAAC;AAAA,IAC5C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,UACrB,SAAS,YAAY;AAAA,UACrB,SAAS,aAAa;AAAA,UACtB,SAAS,UAAU;AAAA,UACnB,SAAS,WAAW;AAAA,UACpB,SAAS,YAAY;AAAA,QAAA;AAAA,QAGtB,UAAA,SAAS,WAAW,IAAI,cAAc,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9C,QAAQ,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,KAAA,CAAK;AAAA,EAAA,GAC5D;AAEJ;"}

package/dist/client/components/parameter-table.js

@@ -0,0 +1,301 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFileContent } from "../plugin/src/client.js";
+import { useMemo, useState } from "react";
+import { cn } from "../lib/utils.js";
+import { parseConfigFile, extractPath, getValueType, formatValue } from "../lib/parameter-utils.js";
+function filterData(data, keys) {
+  const result = {};
+  for (const keyPath of keys) {
+    const extracted = extractPath(data, keyPath);
+    if (extracted === void 0) continue;
+    const cleanPath = keyPath.startsWith(".") ? keyPath.slice(1) : keyPath;
+    let keyName;
+    if (cleanPath.includes("[")) {
+      keyName = cleanPath.replace(/\[\]/g, "").replace(/\[(\d+)\]/g, "_$1");
+    } else {
+      const parts = cleanPath.split(".");
+      keyName = parts[parts.length - 1];
+    }
+    result[keyName] = extracted;
+  }
+  return result;
+}
+function ParameterGrid({ entries }) {
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-x-6 gap-y-px", children: entries.map(([key, value]) => {
+    const type = getValueType(value);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-baseline justify-between gap-2 py-1 group hover:bg-muted/30 -mx-1.5 px-1.5 rounded-sm transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground font-mono truncate", children: key }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-[11px] font-mono tabular-nums font-medium shrink-0",
+                type === "number" && "text-foreground",
+                type === "string" && "text-amber-600 dark:text-amber-500",
+                type === "boolean" && "text-cyan-600 dark:text-cyan-500",
+                type === "null" && "text-muted-foreground/50"
+              ),
+              children: type === "string" ? `"${formatValue(value)}"` : formatValue(value)
+            }
+          )
+        ]
+      },
+      key
+    );
+  }) });
+}
+function ParameterSection({
+  name,
+  data,
+  depth = 0
+}) {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const entries = Object.entries(data);
+  const leafEntries = entries.filter(([, v]) => {
+    const t = getValueType(v);
+    return t !== "object" && t !== "array";
+  });
+  const nestedEntries = entries.filter(([, v]) => {
+    const t = getValueType(v);
+    return t === "object" || t === "array";
+  });
+  return /* @__PURE__ */ jsxs("div", { className: cn(depth === 0 && "mb-4 last:mb-0"), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsCollapsed(!isCollapsed),
+        className: cn(
+          "flex items-center gap-2 w-full text-left group mb-1.5",
+          depth === 0 && "pb-1 border-b border-border/50"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "text-[10px] text-muted-foreground/60 transition-transform duration-150 select-none",
+            isCollapsed && "-rotate-90"
+          ), children: isCollapsed ? "+" : "-" }),
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "font-mono text-[11px] uppercase tracking-widest",
+            depth === 0 ? "text-foreground/80 font-semibold" : "text-muted-foreground/70"
+          ), children: name.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx("span", { className: "text-[9px] font-mono text-muted-foreground/40 ml-auto", children: entries.length })
+        ]
+      }
+    ),
+    !isCollapsed && /* @__PURE__ */ jsxs("div", { className: cn(
+      depth > 0 && "pl-3 ml-1 border-l border-border/40"
+    ), children: [
+      leafEntries.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(nestedEntries.length > 0 && "mb-3"), children: /* @__PURE__ */ jsx(ParameterGrid, { entries: leafEntries }) }),
+      nestedEntries.map(([key, value]) => {
+        const type = getValueType(value);
+        if (type === "array") {
+          const arr = value;
+          return /* @__PURE__ */ jsxs("div", { className: "mb-2 last:mb-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-[10px] font-mono text-muted-foreground/60 uppercase tracking-wider mb-1", children: [
+              key,
+              " [",
+              arr.length,
+              "]"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "pl-3 ml-1 border-l border-border/40", children: arr.map((item, i) => {
+              const itemType = getValueType(item);
+              if (itemType === "object") {
+                return /* @__PURE__ */ jsx(
+                  ParameterSection,
+                  {
+                    name: `${i}`,
+                    data: item,
+                    depth: depth + 1
+                  },
+                  i
+                );
+              }
+              return /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-mono text-foreground py-0.5", children: [
+                "[",
+                i,
+                "] ",
+                formatValue(item)
+              ] }, i);
+            }) })
+          ] }, key);
+        }
+        return /* @__PURE__ */ jsx(
+          ParameterSection,
+          {
+            name: key,
+            data: value,
+            depth: depth + 1
+          },
+          key
+        );
+      })
+    ] })
+  ] });
+}
+function estimateHeight(data, depth = 0) {
+  const entries = Object.entries(data);
+  let height = 0;
+  for (const [, value] of entries) {
+    const type = getValueType(value);
+    if (type === "object") {
+      height += 28 + estimateHeight(value, depth + 1);
+    } else if (type === "array") {
+      const arr = value;
+      height += 28;
+      for (const item of arr) {
+        if (getValueType(item) === "object") {
+          height += 24 + estimateHeight(item, depth + 1);
+        } else {
+          height += 24;
+        }
+      }
+    } else {
+      height += 24;
+    }
+  }
+  return height;
+}
+function splitIntoColumns(entries, numColumns) {
+  if (numColumns <= 1) return [entries];
+  const entryHeights = entries.map(([, value]) => {
+    const type = getValueType(value);
+    if (type === "object") {
+      return 28 + estimateHeight(value);
+    } else if (type === "array") {
+      const arr = value;
+      let h = 28;
+      for (const item of arr) {
+        if (getValueType(item) === "object") {
+          h += 24 + estimateHeight(item);
+        } else {
+          h += 24;
+        }
+      }
+      return h;
+    }
+    return 24;
+  });
+  const totalHeight = entryHeights.reduce((a, b) => a + b, 0);
+  const targetPerColumn = totalHeight / numColumns;
+  const columns = [];
+  let currentColumn = [];
+  let currentHeight = 0;
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    const entryHeight = entryHeights[i];
+    if (currentHeight >= targetPerColumn && columns.length < numColumns - 1 && currentColumn.length > 0) {
+      columns.push(currentColumn);
+      currentColumn = [];
+      currentHeight = 0;
+    }
+    currentColumn.push(entry);
+    currentHeight += entryHeight;
+  }
+  if (currentColumn.length > 0) {
+    columns.push(currentColumn);
+  }
+  return columns;
+}
+function ParameterTable({ path, keys }) {
+  const { content, loading, error } = useFileContent(path);
+  const parsed = useMemo(() => {
+    if (!content) return null;
+    const data = parseConfigFile(content, path);
+    if (!data) return null;
+    if (keys && keys.length > 0) {
+      return filterData(data, keys);
+    }
+    return data;
+  }, [content, path, keys]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "my-6 p-4 rounded border border-border/50 bg-card/30", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground/60", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-3 h-3 border border-current border-t-transparent rounded-full animate-spin" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-mono", children: "loading parameters..." })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "my-6 p-3 rounded border border-destructive/30 bg-destructive/5", children: /* @__PURE__ */ jsx("p", { className: "text-[11px] font-mono text-destructive", children: error }) });
+  }
+  if (!parsed) {
+    return /* @__PURE__ */ jsx("div", { className: "my-6 p-3 rounded border border-border/50 bg-card/30", children: /* @__PURE__ */ jsx("p", { className: "text-[11px] font-mono text-muted-foreground", children: "unable to parse config" }) });
+  }
+  const entries = Object.entries(parsed);
+  const topLeaves = entries.filter(([, v]) => {
+    const t = getValueType(v);
+    return t !== "object" && t !== "array";
+  });
+  const topNested = entries.filter(([, v]) => {
+    const t = getValueType(v);
+    return t === "object" || t === "array";
+  });
+  const estHeight = estimateHeight(parsed);
+  const HEIGHT_THRESHOLD = 500;
+  const numColumns = estHeight > HEIGHT_THRESHOLD ? Math.min(Math.ceil(estHeight / HEIGHT_THRESHOLD), 3) : 1;
+  const useColumns = numColumns > 1 && topNested.length > 1;
+  const columns = useColumns ? splitIntoColumns(topNested, numColumns) : [topNested];
+  path.split("/").pop() || path;
+  const renderNestedEntry = ([key, value]) => {
+    const type = getValueType(value);
+    if (type === "array") {
+      const arr = value;
+      return /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-mono text-foreground/80 uppercase tracking-widest font-semibold mb-1.5 pb-1 border-b border-border/50", children: [
+          key.replace(/_/g, " "),
+          " [",
+          arr.length,
+          "]"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "pl-3 ml-1 border-l border-border/40", children: arr.map((item, i) => {
+          const itemType = getValueType(item);
+          if (itemType === "object") {
+            return /* @__PURE__ */ jsx(
+              ParameterSection,
+              {
+                name: `${i}`,
+                data: item,
+                depth: 1
+              },
+              i
+            );
+          }
+          return /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-mono text-foreground py-0.5", children: [
+            "[",
+            i,
+            "] ",
+            formatValue(item)
+          ] }, i);
+        }) })
+      ] }, key);
+    }
+    return /* @__PURE__ */ jsx(
+      ParameterSection,
+      {
+        name: key,
+        data: value,
+        depth: 0
+      },
+      key
+    );
+  };
+  return /* @__PURE__ */ jsx("div", { className: "my-6 not-prose", children: /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/60 bg-card/20 p-3 overflow-hidden", children: [
+    topLeaves.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(topNested.length > 0 && "mb-4 pb-3 border-b border-border/30"), children: /* @__PURE__ */ jsx(ParameterGrid, { entries: topLeaves }) }),
+    useColumns ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "grid gap-6",
+        style: { gridTemplateColumns: `repeat(${columns.length}, 1fr)` },
+        children: columns.map((columnEntries, colIndex) => /* @__PURE__ */ jsx("div", { className: cn(
+          colIndex > 0 && "border-l border-border/30 pl-6"
+        ), children: columnEntries.map(renderNestedEntry) }, colIndex))
+      }
+    ) : topNested.map(renderNestedEntry)
+  ] }) });
+}
+export {
+  ParameterTable
+};
+//# sourceMappingURL=parameter-table.js.map