veslx 0.1.2 → 0.1.4

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"parameter-table.js","sources":["../../../src/components/parameter-table.tsx"],"sourcesContent":["import { useFileContent } from \"../../plugin/src/client\";\nimport { useMemo, useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  type ParameterValue,\n  extractPath,\n  getValueType,\n  formatValue,\n  parseConfigFile,\n} from \"@/lib/parameter-utils\";\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 ParameterTableProps {\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}\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\nexport function ParameterTable({ path, keys }: ParameterTableProps) {\n  const { content, loading, error } = useFileContent(path);\n\n  const parsed = useMemo(() => {\n    if (!content) return null;\n\n    const data = parseConfigFile(content, path);\n    if (!data) return null;\n\n    if (keys && keys.length > 0) {\n      return filterData(data, keys);\n    }\n\n    return data;\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=\"my-6 p-3 rounded border border-border/50 bg-card/30\">\n        <p className=\"text-[11px] font-mono text-muted-foreground\">unable to parse config</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=\"my-6 not-prose\">\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"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { cn } from "../lib/utils.js";
+import { findReadme, findSlides } from "../plugin/src/client.js";
+import { formatDate } from "../lib/format-date.js";
+import { ArrowRight } from "lucide-react";
+function PostList({ directory }) {
+  const folders = directory.children.filter((c) => c.type === "directory");
+  if (folders.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" }) });
+  }
+  let posts = folders.map((folder) => {
+    const readme = findReadme(folder);
+    const slides = findSlides(folder);
+    return {
+      ...folder,
+      readme,
+      slides
+    };
+  });
+  posts = posts.filter((post) => {
+    var _a, _b;
+    return ((_b = (_a = post.readme) == null ? void 0 : _a.frontmatter) == null ? void 0 : _b.visibility) !== "hidden";
+  });
+  posts = posts.sort((a, b) => {
+    var _a, _b, _c, _d, _e, _f;
+    let aDate = ((_b = (_a = a.readme) == null ? void 0 : _a.frontmatter) == null ? void 0 : _b.date) ? new Date(a.readme.frontmatter.date) : null;
+    let bDate = ((_d = (_c = b.readme) == null ? void 0 : _c.frontmatter) == null ? void 0 : _d.date) ? new Date(b.readme.frontmatter.date) : null;
+    if (!aDate && a.slides) {
+      aDate = ((_e = a.slides.frontmatter) == null ? void 0 : _e.date) ? new Date(a.slides.frontmatter.date) : null;
+    }
+    if (!bDate && b.slides) {
+      bDate = ((_f = b.slides.frontmatter) == null ? void 0 : _f.date) ? new Date(b.slides.frontmatter.date) : null;
+    }
+    if (aDate && bDate) {
+      return bDate.getTime() - aDate.getTime();
+    } else if (aDate) {
+      return -1;
+    } else if (bDate) {
+      return 1;
+    } else {
+      return a.name.localeCompare(b.name);
+    }
+  });
+  const postsGroupedByMonthAndYear = {};
+  posts.forEach((post) => {
+    var _a, _b, _c;
+    let date = ((_b = (_a = post.readme) == null ? void 0 : _a.frontmatter) == null ? void 0 : _b.date) ? new Date(post.readme.frontmatter.date) : null;
+    if (!date && post.slides) {
+      date = ((_c = post.slides.frontmatter) == null ? void 0 : _c.date) ? new Date(post.slides.frontmatter.date) : null;
+    }
+    const monthYear = date ? `${date.getFullYear()}-${date.getMonth() + 1}` : "unknown";
+    if (!postsGroupedByMonthAndYear[monthYear]) {
+      postsGroupedByMonthAndYear[monthYear] = [];
+    }
+    postsGroupedByMonthAndYear[monthYear].push(post);
+  });
+  return /* @__PURE__ */ jsx("div", { className: "space-y-8", children: Object.entries(postsGroupedByMonthAndYear).sort(([a], [b]) => {
+    if (a === "unknown") return 1;
+    if (b === "unknown") return -1;
+    return b.localeCompare(a);
+  }).map(([monthYear, monthPosts]) => {
+    const [year, month] = monthYear.split("-");
+    const displayDate = monthYear === "unknown" ? "Unknown Date" : new Date(parseInt(year), parseInt(month) - 1).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "long"
+    });
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground mb-3", children: displayDate }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: monthPosts.map((post) => {
+        var _a;
+        let frontmatter = (_a = post.readme) == null ? void 0 : _a.frontmatter;
+        if (!post.readme && post.slides) {
+          frontmatter = post.slides.frontmatter;
+        }
+        const title = (frontmatter == null ? void 0 : frontmatter.title) || post.name;
+        const description = frontmatter == null ? void 0 : frontmatter.description;
+        const date = (frontmatter == null ? void 0 : frontmatter.date) ? new Date(frontmatter.date) : null;
+        return /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: post.slides && !post.readme ? `/${post.slides.path}` : `/${post.readme.path}`,
+            className: cn(
+              "group block py-3 px-3 -mx-3 rounded-md",
+              "transition-colors duration-150"
+              // "hover:bg-accent"
+            ),
+            children: /* @__PURE__ */ jsxs("article", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ jsx(
+                "time",
+                {
+                  dateTime: date == null ? void 0 : date.toISOString(),
+                  className: "font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0 pt-0.5",
+                  children: date ? formatDate(date) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/30", children: "—" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs("h3", { className: cn(
+                  "text-sm font-medium text-foreground",
+                  "group-hover:underline",
+                  "flex items-center gap-2"
+                ), children: [
+                  /* @__PURE__ */ jsx("span", { children: title }),
+                  /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 text-primary" })
+                ] }),
+                description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-1 mt-0.5", children: description })
+              ] })
+            ] })
+          },
+          post.path
+        );
+      }) })
+    ] }, monthYear);
+  }) });
+}
+export {
+  PostList as default
+};
+//# sourceMappingURL=post-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post-list.js","sources":["../../../src/components/post-list.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport { cn } from \"@/lib/utils\";\nimport { DirectoryEntry } from \"../../plugin/src/lib\";\nimport { findReadme, findSlides } from \"../../plugin/src/client\";\nimport { formatDate } from \"@/lib/format-date\";\nimport { ArrowRight } from \"lucide-react\";\n\nexport default function PostList({ directory }: { directory: DirectoryEntry }) {\n  const folders = directory.children.filter((c): c is DirectoryEntry => c.type === \"directory\");\n\n  if (folders.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  let posts = folders.map((folder) => {\n    const readme = findReadme(folder);\n    const slides = findSlides(folder);\n    return {\n      ...folder,\n      readme,\n      slides,\n    }\n  })\n\n  posts = posts.filter((post) => {\n    return post.readme?.frontmatter?.visibility !== \"hidden\";\n  });\n\n  posts = posts.sort((a, b) => {\n    let aDate = a.readme?.frontmatter?.date ? new Date(a.readme.frontmatter.date as string) : null;\n    let bDate = b.readme?.frontmatter?.date ? new Date(b.readme.frontmatter.date as string) : null;\n\n    if (!aDate && a.slides) {\n      aDate = a.slides.frontmatter?.date ? new Date(a.slides.frontmatter.date as string) : null;\n    }\n    if (!bDate && b.slides) {\n      bDate = b.slides.frontmatter?.date ? new Date(b.slides.frontmatter.date as string) : null;\n    }\n\n    if (aDate && bDate) {\n      return bDate.getTime() - aDate.getTime();\n    } else if (aDate) {\n      return -1;\n    } else if (bDate) {\n      return 1;\n    } else {\n      return a.name.localeCompare(b.name);\n    }\n  });\n\n  const postsGroupedByMonthAndYear: { [key: string]: typeof posts } = {};\n  posts.forEach((post) => {\n    let date = post.readme?.frontmatter?.date ? new Date(post.readme.frontmatter.date as string) : null;\n    if (!date && post.slides) {\n      date = post.slides.frontmatter?.date ? new Date(post.slides.frontmatter.date as string) : null;\n    }\n    const monthYear = date ? `${date.getFullYear()}-${date.getMonth() + 1}` : \"unknown\";\n    if (!postsGroupedByMonthAndYear[monthYear]) {\n      postsGroupedByMonthAndYear[monthYear] = [];\n    }\n    postsGroupedByMonthAndYear[monthYear].push(post);\n  });\n\n  return (\n    <div className=\"space-y-8\">\n      {Object.entries(postsGroupedByMonthAndYear)\n        .sort(([a], [b]) => {\n          if (a === \"unknown\") return 1;\n          if (b === \"unknown\") return -1;\n          return b.localeCompare(a);\n        })\n        .map(([monthYear, monthPosts]) => {\n          const [year, month] = monthYear.split(\"-\");\n          const displayDate = monthYear === \"unknown\" \n            ? \"Unknown Date\" \n            : new Date(parseInt(year), parseInt(month) - 1).toLocaleDateString(\"en-US\", { \n                year: \"numeric\", \n                month: \"long\" \n              });\n\n          return (\n            <div key={monthYear}>\n              <h2 className=\"text-xs font-mono uppercase tracking-wider text-muted-foreground mb-3\">\n                {displayDate}\n              </h2>\n              <div className=\"space-y-1\">\n                {monthPosts.map((post) => {\n                  let frontmatter = post.readme?.frontmatter;\n\n                  if (!post.readme && post.slides) {\n                    frontmatter = post.slides.frontmatter;\n                  }\n\n                  const title = (frontmatter?.title as string) || post.name;\n                  const description = frontmatter?.description as string | undefined;\n                  const date = frontmatter?.date ? new Date(frontmatter.date as string) : null;\n\n                  return (\n                    <Link\n                      key={post.path}\n                      to={(post.slides && !post.readme) ? `/${post.slides.path}` : `/${post.readme.path}`}\n                      className={cn(\n                        \"group block py-3 px-3 -mx-3 rounded-md\",\n                        \"transition-colors duration-150\",\n                        // \"hover:bg-accent\"\n                      )}\n                    >\n                      <article className=\"flex items-start gap-4\">\n                        {/* Date - left side, fixed width */}\n                        <time\n                          dateTime={date?.toISOString()}\n                          className=\"font-mono text-xs text-muted-foreground tabular-nums w-20 flex-shrink-0 pt-0.5\"\n                        >\n                          {date ? formatDate(date) : <span className=\"text-muted-foreground/30\">—</span>}\n                        </time>\n\n                        {/* Main content */}\n                        <div className=\"flex-1 min-w-0\">\n                          <h3 className={cn(\n                            \"text-sm font-medium text-foreground\",\n                            \"group-hover:underline\",\n                            \"flex items-center gap-2\"\n                          )}>\n                            <span>{title}</span>\n                            <ArrowRight className=\"h-3 w-3 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 text-primary\" />\n                          </h3>\n\n                          {description && (\n                            <p className=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">\n                              {description}\n                            </p>\n                          )}\n                        </div>\n                      </article>\n                    </Link>\n                  );\n                })}\n              </div>\n            </div>\n          );\n        })}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/client/components/running-bar.js

