shimwrappercheck 0.2.0 → 0.3.0

package/dashboard/components/CheckCard.tsx

@@ -0,0 +1,116 @@
+/**
+ * Single check card with Info and Settings tabs; optional drag handle.
+ * Location: /components/CheckCard.tsx
+ */
+"use client";
+
+import { useState } from "react";
+import type { CheckDef } from "@/lib/checks";
+
+export default function CheckCard({
+  def,
+  enabled,
+  onToggle,
+  dragHandle,
+  checkSettings,
+  onSettingsChange,
+}: {
+  def: CheckDef;
+  enabled: boolean;
+  onToggle: (v: boolean) => void;
+  dragHandle?: React.ReactNode;
+  checkSettings?: Record<string, unknown>;
+  onSettingsChange?: (partial: Record<string, unknown>) => void;
+}) {
+  const [tab, setTab] = useState<"info" | "settings">("info");
+  const hasEnabledToggle = def.settings.some((s) => s.key === "enabled");
+
+  return (
+    <div className="border border-neutral-600 rounded-lg bg-neutral-800/80 overflow-hidden">
+      <div className="flex items-center gap-2 px-3 py-2 border-b border-neutral-600">
+        {dragHandle}
+        {hasEnabledToggle && (
+          <label className="flex items-center gap-2 flex-1 cursor-pointer">
+            <input
+              type="checkbox"
+              className="toggle toggle-sm"
+              checked={enabled}
+              onChange={(e) => onToggle(e.target.checked)}
+            />
+            <span className="font-medium text-sm">{def.label}</span>
+          </label>
+        )}
+        {!hasEnabledToggle && <span className="font-medium text-sm flex-1">{def.label}</span>}
+      </div>
+      <div className="tabs tabs-boxed px-2 pt-2">
+        <button
+          type="button"
+          className={`tab tab-sm ${tab === "info" ? "tab-active" : ""}`}
+          onClick={() => setTab("info")}
+        >
+          Info
+        </button>
+        <button
+          type="button"
+          className={`tab tab-sm ${tab === "settings" ? "tab-active" : ""}`}
+          onClick={() => setTab("settings")}
+        >
+          Settings
+        </button>
+      </div>
+      <div className="p-3 text-sm text-neutral-300 min-h-[4rem]">
+        {tab === "info" && <p className="whitespace-pre-wrap">{def.info}</p>}
+        {tab === "settings" && (
+          <div className="space-y-2">
+            {def.settings.map((s) => {
+              if (s.type === "boolean" && s.key === "enabled") return null;
+              const val = checkSettings?.[s.key] ?? s.default;
+              return (
+                <div key={s.key}>
+                  <label className="text-xs text-neutral-400">{s.label}</label>
+                  {s.type === "boolean" && (
+                    <input
+                      type="checkbox"
+                      className="toggle toggle-sm ml-2"
+                      checked={val as boolean}
+                      onChange={(e) => onSettingsChange?.({ [s.key]: e.target.checked })}
+                    />
+                  )}
+                  {s.type === "number" && (
+                    <input
+                      type="number"
+                      className="input input-sm input-bordered bg-neutral-900 border-neutral-600 text-white w-full mt-1"
+                      value={val != null ? String(val) : ""}
+                      onChange={(e) => onSettingsChange?.({ [s.key]: e.target.value ? Number(e.target.value) : s.default })}
+                    />
+                  )}
+                  {s.type === "string" && (
+                    <input
+                      type="text"
+                      className="input input-sm input-bordered bg-neutral-900 border-neutral-600 text-white w-full mt-1"
+                      value={val != null ? String(val) : ""}
+                      onChange={(e) => onSettingsChange?.({ [s.key]: e.target.value })}
+                    />
+                  )}
+                  {s.type === "select" && (
+                    <select
+                      className="select select-sm select-bordered bg-neutral-900 border-neutral-600 text-white w-full mt-1"
+                      value={val != null ? String(val) : ""}
+                      onChange={(e) => onSettingsChange?.({ [s.key]: e.target.value })}
+                    >
+                      {s.options?.map((o) => (
+                        <option key={o.value} value={o.value}>
+                          {o.label}
+                        </option>
+                      ))}
+                    </select>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

package/dashboard/components/CheckCardList.tsx

@@ -0,0 +1,151 @@
+/**
+ * List of checks: "simple" = search + name-only cards; default = full cards with drag and Info/Settings tabs.
+ * Location: /components/CheckCardList.tsx
+ */
+"use client";
+
+import { useState, useCallback } from "react";
+import type { SettingsData } from "@/lib/presets";
+import { CHECK_DEFINITIONS } from "@/lib/checks";
+import CheckCard from "./CheckCard";
+
+const DEFAULT_ORDER: string[] = [
+  "frontend",
+  "backend",
+  "aiReview",
+  "sast",
+  "architecture",
+  "complexity",
+  "mutation",
+  "e2e",
+  "healthPing",
+  "edgeLogs",
+];
+
+export default function CheckCardList({
+  settings,
+  onSave,
+  variant = "full",
+}: {
+  settings: SettingsData | null;
+  onSave: (s: SettingsData) => void;
+  variant?: "simple" | "full";
+}) {
+  const order = settings?.checkOrder ?? DEFAULT_ORDER;
+  const [search, setSearch] = useState("");
+  const [dragId, setDragId] = useState<string | null>(null);
+  const [dropIndex, setDropIndex] = useState<number | null>(null);
+
+  const toggles = settings?.checkToggles ?? {};
+  const ordered = order
+    .map((id) => CHECK_DEFINITIONS.find((c) => c.id === id))
+    .filter(Boolean) as typeof CHECK_DEFINITIONS;
+  const rest = CHECK_DEFINITIONS.filter((c) => !order.includes(c.id));
+  const list = [...ordered, ...rest];
+  const filtered =
+    variant === "simple" && search.trim()
+      ? list.filter((c) => c.label.toLowerCase().includes(search.trim().toLowerCase()))
+      : list;
+
+  const moveOrder = useCallback(
+    (fromId: string, toIndex: number) => {
+      const idx = order.indexOf(fromId);
+      if (idx === -1 || idx === toIndex) return;
+      const next = [...order];
+      next.splice(idx, 1);
+      next.splice(toIndex, 0, fromId);
+      onSave({ ...settings!, checkOrder: next });
+    },
+    [order, settings, onSave]
+  );
+
+  const handleToggle = (id: string, value: boolean) => {
+    if (!settings) return;
+    onSave({
+      ...settings,
+      checkToggles: { ...settings.checkToggles, [id]: value },
+    });
+  };
+
+  const handleSettingsChange = (checkId: string, partial: Record<string, unknown>) => {
+    if (!settings) return;
+    onSave({
+      ...settings,
+      checkSettings: {
+        ...settings.checkSettings,
+        [checkId]: { ...(settings.checkSettings as Record<string, Record<string, unknown>>)?.[checkId], ...partial },
+      },
+    });
+  };
+
+  if (variant === "simple") {
+    return (
+      <div className="space-y-2">
+        <div className="relative">
+          <input
+            type="text"
+            placeholder="Suchen..."
+            className="input input-bordered w-full input-sm bg-neutral-800 border-neutral-600 text-white pl-8"
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+          />
+          <svg
+            className="absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-500 pointer-events-none"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+          </svg>
+        </div>
+        <ul className="space-y-2">
+          {filtered.map((def) => (
+            <li
+              key={def.id}
+              className="border border-neutral-600 rounded-lg bg-neutral-800/80 px-3 py-2 text-sm text-white"
+            >
+              {def.label}
+            </li>
+          ))}
+        </ul>
+      </div>
+    );
+  }
+
+  return (
+    <ul className="space-y-3">
+      {list.map((def, index) => (
+        <li
+          key={def.id}
+          className={dropIndex === index ? "ring-1 ring-primary rounded-lg" : ""}
+          draggable
+          onDragStart={() => setDragId(def.id)}
+          onDragEnd={() => {
+            setDragId(null);
+            setDropIndex(null);
+          }}
+          onDragOver={(e) => {
+            e.preventDefault();
+            setDropIndex(index);
+          }}
+          onDragLeave={() => setDropIndex(null)}
+          onDrop={(e) => {
+            e.preventDefault();
+            if (dragId) moveOrder(dragId, index);
+            setDragId(null);
+            setDropIndex(null);
+          }}
+        >
+          <CheckCard
+            def={def}
+            enabled={(toggles as Record<string, boolean>)[def.id] ?? true}
+            onToggle={(v) => handleToggle(def.id, v)}
+            checkSettings={(settings?.checkSettings as Record<string, Record<string, unknown>>)?.[def.id]}
+            onSettingsChange={(partial) => handleSettingsChange(def.id, partial)}
+            dragHandle={<span className="cursor-grab text-neutral-500 select-none" title="Ziehen zum Sortieren">⋮⋮</span>}
+          />
+        </li>
+      ))}
+    </ul>
+  );
+}

package/dashboard/components/Header.tsx

@@ -0,0 +1,29 @@
+/**
+ * Header: shimwrappercheck centered at top; nav left.
+ * Location: /components/Header.tsx
+ */
+"use client";
+
+import Link from "next/link";
+
+export default function Header() {
+  return (
+    <header className="h-16 border-b border-neutral-700 flex items-center justify-between px-6 bg-[#0f0f0f]">
+      <nav className="flex gap-2">
+        <Link href="/" className="text-sm text-neutral-300 hover:text-white">
+          Dashboard
+        </Link>
+        <Link href="/settings" className="text-sm text-neutral-300 hover:text-white">
+          Einstellungen
+        </Link>
+        <Link href="/config" className="text-sm text-neutral-300 hover:text-white">
+          Config
+        </Link>
+        <Link href="/agents" className="text-sm text-neutral-300 hover:text-white">
+          AGENTS.md
+        </Link>
+      </nav>
+      <div className="absolute left-1/2 -translate-x-1/2 text-xl font-semibold text-white">shimwrappercheck</div>
+    </header>
+  );
+}

package/dashboard/components/SidebarMyShim.tsx

@@ -0,0 +1,44 @@
+/**
+ * Left sidebar "My Shim": Trigger commandos + Checks (simple cards with search).
+ * Location: /components/SidebarMyShim.tsx
+ */
+"use client";
+
+import { useEffect, useState } from "react";
+import type { SettingsData } from "@/lib/presets";
+import TriggerCommandos from "@/components/TriggerCommandos";
+import CheckCardList from "@/components/CheckCardList";
+
+export default function SidebarMyShim() {
+  const [settings, setSettings] = useState<SettingsData | null>(null);
+
+  useEffect(() => {
+    fetch("/api/settings")
+      .then((r) => r.json())
+      .then((data) => setSettings(data))
+      .catch(() => setSettings(null));
+  }, []);
+
+  const saveSettings = (next: SettingsData) => {
+    setSettings(next);
+    fetch("/api/settings", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(next),
+    }).catch(() => {});
+  };
+
+  return (
+    <div className="p-4 space-y-6">
+      <h2 className="text-lg font-semibold text-white">My Shim</h2>
+      <section>
+        <h3 className="text-sm font-medium text-white mb-2">Trigger commandos</h3>
+        <TriggerCommandos settings={settings} onSave={saveSettings} />
+      </section>
+      <section>
+        <h3 className="text-sm font-medium text-white mb-2">Checks</h3>
+        <CheckCardList settings={settings} onSave={saveSettings} variant="simple" />
+      </section>
+    </div>
+  );
+}

package/dashboard/components/StatusCard.tsx

@@ -14,13 +14,13 @@ export default function StatusCard({
   detail?: string;
 }) {
   return (
-    <div className="card bg-base-100 shadow-md">
+    <div className="card bg-neutral-800 border border-neutral-600 shadow-md">
       <div className="card-body p-4">
-        <h3 className="card-title text-sm">{label}</h3>
-        <p className={ok ? "text-success" : "text-warning"}>
+        <h3 className="card-title text-sm text-white">{label}</h3>
+        <p className={ok ? "text-green-400" : "text-amber-400"}>
           {ok ? "✓ Vorhanden" : "— Nicht gefunden"}
         </p>
-        {detail && <p className="text-xs opacity-80">{detail}</p>}
+        {detail && <p className="text-xs text-neutral-400">{detail}</p>}
       </div>
     </div>
   );

package/dashboard/components/TriggerCommandos.tsx

@@ -0,0 +1,100 @@
+/**
+ * Single text field for trigger commands (comma-separated); reads/writes Preset supabase/git enforce.
+ * Location: /components/TriggerCommandos.tsx
+ */
+"use client";
+
+import { useState, useEffect } from "react";
+import type { SettingsData, Preset } from "@/lib/presets";
+import { GIT_COMMAND_IDS } from "@/lib/presets";
+
+function getTriggerLabels(preset: Preset | undefined): string[] {
+  if (!preset) return [];
+  const out: string[] = [];
+  if (preset.supabase?.enforce?.length) {
+    for (const c of preset.supabase.enforce) {
+      if (c === "functions") out.push("supabase functions deploy");
+      else if (c === "db") out.push("supabase db push");
+      else if (c === "migration") out.push("supabase migration");
+      else if (c === "push") out.push("supabase push");
+      else out.push(`supabase ${c}`);
+    }
+  }
+  if (preset.git?.enforce?.length) {
+    for (const c of preset.git.enforce) {
+      out.push(`git ${c}`);
+    }
+  }
+  return out;
+}
+
+function parseTriggerLabel(label: string): { type: "supabase" | "git"; id: string } | null {
+  const t = label.trim().toLowerCase();
+  if (t.startsWith("git ")) {
+    const id = t.slice(4).trim();
+    if ((GIT_COMMAND_IDS as readonly string[]).includes(id)) return { type: "git", id };
+    return { type: "git", id };
+  }
+  if (t.startsWith("supabase ")) {
+    const rest = t.slice(9).trim();
+    if (rest.startsWith("functions")) return { type: "supabase", id: "functions" };
+    if (rest.startsWith("db")) return { type: "supabase", id: "db" };
+    if (rest.startsWith("migration")) return { type: "supabase", id: "migration" };
+    if (rest.startsWith("push")) return { type: "supabase", id: "push" };
+  }
+  return null;
+}
+
+function labelsToPresetEnforce(labels: string[]): { supabase: string[]; git: string[] } {
+  const supabase: string[] = [];
+  const git: string[] = [];
+  for (const label of labels) {
+    const parsed = parseTriggerLabel(label);
+    if (!parsed) continue;
+    if (parsed.type === "supabase" && !supabase.includes(parsed.id)) supabase.push(parsed.id);
+    if (parsed.type === "git" && !git.includes(parsed.id)) git.push(parsed.id);
+  }
+  return { supabase, git };
+}
+
+export default function TriggerCommandos({
+  settings,
+  onSave,
+}: {
+  settings: SettingsData | null;
+  onSave: (s: SettingsData) => void;
+}) {
+  const preset = settings?.presets?.find((p) => p.id === settings.activePresetId);
+  const initialLabels = getTriggerLabels(preset);
+  const [value, setValue] = useState(initialLabels.join(", "));
+
+  useEffect(() => {
+    setValue(getTriggerLabels(preset).join(", "));
+  }, [preset?.id, preset?.supabase?.enforce, preset?.git?.enforce]);
+
+  const applyToPreset = () => {
+    if (!settings) return;
+    const labels = value.split(",").map((s) => s.trim()).filter(Boolean);
+    const { supabase: supabaseIds, git: gitIds } = labelsToPresetEnforce(labels);
+    const next = { ...settings };
+    const p = next.presets.find((x) => x.id === next.activePresetId);
+    if (!p) return;
+    if (p.supabase) p.supabase.enforce = supabaseIds;
+    if (p.git) p.git.enforce = gitIds;
+    onSave(next);
+  };
+
+  return (
+    <div className="space-y-2">
+      <input
+        type="text"
+        placeholder="z.B. git push, supabase push"
+        className="input input-bordered w-full bg-neutral-800 border-neutral-600 text-white text-sm"
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        onBlur={applyToPreset}
+        onKeyDown={(e) => e.key === "Enter" && applyToPreset()}
+      />
+    </div>
+  );
+}

package/dashboard/lib/checks.ts

@@ -0,0 +1,116 @@
+/**
+ * Check definitions: id, label, info text, and optional settings schema for each shim check.
+ * Location: /lib/checks.ts
+ */
+
+import type { CheckToggles } from "./presets";
+
+export type CheckId = keyof CheckToggles | "healthPing" | "edgeLogs";;
+
+export interface CheckSettingOption {
+  key: string;
+  label: string;
+  type: "boolean" | "number" | "string" | "select";
+  default?: unknown;
+  options?: { value: string; label: string }[];
+}
+
+export interface CheckDef {
+  id: CheckId;
+  label: string;
+  info: string;
+  settings: CheckSettingOption[];
+}
+
+export const CHECK_DEFINITIONS: CheckDef[] = [
+  {
+    id: "frontend",
+    label: "Frontend",
+    info: "Führt Frontend-Checks aus: npm run lint, check:mock-data, build, test:run, npm audit (Security). Optional Snyk (Dependency-Scan), falls installiert.",
+    settings: [
+      { key: "enabled", label: "Aktiv", type: "boolean", default: true },
+      { key: "skipSnyk", label: "Snyk überspringen", type: "boolean", default: false },
+      { key: "auditLevel", label: "npm audit Stufe", type: "select", default: "high", options: [
+        { value: "critical", label: "critical" },
+        { value: "high", label: "high" },
+        { value: "moderate", label: "moderate" },
+        { value: "low", label: "low" },
+      ]},
+    ],
+  },
+  {
+    id: "backend",
+    label: "Backend",
+    info: "Supabase Edge Functions: deno fmt --check, deno lint, deno audit für supabase/functions.",
+    settings: [
+      { key: "enabled", label: "Aktiv", type: "boolean", default: true },
+    ],
+  },
+  {
+    id: "aiReview",
+    label: "AI Review (Codex)",
+    info: "Code-Review per Codex: Git-Diff (staged/unstaged oder Push-Range), strukturierte Bewertung (Rating, Warnings, Errors, Verdict). PASS nur bei Rating ≥ 95 und ohne Warnings/Errors. Review wird in .shimwrapper/reviews/ gespeichert.",
+    settings: [
+      { key: "enabled", label: "Aktiv", type: "boolean", default: true },
+      { key: "timeoutSec", label: "Timeout (Sekunden)", type: "number", default: 180 },
+      { key: "diffLimitBytes", label: "Max. Diff-Größe (Bytes)", type: "number", default: 51200 },
+      { key: "minRating", label: "Mindest-Rating für PASS", type: "number", default: 95 },
+      { key: "reviewDir", label: "Ausgabeordner Reviews", type: "string", default: ".shimwrapper/reviews" },
+    ],
+  },
+  {
+    id: "sast",
+    label: "SAST",
+    info: "Geplant / in Konfiguration vorhanden. Noch nicht im run-checks.sh Template umgesetzt.",
+    settings: [{ key: "enabled", label: "Aktiv", type: "boolean", default: true }],
+  },
+  {
+    id: "architecture",
+    label: "Architecture",
+    info: "Geplant / in Konfiguration vorhanden. Noch nicht im run-checks.sh Template umgesetzt.",
+    settings: [{ key: "enabled", label: "Aktiv", type: "boolean", default: true }],
+  },
+  {
+    id: "complexity",
+    label: "Complexity",
+    info: "Geplant / in Konfiguration vorhanden. Noch nicht im run-checks.sh Template umgesetzt.",
+    settings: [{ key: "enabled", label: "Aktiv", type: "boolean", default: true }],
+  },
+  {
+    id: "mutation",
+    label: "Mutation",
+    info: "Geplant / in Konfiguration vorhanden. Noch nicht im run-checks.sh Template umgesetzt.",
+    settings: [{ key: "enabled", label: "Aktiv", type: "boolean", default: true }],
+  },
+  {
+    id: "e2e",
+    label: "E2E",
+    info: "Geplant / in Konfiguration vorhanden. Noch nicht im run-checks.sh Template umgesetzt.",
+    settings: [{ key: "enabled", label: "Aktiv", type: "boolean", default: true }],
+  },
+  {
+    id: "healthPing",
+    label: "Post-Deploy: Health Ping",
+    info: "Nach Supabase-Deploy werden Health-Endpoints der Edge Functions aufgerufen (ping-edge-health.sh). Nutzt Project Ref (SUPABASE_PROJECT_REF oder supabase/project-ref) und optional benutzerdefinierte Pfade.",
+    settings: [
+      { key: "defaultFunction", label: "Standard-Funktion", type: "string", default: "server" },
+      { key: "healthFunctions", label: "Zusätzliche Funktionen (kommasepariert)", type: "string", default: "" },
+      { key: "healthPaths", label: "Health-Pfade (kommasepariert, {fn})", type: "string", default: "" },
+      { key: "projectRef", label: "Supabase Project Ref", type: "string", default: "" },
+    ],
+  },
+  {
+    id: "edgeLogs",
+    label: "Post-Deploy: Edge Logs",
+    info: "Holt nach Deploy die letzten Logs der deployten Edge Function(s) (fetch-edge-logs.sh).",
+    settings: [
+      { key: "defaultFunction", label: "Standard-Funktion", type: "string", default: "server" },
+      { key: "logFunctions", label: "Funktionen für Logs (kommasepariert)", type: "string", default: "" },
+      { key: "logLimit", label: "Anzahl Log-Zeilen", type: "number", default: 30 },
+    ],
+  },
+];
+
+export function getCheckDef(id: CheckId): CheckDef | undefined {
+  return CHECK_DEFINITIONS.find((c) => c.id === id);
+}

package/dashboard/lib/presets.ts

@@ -37,12 +37,28 @@ export interface CheckToggles {
   frontend: boolean;
   backend: boolean;
   aiReview: boolean;
+  sast: boolean;
+  architecture: boolean;
+  complexity: boolean;
+  mutation: boolean;
+  e2e: boolean;
+}
+
+/** Per-check options (persisted in presets JSON and written to rc as env where supported) */
+export interface CheckSettings {
+  frontend?: { skipSnyk?: boolean; auditLevel?: string };
+  backend?: Record<string, unknown>;
+  aiReview?: { timeoutSec?: number; diffLimitBytes?: number; minRating?: number; reviewDir?: string };
+  healthPing?: { defaultFunction?: string; healthFunctions?: string; healthPaths?: string; projectRef?: string };
+  edgeLogs?: { defaultFunction?: string; logFunctions?: string; logLimit?: number };
 }
 
 export interface SettingsData {
   presets: Preset[];
   activePresetId: string;
   checkToggles: CheckToggles;
+  checkSettings?: CheckSettings;
+  checkOrder?: string[];
 }
 
 const VIBE_CODE_ID = "vibe-code";
@@ -51,6 +67,11 @@ export const DEFAULT_CHECK_TOGGLES: CheckToggles = {
   frontend: true,
   backend: true,
   aiReview: true,
+  sast: true,
+  architecture: true,
+  complexity: true,
+  mutation: true,
+  e2e: true,
 };
 
 export const DEFAULT_VIBE_CODE_PRESET: Preset = {
@@ -91,7 +112,27 @@ export function buildRcContent(settings: SettingsData): string {
   if (!settings.checkToggles.frontend) args.push("--no-frontend");
   if (!settings.checkToggles.backend) args.push("--no-backend");
   if (!settings.checkToggles.aiReview) args.push("--no-ai-review");
+  if (!settings.checkToggles.sast) args.push("--no-sast");
+  if (!settings.checkToggles.architecture) args.push("--no-architecture");
+  if (!settings.checkToggles.complexity) args.push("--no-complexity");
+  if (!settings.checkToggles.mutation) args.push("--no-mutation");
+  if (!settings.checkToggles.e2e) args.push("--no-e2e");
   if (args.length) lines.push(`SHIM_CHECKS_ARGS="${args.join(" ")}"`);
 
+  const cs = settings.checkSettings;
+  if (cs?.frontend?.skipSnyk) lines.push("SKIP_SNYK=1");
+  if (cs?.frontend?.auditLevel) lines.push(`SHIM_AUDIT_LEVEL="${cs.frontend.auditLevel}"`);
+  if (cs?.aiReview?.timeoutSec != null) lines.push(`SHIM_AI_TIMEOUT_SEC=${cs.aiReview.timeoutSec}`);
+  if (cs?.aiReview?.diffLimitBytes != null) lines.push(`SHIM_AI_DIFF_LIMIT_BYTES=${cs.aiReview.diffLimitBytes}`);
+  if (cs?.aiReview?.minRating != null) lines.push(`SHIM_AI_MIN_RATING=${cs.aiReview.minRating}`);
+  if (cs?.aiReview?.reviewDir) lines.push(`SHIM_AI_REVIEW_DIR="${cs.aiReview.reviewDir}"`);
+  const defaultFn = cs?.healthPing?.defaultFunction || cs?.edgeLogs?.defaultFunction;
+  if (defaultFn) lines.push(`SHIM_DEFAULT_FUNCTION="${defaultFn}"`);
+  if (cs?.healthPing?.healthFunctions) lines.push(`SHIM_HEALTH_FUNCTIONS="${cs.healthPing.healthFunctions}"`);
+  if (cs?.healthPing?.healthPaths) lines.push(`SHIM_HEALTH_PATHS="${cs.healthPing.healthPaths}"`);
+  if (cs?.healthPing?.projectRef) lines.push(`SUPABASE_PROJECT_REF="${cs.healthPing.projectRef}"`);
+  if (cs?.edgeLogs?.logFunctions) lines.push(`SHIM_LOG_FUNCTIONS="${cs.edgeLogs.logFunctions}"`);
+  if (cs?.edgeLogs?.logLimit != null) lines.push(`SHIM_LOG_LIMIT=${cs.edgeLogs.logLimit}`);
+
   return lines.join("\n") + "\n";
 }

package/dashboard/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

package/dashboard/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "node scripts/find-port-and-dev.js",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"