veslx 0.1.65 → 0.1.67

package/dist/client/lib/parameter-utils.js

@@ -1,108 +0,0 @@
-import { load } from "js-yaml";
-function extractPath(data, path) {
-  if (!path || path === ".") return data;
-  const cleanPath = path.startsWith(".") ? path.slice(1) : path;
-  if (!cleanPath) return data;
-  const segments = [];
-  let current = "";
-  let i = 0;
-  while (i < cleanPath.length) {
-    const char = cleanPath[i];
-    if (char === ".") {
-      if (current) {
-        segments.push({ type: "key", value: current });
-        current = "";
-      }
-      i++;
-    } else if (char === "[") {
-      if (current) {
-        segments.push({ type: "key", value: current });
-        current = "";
-      }
-      const closeIdx = cleanPath.indexOf("]", i);
-      if (closeIdx === -1) return void 0;
-      const inner = cleanPath.slice(i + 1, closeIdx);
-      if (inner === "") {
-        segments.push({ type: "all", value: 0 });
-      } else {
-        const idx = parseInt(inner, 10);
-        if (isNaN(idx)) return void 0;
-        segments.push({ type: "index", value: idx });
-      }
-      i = closeIdx + 1;
-    } else {
-      current += char;
-      i++;
-    }
-  }
-  if (current) {
-    segments.push({ type: "key", value: current });
-  }
-  let result = data;
-  for (const seg of segments) {
-    if (result === null || result === void 0) return void 0;
-    if (seg.type === "key") {
-      if (typeof result !== "object" || Array.isArray(result)) return void 0;
-      result = result[seg.value];
-    } else if (seg.type === "index") {
-      if (!Array.isArray(result)) return void 0;
-      result = result[seg.value];
-    } else if (seg.type === "all") {
-      if (!Array.isArray(result)) return void 0;
-    }
-  }
-  return result;
-}
-function getValueType(value) {
-  if (value === null) return "null";
-  if (Array.isArray(value)) return "array";
-  if (typeof value === "object") return "object";
-  if (typeof value === "boolean") return "boolean";
-  if (typeof value === "number") return "number";
-  return "string";
-}
-function formatNumber(value) {
-  if (Math.abs(value) < 1e-4 && value !== 0) return value.toExponential(1);
-  if (Math.abs(value) >= 1e4) return value.toExponential(1);
-  if (Number.isInteger(value)) return value.toString();
-  return value.toFixed(3);
-}
-function formatValue(value) {
-  if (value === null) return "null";
-  if (typeof value === "boolean") return value ? "true" : "false";
-  if (typeof value === "number") return formatNumber(value);
-  if (Array.isArray(value)) return `[${value.length}]`;
-  if (typeof value === "object") return "{...}";
-  return String(value);
-}
-function parseConfigFile(content, path) {
-  if (path.endsWith(".yaml") || path.endsWith(".yml")) {
-    try {
-      return load(content);
-    } catch {
-      return null;
-    }
-  }
-  if (path.endsWith(".json")) {
-    try {
-      return JSON.parse(content);
-    } catch {
-      return null;
-    }
-  }
-  return null;
-}
-function deriveLabelFromPath(keyPath) {
-  const cleanPath = keyPath.startsWith(".") ? keyPath.slice(1) : keyPath;
-  const parts = cleanPath.split(".");
-  return parts[parts.length - 1].replace(/\[\d+\]/g, "");
-}
-export {
-  deriveLabelFromPath,
-  extractPath,
-  formatNumber,
-  formatValue,
-  getValueType,
-  parseConfigFile
-};
-//# sourceMappingURL=parameter-utils.js.map

