veslx 0.1.36 → 0.1.38

package/bin/lib/build.ts

@@ -1,5 +1,4 @@
 import { build } from 'vite'
-import { execSync } from 'child_process'
 import path from 'path'
 import fs from 'fs'
 import importConfig from "./import-config";
@@ -40,16 +39,6 @@ async function readPackageJson(cwd: string): Promise<PackageJson | null> {
   }
 }
 
-function getGitHubRepo(cwd: string): string {
-  try {
-    const remote = execSync('git remote get-url origin', { cwd, encoding: 'utf-8' }).trim();
-    const match = remote.match(/github\.com[:/]([^/]+\/[^/.]+)/);
-    return match ? match[1] : '';
-  } catch {
-    return '';
-  }
-}
-
 async function getDefaultConfig(cwd: string) {
   const pkg = await readPackageJson(cwd);
   const folderName = path.basename(cwd);
@@ -60,7 +49,6 @@ async function getDefaultConfig(cwd: string) {
     site: {
       name,
       description: pkg?.description || '',
-      github: getGitHubRepo(cwd),
     }
   };
 }

package/bin/lib/export.ts

@@ -1,6 +1,5 @@
 import { createServer, type ViteDevServer } from 'vite'
 import { chromium, type Browser } from 'playwright'
-import { execSync } from 'child_process'
 import importConfig from "./import-config"
 import veslxPlugin from '../../plugin/src/plugin'
 import path from 'path'
@@ -26,16 +25,6 @@ async function readPackageJson(cwd: string): Promise<PackageJson | null> {
   }
 }
 
-function getGitHubRepo(cwd: string): string {
-  try {
-    const remote = execSync('git remote get-url origin', { cwd, encoding: 'utf-8' }).trim();
-    const match = remote.match(/github\.com[:/]([^/]+\/[^/.]+)/);
-    return match ? match[1] : '';
-  } catch {
-    return '';
-  }
-}
-
 async function getDefaultConfig(cwd: string) {
   const pkg = await readPackageJson(cwd);
   const folderName = path.basename(cwd);
@@ -46,7 +35,6 @@ async function getDefaultConfig(cwd: string) {
     site: {
       name,
       description: pkg?.description || '',
-      github: getGitHubRepo(cwd),
     }
   };
 }

package/bin/lib/serve.ts

@@ -1,5 +1,4 @@
 import { createServer } from 'vite'
-import { execSync } from 'child_process'
 import importConfig from "./import-config";
 import veslxPlugin from '../../plugin/src/plugin'
 import path from 'path'
@@ -20,17 +19,6 @@ async function readPackageJson(cwd: string): Promise<PackageJson | null> {
   }
 }
 
-function getGitHubRepo(cwd: string): string {
-  try {
-    const remote = execSync('git remote get-url origin', { cwd, encoding: 'utf-8' }).trim();
-    // Parse github URL: git@github.com:user/repo.git or https://github.com/user/repo.git
-    const match = remote.match(/github\.com[:/]([^/]+\/[^/.]+)/);
-    return match ? match[1] : '';
-  } catch {
-    return '';
-  }
-}
-
 async function getDefaultConfig(cwd: string) {
   const pkg = await readPackageJson(cwd);
   const folderName = path.basename(cwd);
@@ -41,7 +29,6 @@ async function getDefaultConfig(cwd: string) {
     site: {
       name,
       description: pkg?.description || '',
-      github: getGitHubRepo(cwd),
     }
   };
 }

package/dist/client/components/footer.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import packageJson from "../package.json.js";
+function Footer() {
+  return /* @__PURE__ */ jsx("footer", { className: "py-4 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]", children: /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: "https://github.com/eoinmurray/veslx",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "font-mono text-xs text-muted-foreground/50 hover:text-muted-foreground transition-colors",
+      children: [
+        "veslx v",
+        packageJson.version
+      ]
+    }
+  ) }) });
+}
+export {
+  Footer
+};
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../src/components/footer.tsx"],"sourcesContent":["import packageJson from \"../../package.json\";\n\nexport function Footer() {\n  return (\n    <footer className=\"py-4 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n      <div className=\"flex justify-end\">\n        <a\n          href=\"https://github.com/eoinmurray/veslx\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"font-mono text-xs text-muted-foreground/50 hover:text-muted-foreground transition-colors\"\n        >\n          veslx v{packageJson.version}\n        </a>\n      </div>\n    </footer>\n  );\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS;AACvB,6BACG,UAAA,EAAO,WAAU,6EAChB,UAAA,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MACX,UAAA;AAAA,QAAA;AAAA,QACS,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF;AAEJ;"}

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

@@ -9,6 +9,7 @@ import { FigureSlide } from "./slides/figure-slide.js";
 import { TextSlide } from "./slides/text-slide.js";
 import { SlideOutline } from "./slides/slide-outline.js";
 import { PostList } from "./post-list.js";
