@kirrosh/zond 0.22.0 → 0.23.0

package/src/web/routes/dashboard.ts

@@ -1,350 +0,0 @@
-import { Hono } from "hono";
-import { layout, escapeHtml } from "../views/layout.ts";
-import { methodBadge } from "../views/results.ts";
-import { renderHealthStrip } from "../views/health-strip.ts";
-import { renderEndpointsTab } from "../views/endpoints-tab.ts";
-import { renderSuitesTab } from "../views/suites-tab.ts";
-import { renderRunsTab, renderRunDetail } from "../views/runs-tab.ts";
-import { renderExplorerTab } from "../views/explorer-tab.ts";
-import { buildCollectionState, invalidateCollectionCache } from "../data/collection-state.ts";
-import {
-  listCollections,
-  getCollectionById,
-  countRunsByCollection,
-} from "../../db/queries.ts";
-import type { CollectionRecord, CollectionSummary } from "../../db/queries.ts";
-import { listEnvFiles } from "../../core/parser/variables.ts";
-
-const dashboard = new Hono();
-
-// ──────────────────────────────────────────────
-// GET / — Main dashboard
-// ──────────────────────────────────────────────
-
-dashboard.get("/", async (c) => {
-  const collections = listCollections();
-
-  let selectedId: number | null = null;
-  const qId = c.req.query("collection");
-  if (qId) {
-    selectedId = parseInt(qId, 10) || null;
-  } else if (collections.length === 1) {
-    selectedId = collections[0]!.id;
-  }
-
-  const selected = selectedId ? collections.find(col => col.id === selectedId) ?? null : null;
-  const selectedRecord = selected ? getCollectionById(selected.id) : null;
-
-  const { content, navExtra } = await renderPage(collections, selectedId, selectedRecord);
-  const isHtmx = c.req.header("HX-Request") === "true";
-  if (isHtmx) return c.html(content);
-  return c.html(layout("zond", content, navExtra));
-});
-
-// ──────────────────────────────────────────────
-// HTMX panel endpoints
-// ──────────────────────────────────────────────
-
-dashboard.get("/panels/content", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection) return c.html("<p>Collection not found</p>");
-
-  return c.html(await renderCollectionContent(collection));
-});
-
-dashboard.get("/panels/health-strip", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection) return c.html("");
-
-  invalidateCollectionCache(collectionId);
-  const state = await buildCollectionState(collection);
-  return c.html(renderHealthStrip(state));
-});
-
-dashboard.get("/panels/endpoints", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection) return c.html("");
-
-  const state = await buildCollectionState(collection);
-  const filters = {
-    status: c.req.query("status") || undefined,
-    method: c.req.query("method") || undefined,
-  };
-  return c.html(renderEndpointsTab(state, filters));
-});
-
-dashboard.get("/panels/explorer", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection) return c.html("");
-
-  return c.html(await renderExplorerTab(collection));
-});
-
-dashboard.get("/panels/suites", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection) return c.html("");
-
-  const state = await buildCollectionState(collection);
-  return c.html(renderSuitesTab(state));
-});
-
-dashboard.get("/panels/runs-tab", (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  const page = Math.max(1, parseInt(c.req.query("page") ?? "1", 10));
-  if (isNaN(collectionId)) return c.html("");
-
-  return c.html(renderRunsTab(collectionId, page));
-});
-
-dashboard.get("/panels/run-detail", (c) => {
-  const runId = parseInt(c.req.query("run_id") ?? "", 10);
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(runId)) return c.html("");
-
-  return c.html(renderRunDetail(runId, collectionId));
-});
-
-// Legacy endpoints for backwards compat (runs.ts detail page uses /panels/results)
-dashboard.get("/panels/results", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  const runId = parseInt(c.req.query("run_id") ?? "", 10);
-
-  if (!isNaN(runId)) {
-    return c.html(renderRunDetail(runId, collectionId || 0));
-  }
-
-  if (!isNaN(collectionId)) {
-    const { listRunsByCollection } = await import("../../db/queries.ts");
-    const runs = listRunsByCollection(collectionId, 1, 0);
-    if (runs.length === 0) return c.html(`<p style="color:var(--text-dim);">No runs yet.</p>`);
-    return c.html(renderRunDetail(runs[0]!.id, collectionId));
-  }
-
-  return c.html("");
-});
-
-// Legacy coverage panel (kept for /runs/:id page)
-dashboard.get("/panels/coverage", async (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  if (isNaN(collectionId)) return c.html("");
-
-  const collection = getCollectionById(collectionId);
-  if (!collection?.openapi_spec) return c.html("");
-
-  return c.html(await renderCoveragePanel(collection as CollectionRecord & { openapi_spec: string }));
-});
-
-// Legacy history panel (kept for /runs/:id page)
-dashboard.get("/panels/history", (c) => {
-  const collectionId = parseInt(c.req.query("collection_id") ?? "", 10);
-  const page = Math.max(1, parseInt(c.req.query("page") ?? "1", 10));
-  if (isNaN(collectionId)) return c.html("");
-
-  return c.html(renderRunsTab(collectionId, page));
-});
-
-// ──────────────────────────────────────────────
-// Rendering functions
-// ──────────────────────────────────────────────
-
-async function renderPage(
-  collections: CollectionSummary[],
-  selectedId: number | null,
-  selectedRecord: CollectionRecord | null,
-): Promise<{ content: string; navExtra: string }> {
-  if (collections.length === 0) {
-    return {
-      navExtra: "",
-      content: `
-        <div style="text-align:center;padding:3rem 1rem;">
-          <h1>zond</h1>
-          <p style="color:var(--text-dim);margin:1rem 0;">No API collections registered yet.</p>
-          <p style="color:var(--text-dim);">Use <code>setup_api</code> via CLI or MCP to register your first API.</p>
-        </div>`,
-    };
-  }
-
-  // Navbar: separator + collection selector + action bar
-  const collectionOptions = collections.map(col =>
-    `<option value="${col.id}"${col.id === selectedId ? " selected" : ""}>${escapeHtml(col.name)}${col.last_run_total > 0 ? ` (${col.pass_rate}%)` : ""}</option>`,
-  ).join("");
-
-  const selectorHtml = collections.length === 1
-    ? `<span class="nav-separator"></span>
-       <span class="collection-selector" style="border:none;background:none;">${escapeHtml(collections[0]!.name)}</span>
-       <input type="hidden" id="collection-select" value="${collections[0]!.id}">`
-    : `<span class="nav-separator"></span>
-       <select id="collection-select" class="collection-selector"
-         hx-get="/panels/content"
-         hx-target="#main-content"
-         hx-swap="innerHTML"
-         name="collection_id">
-         <option value="">Select an API...</option>
-         ${collectionOptions}
-       </select>`;
-
-  // Action bar in navbar
-  let actionHtml = "";
-  if (selectedRecord) {
-    const baseDir = selectedRecord.base_dir ?? selectedRecord.test_path;
-    const envNames = await listEnvFiles(baseDir);
-    const envSelect = envNames.length > 0
-      ? `<select name="env" form="run-form" class="collection-selector" style="font-size:0.75rem;padding:0.25rem 0.5rem;">
-          ${envNames.map(n => `<option value="${escapeHtml(n)}">${escapeHtml(n || "default")}</option>`).join("")}
-        </select>`
-      : "";
-
-    actionHtml = `<div class="nav-actions">
-      ${envSelect}
-      <form id="run-form" style="display:contents;"
-        hx-post="/run"
-        hx-indicator="#run-spinner"
-        hx-swap="none">
-        <input type="hidden" name="path" value="${escapeHtml(selectedRecord.test_path)}">
-        <button type="submit" class="btn btn-run" hx-disabled-elt="this">&#9654; Run Tests</button>
-        <span id="run-spinner" class="htmx-indicator" style="color:var(--text-dim);font-size:0.85rem;">Running...</span>
-      </form>
-    </div>`;
-  }
-
-  const navExtra = `${selectorHtml}${actionHtml}`;
-
-  const bodyContent = selectedRecord ? await renderCollectionContent(selectedRecord) : "";
-
-  return {
-    navExtra,
-    content: `<div id="main-content">${bodyContent}</div>`,
-  };
-}
-
-async function renderCollectionContent(collection: CollectionRecord): Promise<string> {
-  const state = await buildCollectionState(collection);
-
-  // Health strip
-  const healthStrip = renderHealthStrip(state);
-
-  // Tab bar with counts
-  const runCount = countRunsByCollection(collection.id);
-  const tabBar = `
-    <div class="tab-bar" id="tab-bar">
-      <button class="tab-btn tab-active" data-tab="endpoints"
-        hx-get="/panels/endpoints?collection_id=${collection.id}"
-        hx-target="#tab-content" hx-swap="innerHTML"
-        onclick="activateTab(this)">Endpoints <span class="tab-count">${state.totalEndpoints}</span></button>
-      <button class="tab-btn" data-tab="suites"
-        hx-get="/panels/suites?collection_id=${collection.id}"
-        hx-target="#tab-content" hx-swap="innerHTML"
-        onclick="activateTab(this)">Suites <span class="tab-count">${state.suites.length}</span></button>
-      <button class="tab-btn" data-tab="runs"
-        hx-get="/panels/runs-tab?collection_id=${collection.id}"
-        hx-target="#tab-content" hx-swap="innerHTML"
-        onclick="activateTab(this)">Runs <span class="tab-count">${runCount}</span></button>
-      <button class="tab-btn" data-tab="explorer"
-        hx-get="/panels/explorer?collection_id=${collection.id}"
-        hx-target="#tab-content" hx-swap="innerHTML"
-        onclick="activateTab(this)">Explorer</button>
-    </div>`;
-
-  // Default tab content (endpoints)
-  const defaultContent = renderEndpointsTab(state);
-
-  const tabScript = `<script>
-    function activateTab(el) {
-      document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('tab-active'));
-      el.classList.add('tab-active');
-    }
-    function switchToSuite(suiteName) {
-      var suitesBtn = document.querySelector('[data-tab="suites"]');
-      if (!suitesBtn) return;
-      suitesBtn.click();
-      document.addEventListener('htmx:afterSwap', function handler(e) {
-        if (e.detail.target && e.detail.target.id === 'tab-content') {
-          document.removeEventListener('htmx:afterSwap', handler);
-          setTimeout(function() {
-            var rows = document.querySelectorAll('.suite-row[data-suite-name]');
-            for (var i = 0; i < rows.length; i++) {
-              if (rows[i].dataset.suiteName === suiteName) {
-                rows[i].scrollIntoView({ behavior: 'smooth', block: 'center' });
-                rows[i].click();
-                rows[i].classList.add('suite-highlight');
-                setTimeout(function() { rows[i].classList.remove('suite-highlight'); }, 2000);
-                break;
-              }
-            }
-          }, 50);
-        }
-      });
-    }
-  </script>`;
-
-  return `
-    <div id="health-strip-panel">${healthStrip}</div>
-    ${tabBar}
-    <div id="tab-content">${defaultContent}</div>
-    ${tabScript}`;
-}
-
-// ── Legacy helpers (kept for /runs/:id page) ──
-
-async function renderCoveragePanel(collection: CollectionRecord & { openapi_spec: string }): Promise<string> {
-  try {
-    const { readOpenApiSpec, extractEndpoints } = await import("../../core/generator/openapi-reader.ts");
-    const { scanCoveredEndpoints, filterUncoveredEndpoints } = await import("../../core/generator/coverage-scanner.ts");
-
-    const doc = await readOpenApiSpec(collection.openapi_spec);
-    const allEndpoints = extractEndpoints(doc);
-    const covered = await scanCoveredEndpoints(collection.test_path);
-    const uncovered = filterUncoveredEndpoints(allEndpoints, covered);
-
-    const totalEndpoints = allEndpoints.length;
-    const coveredCount = totalEndpoints - uncovered.length;
-    const pct = totalEndpoints > 0 ? Math.round((coveredCount / totalEndpoints) * 100) : 0;
-
-    const badgeClass = pct >= 80 ? "badge-pass" : pct >= 50 ? "badge-skip" : "badge-fail";
-
-    const uncoveredSet = new Set(uncovered.map(ep => `${ep.method} ${ep.path}`));
-
-    const allItems = allEndpoints.map(ep => {
-      const isCovered = !uncoveredSet.has(`${ep.method} ${ep.path}`);
-      const icon = isCovered
-        ? `<span style="color:var(--pass);font-weight:700;">&#10003;</span>`
-        : `<span style="color:var(--fail);font-weight:700;">&#10007;</span>`;
-      return `<div style="padding:0.2rem 0;font-size:0.85rem;font-family:monospace;display:flex;align-items:center;gap:0.5rem;">
-          ${icon} ${methodBadge(ep.method)} ${escapeHtml(ep.path)}
-        </div>`;
-    }).join("");
-
-    const endpointsHtml = totalEndpoints > 0
-      ? `<details style="margin-top:0.5rem;">
-          <summary style="cursor:pointer;font-size:0.85rem;color:var(--text-dim);">Show all ${totalEndpoints} endpoints</summary>
-          <div style="margin-top:0.25rem;">${allItems}</div>
-        </details>`
-      : "";
-
-    return `
-      <div style="margin-bottom:1rem;">
-        <span style="font-size:0.9rem;font-weight:600;">Coverage:</span>
-        <span class="badge ${badgeClass}" style="margin-left:0.25rem;">${pct}% (${coveredCount}/${totalEndpoints})</span>
-        ${endpointsHtml}
-      </div>`;
-  } catch {
-    return "";
-  }
-}
-
-export default dashboard;