package/dist/client/lib/parameter-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parameter-utils.js","sources":["../../../src/lib/parameter-utils.ts"],"sourcesContent":["import { load } from \"js-yaml\";\n\nexport type ParameterValue = string | number | boolean | null | ParameterValue[] | { [key: string]: ParameterValue };\n\n/**\n * Extract a value from nested data using a jq-like path.\n * Supports:\n *   - .foo.bar  → nested keys\n *   - .foo[0]   → array index\n *   - .foo[]    → all array elements (returns array)\n */\nexport function extractPath(data: ParameterValue, path: string): ParameterValue | undefined {\n  if (!path || path === \".\") return data;\n\n  const cleanPath = path.startsWith(\".\") ? path.slice(1) : path;\n  if (!cleanPath) return data;\n\n  const segments: Array<{ type: \"key\" | \"index\" | \"all\"; value: string | number }> = [];\n  let current = \"\";\n  let i = 0;\n\n  while (i < cleanPath.length) {\n    const char = cleanPath[i];\n\n    if (char === \".\") {\n      if (current) {\n        segments.push({ type: \"key\", value: current });\n        current = \"\";\n      }\n      i++;\n    } else if (char === \"[\") {\n      if (current) {\n        segments.push({ type: \"key\", value: current });\n        current = \"\";\n      }\n      const closeIdx = cleanPath.indexOf(\"]\", i);\n      if (closeIdx === -1) return undefined;\n      const inner = cleanPath.slice(i + 1, closeIdx);\n      if (inner === \"\") {\n        segments.push({ type: \"all\", value: 0 });\n      } else {\n        const idx = parseInt(inner, 10);\n        if (isNaN(idx)) return undefined;\n        segments.push({ type: \"index\", value: idx });\n      }\n      i = closeIdx + 1;\n    } else {\n      current += char;\n      i++;\n    }\n  }\n  if (current) {\n    segments.push({ type: \"key\", value: current });\n  }\n\n  let result: ParameterValue | undefined = data;\n\n  for (const seg of segments) {\n    if (result === null || result === undefined) return undefined;\n\n    if (seg.type === \"key\") {\n      if (typeof result !== \"object\" || Array.isArray(result)) return undefined;\n      result = (result as Record<string, ParameterValue>)[seg.value as string];\n    } else if (seg.type === \"index\") {\n      if (!Array.isArray(result)) return undefined;\n      result = result[seg.value as number];\n    } else if (seg.type === \"all\") {\n      if (!Array.isArray(result)) return undefined;\n      // Return the array itself for further processing\n    }\n  }\n\n  return result;\n}\n\nexport function getValueType(value: ParameterValue): \"string\" | \"number\" | \"boolean\" | \"null\" | \"array\" | \"object\" {\n  if (value === null) return \"null\";\n  if (Array.isArray(value)) return \"array\";\n  if (typeof value === \"object\") return \"object\";\n  if (typeof value === \"boolean\") return \"boolean\";\n  if (typeof value === \"number\") return \"number\";\n  return \"string\";\n}\n\nexport function formatNumber(value: number): string {\n  if (Math.abs(value) < 0.0001 && value !== 0) return value.toExponential(1);\n  if (Math.abs(value) >= 10000) return value.toExponential(1);\n  if (Number.isInteger(value)) return value.toString();\n  return value.toFixed(3);\n}\n\nexport function formatValue(value: ParameterValue): string {\n  if (value === null) return \"null\";\n  if (typeof value === \"boolean\") return value ? \"true\" : \"false\";\n  if (typeof value === \"number\") return formatNumber(value);\n  if (Array.isArray(value)) return `[${value.length}]`;\n  if (typeof value === \"object\") return \"{...}\";\n  return String(value);\n}\n\n/**\n * Parse YAML or JSON content based on file extension.\n */\nexport function parseConfigFile(content: string, path: string): Record<string, ParameterValue> | null {\n  if (path.endsWith(\".yaml\") || path.endsWith(\".yml\")) {\n    try {\n      return load(content) as Record<string, ParameterValue>;\n    } catch {\n      return null;\n    }\n  }\n\n  if (path.endsWith(\".json\")) {\n    try {\n      return JSON.parse(content) as Record<string, ParameterValue>;\n    } catch {\n      return null;\n    }\n  }\n\n  return null;\n}\n\n/**\n * Derive a label from a jq-like keyPath.\n * E.g., \".base.N_E\" → \"N_E\"\n */\nexport function deriveLabelFromPath(keyPath: string): string {\n  const cleanPath = keyPath.startsWith(\".\") ? keyPath.slice(1) : keyPath;\n  const parts = cleanPath.split(\".\");\n  return parts[parts.length - 1].replace(/\\[\\d+\\]/g, \"\");\n}\n"],"names":[],"mappings":"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"}

package/src/components/parameter-badge.tsx