@@ -0,0 +1,15 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { isSimulationRunning } from "../plugin/src/client.js";
+function RunningBar() {
+  const isRunning = isSimulationRunning();
+  return /* @__PURE__ */ jsx(Fragment, { children: isRunning && // this should stay red not another color
+  /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
+    /* @__PURE__ */ jsx("span", { className: "uppercase tracking-widest", children: "simulation running" }),
+    /* @__PURE__ */ jsx("span", { className: "text-primary-foreground/60", children: "Page will auto-refresh on completion" })
+  ] }) }) });
+}
+export {
+  RunningBar
+};
+//# sourceMappingURL=running-bar.js.map

package/dist/client/components/running-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"running-bar.js","sources":["../../../src/components/running-bar.tsx"],"sourcesContent":["import { isSimulationRunning } from \"../../plugin/src/client\";\n\n\nexport function RunningBar() {\n  const isRunning = isSimulationRunning();\n\n  return (\n    <>\n      {isRunning && (\n        // this should stay red not another color\n        <div className=\"sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide\">\n          <span className=\"inline-flex items-center gap-3\">\n            <span className=\"h-1.5 w-1.5 rounded-full bg-current animate-pulse\" />\n            <span className=\"uppercase tracking-widest\">simulation running</span>\n            <span className=\"text-primary-foreground/60\">Page will auto-refresh on completion</span>\n          </span>\n        </div>\n      )}\n    </>\n  )\n}"],"names":[],"mappings":";;AAGO,SAAS,aAAa;AAC3B,QAAM,YAAY,oBAAA;AAElB,SACE,oBAAA,UAAA,EACG,UAAA;AAAA,sBAEE,OAAA,EAAI,WAAU,kIACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,IACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,IAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,EAAA,EAAA,CACnF,GACF,GAEJ;AAEJ;"}