package/src/web/routes/runs.ts

@@ -1,64 +0,0 @@
-import { Hono } from "hono";
-import { layout, escapeHtml } from "../views/layout.ts";
-import { statusBadge, renderSuiteResults, failedFilterToggle, autoExpandFailedScript } from "../views/results.ts";
-import { getRunById, getResultsByRunId, getCollectionById } from "../../db/queries.ts";
-import { formatDuration } from "../../core/reporter/console.ts";
-
-const runs = new Hono();
-
-runs.get("/runs/:id", (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.html(layout("Not Found", "<h1>Invalid run ID</h1>"), 400);
-
-  const run = getRunById(id);
-  if (!run) return c.html(layout("Not Found", "<h1>Run not found</h1>"), 404);
-
-  const results = getResultsByRunId(id);
-
-  // Resolve test_path for re-run button
-  const collection = run.collection_id ? getCollectionById(run.collection_id) : null;
-  const rerunBtnHtml = collection
-    ? `<button class="btn btn-sm btn-run"
-        hx-post="/run"
-        hx-vals='${escapeHtml(JSON.stringify({ path: collection.test_path, ...(run.environment ? { env: run.environment } : {}) }))}'
-        hx-disabled-elt="this"
-        style="margin-left:0.5rem;">Re-run</button>`
-    : "";
-
-  const headerHtml = `
-    <h1>Run #${run.id}</h1>
-    <div class="cards">
-      <div class="card">
-        <div class="card-label">Date</div>
-        <div class="card-value" style="font-size:1rem">${escapeHtml(run.started_at)}</div>
-      </div>
-      <div class="card">
-        <div class="card-label">Environment</div>
-        <div class="card-value" style="font-size:1rem">${run.environment ? escapeHtml(run.environment) : "-"}</div>
-      </div>
-      <div class="card">
-        <div class="card-label">Duration</div>
-        <div class="card-value">${run.duration_ms != null ? formatDuration(run.duration_ms) : "-"}</div>
-      </div>
-      <div class="card">
-        <div class="card-label">Results</div>
-        <div class="card-value" style="font-size:1rem">${run.passed} &#10003; ${run.failed} &#10007; ${run.skipped} &#9675;</div>
-      </div>
-    </div>
-    <div style="margin:0.5rem 0 1rem;">
-      <a href="/api/export/${run.id}/junit" download class="btn btn-sm btn-outline">Export JUnit XML</a>
-      <a href="/api/export/${run.id}/json" download class="btn btn-sm btn-outline" style="margin-left:0.5rem;">Export JSON</a>
-      ${rerunBtnHtml}
-    </div>`;
-
-  const suitesHtml = renderSuiteResults(results, id);
-
-  const content = headerHtml + failedFilterToggle() + suitesHtml + autoExpandFailedScript()
-    + `<div style="margin-top:1rem"><a href="/" class="btn btn-outline btn-sm">&larr; Back to Dashboard</a></div>`;
-
-  const isHtmx = c.req.header("HX-Request") === "true";
-  if (isHtmx) return c.html(content);
-  return c.html(layout(`Run #${id}`, content));
-});
-
-export default runs;