@@ -1,78 +0,0 @@
-import { useFileContent } from "../../plugin/src/client";
-import { useMemo } from "react";
-import { cn } from "@/lib/utils";
-import {
-  type ParameterValue,
-  extractPath,
-  getValueType,
-  formatValue,
-  parseConfigFile,
-  deriveLabelFromPath,
-} from "@/lib/parameter-utils";
-
-interface ParameterBadgeProps {
-  /** Path to the YAML or JSON file */
-  path: string;
-  /** jq-like path to the value (e.g., ".base.N_E") */
-  keyPath: string;
-  /** Optional label override (defaults to last segment of keyPath) */
-  label?: string;
-  /** Optional unit suffix (e.g., "ms", "Hz") */
-  unit?: string;
-}
-
-export function ParameterBadge({ path, keyPath, label, unit }: ParameterBadgeProps) {
-  const { content, loading, error } = useFileContent(path);
-
-  const { value, displayLabel } = useMemo(() => {
-    if (!content) return { value: undefined, displayLabel: "" };
-
-    const data = parseConfigFile(content, path);
-    if (!data) return { value: undefined, displayLabel: "" };
-
-    const extracted = extractPath(data, keyPath);
-    const derivedLabel = label || deriveLabelFromPath(keyPath);
-
-    return { value: extracted, displayLabel: derivedLabel };
-  }, [content, path, keyPath, label]);
-
-  if (loading) {
-    return (
-      <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-muted/50 border border-border/50">
-        <span className="w-2 h-2 border border-muted-foreground/40 border-t-transparent rounded-full animate-spin" />
-      </span>
-    );
-  }
-
-  if (error || value === undefined) {
-    return (
-      <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-destructive/10 border border-destructive/30">
-        <span className="text-[10px] font-mono text-destructive">—</span>
-      </span>
-    );
-  }
-
-  const type = getValueType(value);
-  const formattedValue = formatValue(value);
-
-  return (
-    <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md font-mono text-[11px]">
-      <span className="text-muted-foreground">{displayLabel}</span>
-      <span className="text-muted-foreground/40">=</span>
-      <span
-        className={cn(
-          "font-medium tabular-nums",
-          type === "number" && "text-foreground",
-          type === "string" && "text-amber-600 dark:text-amber-500",
-          type === "boolean" && "text-cyan-600 dark:text-cyan-500",
-          type === "null" && "text-muted-foreground/50",
-          type === "array" && "text-purple-600 dark:text-purple-400",
-          type === "object" && "text-purple-600 dark:text-purple-400"
-        )}
-      >
-        {type === "string" ? `"${formattedValue}"` : formattedValue}
-      </span>
-      {unit && <span className="text-muted-foreground/60">{unit}</span>}
-    </span>
-  );
-}

package/src/components/parameter-table.tsx