+import { PostListItem } from "./post-list-item.js";
 function SmartLink({ href, children, ...props }) {
   const location = useLocation();
   const isExternal = (href == null ? void 0 : href.startsWith("http")) || (href == null ? void 0 : href.startsWith("mailto:")) || (href == null ? void 0 : href.startsWith("tel:"));
@@ -59,6 +60,7 @@ const mdxComponents = {
   TextSlide,
   SlideOutline,
   PostList,
+  PostListItem,
   // Headings - clean sans-serif
   h1: (props) => {
     const id = generateId(props.children);

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

@@ -1 +1 @@
-{"version":3,"file":"mdx-components.js","sources":["../../../src/components/mdx-components.tsx"],"sourcesContent":["import { Link, useLocation } from 'react-router-dom'\nimport Gallery from '@/components/gallery'\nimport { ParameterTable } from '@/components/parameter-table'\nimport { ParameterBadge } from '@/components/parameter-badge'\nimport { FrontMatter } from './front-matter'\nimport { HeroSlide } from './slides/hero-slide'\nimport { FigureSlide } from './slides/figure-slide'\nimport { TextSlide } from './slides/text-slide'\nimport { SlideOutline } from './slides/slide-outline'\nimport { PostList } from '@/components/post-list'\n/**\n * Smart link component that uses React Router for internal links\n * and regular anchor tags for external links.\n */\nfunction SmartLink({ href, children, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\n  const location = useLocation()\n\n  // External links: absolute URLs, mailto, tel, etc.\n  const isExternal = href?.startsWith('http') || href?.startsWith('mailto:') || href?.startsWith('tel:')\n\n  // Hash-only links stay as anchors for in-page navigation\n  const isHashOnly = href?.startsWith('#')\n\n  if (isExternal || isHashOnly || !href) {\n    return (\n      <a\n        href={href}\n        className=\"text-primary hover:underline underline-offset-2\"\n        {...(isExternal ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n        {...props}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // Resolve relative paths (./foo.mdx, ../bar.mdx) against current location\n  let resolvedHref = href\n  if (href.startsWith('./') || href.startsWith('../')) {\n    // Get current directory from pathname\n    const currentPath = location.pathname\n    const currentDir = currentPath.replace(/\\/[^/]+\\.mdx$/, '') || currentPath.replace(/\\/[^/]*$/, '') || '/'\n\n    // Simple relative path resolution\n    if (href.startsWith('./')) {\n      resolvedHref = `${currentDir}/${href.slice(2)}`.replace(/\\/+/g, '/')\n    } else if (href.startsWith('../')) {\n      const parentDir = currentDir.replace(/\\/[^/]+$/, '') || '/'\n      resolvedHref = `${parentDir}/${href.slice(3)}`.replace(/\\/+/g, '/')\n    }\n  }\n\n  // Internal link - use React Router Link\n  return (\n    <Link\n      to={resolvedHref}\n      className=\"text-primary hover:underline underline-offset-2\"\n      {...props}\n    >\n      {children}\n    </Link>\n  )\n}\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\n  FrontMatter,\n\n  Gallery,\n\n  ParameterTable,\n\n  ParameterBadge,\n\n  HeroSlide,\n\n  FigureSlide,\n\n  TextSlide,\n\n  SlideOutline,\n\n  PostList,\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 border border-border rounded-md font-mono my-6\"\n      {...props}\n    />\n  ),\n  code: ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => (\n    // Styling handled by CSS - inline code gets bg via :not(pre) > code selector\n    <code className={className} {...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 - uses React Router for internal navigation\n  a: SmartLink,\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":"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"}
+{"version":3,"file":"mdx-components.js","sources":["../../../src/components/mdx-components.tsx"],"sourcesContent":["import { Link, useLocation } from 'react-router-dom'\nimport Gallery from '@/components/gallery'\nimport { ParameterTable } from '@/components/parameter-table'\nimport { ParameterBadge } from '@/components/parameter-badge'\nimport { FrontMatter } from './front-matter'\nimport { HeroSlide } from './slides/hero-slide'\nimport { FigureSlide } from './slides/figure-slide'\nimport { TextSlide } from './slides/text-slide'\nimport { SlideOutline } from './slides/slide-outline'\nimport { PostList } from '@/components/post-list'\nimport { PostListItem } from '@/components/post-list-item'\n/**\n * Smart link component that uses React Router for internal links\n * and regular anchor tags for external links.\n */\nfunction SmartLink({ href, children, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\n  const location = useLocation()\n\n  // External links: absolute URLs, mailto, tel, etc.\n  const isExternal = href?.startsWith('http') || href?.startsWith('mailto:') || href?.startsWith('tel:')\n\n  // Hash-only links stay as anchors for in-page navigation\n  const isHashOnly = href?.startsWith('#')\n\n  if (isExternal || isHashOnly || !href) {\n    return (\n      <a\n        href={href}\n        className=\"text-primary hover:underline underline-offset-2\"\n        {...(isExternal ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n        {...props}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // Resolve relative paths (./foo.mdx, ../bar.mdx) against current location\n  let resolvedHref = href\n  if (href.startsWith('./') || href.startsWith('../')) {\n    // Get current directory from pathname\n    const currentPath = location.pathname\n    const currentDir = currentPath.replace(/\\/[^/]+\\.mdx$/, '') || currentPath.replace(/\\/[^/]*$/, '') || '/'\n\n    // Simple relative path resolution\n    if (href.startsWith('./')) {\n      resolvedHref = `${currentDir}/${href.slice(2)}`.replace(/\\/+/g, '/')\n    } else if (href.startsWith('../')) {\n      const parentDir = currentDir.replace(/\\/[^/]+$/, '') || '/'\n      resolvedHref = `${parentDir}/${href.slice(3)}`.replace(/\\/+/g, '/')\n    }\n  }\n\n  // Internal link - use React Router Link\n  return (\n    <Link\n      to={resolvedHref}\n      className=\"text-primary hover:underline underline-offset-2\"\n      {...props}\n    >\n      {children}\n    </Link>\n  )\n}\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\n  FrontMatter,\n\n  Gallery,\n\n  ParameterTable,\n\n  ParameterBadge,\n\n  HeroSlide,\n\n  FigureSlide,\n\n  TextSlide,\n\n  SlideOutline,\n\n  PostList,\n\n  PostListItem,\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 border border-border rounded-md font-mono my-6\"\n      {...props}\n    />\n  ),\n  code: ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => (\n    // Styling handled by CSS - inline code gets bg via :not(pre) > code selector\n    <code className={className} {...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 - uses React Router for internal navigation\n  a: SmartLink,\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":"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"}

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

@@ -82,12 +82,13 @@ function ParameterGrid({ entries }) {
             "span",
             {
               className: cn(
-                "text-[11px] font-mono tabular-nums font-medium shrink-0",
+                "text-[11px] font-mono tabular-nums font-medium truncate max-w-[120px]",
                 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"
               ),
+              title: type === "string" ? `"${formatValue(value)}"` : formatValue(value),
               children: type === "string" ? `"${formatValue(value)}"` : formatValue(value)
             }
           )
@@ -349,7 +350,7 @@ function SingleParameterTable({ path, keys, label, withMargin = true }) {
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("not-prose", withMargin && "my-6"), children: [
     label && /* @__PURE__ */ jsx("div", { className: "text-[11px] font-mono text-muted-foreground mb-1.5 truncate", title: label, children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/60 bg-card/20 p-3 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/60 bg-card/20 p-3 overflow-hidden max-w-full", 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",
@@ -375,7 +376,13 @@ function ParameterTable({ path, keys }) {
     resolvedPath = currentDir === "." ? path : `${currentDir}/${path}`;
   }
   const hasGlob = isGlobPattern(resolvedPath);
-  const baseDir = hasGlob ? resolvedPath.split(/[*?\[]/, 1)[0].replace(/\/$/, "") || "." : null;
+  const baseDir = useMemo(() => {
+    if (!hasGlob) return null;
+    const beforeGlob = resolvedPath.split(/[*?\[]/, 1)[0];
+    const lastSlash = beforeGlob.lastIndexOf("/");
+    if (lastSlash === -1) return ".";
+    return beforeGlob.slice(0, lastSlash) || ".";
+  }, [hasGlob, resolvedPath]);
   const { directory } = useDirectory(baseDir || ".");
   const matchingPaths = useMemo(() => {
     if (!hasGlob || !directory) return [];
@@ -414,11 +421,11 @@ function ParameterTable({ path, keys }) {
       ] })
     ] }) });
   }
-  const count = matchingPaths.length;
-  const breakoutClass = count >= 3 ? "w-[90vw] ml-[calc(-45vw+50%)]" : count === 2 ? "w-[75vw] ml-[calc(-37.5vw+50%)]" : "";
   const scrollRef = useRef(null);
   usePreventSwipeNavigation(scrollRef);
-  return /* @__PURE__ */ jsx("div", { ref: scrollRef, className: `my-6 flex gap-4 overflow-x-auto overscroll-x-contain pb-2 ${breakoutClass}`, children: matchingPaths.map((filePath) => /* @__PURE__ */ jsx("div", { className: "flex-none min-w-[300px] max-w-[400px]", children: /* @__PURE__ */ jsx(
+  const count = matchingPaths.length;
+  const breakoutClass = count >= 4 ? "w-[96vw] ml-[calc(-48vw+50%)]" : count >= 2 ? "w-[75vw] ml-[calc(-37.5vw+50%)]" : "";
+  return /* @__PURE__ */ jsx("div", { className: `my-6 ${breakoutClass}`, children: /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "flex gap-4 overflow-x-auto overscroll-x-contain pb-2", children: matchingPaths.map((filePath) => /* @__PURE__ */ jsx("div", { className: "flex-none w-[280px]", children: /* @__PURE__ */ jsx(
     SingleParameterTable,
     {
       path: filePath,
@@ -426,7 +433,7 @@ function ParameterTable({ path, keys }) {
       label: filePath.split("/").pop() || filePath,
       withMargin: false
     }
-  ) }, filePath)) });
+  ) }, filePath)) }) });
 }
 export {
   ParameterTable

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

@@ -1 +1 @@
-{"version":3,"file":"parameter-table.js","sources":["../../../src/components/parameter-table.tsx"],"sourcesContent":["import { useFileContent, useDirectory } from \"../../plugin/src/client\";\nimport { useMemo, useState, useRef, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport { minimatch } from \"minimatch\";\nimport {\n  type ParameterValue,\n  extractPath,\n  getValueType,\n  formatValue,\n  parseConfigFile,\n} from \"@/lib/parameter-utils\";\nimport { FileEntry, DirectoryEntry } from \"../../plugin/src/lib\";\n\n/**\n * Hook to prevent horizontal scroll from triggering browser back/forward gestures.\n */\nfunction usePreventSwipeNavigation(ref: React.RefObject<HTMLElement | null>) {\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      if (Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;\n\n      const { scrollLeft, scrollWidth, clientWidth } = el;\n      const atLeftEdge = scrollLeft <= 0;\n      const atRightEdge = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if ((atLeftEdge && e.deltaX < 0) || (atRightEdge && e.deltaX > 0)) {\n        e.preventDefault();\n      }\n    };\n\n    el.addEventListener('wheel', handleWheel, { passive: false });\n    return () => el.removeEventListener('wheel', handleWheel);\n  }, [ref]);\n}\n\n// Check if a path contains glob patterns\nfunction isGlobPattern(path: string): boolean {\n  return path.includes('*') || path.includes('?') || path.includes('[');\n}\n\n// Recursively collect all config files from a directory tree\nfunction collectAllConfigFiles(entry: DirectoryEntry | FileEntry): FileEntry[] {\n  if (entry.type === \"file\") {\n    if (entry.name.match(/\\.(yaml|yml|json)$/i)) {\n      return [entry];\n    }\n    return [];\n  }\n  const files: FileEntry[] = [];\n  for (const child of entry.children || []) {\n    files.push(...collectAllConfigFiles(child));\n  }\n  return files;\n}\n\n// Sort paths numerically\nfunction sortPathsNumerically(paths: string[]): void {\n  paths.sort((a, b) => {\n    const nums = (s: string) => (s.match(/\\d+/g) || []).map(Number);\n    const na = nums(a);\n    const nb = nums(b);\n    const len = Math.max(na.length, nb.length);\n    for (let i = 0; i < len; i++) {\n      const diff = (na[i] ?? 0) - (nb[i] ?? 0);\n      if (diff !== 0) return diff;\n    }\n    return a.localeCompare(b);\n  });\n}\n\n/**\n * Build a filtered data object from an array of jq-like paths.\n * Each path extracts data and places it in the result under the final key name.\n */\nfunction filterData(\n  data: Record<string, ParameterValue>,\n  keys: string[]\n): Record<string, ParameterValue> {\n  const result: Record<string, ParameterValue> = {};\n\n  for (const keyPath of keys) {\n    const extracted = extractPath(data, keyPath);\n    if (extracted === undefined) continue;\n\n    const cleanPath = keyPath.startsWith(\".\") ? keyPath.slice(1) : keyPath;\n\n    // For simple paths like .base.N_E, use \"N_E\" as key\n    // For paths with [], preserve more context\n    let keyName: string;\n    if (cleanPath.includes(\"[\")) {\n      keyName = cleanPath.replace(/\\[\\]/g, \"\").replace(/\\[(\\d+)\\]/g, \"_$1\");\n    } else {\n      const parts = cleanPath.split(\".\");\n      keyName = parts[parts.length - 1];\n    }\n\n    result[keyName] = extracted;\n  }\n\n  return result;\n}\n\n// Renders a flat section of key-value pairs in a dense grid\nfunction ParameterGrid({ entries }: { entries: [string, ParameterValue][] }) {\n  if (entries.length === 0) return null;\n\n  return (\n    <div className=\"grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-x-6 gap-y-px\">\n      {entries.map(([key, value]) => {\n        const type = getValueType(value);\n        return (\n          <div\n            key={key}\n            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\"\n          >\n            <span className=\"text-[11px] text-muted-foreground font-mono truncate\">\n              {key}\n            </span>\n            <span\n              className={cn(\n                \"text-[11px] font-mono tabular-nums font-medium shrink-0\",\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              )}\n            >\n              {type === \"string\" ? `\"${formatValue(value)}\"` : formatValue(value)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// Renders a nested section with its own header\nfunction ParameterSection({\n  name,\n  data,\n  depth = 0\n}: {\n  name: string;\n  data: Record<string, ParameterValue>;\n  depth?: number;\n}) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const entries = Object.entries(data);\n  const leafEntries = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t !== \"object\" && t !== \"array\";\n  });\n  const nestedEntries = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t === \"object\" || t === \"array\";\n  });\n\n  return (\n    <div className={cn(depth === 0 && \"mb-4 last:mb-0\")}>\n      <button\n        onClick={() => setIsCollapsed(!isCollapsed)}\n        className={cn(\n          \"flex items-center gap-2 w-full text-left group mb-1.5\",\n          depth === 0 && \"pb-1 border-b border-border/50\"\n        )}\n      >\n        <span className={cn(\n          \"text-[10px] text-muted-foreground/60 transition-transform duration-150 select-none\",\n          isCollapsed && \"-rotate-90\"\n        )}>\n          {isCollapsed ? \"+\" : \"-\"}\n        </span>\n\n        <span className={cn(\n          \"font-mono text-[11px] uppercase tracking-widest\",\n          depth === 0\n            ? \"text-foreground/80 font-semibold\"\n            : \"text-muted-foreground/70\"\n        )}>\n          {name.replace(/_/g, \" \")}\n        </span>\n\n        <span className=\"text-[9px] font-mono text-muted-foreground/40 ml-auto\">\n          {entries.length}\n        </span>\n      </button>\n\n      {!isCollapsed && (\n        <div className={cn(\n          depth > 0 && \"pl-3 ml-1 border-l border-border/40\"\n        )}>\n          {leafEntries.length > 0 && (\n            <div className={cn(nestedEntries.length > 0 && \"mb-3\")}>\n              <ParameterGrid entries={leafEntries} />\n            </div>\n          )}\n\n          {nestedEntries.map(([key, value]) => {\n            const type = getValueType(value);\n            if (type === \"array\") {\n              const arr = value as ParameterValue[];\n              return (\n                <div key={key} className=\"mb-2 last:mb-0\">\n                  <div className=\"text-[10px] font-mono text-muted-foreground/60 uppercase tracking-wider mb-1\">\n                    {key} [{arr.length}]\n                  </div>\n                  <div className=\"pl-3 ml-1 border-l border-border/40\">\n                    {arr.map((item, i) => {\n                      const itemType = getValueType(item);\n                      if (itemType === \"object\") {\n                        return (\n                          <ParameterSection\n                            key={i}\n                            name={`${i}`}\n                            data={item as Record<string, ParameterValue>}\n                            depth={depth + 1}\n                          />\n                        );\n                      }\n                      return (\n                        <div key={i} className=\"text-[11px] font-mono text-foreground py-0.5\">\n                          [{i}] {formatValue(item)}\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              );\n            }\n            return (\n              <ParameterSection\n                key={key}\n                name={key}\n                data={value as Record<string, ParameterValue>}\n                depth={depth + 1}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface SingleParameterTableProps {\n  /** Path to the YAML or JSON file */\n  path: string;\n  /**\n   * Optional array of jq-like paths to filter which parameters to show.\n   * Examples:\n   *   - [\".base.N_E\", \".base.N_I\"] → show only N_E and N_I from base\n   *   - [\".base\"] → show entire base section\n   *   - [\".default_inputs\", \".base.dt\"] → show default_inputs section and dt from base\n   */\n  keys?: string[];\n  /** Optional label to show above the table */\n  label?: string;\n  /** Whether to include vertical margin (default true) */\n  withMargin?: boolean;\n}\n\ninterface ParameterTableProps {\n  /** Path to the YAML or JSON file, supports glob patterns like \"*.yaml\" */\n  path: string;\n  /**\n   * Optional array of jq-like paths to filter which parameters to show.\n   */\n  keys?: string[];\n}\n\n/**\n * Estimate the height contribution of a data structure.\n */\nfunction estimateHeight(data: Record<string, ParameterValue>, depth = 0): number {\n  const entries = Object.entries(data);\n  let height = 0;\n\n  for (const [, value] of entries) {\n    const type = getValueType(value);\n    if (type === \"object\") {\n      height += 28 + estimateHeight(value as Record<string, ParameterValue>, depth + 1);\n    } else if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      height += 28;\n      for (const item of arr) {\n        if (getValueType(item) === \"object\") {\n          height += 24 + estimateHeight(item as Record<string, ParameterValue>, depth + 1);\n        } else {\n          height += 24;\n        }\n      }\n    } else {\n      height += 24;\n    }\n  }\n\n  return height;\n}\n\n/**\n * Split entries into balanced columns based on estimated height.\n */\nfunction splitIntoColumns<T extends [string, ParameterValue]>(\n  entries: T[],\n  numColumns: number\n): T[][] {\n  if (numColumns <= 1) return [entries];\n\n  const entryHeights = entries.map(([, value]) => {\n    const type = getValueType(value);\n    if (type === \"object\") {\n      return 28 + estimateHeight(value as Record<string, ParameterValue>);\n    } else if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      let h = 28;\n      for (const item of arr) {\n        if (getValueType(item) === \"object\") {\n          h += 24 + estimateHeight(item as Record<string, ParameterValue>);\n        } else {\n          h += 24;\n        }\n      }\n      return h;\n    }\n    return 24;\n  });\n\n  const totalHeight = entryHeights.reduce((a, b) => a + b, 0);\n  const targetPerColumn = totalHeight / numColumns;\n\n  const columns: T[][] = [];\n  let currentColumn: T[] = [];\n  let currentHeight = 0;\n\n  for (let i = 0; i < entries.length; i++) {\n    const entry = entries[i];\n    const entryHeight = entryHeights[i];\n\n    if (currentHeight >= targetPerColumn && columns.length < numColumns - 1 && currentColumn.length > 0) {\n      columns.push(currentColumn);\n      currentColumn = [];\n      currentHeight = 0;\n    }\n\n    currentColumn.push(entry);\n    currentHeight += entryHeight;\n  }\n\n  if (currentColumn.length > 0) {\n    columns.push(currentColumn);\n  }\n\n  return columns;\n}\n\nfunction SingleParameterTable({ path, keys, label, withMargin = true }: SingleParameterTableProps) {\n  const { content, loading, error } = useFileContent(path);\n\n  const { parsed, parseError } = useMemo(() => {\n    if (!content) return { parsed: null, parseError: 'no content' };\n\n    const data = parseConfigFile(content, path);\n    if (!data) {\n      // Check why parsing failed\n      if (!path.match(/\\.(yaml|yml|json)$/i)) {\n        return { parsed: null, parseError: `unsupported file type` };\n      }\n      // Check if content looks like HTML (404 page)\n      if (content.trim().startsWith('<!') || content.trim().startsWith('<html')) {\n        return { parsed: null, parseError: `file not found` };\n      }\n      return { parsed: null, parseError: `invalid ${path.split('.').pop()} syntax` };\n    }\n\n    if (keys && keys.length > 0) {\n      const filtered = filterData(data, keys);\n      if (Object.keys(filtered).length === 0) {\n        return { parsed: null, parseError: `keys not found: ${keys.join(', ')}` };\n      }\n      return { parsed: filtered, parseError: null };\n    }\n\n    return { parsed: data, parseError: null };\n  }, [content, path, keys]);\n\n  if (loading) {\n    return (\n      <div className=\"my-6 p-4 rounded border border-border/50 bg-card/30\">\n        <div className=\"flex items-center gap-2 text-muted-foreground/60\">\n          <div className=\"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin\" />\n          <span className=\"text-[11px] font-mono\">loading parameters...</span>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"my-6 p-3 rounded border border-destructive/30 bg-destructive/5\">\n        <p className=\"text-[11px] font-mono text-destructive\">{error}</p>\n      </div>\n    );\n  }\n\n  if (!parsed) {\n    return (\n      <div className={cn(\"p-3 rounded border border-border/50 bg-card/30\", withMargin && \"my-6\")}>\n        <p className=\"text-[11px] font-mono text-muted-foreground\">\n          {label && <span className=\"text-foreground/60\">{label}: </span>}\n          {parseError || 'unable to parse'}\n        </p>\n      </div>\n    );\n  }\n\n  const entries = Object.entries(parsed);\n\n  const topLeaves = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t !== \"object\" && t !== \"array\";\n  });\n  const topNested = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t === \"object\" || t === \"array\";\n  });\n\n  const estHeight = estimateHeight(parsed);\n  const HEIGHT_THRESHOLD = 500;\n  const numColumns = estHeight > HEIGHT_THRESHOLD ? Math.min(Math.ceil(estHeight / HEIGHT_THRESHOLD), 3) : 1;\n  const useColumns = numColumns > 1 && topNested.length > 1;\n\n  const columns = useColumns\n    ? splitIntoColumns(topNested as [string, ParameterValue][], numColumns)\n    : [topNested];\n\n  const filename = path.split(\"/\").pop() || path;\n\n  const renderNestedEntry = ([key, value]: [string, ParameterValue]) => {\n    const type = getValueType(value);\n    if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      return (\n        <div key={key} className=\"mb-4 last:mb-0\">\n          <div className=\"text-[11px] font-mono text-foreground/80 uppercase tracking-widest font-semibold mb-1.5 pb-1 border-b border-border/50\">\n            {key.replace(/_/g, \" \")} [{arr.length}]\n          </div>\n          <div className=\"pl-3 ml-1 border-l border-border/40\">\n            {arr.map((item, i) => {\n              const itemType = getValueType(item);\n              if (itemType === \"object\") {\n                return (\n                  <ParameterSection\n                    key={i}\n                    name={`${i}`}\n                    data={item as Record<string, ParameterValue>}\n                    depth={1}\n                  />\n                );\n              }\n              return (\n                <div key={i} className=\"text-[11px] font-mono text-foreground py-0.5\">\n                  [{i}] {formatValue(item)}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <ParameterSection\n        key={key}\n        name={key}\n        data={value as Record<string, ParameterValue>}\n        depth={0}\n      />\n    );\n  };\n\n  return (\n    <div className={cn(\"not-prose\", withMargin && \"my-6\")}>\n      {label && (\n        <div className=\"text-[11px] font-mono text-muted-foreground mb-1.5 truncate\" title={label}>\n          {label}\n        </div>\n      )}\n      <div className=\"rounded border border-border/60 bg-card/20 p-3 overflow-hidden\">\n        {topLeaves.length > 0 && (\n          <div className={cn(topNested.length > 0 && \"mb-4 pb-3 border-b border-border/30\")}>\n            <ParameterGrid entries={topLeaves} />\n          </div>\n        )}\n\n        {useColumns ? (\n          <div\n            className=\"grid gap-6\"\n            style={{ gridTemplateColumns: `repeat(${columns.length}, 1fr)` }}\n          >\n            {columns.map((columnEntries, colIndex) => (\n              <div key={colIndex} className={cn(\n                colIndex > 0 && \"border-l border-border/30 pl-6\"\n              )}>\n                {columnEntries.map(renderNestedEntry)}\n              </div>\n            ))}\n          </div>\n        ) : (\n          topNested.map(renderNestedEntry)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * ParameterTable component that displays YAML/JSON config files.\n * Supports glob patterns in the path prop to show multiple files.\n */\nexport function ParameterTable({ path, keys }: ParameterTableProps) {\n  const { \"*\": routePath = \"\" } = useParams();\n\n  // Get current directory from route\n  const currentDir = routePath\n    .replace(/\\/?[^/]+\\.mdx$/i, \"\")\n    .replace(/\\/$/, \"\")\n    || \".\";\n\n  // Resolve relative paths\n  let resolvedPath = path;\n  if (path?.startsWith(\"./\")) {\n    const relativePart = path.slice(2);\n    resolvedPath = currentDir === \".\" ? relativePart : `${currentDir}/${relativePart}`;\n  } else if (path && !path.startsWith(\"/\") && !path.includes(\"/\") && !isGlobPattern(path)) {\n    resolvedPath = currentDir === \".\" ? path : `${currentDir}/${path}`;\n  }\n\n  // Check if this is a glob pattern\n  const hasGlob = isGlobPattern(resolvedPath);\n\n  // For glob patterns, get the base directory (everything before the first glob character)\n  const baseDir = hasGlob\n    ? resolvedPath.split(/[*?\\[]/, 1)[0].replace(/\\/$/, \"\") || \".\"\n    : null;\n\n  const { directory } = useDirectory(baseDir || \".\");\n\n  // Find matching files for glob patterns\n  const matchingPaths = useMemo(() => {\n    if (!hasGlob || !directory) return [];\n\n    const allFiles = collectAllConfigFiles(directory);\n    const paths = allFiles\n      .map(f => f.path)\n      .filter(p => minimatch(p, resolvedPath, { matchBase: true }));\n\n    sortPathsNumerically(paths);\n\n    // Debug logging\n    console.log('[ParameterTable]', {\n      original: path,\n      resolved: resolvedPath,\n      baseDir,\n      allConfigFiles: allFiles.map(f => f.path),\n      matched: paths\n    });\n\n    return paths;\n  }, [hasGlob, directory, resolvedPath, path, baseDir]);\n\n  // If not a glob pattern, just render the single table\n  if (!hasGlob) {\n    return <SingleParameterTable path={resolvedPath} keys={keys} />;\n  }\n\n  // Loading state for glob patterns\n  if (!directory) {\n    return (\n      <div className=\"my-6 p-4 rounded border border-border/50 bg-card/30\">\n        <div className=\"flex items-center gap-2 text-muted-foreground/60\">\n          <div className=\"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin\" />\n          <span className=\"text-[11px] font-mono\">loading parameters...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // No matches\n  if (matchingPaths.length === 0) {\n    return (\n      <div className=\"my-6 p-3 rounded border border-border/50 bg-card/30\">\n        <p className=\"text-[11px] font-mono text-muted-foreground\">\n          no files matching: {resolvedPath}\n          <br />\n          <span className=\"text-muted-foreground/50\">(base dir: {baseDir}, original: {path})</span>\n        </p>\n      </div>\n    );\n  }\n\n  // Render a table for each matching file horizontally\n  // Break out of content width when there are multiple tables\n  const count = matchingPaths.length;\n  const breakoutClass = count >= 3\n    ? 'w-[90vw] ml-[calc(-45vw+50%)]'\n    : count === 2\n      ? 'w-[75vw] ml-[calc(-37.5vw+50%)]'\n      : '';\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  usePreventSwipeNavigation(scrollRef);\n\n  return (\n    <div ref={scrollRef} className={`my-6 flex gap-4 overflow-x-auto overscroll-x-contain pb-2 ${breakoutClass}`}>\n      {matchingPaths.map((filePath) => (\n        <div key={filePath} className=\"flex-none min-w-[300px] max-w-[400px]\">\n          <SingleParameterTable\n            path={filePath}\n            keys={keys}\n            label={filePath.split('/').pop() || filePath}\n            withMargin={false}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"parameter-table.js","sources":["../../../src/components/parameter-table.tsx"],"sourcesContent":["import { useFileContent, useDirectory } from \"../../plugin/src/client\";\nimport { useMemo, useState, useRef, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport { minimatch } from \"minimatch\";\nimport {\n  type ParameterValue,\n  extractPath,\n  getValueType,\n  formatValue,\n  parseConfigFile,\n} from \"@/lib/parameter-utils\";\nimport { FileEntry, DirectoryEntry } from \"../../plugin/src/lib\";\n\n/**\n * Hook to prevent horizontal scroll from triggering browser back/forward gestures.\n */\nfunction usePreventSwipeNavigation(ref: React.RefObject<HTMLElement | null>) {\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      if (Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;\n\n      const { scrollLeft, scrollWidth, clientWidth } = el;\n      const atLeftEdge = scrollLeft <= 0;\n      const atRightEdge = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if ((atLeftEdge && e.deltaX < 0) || (atRightEdge && e.deltaX > 0)) {\n        e.preventDefault();\n      }\n    };\n\n    el.addEventListener('wheel', handleWheel, { passive: false });\n    return () => el.removeEventListener('wheel', handleWheel);\n  }, [ref]);\n}\n\n// Check if a path contains glob patterns\nfunction isGlobPattern(path: string): boolean {\n  return path.includes('*') || path.includes('?') || path.includes('[');\n}\n\n// Recursively collect all config files from a directory tree\nfunction collectAllConfigFiles(entry: DirectoryEntry | FileEntry): FileEntry[] {\n  if (entry.type === \"file\") {\n    if (entry.name.match(/\\.(yaml|yml|json)$/i)) {\n      return [entry];\n    }\n    return [];\n  }\n  const files: FileEntry[] = [];\n  for (const child of entry.children || []) {\n    files.push(...collectAllConfigFiles(child));\n  }\n  return files;\n}\n\n// Sort paths numerically\nfunction sortPathsNumerically(paths: string[]): void {\n  paths.sort((a, b) => {\n    const nums = (s: string) => (s.match(/\\d+/g) || []).map(Number);\n    const na = nums(a);\n    const nb = nums(b);\n    const len = Math.max(na.length, nb.length);\n    for (let i = 0; i < len; i++) {\n      const diff = (na[i] ?? 0) - (nb[i] ?? 0);\n      if (diff !== 0) return diff;\n    }\n    return a.localeCompare(b);\n  });\n}\n\n/**\n * Build a filtered data object from an array of jq-like paths.\n * Each path extracts data and places it in the result under the final key name.\n */\nfunction filterData(\n  data: Record<string, ParameterValue>,\n  keys: string[]\n): Record<string, ParameterValue> {\n  const result: Record<string, ParameterValue> = {};\n\n  for (const keyPath of keys) {\n    const extracted = extractPath(data, keyPath);\n    if (extracted === undefined) continue;\n\n    const cleanPath = keyPath.startsWith(\".\") ? keyPath.slice(1) : keyPath;\n\n    // For simple paths like .base.N_E, use \"N_E\" as key\n    // For paths with [], preserve more context\n    let keyName: string;\n    if (cleanPath.includes(\"[\")) {\n      keyName = cleanPath.replace(/\\[\\]/g, \"\").replace(/\\[(\\d+)\\]/g, \"_$1\");\n    } else {\n      const parts = cleanPath.split(\".\");\n      keyName = parts[parts.length - 1];\n    }\n\n    result[keyName] = extracted;\n  }\n\n  return result;\n}\n\n// Renders a flat section of key-value pairs in a dense grid\nfunction ParameterGrid({ entries }: { entries: [string, ParameterValue][] }) {\n  if (entries.length === 0) return null;\n\n  return (\n    <div className=\"grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-x-6 gap-y-px\">\n      {entries.map(([key, value]) => {\n        const type = getValueType(value);\n        return (\n          <div\n            key={key}\n            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\"\n          >\n            <span className=\"text-[11px] text-muted-foreground font-mono truncate\">\n              {key}\n            </span>\n            <span\n              className={cn(\n                \"text-[11px] font-mono tabular-nums font-medium truncate max-w-[120px]\",\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              )}\n              title={type === \"string\" ? `\"${formatValue(value)}\"` : formatValue(value)}\n            >\n              {type === \"string\" ? `\"${formatValue(value)}\"` : formatValue(value)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// Renders a nested section with its own header\nfunction ParameterSection({\n  name,\n  data,\n  depth = 0\n}: {\n  name: string;\n  data: Record<string, ParameterValue>;\n  depth?: number;\n}) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const entries = Object.entries(data);\n  const leafEntries = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t !== \"object\" && t !== \"array\";\n  });\n  const nestedEntries = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t === \"object\" || t === \"array\";\n  });\n\n  return (\n    <div className={cn(depth === 0 && \"mb-4 last:mb-0\")}>\n      <button\n        onClick={() => setIsCollapsed(!isCollapsed)}\n        className={cn(\n          \"flex items-center gap-2 w-full text-left group mb-1.5\",\n          depth === 0 && \"pb-1 border-b border-border/50\"\n        )}\n      >\n        <span className={cn(\n          \"text-[10px] text-muted-foreground/60 transition-transform duration-150 select-none\",\n          isCollapsed && \"-rotate-90\"\n        )}>\n          {isCollapsed ? \"+\" : \"-\"}\n        </span>\n\n        <span className={cn(\n          \"font-mono text-[11px] uppercase tracking-widest\",\n          depth === 0\n            ? \"text-foreground/80 font-semibold\"\n            : \"text-muted-foreground/70\"\n        )}>\n          {name.replace(/_/g, \" \")}\n        </span>\n\n        <span className=\"text-[9px] font-mono text-muted-foreground/40 ml-auto\">\n          {entries.length}\n        </span>\n      </button>\n\n      {!isCollapsed && (\n        <div className={cn(\n          depth > 0 && \"pl-3 ml-1 border-l border-border/40\"\n        )}>\n          {leafEntries.length > 0 && (\n            <div className={cn(nestedEntries.length > 0 && \"mb-3\")}>\n              <ParameterGrid entries={leafEntries} />\n            </div>\n          )}\n\n          {nestedEntries.map(([key, value]) => {\n            const type = getValueType(value);\n            if (type === \"array\") {\n              const arr = value as ParameterValue[];\n              return (\n                <div key={key} className=\"mb-2 last:mb-0\">\n                  <div className=\"text-[10px] font-mono text-muted-foreground/60 uppercase tracking-wider mb-1\">\n                    {key} [{arr.length}]\n                  </div>\n                  <div className=\"pl-3 ml-1 border-l border-border/40\">\n                    {arr.map((item, i) => {\n                      const itemType = getValueType(item);\n                      if (itemType === \"object\") {\n                        return (\n                          <ParameterSection\n                            key={i}\n                            name={`${i}`}\n                            data={item as Record<string, ParameterValue>}\n                            depth={depth + 1}\n                          />\n                        );\n                      }\n                      return (\n                        <div key={i} className=\"text-[11px] font-mono text-foreground py-0.5\">\n                          [{i}] {formatValue(item)}\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              );\n            }\n            return (\n              <ParameterSection\n                key={key}\n                name={key}\n                data={value as Record<string, ParameterValue>}\n                depth={depth + 1}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface SingleParameterTableProps {\n  /** Path to the YAML or JSON file */\n  path: string;\n  /**\n   * Optional array of jq-like paths to filter which parameters to show.\n   * Examples:\n   *   - [\".base.N_E\", \".base.N_I\"] → show only N_E and N_I from base\n   *   - [\".base\"] → show entire base section\n   *   - [\".default_inputs\", \".base.dt\"] → show default_inputs section and dt from base\n   */\n  keys?: string[];\n  /** Optional label to show above the table */\n  label?: string;\n  /** Whether to include vertical margin (default true) */\n  withMargin?: boolean;\n}\n\ninterface ParameterTableProps {\n  /** Path to the YAML or JSON file, supports glob patterns like \"*.yaml\" */\n  path: string;\n  /**\n   * Optional array of jq-like paths to filter which parameters to show.\n   */\n  keys?: string[];\n}\n\n/**\n * Estimate the height contribution of a data structure.\n */\nfunction estimateHeight(data: Record<string, ParameterValue>, depth = 0): number {\n  const entries = Object.entries(data);\n  let height = 0;\n\n  for (const [, value] of entries) {\n    const type = getValueType(value);\n    if (type === \"object\") {\n      height += 28 + estimateHeight(value as Record<string, ParameterValue>, depth + 1);\n    } else if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      height += 28;\n      for (const item of arr) {\n        if (getValueType(item) === \"object\") {\n          height += 24 + estimateHeight(item as Record<string, ParameterValue>, depth + 1);\n        } else {\n          height += 24;\n        }\n      }\n    } else {\n      height += 24;\n    }\n  }\n\n  return height;\n}\n\n/**\n * Split entries into balanced columns based on estimated height.\n */\nfunction splitIntoColumns<T extends [string, ParameterValue]>(\n  entries: T[],\n  numColumns: number\n): T[][] {\n  if (numColumns <= 1) return [entries];\n\n  const entryHeights = entries.map(([, value]) => {\n    const type = getValueType(value);\n    if (type === \"object\") {\n      return 28 + estimateHeight(value as Record<string, ParameterValue>);\n    } else if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      let h = 28;\n      for (const item of arr) {\n        if (getValueType(item) === \"object\") {\n          h += 24 + estimateHeight(item as Record<string, ParameterValue>);\n        } else {\n          h += 24;\n        }\n      }\n      return h;\n    }\n    return 24;\n  });\n\n  const totalHeight = entryHeights.reduce((a, b) => a + b, 0);\n  const targetPerColumn = totalHeight / numColumns;\n\n  const columns: T[][] = [];\n  let currentColumn: T[] = [];\n  let currentHeight = 0;\n\n  for (let i = 0; i < entries.length; i++) {\n    const entry = entries[i];\n    const entryHeight = entryHeights[i];\n\n    if (currentHeight >= targetPerColumn && columns.length < numColumns - 1 && currentColumn.length > 0) {\n      columns.push(currentColumn);\n      currentColumn = [];\n      currentHeight = 0;\n    }\n\n    currentColumn.push(entry);\n    currentHeight += entryHeight;\n  }\n\n  if (currentColumn.length > 0) {\n    columns.push(currentColumn);\n  }\n\n  return columns;\n}\n\nfunction SingleParameterTable({ path, keys, label, withMargin = true }: SingleParameterTableProps) {\n  const { content, loading, error } = useFileContent(path);\n\n  const { parsed, parseError } = useMemo(() => {\n    if (!content) return { parsed: null, parseError: 'no content' };\n\n    const data = parseConfigFile(content, path);\n    if (!data) {\n      // Check why parsing failed\n      if (!path.match(/\\.(yaml|yml|json)$/i)) {\n        return { parsed: null, parseError: `unsupported file type` };\n      }\n      // Check if content looks like HTML (404 page)\n      if (content.trim().startsWith('<!') || content.trim().startsWith('<html')) {\n        return { parsed: null, parseError: `file not found` };\n      }\n      return { parsed: null, parseError: `invalid ${path.split('.').pop()} syntax` };\n    }\n\n    if (keys && keys.length > 0) {\n      const filtered = filterData(data, keys);\n      if (Object.keys(filtered).length === 0) {\n        return { parsed: null, parseError: `keys not found: ${keys.join(', ')}` };\n      }\n      return { parsed: filtered, parseError: null };\n    }\n\n    return { parsed: data, parseError: null };\n  }, [content, path, keys]);\n\n  if (loading) {\n    return (\n      <div className=\"my-6 p-4 rounded border border-border/50 bg-card/30\">\n        <div className=\"flex items-center gap-2 text-muted-foreground/60\">\n          <div className=\"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin\" />\n          <span className=\"text-[11px] font-mono\">loading parameters...</span>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"my-6 p-3 rounded border border-destructive/30 bg-destructive/5\">\n        <p className=\"text-[11px] font-mono text-destructive\">{error}</p>\n      </div>\n    );\n  }\n\n  if (!parsed) {\n    return (\n      <div className={cn(\"p-3 rounded border border-border/50 bg-card/30\", withMargin && \"my-6\")}>\n        <p className=\"text-[11px] font-mono text-muted-foreground\">\n          {label && <span className=\"text-foreground/60\">{label}: </span>}\n          {parseError || 'unable to parse'}\n        </p>\n      </div>\n    );\n  }\n\n  const entries = Object.entries(parsed);\n\n  const topLeaves = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t !== \"object\" && t !== \"array\";\n  });\n  const topNested = entries.filter(([, v]) => {\n    const t = getValueType(v);\n    return t === \"object\" || t === \"array\";\n  });\n\n  const estHeight = estimateHeight(parsed);\n  const HEIGHT_THRESHOLD = 500;\n  const numColumns = estHeight > HEIGHT_THRESHOLD ? Math.min(Math.ceil(estHeight / HEIGHT_THRESHOLD), 3) : 1;\n  const useColumns = numColumns > 1 && topNested.length > 1;\n\n  const columns = useColumns\n    ? splitIntoColumns(topNested as [string, ParameterValue][], numColumns)\n    : [topNested];\n\n  const filename = path.split(\"/\").pop() || path;\n\n  const renderNestedEntry = ([key, value]: [string, ParameterValue]) => {\n    const type = getValueType(value);\n    if (type === \"array\") {\n      const arr = value as ParameterValue[];\n      return (\n        <div key={key} className=\"mb-4 last:mb-0\">\n          <div className=\"text-[11px] font-mono text-foreground/80 uppercase tracking-widest font-semibold mb-1.5 pb-1 border-b border-border/50\">\n            {key.replace(/_/g, \" \")} [{arr.length}]\n          </div>\n          <div className=\"pl-3 ml-1 border-l border-border/40\">\n            {arr.map((item, i) => {\n              const itemType = getValueType(item);\n              if (itemType === \"object\") {\n                return (\n                  <ParameterSection\n                    key={i}\n                    name={`${i}`}\n                    data={item as Record<string, ParameterValue>}\n                    depth={1}\n                  />\n                );\n              }\n              return (\n                <div key={i} className=\"text-[11px] font-mono text-foreground py-0.5\">\n                  [{i}] {formatValue(item)}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <ParameterSection\n        key={key}\n        name={key}\n        data={value as Record<string, ParameterValue>}\n        depth={0}\n      />\n    );\n  };\n\n  return (\n    <div className={cn(\"not-prose\", withMargin && \"my-6\")}>\n      {label && (\n        <div className=\"text-[11px] font-mono text-muted-foreground mb-1.5 truncate\" title={label}>\n          {label}\n        </div>\n      )}\n      <div className=\"rounded border border-border/60 bg-card/20 p-3 overflow-hidden max-w-full\">\n        {topLeaves.length > 0 && (\n          <div className={cn(topNested.length > 0 && \"mb-4 pb-3 border-b border-border/30\")}>\n            <ParameterGrid entries={topLeaves} />\n          </div>\n        )}\n\n        {useColumns ? (\n          <div\n            className=\"grid gap-6\"\n            style={{ gridTemplateColumns: `repeat(${columns.length}, 1fr)` }}\n          >\n            {columns.map((columnEntries, colIndex) => (\n              <div key={colIndex} className={cn(\n                colIndex > 0 && \"border-l border-border/30 pl-6\"\n              )}>\n                {columnEntries.map(renderNestedEntry)}\n              </div>\n            ))}\n          </div>\n        ) : (\n          topNested.map(renderNestedEntry)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * ParameterTable component that displays YAML/JSON config files.\n * Supports glob patterns in the path prop to show multiple files.\n */\nexport function ParameterTable({ path, keys }: ParameterTableProps) {\n  const { \"*\": routePath = \"\" } = useParams();\n\n  // Get current directory from route\n  const currentDir = routePath\n    .replace(/\\/?[^/]+\\.mdx$/i, \"\")\n    .replace(/\\/$/, \"\")\n    || \".\";\n\n  // Resolve relative paths\n  let resolvedPath = path;\n  if (path?.startsWith(\"./\")) {\n    const relativePart = path.slice(2);\n    resolvedPath = currentDir === \".\" ? relativePart : `${currentDir}/${relativePart}`;\n  } else if (path && !path.startsWith(\"/\") && !path.includes(\"/\") && !isGlobPattern(path)) {\n    resolvedPath = currentDir === \".\" ? path : `${currentDir}/${path}`;\n  }\n\n  // Check if this is a glob pattern\n  const hasGlob = isGlobPattern(resolvedPath);\n\n  // For glob patterns, get the base directory (directory containing the glob pattern)\n  const baseDir = useMemo(() => {\n    if (!hasGlob) return null;\n    // Get everything before the first glob character\n    const beforeGlob = resolvedPath.split(/[*?\\[]/, 1)[0];\n    // Extract directory portion (everything up to the last slash)\n    const lastSlash = beforeGlob.lastIndexOf('/');\n    if (lastSlash === -1) return \".\";\n    return beforeGlob.slice(0, lastSlash) || \".\";\n  }, [hasGlob, resolvedPath]);\n\n  const { directory } = useDirectory(baseDir || \".\");\n\n  // Find matching files for glob patterns\n  const matchingPaths = useMemo(() => {\n    if (!hasGlob || !directory) return [];\n\n    const allFiles = collectAllConfigFiles(directory);\n    const paths = allFiles\n      .map(f => f.path)\n      .filter(p => minimatch(p, resolvedPath, { matchBase: true }));\n\n    sortPathsNumerically(paths);\n\n    // Debug logging\n    console.log('[ParameterTable]', {\n      original: path,\n      resolved: resolvedPath,\n      baseDir,\n      allConfigFiles: allFiles.map(f => f.path),\n      matched: paths\n    });\n\n    return paths;\n  }, [hasGlob, directory, resolvedPath, path, baseDir]);\n\n  // If not a glob pattern, just render the single table\n  if (!hasGlob) {\n    return <SingleParameterTable path={resolvedPath} keys={keys} />;\n  }\n\n  // Loading state for glob patterns\n  if (!directory) {\n    return (\n      <div className=\"my-6 p-4 rounded border border-border/50 bg-card/30\">\n        <div className=\"flex items-center gap-2 text-muted-foreground/60\">\n          <div className=\"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin\" />\n          <span className=\"text-[11px] font-mono\">loading parameters...</span>\n        </div>\n      </div>\n    );\n  }\n\n  // No matches\n  if (matchingPaths.length === 0) {\n    return (\n      <div className=\"my-6 p-3 rounded border border-border/50 bg-card/30\">\n        <p className=\"text-[11px] font-mono text-muted-foreground\">\n          no files matching: {resolvedPath}\n          <br />\n          <span className=\"text-muted-foreground/50\">(base dir: {baseDir}, original: {path})</span>\n        </p>\n      </div>\n    );\n  }\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  usePreventSwipeNavigation(scrollRef);\n\n  // Breakout width based on count\n  const count = matchingPaths.length;\n  const breakoutClass = count >= 4\n    ? 'w-[96vw] ml-[calc(-48vw+50%)]'\n    : count >= 2\n      ? 'w-[75vw] ml-[calc(-37.5vw+50%)]'\n      : '';\n\n  return (\n    <div className={`my-6 ${breakoutClass}`}>\n      <div ref={scrollRef} className=\"flex gap-4 overflow-x-auto overscroll-x-contain pb-2\">\n        {matchingPaths.map((filePath) => (\n          <div key={filePath} className=\"flex-none w-[280px]\">\n            <SingleParameterTable\n              path={filePath}\n              keys={keys}\n              label={filePath.split('/').pop() || filePath}\n              withMargin={false}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiBA,SAAS,0BAA0B,KAA0C;AAC3E,YAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AAET,UAAM,cAAc,CAAC,MAAkB;AACrC,UAAI,KAAK,IAAI,EAAE,MAAM,KAAK,KAAK,IAAI,EAAE,MAAM,EAAG;AAE9C,YAAM,EAAE,YAAY,aAAa,YAAA,IAAgB;AACjD,YAAM,aAAa,cAAc;AACjC,YAAM,cAAc,aAAa,eAAe,cAAc;AAE9D,UAAK,cAAc,EAAE,SAAS,KAAO,eAAe,EAAE,SAAS,GAAI;AACjE,UAAE,eAAA;AAAA,MACJ;AAAA,IACF;AAEA,OAAG,iBAAiB,SAAS,aAAa,EAAE,SAAS,OAAO;AAC5D,WAAO,MAAM,GAAG,oBAAoB,SAAS,WAAW;AAAA,EAC1D,GAAG,CAAC,GAAG,CAAC;AACV;AAGA,SAAS,cAAc,MAAuB;AAC5C,SAAO,KAAK,SAAS,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,KAAK,SAAS,GAAG;AACtE;AAGA,SAAS,sBAAsB,OAAgD;AAC7E,MAAI,MAAM,SAAS,QAAQ;AACzB,QAAI,MAAM,KAAK,MAAM,qBAAqB,GAAG;AAC3C,aAAO,CAAC,KAAK;AAAA,IACf;AACA,WAAO,CAAA;AAAA,EACT;AACA,QAAM,QAAqB,CAAA;AAC3B,aAAW,SAAS,MAAM,YAAY,CAAA,GAAI;AACxC,UAAM,KAAK,GAAG,sBAAsB,KAAK,CAAC;AAAA,EAC5C;AACA,SAAO;AACT;AAGA,SAAS,qBAAqB,OAAuB;AACnD,QAAM,KAAK,CAAC,GAAG,MAAM;AACnB,UAAM,OAAO,CAAC,OAAe,EAAE,MAAM,MAAM,KAAK,CAAA,GAAI,IAAI,MAAM;AAC9D,UAAM,KAAK,KAAK,CAAC;AACjB,UAAM,KAAK,KAAK,CAAC;AACjB,UAAM,MAAM,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM;AACzC,aAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,YAAM,QAAQ,GAAG,CAAC,KAAK,MAAM,GAAG,CAAC,KAAK;AACtC,UAAI,SAAS,EAAG,QAAO;AAAA,IACzB;AACA,WAAO,EAAE,cAAc,CAAC;AAAA,EAC1B,CAAC;AACH;AAMA,SAAS,WACP,MACA,MACgC;AAChC,QAAM,SAAyC,CAAA;AAE/C,aAAW,WAAW,MAAM;AAC1B,UAAM,YAAY,YAAY,MAAM,OAAO;AAC3C,QAAI,cAAc,OAAW;AAE7B,UAAM,YAAY,QAAQ,WAAW,GAAG,IAAI,QAAQ,MAAM,CAAC,IAAI;AAI/D,QAAI;AACJ,QAAI,UAAU,SAAS,GAAG,GAAG;AAC3B,gBAAU,UAAU,QAAQ,SAAS,EAAE,EAAE,QAAQ,cAAc,KAAK;AAAA,IACtE,OAAO;AACL,YAAM,QAAQ,UAAU,MAAM,GAAG;AACjC,gBAAU,MAAM,MAAM,SAAS,CAAC;AAAA,IAClC;AAEA,WAAO,OAAO,IAAI;AAAA,EACpB;AAEA,SAAO;AACT;AAGA,SAAS,cAAc,EAAE,WAAoD;AAC3E,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,oBAAC,OAAA,EAAI,WAAU,yEACZ,UAAA,QAAQ,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC7B,UAAM,OAAO,aAAa,KAAK;AAC/B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,wDACb,UAAA,KACH;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,SAAS,YAAY;AAAA,gBACrB,SAAS,YAAY;AAAA,gBACrB,SAAS,aAAa;AAAA,gBACtB,SAAS,UAAU;AAAA,cAAA;AAAA,cAErB,OAAO,SAAS,WAAW,IAAI,YAAY,KAAK,CAAC,MAAM,YAAY,KAAK;AAAA,cAEvE,UAAA,SAAS,WAAW,IAAI,YAAY,KAAK,CAAC,MAAM,YAAY,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE;AAAA,MAAA;AAAA,MAjBK;AAAA,IAAA;AAAA,EAoBX,CAAC,EAAA,CACH;AAEJ;AAGA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAIG;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,UAAU,OAAO,QAAQ,IAAI;AACnC,QAAM,cAAc,QAAQ,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM;AAC5C,UAAM,IAAI,aAAa,CAAC;AACxB,WAAO,MAAM,YAAY,MAAM;AAAA,EACjC,CAAC;AACD,QAAM,gBAAgB,QAAQ,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM;AAC9C,UAAM,IAAI,aAAa,CAAC;AACxB,WAAO,MAAM,YAAY,MAAM;AAAA,EACjC,CAAC;AAED,8BACG,OAAA,EAAI,WAAW,GAAG,UAAU,KAAK,gBAAgB,GAChD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAC1C,WAAW;AAAA,UACT;AAAA,UACA,UAAU,KAAK;AAAA,QAAA;AAAA,QAGjB,UAAA;AAAA,UAAA,oBAAC,UAAK,WAAW;AAAA,YACf;AAAA,YACA,eAAe;AAAA,UAAA,GAEd,UAAA,cAAc,MAAM,IAAA,CACvB;AAAA,UAEA,oBAAC,UAAK,WAAW;AAAA,YACf;AAAA,YACA,UAAU,IACN,qCACA;AAAA,UAAA,GAEH,UAAA,KAAK,QAAQ,MAAM,GAAG,EAAA,CACzB;AAAA,UAEA,oBAAC,QAAA,EAAK,WAAU,yDACb,kBAAQ,OAAA,CACX;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,CAAC,eACA,qBAAC,OAAA,EAAI,WAAW;AAAA,MACd,QAAQ,KAAK;AAAA,IAAA,GAEZ,UAAA;AAAA,MAAA,YAAY,SAAS,KACpB,oBAAC,OAAA,EAAI,WAAW,GAAG,cAAc,SAAS,KAAK,MAAM,GACnD,UAAA,oBAAC,eAAA,EAAc,SAAS,aAAa,GACvC;AAAA,MAGD,cAAc,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACnC,cAAM,OAAO,aAAa,KAAK;AAC/B,YAAI,SAAS,SAAS;AACpB,gBAAM,MAAM;AACZ,iBACE,qBAAC,OAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,cAAA;AAAA,cAAI;AAAA,cAAG,IAAI;AAAA,cAAO;AAAA,YAAA,GACrB;AAAA,YACA,oBAAC,SAAI,WAAU,uCACZ,cAAI,IAAI,CAAC,MAAM,MAAM;AACpB,oBAAM,WAAW,aAAa,IAAI;AAClC,kBAAI,aAAa,UAAU;AACzB,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,MAAM,GAAG,CAAC;AAAA,oBACV,MAAM;AAAA,oBACN,OAAO,QAAQ;AAAA,kBAAA;AAAA,kBAHV;AAAA,gBAAA;AAAA,cAMX;AACA,qBACE,qBAAC,OAAA,EAAY,WAAU,gDAA+C,UAAA;AAAA,gBAAA;AAAA,gBAClE;AAAA,gBAAE;AAAA,gBAAG,YAAY,IAAI;AAAA,cAAA,EAAA,GADf,CAEV;AAAA,YAEJ,CAAC,EAAA,CACH;AAAA,UAAA,EAAA,GAvBQ,GAwBV;AAAA,QAEJ;AACA,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM;AAAA,YACN,MAAM;AAAA,YACN,OAAO,QAAQ;AAAA,UAAA;AAAA,UAHV;AAAA,QAAA;AAAA,MAMX,CAAC;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AA+BA,SAAS,eAAe,MAAsC,QAAQ,GAAW;AAC/E,QAAM,UAAU,OAAO,QAAQ,IAAI;AACnC,MAAI,SAAS;AAEb,aAAW,CAAA,EAAG,KAAK,KAAK,SAAS;AAC/B,UAAM,OAAO,aAAa,KAAK;AAC/B,QAAI,SAAS,UAAU;AACrB,gBAAU,KAAK,eAAe,OAAyC,QAAQ,CAAC;AAAA,IAClF,WAAW,SAAS,SAAS;AAC3B,YAAM,MAAM;AACZ,gBAAU;AACV,iBAAW,QAAQ,KAAK;AACtB,YAAI,aAAa,IAAI,MAAM,UAAU;AACnC,oBAAU,KAAK,eAAe,MAAwC,QAAQ,CAAC;AAAA,QACjF,OAAO;AACL,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF,OAAO;AACL,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AACT;AAKA,SAAS,iBACP,SACA,YACO;AACP,MAAI,cAAc,EAAG,QAAO,CAAC,OAAO;AAEpC,QAAM,eAAe,QAAQ,IAAI,CAAC,CAAA,EAAG,KAAK,MAAM;AAC9C,UAAM,OAAO,aAAa,KAAK;AAC/B,QAAI,SAAS,UAAU;AACrB,aAAO,KAAK,eAAe,KAAuC;AAAA,IACpE,WAAW,SAAS,SAAS;AAC3B,YAAM,MAAM;AACZ,UAAI,IAAI;AACR,iBAAW,QAAQ,KAAK;AACtB,YAAI,aAAa,IAAI,MAAM,UAAU;AACnC,eAAK,KAAK,eAAe,IAAsC;AAAA,QACjE,OAAO;AACL,eAAK;AAAA,QACP;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AAED,QAAM,cAAc,aAAa,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AAC1D,QAAM,kBAAkB,cAAc;AAEtC,QAAM,UAAiB,CAAA;AACvB,MAAI,gBAAqB,CAAA;AACzB,MAAI,gBAAgB;AAEpB,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,UAAM,QAAQ,QAAQ,CAAC;AACvB,UAAM,cAAc,aAAa,CAAC;AAElC,QAAI,iBAAiB,mBAAmB,QAAQ,SAAS,aAAa,KAAK,cAAc,SAAS,GAAG;AACnG,cAAQ,KAAK,aAAa;AAC1B,sBAAgB,CAAA;AAChB,sBAAgB;AAAA,IAClB;AAEA,kBAAc,KAAK,KAAK;AACxB,qBAAiB;AAAA,EACnB;AAEA,MAAI,cAAc,SAAS,GAAG;AAC5B,YAAQ,KAAK,aAAa;AAAA,EAC5B;AAEA,SAAO;AACT;AAEA,SAAS,qBAAqB,EAAE,MAAM,MAAM,OAAO,aAAa,QAAmC;AACjG,QAAM,EAAE,SAAS,SAAS,MAAA,IAAU,eAAe,IAAI;AAEvD,QAAM,EAAE,QAAQ,WAAA,IAAe,QAAQ,MAAM;AAC3C,QAAI,CAAC,QAAS,QAAO,EAAE,QAAQ,MAAM,YAAY,aAAA;AAEjD,UAAM,OAAO,gBAAgB,SAAS,IAAI;AAC1C,QAAI,CAAC,MAAM;AAET,UAAI,CAAC,KAAK,MAAM,qBAAqB,GAAG;AACtC,eAAO,EAAE,QAAQ,MAAM,YAAY,wBAAA;AAAA,MACrC;AAEA,UAAI,QAAQ,OAAO,WAAW,IAAI,KAAK,QAAQ,KAAA,EAAO,WAAW,OAAO,GAAG;AACzE,eAAO,EAAE,QAAQ,MAAM,YAAY,iBAAA;AAAA,MACrC;AACA,aAAO,EAAE,QAAQ,MAAM,YAAY,WAAW,KAAK,MAAM,GAAG,EAAE,IAAA,CAAK,UAAA;AAAA,IACrE;AAEA,QAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B,YAAM,WAAW,WAAW,MAAM,IAAI;AACtC,UAAI,OAAO,KAAK,QAAQ,EAAE,WAAW,GAAG;AACtC,eAAO,EAAE,QAAQ,MAAM,YAAY,mBAAmB,KAAK,KAAK,IAAI,CAAC,GAAA;AAAA,MACvE;AACA,aAAO,EAAE,QAAQ,UAAU,YAAY,KAAA;AAAA,IACzC;AAEA,WAAO,EAAE,QAAQ,MAAM,YAAY,KAAA;AAAA,EACrC,GAAG,CAAC,SAAS,MAAM,IAAI,CAAC;AAExB,MAAI,SAAS;AACX,+BACG,OAAA,EAAI,WAAU,uDACb,UAAA,qBAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+EAAA,CAA+E;AAAA,MAC9F,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,wBAAA,CAAqB;AAAA,IAAA,EAAA,CAC/D,EAAA,CACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,SAAI,WAAU,kEACb,8BAAC,KAAA,EAAE,WAAU,0CAA0C,UAAA,MAAA,CAAM,EAAA,CAC/D;AAAA,EAEJ;AAEA,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,OAAA,EAAI,WAAW,GAAG,kDAAkD,cAAc,MAAM,GACvF,UAAA,qBAAC,KAAA,EAAE,WAAU,+CACV,UAAA;AAAA,MAAA,SAAS,qBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,MAAA,GAAE;AAAA,MACvD,cAAc;AAAA,IAAA,EAAA,CACjB,EAAA,CACF;AAAA,EAEJ;AAEA,QAAM,UAAU,OAAO,QAAQ,MAAM;AAErC,QAAM,YAAY,QAAQ,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM;AAC1C,UAAM,IAAI,aAAa,CAAC;AACxB,WAAO,MAAM,YAAY,MAAM;AAAA,EACjC,CAAC;AACD,QAAM,YAAY,QAAQ,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM;AAC1C,UAAM,IAAI,aAAa,CAAC;AACxB,WAAO,MAAM,YAAY,MAAM;AAAA,EACjC,CAAC;AAED,QAAM,YAAY,eAAe,MAAM;AACvC,QAAM,mBAAmB;AACzB,QAAM,aAAa,YAAY,mBAAmB,KAAK,IAAI,KAAK,KAAK,YAAY,gBAAgB,GAAG,CAAC,IAAI;AACzG,QAAM,aAAa,aAAa,KAAK,UAAU,SAAS;AAExD,QAAM,UAAU,aACZ,iBAAiB,WAAyC,UAAU,IACpE,CAAC,SAAS;AAEG,OAAK,MAAM,GAAG,EAAE,SAAS;AAE1C,QAAM,oBAAoB,CAAC,CAAC,KAAK,KAAK,MAAgC;AACpE,UAAM,OAAO,aAAa,KAAK;AAC/B,QAAI,SAAS,SAAS;AACpB,YAAM,MAAM;AACZ,aACE,qBAAC,OAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,0HACZ,UAAA;AAAA,UAAA,IAAI,QAAQ,MAAM,GAAG;AAAA,UAAE;AAAA,UAAG,IAAI;AAAA,UAAO;AAAA,QAAA,GACxC;AAAA,QACA,oBAAC,SAAI,WAAU,uCACZ,cAAI,IAAI,CAAC,MAAM,MAAM;AACpB,gBAAM,WAAW,aAAa,IAAI;AAClC,cAAI,aAAa,UAAU;AACzB,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAM,GAAG,CAAC;AAAA,gBACV,MAAM;AAAA,gBACN,OAAO;AAAA,cAAA;AAAA,cAHF;AAAA,YAAA;AAAA,UAMX;AACA,iBACE,qBAAC,OAAA,EAAY,WAAU,gDAA+C,UAAA;AAAA,YAAA;AAAA,YAClE;AAAA,YAAE;AAAA,YAAG,YAAY,IAAI;AAAA,UAAA,EAAA,GADf,CAEV;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,EAAA,GAvBQ,GAwBV;AAAA,IAEJ;AACA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAHF;AAAA,IAAA;AAAA,EAMX;AAEA,8BACG,OAAA,EAAI,WAAW,GAAG,aAAa,cAAc,MAAM,GACjD,UAAA;AAAA,IAAA,6BACE,OAAA,EAAI,WAAU,+DAA8D,OAAO,OACjF,UAAA,OACH;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,6EACZ,UAAA;AAAA,MAAA,UAAU,SAAS,KAClB,oBAAC,OAAA,EAAI,WAAW,GAAG,UAAU,SAAS,KAAK,qCAAqC,GAC9E,UAAA,oBAAC,eAAA,EAAc,SAAS,WAAW,GACrC;AAAA,MAGD,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,qBAAqB,UAAU,QAAQ,MAAM,SAAA;AAAA,UAErD,kBAAQ,IAAI,CAAC,eAAe,aAC3B,oBAAC,SAAmB,WAAW;AAAA,YAC7B,WAAW,KAAK;AAAA,UAAA,GAEf,UAAA,cAAc,IAAI,iBAAiB,EAAA,GAH5B,QAIV,CACD;AAAA,QAAA;AAAA,MAAA,IAGH,UAAU,IAAI,iBAAiB;AAAA,IAAA,EAAA,CAEnC;AAAA,EAAA,GACF;AAEJ;AAMO,SAAS,eAAe,EAAE,MAAM,QAA6B;AAClE,QAAM,EAAE,KAAK,YAAY,GAAA,IAAO,UAAA;AAGhC,QAAM,aAAa,UAChB,QAAQ,mBAAmB,EAAE,EAC7B,QAAQ,OAAO,EAAE,KACf;AAGL,MAAI,eAAe;AACnB,MAAI,6BAAM,WAAW,OAAO;AAC1B,UAAM,eAAe,KAAK,MAAM,CAAC;AACjC,mBAAe,eAAe,MAAM,eAAe,GAAG,UAAU,IAAI,YAAY;AAAA,EAClF,WAAW,QAAQ,CAAC,KAAK,WAAW,GAAG,KAAK,CAAC,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,IAAI,GAAG;AACvF,mBAAe,eAAe,MAAM,OAAO,GAAG,UAAU,IAAI,IAAI;AAAA,EAClE;AAGA,QAAM,UAAU,cAAc,YAAY;AAG1C,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,CAAC,QAAS,QAAO;AAErB,UAAM,aAAa,aAAa,MAAM,UAAU,CAAC,EAAE,CAAC;AAEpD,UAAM,YAAY,WAAW,YAAY,GAAG;AAC5C,QAAI,cAAc,GAAI,QAAO;AAC7B,WAAO,WAAW,MAAM,GAAG,SAAS,KAAK;AAAA,EAC3C,GAAG,CAAC,SAAS,YAAY,CAAC;AAE1B,QAAM,EAAE,UAAA,IAAc,aAAa,WAAW,GAAG;AAGjD,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,WAAW,CAAC,kBAAkB,CAAA;AAEnC,UAAM,WAAW,sBAAsB,SAAS;AAChD,UAAM,QAAQ,SACX,IAAI,CAAA,MAAK,EAAE,IAAI,EACf,OAAO,CAAA,MAAK,UAAU,GAAG,cAAc,EAAE,WAAW,KAAA,CAAM,CAAC;AAE9D,yBAAqB,KAAK;AAG1B,YAAQ,IAAI,oBAAoB;AAAA,MAC9B,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA,gBAAgB,SAAS,IAAI,CAAA,MAAK,EAAE,IAAI;AAAA,MACxC,SAAS;AAAA,IAAA,CACV;AAED,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,WAAW,cAAc,MAAM,OAAO,CAAC;AAGpD,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC,sBAAA,EAAqB,MAAM,cAAc,KAAA,CAAY;AAAA,EAC/D;AAGA,MAAI,CAAC,WAAW;AACd,+BACG,OAAA,EAAI,WAAU,uDACb,UAAA,qBAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+EAAA,CAA+E;AAAA,MAC9F,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,wBAAA,CAAqB;AAAA,IAAA,EAAA,CAC/D,EAAA,CACF;AAAA,EAEJ;AAGA,MAAI,cAAc,WAAW,GAAG;AAC9B,+BACG,OAAA,EAAI,WAAU,uDACb,UAAA,qBAAC,KAAA,EAAE,WAAU,+CAA8C,UAAA;AAAA,MAAA;AAAA,MACrC;AAAA,0BACnB,MAAA,EAAG;AAAA,MACJ,qBAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,QAAA;AAAA,QAAY;AAAA,QAAQ;AAAA,QAAa;AAAA,QAAK;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,EAAA,CACpF,EAAA,CACF;AAAA,EAEJ;AAEA,QAAM,YAAY,OAAuB,IAAI;AAC7C,4BAA0B,SAAS;AAGnC,QAAM,QAAQ,cAAc;AAC5B,QAAM,gBAAgB,SAAS,IAC3B,kCACA,SAAS,IACP,oCACA;AAEN,6BACG,OAAA,EAAI,WAAW,QAAQ,aAAa,IACnC,8BAAC,OAAA,EAAI,KAAK,WAAW,WAAU,wDAC5B,wBAAc,IAAI,CAAC,aAClB,oBAAC,OAAA,EAAmB,WAAU,uBAC5B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,OAAO,SAAS,MAAM,GAAG,EAAE,SAAS;AAAA,MACpC,YAAY;AAAA,IAAA;AAAA,EAAA,EACd,GANQ,QAOV,CACD,EAAA,CACH,GACF;AAEJ;"}

package/dist/client/components/post-list.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
+import { minimatch } from "minimatch";
 import { directoryToPostEntries, filterVisiblePosts, getFrontmatter } from "../lib/content-classification.js";
 import { useDirectory } from "../plugin/src/client.js";
 import { ErrorDisplay } from "./page-error.js";
@@ -19,7 +20,7 @@ function getLinkPath(post) {
     return `/${post.path}`;
   }
 }
-function PostList() {
+function PostList({ globs = null }) {
   var _a;
   const { "*": path = "." } = useParams();
   const { directory, error } = useDirectory(path);
@@ -34,6 +35,11 @@ function PostList() {
     return /* @__PURE__ */ jsx("div", { className: "py-24 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground font-mono text-sm tracking-wide", children: "no entries" }) });
   }
   posts = filterVisiblePosts(posts);
+  if (globs && globs.length > 0) {
+    posts = posts.filter(
+      (post) => globs.some((pattern) => minimatch(post.name, pattern, { matchBase: true }))
+    );
+  }
   if (posts.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "py-24 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground font-mono text-sm tracking-wide", children: "no entries" }) });
   }