package/src/web/schemas.ts

@@ -1,121 +0,0 @@
-import { z } from "@hono/zod-openapi";
-
-// ──────────────────────────────────────────────
-// Common
-// ──────────────────────────────────────────────
-
-export const ErrorSchema = z.object({
-  error: z.string(),
-}).openapi("Error");
-
-export const IdParamSchema = z.object({
-  id: z.string().transform(Number).pipe(z.number().int().positive()).openapi({ type: "integer", example: 1 }),
-});
-
-// ──────────────────────────────────────────────
-// Environments
-// ──────────────────────────────────────────────
-
-export const EnvironmentSchema = z.object({
-  id: z.number().int(),
-  name: z.string(),
-  variables: z.record(z.string(), z.string()),
-}).openapi("Environment");
-
-export const EnvironmentListSchema = z.array(EnvironmentSchema).openapi("EnvironmentList");
-
-export const CreateEnvironmentRequest = z.object({
-  name: z.string().min(1),
-}).openapi("CreateEnvironmentRequest");
-
-export const CreateEnvironmentResponse = z.object({
-  id: z.number().int(),
-  name: z.string(),
-  variables: z.record(z.string(), z.string()),
-}).openapi("CreateEnvironmentResponse");
-
-export const UpdateEnvironmentRequest = z.object({
-  variables: z.record(z.string(), z.string()),
-}).openapi("UpdateEnvironmentRequest");
-
-// ──────────────────────────────────────────────
-// Collections
-// ──────────────────────────────────────────────
-
-export const CollectionSchema = z.object({
-  id: z.number().int(),
-  name: z.string(),
-  test_path: z.string(),
-  openapi_spec: z.string().nullable(),
-  created_at: z.string(),
-}).openapi("Collection");
-
-export const CollectionListSchema = z.array(CollectionSchema).openapi("CollectionList");
-
-export const CreateCollectionRequest = z.object({
-  name: z.string().min(1),
-  test_path: z.string().min(1),
-  openapi_spec: z.string().optional(),
-}).openapi("CreateCollectionRequest");
-
-export const CreateCollectionResponse = z.object({
-  id: z.number().int(),
-  name: z.string(),
-  test_path: z.string(),
-  openapi_spec: z.string().nullable(),
-}).openapi("CreateCollectionResponse");
-
-// ──────────────────────────────────────────────
-// Runs
-// ──────────────────────────────────────────────
-
-export const RunRequestSchema = z.object({
-  path: z.string().min(1),
-  env: z.string().optional(),
-}).openapi("RunRequest");
-
-export const RunResponseSchema = z.object({
-  runId: z.number().int(),
-}).openapi("RunResponse");
-
-export const RunDetailSchema = z.object({
-  suite_name: z.string(),
-  started_at: z.string(),
-  finished_at: z.string(),
-  total: z.number().int(),
-  passed: z.number().int(),
-  failed: z.number().int(),
-  skipped: z.number().int(),
-  steps: z.array(z.object({
-    name: z.string(),
-    status: z.string(),
-    duration_ms: z.number(),
-    request: z.object({
-      method: z.string(),
-      url: z.string(),
-      headers: z.record(z.string(), z.string()),
-    }),
-    response: z.object({
-      status: z.number().int(),
-      headers: z.record(z.string(), z.string()),
-      body: z.string(),
-      duration_ms: z.number(),
-    }).optional(),
-    assertions: z.array(z.object({
-      field: z.string(),
-      expected: z.string(),
-      actual: z.string(),
-      passed: z.boolean(),
-    })),
-    captures: z.record(z.string(), z.unknown()),
-    error: z.string().optional(),
-  })),
-}).openapi("RunDetail");
-
-// ──────────────────────────────────────────────
-// Export
-// ──────────────────────────────────────────────
-
-export const RunIdParam = z.object({
-  runId: z.string().transform(Number).pipe(z.number().int().positive()).openapi({ type: "integer", example: 1 }),
-});