package/dist/client/components/slides-renderer.js

@@ -0,0 +1,75 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, isValidElement, Children } from "react";
+import { mdxComponents } from "./mdx-components.js";
+function useSlidesFromMDX({ Content, frontmatter }) {
+  const slides = useMemo(() => {
+    if (!Content) {
+      return [];
+    }
+    const SlideBreak = () => /* @__PURE__ */ jsx("hr", { "data-slide-break": "true" });
+    const componentsWithBreak = {
+      ...mdxComponents,
+      hr: SlideBreak
+    };
+    const rendered = /* @__PURE__ */ jsx(Content, { components: componentsWithBreak });
+    return splitByHr(rendered);
+  }, [Content]);
+  return { slides, frontmatter };
+}
+function splitByHr(element) {
+  var _a;
+  const slides = [[]];
+  function traverse(node) {
+    var _a2;
+    if (!node) return;
+    if (Array.isArray(node)) {
+      node.forEach(traverse);
+      return;
+    }
+    if (isValidElement(node)) {
+      if (node.type === "hr" || node.props && node.props["data-slide-break"] === "true") {
+        slides.push([]);
+        return;
+      }
+      const nodeType = node.type;
+      if (typeof nodeType === "function" && nodeType.name === "SlideBreak") {
+        slides.push([]);
+        return;
+      }
+      if ((_a2 = node.props) == null ? void 0 : _a2.children) {
+        const children = Children.toArray(node.props.children);
+        const hasHrChild = children.some(
+          (child) => isValidElement(child) && (child.type === "hr" || child.props && child.props["data-slide-break"] === "true")
+        );
+        if (hasHrChild) {
+          children.forEach((child) => {
+            if (isValidElement(child) && (child.type === "hr" || child.props && child.props["data-slide-break"] === "true")) {
+              slides.push([]);
+            } else {
+              slides[slides.length - 1].push(child);
+            }
+          });
+        } else {
+          slides[slides.length - 1].push(node);
+        }
+        return;
+      }
+    }
+    slides[slides.length - 1].push(node);
+  }
+  if (isValidElement(element) && ((_a = element.props) == null ? void 0 : _a.children)) {
+    const children = Children.toArray(element.props.children);
+    children.forEach(traverse);
+  } else {
+    traverse(element);
+  }
+  return slides.filter((slide) => slide.length > 0);
+}
+function SlideContent({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "slide-content prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed max-w-xl", children });
+}
+export {
+  SlideContent,
+  useSlidesFromMDX
+};
+//# sourceMappingURL=slides-renderer.js.map