package/dist/client/components/post-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport {\n  type PostEntry,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  getFrontmatter,\n} from \"@/lib/content-classification\";\nimport { useDirectory } from \"../../plugin/src/client\";\nimport { ErrorDisplay } from \"./page-error\";\nimport Loading from \"./loading\";\nimport { PostListItem } from \"./post-list-item\";\nimport veslxConfig from \"virtual:veslx-config\";\n\n// Helper to format name for display (e.g., \"01-getting-started\" → \"Getting Started\")\nfunction formatName(name: string): string {\n  return name\n    .replace(/^\\d+-/, '')\n    .replace(/-/g, ' ')\n    .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\n// Helper to get link path from post\nfunction getLinkPath(post: PostEntry): string {\n  if (post.file) {\n    // Standalone MDX file\n    return `/${post.file.path}`;\n  } else if (post.slides && !post.readme) {\n    // Folder with only slides\n    return `/${post.slides.path}`;\n  } else if (post.readme) {\n    // Folder with readme\n    return `/${post.readme.path}`;\n  } else {\n    // Fallback to folder path\n    return `/${post.path}`;\n  }\n}\n\nexport function PostList() {\n  const { \"*\": path = \".\" } = useParams();\n\n  const { directory, loading, error } = useDirectory(path)\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  if (!directory) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  let posts = directoryToPostEntries(directory);\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Filter out hidden and draft posts\n  posts = filterVisiblePosts(posts);\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Sort based on config\n  const sortMode = veslxConfig.posts?.sort ?? 'alpha';\n  if (sortMode === 'date' || sortMode === 'date-asc') {\n    const ascending = sortMode === 'date-asc';\n    // Sort by date, posts without dates go to the top\n    posts = posts.sort((a, b) => {\n      const dateA = getFrontmatter(a)?.date;\n      const dateB = getFrontmatter(b)?.date;\n      if (!dateA && !dateB) return a.name.localeCompare(b.name);\n      if (!dateA) return -1;\n      if (!dateB) return 1;\n      const diff = new Date(dateA as string).getTime() - new Date(dateB as string).getTime();\n      return ascending ? diff : -diff;\n    });\n  } else {\n    // Alphanumeric sorting by name\n    posts = posts.sort((a, b) => a.name.localeCompare(b.name));\n  }\n\n  return (\n    <div className=\"space-y-1 not-prose\">\n      {posts.map((post) => {\n        const frontmatter = getFrontmatter(post);\n        const title = (frontmatter?.title as string) || formatName(post.name);\n        const description = frontmatter?.description as string | undefined;\n        const date = frontmatter?.date ? new Date(frontmatter.date as string) : undefined;\n        const linkPath = getLinkPath(post);\n        const isSlides = linkPath.endsWith('SLIDES.mdx') || linkPath.endsWith('.slides.mdx');\n\n        return (\n          <PostListItem\n            key={post.path}\n            title={title}\n            description={description}\n            date={date}\n            linkPath={linkPath}\n            isSlides={isSlides}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;;AAcA,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,SAAS,EAAE,EACnB,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAA,MAAK,EAAE,aAAa;AAC1C;AAGA,SAAS,YAAY,MAAyB;AAC5C,MAAI,KAAK,MAAM;AAEb,WAAO,IAAI,KAAK,KAAK,IAAI;AAAA,EAC3B,WAAW,KAAK,UAAU,CAAC,KAAK,QAAQ;AAEtC,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,WAAW,KAAK,QAAQ;AAEtB,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,OAAO;AAEL,WAAO,IAAI,KAAK,IAAI;AAAA,EACtB;AACF;AAEO,SAAS,WAAW;;AACzB,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAE5B,QAAM,EAAE,WAAoB,UAAU,aAAa,IAAI;AAEvD,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAQA,MAAI,CAAC,WAAW;AACd,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAEA,MAAI,QAAQ,uBAAuB,SAAS;AAE5C,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,UAAQ,mBAAmB,KAAK;AAEhC,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,QAAM,aAAW,iBAAY,UAAZ,mBAAmB,SAAQ;AAC5C,MAAI,aAAa,UAAU,aAAa,YAAY;AAClD,UAAM,YAAY,aAAa;AAE/B,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM;;AAC3B,YAAM,SAAQA,MAAA,eAAe,CAAC,MAAhB,gBAAAA,IAAmB;AACjC,YAAM,SAAQ,oBAAe,CAAC,MAAhB,mBAAmB;AACjC,UAAI,CAAC,SAAS,CAAC,cAAc,EAAE,KAAK,cAAc,EAAE,IAAI;AACxD,UAAI,CAAC,MAAO,QAAO;AACnB,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,KAAK,KAAe,EAAE,QAAA,IAAY,IAAI,KAAK,KAAe,EAAE,QAAA;AAC7E,aAAO,YAAY,OAAO,CAAC;AAAA,IAC7B,CAAC;AAAA,EACH,OAAO;AAEL,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EAC3D;AAEA,6BACG,OAAA,EAAI,WAAU,uBACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,UAAM,cAAc,eAAe,IAAI;AACvC,UAAM,SAAS,2CAAa,UAAoB,WAAW,KAAK,IAAI;AACpE,UAAM,cAAc,2CAAa;AACjC,UAAM,QAAO,2CAAa,QAAO,IAAI,KAAK,YAAY,IAAc,IAAI;AACxE,UAAM,WAAW,YAAY,IAAI;AACjC,UAAM,WAAW,SAAS,SAAS,YAAY,KAAK,SAAS,SAAS,aAAa;AAEnF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MALK,KAAK;AAAA,IAAA;AAAA,EAQhB,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { minimatch } from \"minimatch\";\nimport {\n  type PostEntry,\n  directoryToPostEntries,\n  filterVisiblePosts,\n  getFrontmatter,\n} from \"@/lib/content-classification\";\nimport { useDirectory } from \"../../plugin/src/client\";\nimport { ErrorDisplay } from \"./page-error\";\nimport Loading from \"./loading\";\nimport { PostListItem } from \"./post-list-item\";\nimport veslxConfig from \"virtual:veslx-config\";\n\ninterface PostListProps {\n  /** Glob patterns to filter posts by name (e.g., [\"01-*\", \"getting-*\"]) */\n  globs?: string[] | null;\n}\n\n// Helper to format name for display (e.g., \"01-getting-started\" → \"Getting Started\")\nfunction formatName(name: string): string {\n  return name\n    .replace(/^\\d+-/, '')\n    .replace(/-/g, ' ')\n    .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\n// Helper to get link path from post\nfunction getLinkPath(post: PostEntry): string {\n  if (post.file) {\n    // Standalone MDX file\n    return `/${post.file.path}`;\n  } else if (post.slides && !post.readme) {\n    // Folder with only slides\n    return `/${post.slides.path}`;\n  } else if (post.readme) {\n    // Folder with readme\n    return `/${post.readme.path}`;\n  } else {\n    // Fallback to folder path\n    return `/${post.path}`;\n  }\n}\n\nexport function PostList({ globs = null }: PostListProps) {\n  const { \"*\": path = \".\" } = useParams();\n\n  const { directory, loading, error } = useDirectory(path)\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  if (!directory) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  let posts = directoryToPostEntries(directory);\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Filter out hidden and draft posts\n  posts = filterVisiblePosts(posts);\n\n  // Filter by glob patterns if provided\n  if (globs && globs.length > 0) {\n    posts = posts.filter(post =>\n      globs.some(pattern => minimatch(post.name, pattern, { matchBase: true }))\n    );\n  }\n\n  if (posts.length === 0) {\n    return (\n      <div className=\"py-24 text-center\">\n        <p className=\"text-muted-foreground font-mono text-sm tracking-wide\">no entries</p>\n      </div>\n    );\n  }\n\n  // Sort based on config\n  const sortMode = veslxConfig.posts?.sort ?? 'alpha';\n  if (sortMode === 'date' || sortMode === 'date-asc') {\n    const ascending = sortMode === 'date-asc';\n    // Sort by date, posts without dates go to the top\n    posts = posts.sort((a, b) => {\n      const dateA = getFrontmatter(a)?.date;\n      const dateB = getFrontmatter(b)?.date;\n      if (!dateA && !dateB) return a.name.localeCompare(b.name);\n      if (!dateA) return -1;\n      if (!dateB) return 1;\n      const diff = new Date(dateA as string).getTime() - new Date(dateB as string).getTime();\n      return ascending ? diff : -diff;\n    });\n  } else {\n    // Alphanumeric sorting by name\n    posts = posts.sort((a, b) => a.name.localeCompare(b.name));\n  }\n\n  return (\n    <div className=\"space-y-1 not-prose\">\n      {posts.map((post) => {\n        const frontmatter = getFrontmatter(post);\n        const title = (frontmatter?.title as string) || formatName(post.name);\n        const description = frontmatter?.description as string | undefined;\n        const date = frontmatter?.date ? new Date(frontmatter.date as string) : undefined;\n        const linkPath = getLinkPath(post);\n        const isSlides = linkPath.endsWith('SLIDES.mdx') || linkPath.endsWith('.slides.mdx');\n\n        return (\n          <PostListItem\n            key={post.path}\n            title={title}\n            description={description}\n            date={date}\n            linkPath={linkPath}\n            isSlides={isSlides}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;;;AAoBA,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,SAAS,EAAE,EACnB,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAA,MAAK,EAAE,aAAa;AAC1C;AAGA,SAAS,YAAY,MAAyB;AAC5C,MAAI,KAAK,MAAM;AAEb,WAAO,IAAI,KAAK,KAAK,IAAI;AAAA,EAC3B,WAAW,KAAK,UAAU,CAAC,KAAK,QAAQ;AAEtC,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,WAAW,KAAK,QAAQ;AAEtB,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B,OAAO;AAEL,WAAO,IAAI,KAAK,IAAI;AAAA,EACtB;AACF;AAEO,SAAS,SAAS,EAAE,QAAQ,QAAuB;;AACxD,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAE5B,QAAM,EAAE,WAAoB,UAAU,aAAa,IAAI;AAEvD,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAQA,MAAI,CAAC,WAAW;AACd,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAEA,MAAI,QAAQ,uBAAuB,SAAS;AAE5C,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,UAAQ,mBAAmB,KAAK;AAGhC,MAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAQ,MAAM;AAAA,MAAO,CAAA,SACnB,MAAM,KAAK,CAAA,YAAW,UAAU,KAAK,MAAM,SAAS,EAAE,WAAW,KAAA,CAAM,CAAC;AAAA,IAAA;AAAA,EAE5E;AAEA,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,SAAI,WAAU,qBACb,8BAAC,KAAA,EAAE,WAAU,yDAAwD,UAAA,aAAA,CAAU,EAAA,CACjF;AAAA,EAEJ;AAGA,QAAM,aAAW,iBAAY,UAAZ,mBAAmB,SAAQ;AAC5C,MAAI,aAAa,UAAU,aAAa,YAAY;AAClD,UAAM,YAAY,aAAa;AAE/B,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM;;AAC3B,YAAM,SAAQA,MAAA,eAAe,CAAC,MAAhB,gBAAAA,IAAmB;AACjC,YAAM,SAAQ,oBAAe,CAAC,MAAhB,mBAAmB;AACjC,UAAI,CAAC,SAAS,CAAC,cAAc,EAAE,KAAK,cAAc,EAAE,IAAI;AACxD,UAAI,CAAC,MAAO,QAAO;AACnB,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,KAAK,KAAe,EAAE,QAAA,IAAY,IAAI,KAAK,KAAe,EAAE,QAAA;AAC7E,aAAO,YAAY,OAAO,CAAC;AAAA,IAC7B,CAAC;AAAA,EACH,OAAO;AAEL,YAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EAC3D;AAEA,6BACG,OAAA,EAAI,WAAU,uBACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,UAAM,cAAc,eAAe,IAAI;AACvC,UAAM,SAAS,2CAAa,UAAoB,WAAW,KAAK,IAAI;AACpE,UAAM,cAAc,2CAAa;AACjC,UAAM,QAAO,2CAAa,QAAO,IAAI,KAAK,YAAY,IAAc,IAAI;AACxE,UAAM,WAAW,YAAY,IAAI;AACjC,UAAM,WAAW,SAAS,SAAS,YAAY,KAAK,SAAS,SAAS,aAAa;AAEnF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MALK,KAAK;AAAA,IAAA;AAAA,EAQhB,CAAC,EAAA,CACH;AAEJ;"}