@@ -1,369 +0,0 @@
-import { useFileContent, useDirectory } from "../../plugin/src/client";
-import { useMemo, useRef, useEffect } from "react";
-import { useParams } from "react-router-dom";
-import { cn } from "@/lib/utils";
-import { minimatch } from "minimatch";
-import {
-  type ParameterValue,
-  extractPath,
-  getValueType,
-  formatValue,
-  parseConfigFile,
-} from "@/lib/parameter-utils";
-import { FileEntry, DirectoryEntry } from "../../plugin/src/lib";
-
-/**
- * Hook to prevent horizontal scroll from triggering browser back/forward gestures.
- */
-function usePreventSwipeNavigation(ref: React.RefObject<HTMLElement | null>) {
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-
-    const handleWheel = (e: WheelEvent) => {
-      if (Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;
-
-      const { scrollLeft, scrollWidth, clientWidth } = el;
-      const atLeftEdge = scrollLeft <= 0;
-      const atRightEdge = scrollLeft + clientWidth >= scrollWidth - 1;
-
-      if ((atLeftEdge && e.deltaX < 0) || (atRightEdge && e.deltaX > 0)) {
-        e.preventDefault();
-      }
-    };
-
-    el.addEventListener('wheel', handleWheel, { passive: false });
-    return () => el.removeEventListener('wheel', handleWheel);
-  }, [ref]);
-}
-
-// Check if a path contains glob patterns
-function isGlobPattern(path: string): boolean {
-  return path.includes('*') || path.includes('?') || path.includes('[');
-}
-
-// Recursively collect all config files from a directory tree
-function collectAllConfigFiles(entry: DirectoryEntry | FileEntry): FileEntry[] {
-  if (entry.type === "file") {
-    if (entry.name.match(/\.(yaml|yml|json)$/i)) {
-      return [entry];
-    }
-    return [];
-  }
-  const files: FileEntry[] = [];
-  for (const child of entry.children || []) {
-    files.push(...collectAllConfigFiles(child));
-  }
-  return files;
-}
-
-// Sort paths numerically
-function sortPathsNumerically(paths: string[]): void {
-  paths.sort((a, b) => {
-    const nums = (s: string) => (s.match(/\d+/g) || []).map(Number);
-    const na = nums(a);
-    const nb = nums(b);
-    const len = Math.max(na.length, nb.length);
-    for (let i = 0; i < len; i++) {
-      const diff = (na[i] ?? 0) - (nb[i] ?? 0);
-      if (diff !== 0) return diff;
-    }
-    return a.localeCompare(b);
-  });
-}
-
-interface SingleParameterTableProps {
-  /** Path to the YAML or JSON file */
-  path: string;
-  /**
-   * Required array of key/label pairs to render as a markdown-style table.
-   * Each key is a jq-like path (e.g., ".base.dt").
-   */
-  pairs: Array<{ key: string; label?: string }>;
-  /** Optional label to show above the table */
-  label?: string;
-  /** Whether to include vertical margin (default true) */
-  withMargin?: boolean;
-  /**
-   * Whether this table should manage its own horizontal scrolling.
-   * Set false when the parent already provides a single shared scrollbar.
-   */
-  scrollable?: boolean;
-  /** Compact mode for dense rendering */
-  compact?: boolean;
-}
-
-interface ParameterTableProps {
-  /** Path to the YAML or JSON file, supports glob patterns like "*.yaml" */
-  path: string;
-  /**
-   * Required array of key/label pairs to render Complete table.
-   */
-  pairs: Array<{ key: string; label?: string }>;
-  /** Compact mode for dense rendering */
-  compact?: boolean;
-}
-
-function SingleParameterTable({
-  path,
-  pairs,
-  label,
-  withMargin = true,
-  scrollable = true,
-  compact = false,
-}: SingleParameterTableProps) {
-  const { content, loading, error } = useFileContent(path);
-
-  if (!pairs || pairs.length === 0) {
-    return (
-      <div className={cn("p-3 rounded border border-border/50 bg-card/30", withMargin && "my-6")}>
-        <p className="text-[11px] font-mono text-muted-foreground">
-          pairs is required
-        </p>
-      </div>
-    );
-  }
-
-  const { parsed, parseError } = useMemo(() => {
-    if (!content) return { parsed: null, parseError: 'no content' };
-
-    const data = parseConfigFile(content, path);
-    if (!data) {
-      // Check why parsing failed
-      if (!path.match(/\.(yaml|yml|json)$/i)) {
-        return { parsed: null, parseError: `unsupported file type` };
-      }
-      // Check if content looks like HTML (404 page)
-      if (content.trim().startsWith('<!') || content.trim().startsWith('<html')) {
-        return { parsed: null, parseError: `file not found` };
-      }
-      return { parsed: null, parseError: `invalid ${path.split('.').pop()} syntax` };
-    }
-
-    return { parsed: data, parseError: null };
-  }, [content, path]);
-
-  if (loading) {
-    return (
-      <div className="my-6 p-4 rounded border border-border/50 bg-card/30">
-        <div className="flex items-center gap-2 text-muted-foreground/60">
-          <div className="w-3 h-3 border border-current border-t-transparent rounded-full animate-spin" />
-          <span className="text-[11px] font-mono">loading parameters...</span>
-        </div>
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className="my-6 p-3 rounded border border-destructive/30 bg-destructive/5">
-        <p className="text-[11px] font-mono text-destructive">{error}</p>
-      </div>
-    );
-  }
-
-  if (!parsed) {
-    return (
-      <div className={cn("p-3 rounded border border-border/50 bg-card/30", withMargin && "my-6")}>
-        <p className="text-[11px] font-mono text-muted-foreground">
-          {label && <span className="text-foreground/60">{label}: </span>}
-          {parseError || 'unable to parse'}
-        </p>
-      </div>
-    );
-  }
-
-  const renderPairsTable = () => {
-    return (
-      <div className={cn(
-        "border border-border rounded-md",
-        scrollable ? "overflow-x-auto" : "overflow-x-hidden"
-      )}>
-        <table className={cn(
-          "w-full border-collapse",
-          compact ? "text-[11px]" : "text-sm"
-        )}>
-          <thead className="bg-muted/50">
-            <tr className="border-b border-border last:border-b-0">
-              <th className={cn(
-                "text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-                compact ? "px-3 py-2" : "px-4 py-3"
-              )}>
-                Parameter
-              </th>
-              <th className={cn(
-                "text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-                compact ? "px-3 py-2" : "px-4 py-3"
-              )}>
-                Value
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {pairs.map(({ key, label: rowLabel }) => {
-              const value = extractPath(parsed, key);
-              const type = value === undefined ? "missing" : getValueType(value);
-              const displayValue = value === undefined
-                ? "—"
-                : type === "string"
-                  ? `"${formatValue(value)}"`
-                  : formatValue(value);
-
-              return (
-                <tr key={key} className="border-b border-border last:border-b-0">
-                  <td className={cn(
-                    "align-top",
-                    compact ? "px-3 py-2" : "px-4 py-3"
-                  )}>{rowLabel || key}</td>
-                  <td
-                    className={cn(
-                      "align-top",
-                      compact ? "px-3 py-2" : "px-4 py-3",
-                      type === "missing" && "text-muted-foreground"
-                    )}
-                  >
-                    {displayValue}
-                  </td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
-      </div>
-    );
-  };
-
-  return (
-    <div className={cn("not-prose", withMargin && "my-6")}>
-      {label && (
-        <div className="text-[11px] font-mono text-muted-foreground mb-1.5 truncate" title={label}>
-          {label}
-        </div>
-      )}
-      {renderPairsTable()}
-    </div>
-  );
-}
-
-/**
- * ParameterTable component that displays YAML/JSON config files.
- * Supports glob patterns in the path prop to show multiple files.
- */
-export function ParameterTable({ path, pairs, compact = false }: ParameterTableProps) {
-  const { "*": routePath = "" } = useParams();
-
-  if (!pairs || pairs.length === 0) {
-    return (
-      <div className="my-6 p-3 rounded border border-border/50 bg-card/30">
-        <p className="text-[11px] font-mono text-muted-foreground">pairs is required</p>
-      </div>
-    );
-  }
-
-  // Get current directory from route
-  const currentDir = routePath
-    .replace(/\/?[^/]+\.mdx$/i, "")
-    .replace(/\/$/, "")
-    || ".";
-
-  // Resolve relative paths
-  let resolvedPath = path;
-  if (path?.startsWith("./")) {
-    const relativePart = path.slice(2);
-    resolvedPath = currentDir === "." ? relativePart : `${currentDir}/${relativePart}`;
-  } else if (path && !path.startsWith("/") && !path.includes("/") && !isGlobPattern(path)) {
-    resolvedPath = currentDir === "." ? path : `${currentDir}/${path}`;
-  }
-
-  // Check if this is a glob pattern
-  const hasGlob = isGlobPattern(resolvedPath);
-
-  // For glob patterns, get the base directory (directory containing the glob pattern)
-  const baseDir = useMemo(() => {
-    if (!hasGlob) return null;
-    // Get everything before the first glob character
-    const beforeGlob = resolvedPath.split(/[*?\[]/, 1)[0];
-    // Extract directory portion (everything up to the last slash)
-    const lastSlash = beforeGlob.lastIndexOf('/');
-    if (lastSlash === -1) return ".";
-    return beforeGlob.slice(0, lastSlash) || ".";
-  }, [hasGlob, resolvedPath]);
-
-  const { directory } = useDirectory(baseDir || ".");
-
-  // Find matching files for glob patterns
-  const matchingPaths = useMemo(() => {
-    if (!hasGlob || !directory) return [];
-
-    const allFiles = collectAllConfigFiles(directory);
-    const paths = allFiles
-      .map(f => f.path)
-      .filter(p => minimatch(p, resolvedPath, { matchBase: true }));
-
-    sortPathsNumerically(paths);
-
-    return paths;
-  }, [hasGlob, directory, resolvedPath, path, baseDir]);
-
-  // If not a glob pattern, just render the single table
-  if (!hasGlob) {
-    return <SingleParameterTable path={resolvedPath} pairs={pairs} compact={compact} />;
-  }
-
-  // Loading state for glob patterns
-  if (!directory) {
-    return (
-      <div className="my-6 p-4 rounded border border-border/50 bg-card/30">
-        <div className="flex items-center gap-2 text-muted-foreground/60">
-          <div className="w-3 h-3 border border-current border-t-transparent rounded-full animate-spin" />
-          <span className="text-[11px] font-mono">loading parameters...</span>
-        </div>
-      </div>
-    );
-  }
-
-  // No matches
-  if (matchingPaths.length === 0) {
-    return (
-      <div className="my-6 p-3 rounded border border-border/50 bg-card/30">
-        <p className="text-[11px] font-mono text-muted-foreground">
-          no files matching: {resolvedPath}
-          <br />
-          <span className="text-muted-foreground/50">(base dir: {baseDir}, original: {path})</span>
-        </p>
-      </div>
-    );
-  }
-
-  const scrollRef = useRef<HTMLDivElement>(null);
-  usePreventSwipeNavigation(scrollRef);
-
-  // Breakout width based on count
-  const count = matchingPaths.length;
-  // Use translate centering (instead of negative margins) to avoid creating a tiny
-  // page-level horizontal scrollbar while still "breaking out" of prose width.
-  const breakoutClass = count >= 4
-    ? 'relative left-1/2 w-[96vw] -translate-x-1/2'
-    : count >= 2
-      ? 'relative left-1/2 w-[75vw] -translate-x-1/2'
-      : '';
-
-  return (
-    <div className={`my-6 ${breakoutClass} overflow-x-hidden`}>
-      <div ref={scrollRef} className="flex gap-4 overflow-x-auto overscroll-x-contain pb-2">
-        {matchingPaths.map((filePath) => (
-          <div key={filePath} className="flex-none w-[280px]">
-            <SingleParameterTable
-              path={filePath}
-              pairs={pairs}
-              label={filePath.split('/').pop() || filePath}
-              withMargin={false}
-              scrollable={false}
-              compact={compact}
-            />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/src/components/slides/figure-slide.tsx

@@ -1,16 +0,0 @@
-
-
-export function FigureSlide({
-  title,
-  src,
-}: {
-  title: string;
-  src: string;
-}) {
-  return (
-    <div className="figure-slide">
-      <h2>{title}</h2>
-      <img src={src} alt={title} />
-    </div>
-  );
-}

package/src/components/slides/hero-slide.tsx

@@ -1,34 +0,0 @@
-
-export function HeroSlide({
-  title,
-  subtitle,
-  author,
-  date,
-}: {
-  title: string;
-  subtitle?: string;
-  author?: string;
-  date?: string;
-}) {
-  return (
-    <div>
-      <h1 className="text-[clamp(2.5rem,6vw,5rem)] font-semibold leading-[1.1] tracking-[-0.02em] text-foreground text-balance">
-        {title}
-      </h1>
-
-      {subtitle && (
-        <p className="text-[clamp(1rem,2vw,1.5rem)] text-muted-foreground max-w-[50ch] leading-relaxed">
-          {subtitle}
-        </p>
-      )}
-
-      {(author || date) && (
-        <div className="flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted-foreground mt-4">
-          {author && <span>{author}</span>}
-          {author && date && <span className="text-border">·</span>}
-          {date && <span>{date}</span>}
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/slides/slide-outline.tsx

@@ -1,38 +0,0 @@
-
-
-export function SlideOutline({
-  children,
-  className,
-  size="md"
-}: {
-  children?: React.ReactNode;
-  className?: string;
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-}) {
-
-  const wClasses: Record<string, string> = {
-    sm: "max-w-lg",
-    md: "max-w-2xl",
-    lg: "max-w-5xl",
-    xl: "max-w-7xl",
-    full: "max-w-full",
-  };
-
-  const wClassName = `${wClasses[size]} ${className ?? ""}`;
-
-  const hClasses: Record<string, string> = {
-    sm: "min-h-[300px]",
-    md: "min-h-[400px]",
-    lg: "min-h-[500px]",
-    xl: "min-h-[600px]",
-    full: "min-h-[600px]",
-  };
-
-  const hClassName = `${hClasses[size]} ${className ?? ""}`;
-
-  return (
-    <div className={`border rounded relative left-1/2 -translate-x-1/2 w-screen ${wClassName} ${hClassName} ${className}`}>
-      {children}
-    </div>
-  );
-}