package/dist/client/components/slides-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slides-renderer.js","sources":["../../../src/components/slides-renderer.tsx"],"sourcesContent":["import React, { Children, isValidElement, ReactNode, useMemo } from 'react'\nimport { mdxComponents } from '@/components/mdx-components'\n\ninterface SlidesRendererProps {\n  Content: React.ComponentType<{ components?: Record<string, React.ComponentType> }> | null\n  frontmatter?: {\n    title?: string\n    description?: string\n    date?: string\n  }\n}\n\n/**\n * Splits MDX content into slides by <hr> elements.\n * The MDX is compiled at build time, so imports work.\n * Slide boundaries are marked with --- in MDX (which becomes <hr>).\n */\nexport function useSlidesFromMDX({ Content, frontmatter }: SlidesRendererProps) {\n  const slides = useMemo(() => {\n    // Handle null Content (loading state)\n    if (!Content) {\n      return []\n    }\n\n    // Create a custom hr component that we can detect\n    const SlideBreak = () => <hr data-slide-break=\"true\" />\n\n    // Render the MDX with our custom hr\n    const componentsWithBreak = {\n      ...mdxComponents,\n      hr: SlideBreak,\n    }\n\n    // Render to get the element tree\n    const rendered = <Content components={componentsWithBreak} />\n\n    // Split children by hr elements\n    return splitByHr(rendered)\n  }, [Content])\n\n  return { slides, frontmatter }\n}\n\n/**\n * Recursively traverses React element tree and splits by <hr> elements\n */\nfunction splitByHr(element: ReactNode): ReactNode[][] {\n  const slides: ReactNode[][] = [[]]\n\n  function traverse(node: ReactNode) {\n    if (!node) return\n\n    if (Array.isArray(node)) {\n      node.forEach(traverse)\n      return\n    }\n\n    if (isValidElement(node)) {\n      // Check if this is our slide break marker\n      if (node.type === 'hr' || (node.props && node.props['data-slide-break'] === 'true')) {\n        // Start a new slide\n        slides.push([])\n        return\n      }\n\n      // Check if it's an hr component from mdxComponents\n      const nodeType = node.type as any\n      if (typeof nodeType === 'function' && nodeType.name === 'SlideBreak') {\n        slides.push([])\n        return\n      }\n\n      // For fragments or elements with children, we need to check children\n      if (node.props?.children) {\n        const children = Children.toArray(node.props.children)\n\n        // Check if any child is an hr - if so, we need to split this element\n        const hasHrChild = children.some(child =>\n          isValidElement(child) && (\n            child.type === 'hr' ||\n            (child.props && child.props['data-slide-break'] === 'true')\n          )\n        )\n\n        if (hasHrChild) {\n          // Split the children\n          children.forEach(child => {\n            if (isValidElement(child) && (\n              child.type === 'hr' ||\n              (child.props && child.props['data-slide-break'] === 'true')\n            )) {\n              slides.push([])\n            } else {\n              slides[slides.length - 1].push(child)\n            }\n          })\n        } else {\n          // No hr children, add the whole element\n          slides[slides.length - 1].push(node)\n        }\n        return\n      }\n    }\n\n    // Add to current slide\n    slides[slides.length - 1].push(node)\n  }\n\n  // Get the children of the rendered element\n  if (isValidElement(element) && element.props?.children) {\n    const children = Children.toArray(element.props.children)\n    children.forEach(traverse)\n  } else {\n    traverse(element)\n  }\n\n  // Filter out empty slides\n  return slides.filter(slide => slide.length > 0)\n}\n\n/**\n * Renders a single slide's content\n */\nexport function SlideContent({ children }: { children: ReactNode[] }) {\n  return (\n    <div className=\"slide-content prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed max-w-xl\">\n      {children}\n    </div>\n  )\n}\n"],"names":["_a"],"mappings":";;;AAiBO,SAAS,iBAAiB,EAAE,SAAS,eAAoC;AAC9E,QAAM,SAAS,QAAQ,MAAM;AAE3B,QAAI,CAAC,SAAS;AACZ,aAAO,CAAA;AAAA,IACT;AAGA,UAAM,aAAa,MAAM,oBAAC,MAAA,EAAG,oBAAiB,QAAO;AAGrD,UAAM,sBAAsB;AAAA,MAC1B,GAAG;AAAA,MACH,IAAI;AAAA,IAAA;AAIN,UAAM,WAAW,oBAAC,SAAA,EAAQ,YAAY,oBAAA,CAAqB;AAG3D,WAAO,UAAU,QAAQ;AAAA,EAC3B,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO,EAAE,QAAQ,YAAA;AACnB;AAKA,SAAS,UAAU,SAAmC;;AACpD,QAAM,SAAwB,CAAC,EAAE;AAEjC,WAAS,SAAS,MAAiB;;AACjC,QAAI,CAAC,KAAM;AAEX,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,WAAK,QAAQ,QAAQ;AACrB;AAAA,IACF;AAEA,QAAI,eAAe,IAAI,GAAG;AAExB,UAAI,KAAK,SAAS,QAAS,KAAK,SAAS,KAAK,MAAM,kBAAkB,MAAM,QAAS;AAEnF,eAAO,KAAK,EAAE;AACd;AAAA,MACF;AAGA,YAAM,WAAW,KAAK;AACtB,UAAI,OAAO,aAAa,cAAc,SAAS,SAAS,cAAc;AACpE,eAAO,KAAK,EAAE;AACd;AAAA,MACF;AAGA,WAAIA,MAAA,KAAK,UAAL,gBAAAA,IAAY,UAAU;AACxB,cAAM,WAAW,SAAS,QAAQ,KAAK,MAAM,QAAQ;AAGrD,cAAM,aAAa,SAAS;AAAA,UAAK,CAAA,UAC/B,eAAe,KAAK,MAClB,MAAM,SAAS,QACd,MAAM,SAAS,MAAM,MAAM,kBAAkB,MAAM;AAAA,QAAA;AAIxD,YAAI,YAAY;AAEd,mBAAS,QAAQ,CAAA,UAAS;AACxB,gBAAI,eAAe,KAAK,MACtB,MAAM,SAAS,QACd,MAAM,SAAS,MAAM,MAAM,kBAAkB,MAAM,SACnD;AACD,qBAAO,KAAK,EAAE;AAAA,YAChB,OAAO;AACL,qBAAO,OAAO,SAAS,CAAC,EAAE,KAAK,KAAK;AAAA,YACtC;AAAA,UACF,CAAC;AAAA,QACH,OAAO;AAEL,iBAAO,OAAO,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,QACrC;AACA;AAAA,MACF;AAAA,IACF;AAGA,WAAO,OAAO,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,EACrC;AAGA,MAAI,eAAe,OAAO,OAAK,aAAQ,UAAR,mBAAe,WAAU;AACtD,UAAM,WAAW,SAAS,QAAQ,QAAQ,MAAM,QAAQ;AACxD,aAAS,QAAQ,QAAQ;AAAA,EAC3B,OAAO;AACL,aAAS,OAAO;AAAA,EAClB;AAGA,SAAO,OAAO,OAAO,CAAA,UAAS,MAAM,SAAS,CAAC;AAChD;AAKO,SAAS,aAAa,EAAE,YAAuC;AACpE,SACE,oBAAC,OAAA,EAAI,WAAU,wGACZ,SAAA,CACH;AAEJ;"}

package/dist/client/components/theme-provider.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider as ThemeProvider$1 } from "next-themes";
+function ThemeProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx(ThemeProvider$1, { ...props, children });
+}
+export {
+  ThemeProvider
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/client/components/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sources":["../../../src/components/theme-provider.tsx"],"sourcesContent":["import { ThemeProvider as NextThemesProvider } from \"next-themes\"\nimport { type ThemeProviderProps } from \"next-themes\"\n\nexport function ThemeProvider({ children, ...props }: ThemeProviderProps) {\n  return <NextThemesProvider {...props}>{children}</NextThemesProvider>\n}\n"],"names":["NextThemesProvider"],"mappings":";;AAGO,SAAS,cAAc,EAAE,UAAU,GAAG,SAA6B;AACxE,SAAO,oBAACA,iBAAA,EAAoB,GAAG,OAAQ,SAAA,CAAS;AAClD;"}