package/dist/client/hooks/use-mdx-content.js

@@ -5,8 +5,8 @@ function findMdxModule(modules, path) {
   if (normalizedPath.endsWith(".mdx") || normalizedPath.endsWith(".md")) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${normalizedPath}`)) return true;
-      if (key === `@content/${normalizedPath}`) return true;
       if (key === `/@content/${normalizedPath}`) return true;
+      if (key === `@content/${normalizedPath}`) return true;
       if (key === normalizedPath) return true;
       if (key === `/${normalizedPath}`) return true;
       return false;
@@ -24,6 +24,7 @@ function findMdxModule(modules, path) {
   for (const candidate of candidates) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${candidate}`)) return true;
+      if (key === `/@content/${candidate}`) return true;
       if (key === `@content/${candidate}`) return true;
       if (key === candidate) return true;
       return false;
@@ -73,8 +74,8 @@ function findSlidesModule(modules, path) {
   if (normalizedPath.endsWith(".mdx") || normalizedPath.endsWith(".md")) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${normalizedPath}`)) return true;
-      if (key === `@content/${normalizedPath}`) return true;
       if (key === `/@content/${normalizedPath}`) return true;
+      if (key === `@content/${normalizedPath}`) return true;
       if (key === normalizedPath) return true;
       if (key === `/${normalizedPath}`) return true;
       return false;
@@ -90,6 +91,7 @@ function findSlidesModule(modules, path) {
   for (const candidate of candidates) {
     const matchingKey = keys.find((key) => {
       if (key.endsWith(`/${candidate}`)) return true;
+      if (key === `/@content/${candidate}`) return true;
       if (key === `@content/${candidate}`) return true;
       if (key === candidate) return true;
       return false;
@@ -138,11 +140,35 @@ function useMDXSlides(path) {
 function findIndexModule(modules, path) {
   const keys = Object.keys(modules);
   const normalizedPath = path.replace(/^\//, "") || ".";
-  const candidates = normalizedPath === "." ? ["index.mdx", "index.md"] : [`${normalizedPath}/index.mdx`, `${normalizedPath}/index.md`];
+  const isRoot = normalizedPath === "." || normalizedPath === "";
+  console.log("[findIndexModule] path:", path, "normalizedPath:", normalizedPath, "isRoot:", isRoot);
+  console.log("[findIndexModule] ALL keys:", keys);
+  const candidates = isRoot ? ["index.mdx", "index.md", "README.mdx", "README.md"] : [
+    `${normalizedPath}/index.mdx`,
+    `${normalizedPath}/index.md`,
+    `${normalizedPath}/README.mdx`,
+    `${normalizedPath}/README.md`
+  ];
   for (const candidate of candidates) {
     const matchingKey = keys.find((key) => {
+      if (isRoot) {
+        const keyFilename = key.split("/").pop();
+        if (keyFilename === candidate) {
+          const parts = key.split("/");
+          const contentIdx = parts.findIndex((p) => p === "content" || p === "@content");
+          if (contentIdx !== -1) {
+            const afterContent = parts.slice(contentIdx + 1);
+            if (afterContent.length === 1) return true;
+          }
+          if (key === `/@content/${candidate}`) return true;
+          if (key === `@content/${candidate}`) return true;
+        }
+        return false;
+      }
       if (key.endsWith(`/${candidate}`)) return true;
+      if (key === `/@content/${candidate}`) return true;
       if (key === `@content/${candidate}`) return true;
+      if (key === `/content/${candidate}`) return true;
       if (key === candidate) return true;
       return false;
     });