package/src/web/server.ts

@@ -1,134 +0,0 @@
-import { OpenAPIHono } from "@hono/zod-openapi";
-import { getDb } from "../db/schema.ts";
-import dashboard from "./routes/dashboard.ts";
-import runs from "./routes/runs.ts";
-import api from "./routes/api.ts";
-import styleCssPath from "./static/style.css" with { type: "file" };
-import htmxJsPath from "./static/htmx.min.cjs" with { type: "file" };
-
-export interface ServerOptions {
-  port?: number;
-  host?: string;
-  dbPath?: string;
-  dev?: boolean;
-}
-
-// SSE clients for dev hot reload
-let devClients: ReadableStreamDefaultController[] = [];
-
-export function notifyDevReload() {
-  for (const ctrl of devClients) {
-    try { ctrl.enqueue("data: reload\n\n"); } catch { /* client gone */ }
-  }
-}
-
-export function createApp(options?: { dev?: boolean }) {
-  const app = new OpenAPIHono();
-
-  // Dev hot reload SSE endpoint
-  if (options?.dev) {
-    app.get("/dev/reload", (c) => {
-      const stream = new ReadableStream({
-        start(controller) {
-          devClients.push(controller);
-          controller.enqueue("data: connected\n\n");
-        },
-        cancel() {
-          devClients = devClients.filter((c) => c !== arguments[0]);
-        },
-      });
-      return new Response(stream, {
-        headers: {
-          "Content-Type": "text/event-stream",
-          "Cache-Control": "no-cache",
-          Connection: "keep-alive",
-        },
-      });
-    });
-  }
-
-  // Static files
-  app.get("/static/:file", async (c) => {
-    const file = c.req.param("file");
-    // Only serve known files, prevent path traversal
-    if (file === "style.css") {
-      const content = await Bun.file(styleCssPath).text();
-      c.header("Content-Type", "text/css; charset=utf-8");
-      c.header("Cache-Control", "public, max-age=3600");
-      return c.body(content);
-    }
-    if (file === "htmx.min.js") {
-      const content = await Bun.file(htmxJsPath as unknown as string).text();
-      c.header("Content-Type", "application/javascript; charset=utf-8");
-      c.header("Cache-Control", "public, max-age=86400");
-      return c.body(content);
-    }
-    return c.notFound();
-  });
-
-  // Mount routes
-  app.route("/", dashboard);
-  app.route("/", runs);
-  app.route("/", api);
-
-  // OpenAPI spec endpoint — derive server URL from the incoming request
-  app.doc("/api/openapi.json", (c) => ({
-    openapi: "3.0.0",
-    info: {
-      title: "zond API",
-      version: "0.1.0",
-      description: "API testing platform — self-documented API",
-    },
-    servers: [
-      {
-        url: new URL(c.req.url).origin,
-        description: "Current server",
-      },
-    ],
-  }));
-
-  return app;
-}
-
-export async function startServer(options: ServerOptions = {}): Promise<void> {
-  const port = options.port ?? 8080;
-  const host = options.host ?? "0.0.0.0";
-
-  // Initialize DB
-  getDb(options.dbPath);
-
-  // Enable dev mode in layout
-  if (options.dev) {
-    const { setDevMode } = await import("./views/layout.ts");
-    setDevMode(true);
-  }
-
-  const app = createApp({ dev: options.dev });
-
-  const { getRuntimeInfo } = await import("../cli/runtime.ts");
-  const devLabel = options.dev ? " [dev]" : "";
-  console.log(`zond server (${getRuntimeInfo()}) running at http://${host === "0.0.0.0" ? "localhost" : host}:${port}${devLabel}`);
-
-  Bun.serve({
-    fetch: app.fetch,
-    port,
-    hostname: host,
-  });
-
-  // File watcher for dev hot reload
-  if (options.dev) {
-    const { watch } = await import("fs");
-    const { dirname } = await import("path");
-    const { fileURLToPath } = await import("url");
-    const webDir = dirname(fileURLToPath(import.meta.url));
-
-    console.log(`Watching ${webDir} for changes...`);
-    watch(webDir, { recursive: true }, (_event, filename) => {
-      if (!filename) return;
-      const ext = filename.split(".").pop();
-      if (!["ts", "css", "html", "js"].includes(ext ?? "")) return;
-      console.log(`[dev] changed: ${filename}`);
-      notifyDevReload();
-    });
-  }
-}