react-semaphor 0.1.368 → 0.1.370

package/dist/data-app-builder/index.js

@@ -1,4 +1,3668 @@
-import { b as r } from "../chunks/index-BVEIk-rB.js";
+import { jsx as r, jsxs as c, Fragment as re } from "react/jsx-runtime";
+import * as Yn from "react";
+import { useContext as Zn, useState as x, useRef as oe, useMemo as je, useEffect as W, useCallback as Ot } from "react";
+import * as Xn from "react-dom/client";
+import { ak as ea, al as ta, am as Lr, an as jr, ao as zr, ap as ra, aq as Wr, ar as Hr, as as Jr, at as Vr, au as _r, av as Ur, aw as Gr, ax as na, ay as aa, az as oa, aA as sa, aB as Ht, aC as on, w as Kr, aD as ia, aE as Vt, aF as _t, aG as sn, aH as la, aI as da, aJ as ca } from "../chunks/index-CPyEi9gS.js";
+import { c as Ve, B as H, P as it, b as lt, d as dt, a2 as ua, a3 as pa, a4 as ha, a5 as ma, a6 as fa, X as He, f as me, R as ga, e as Ut } from "../chunks/switch-Dkx2qEOr.js";
+import { loadSemaphorBrowserRuntime as ot } from "../data-app-builder-browser-runtime/index.js";
+import { S as ba } from "../chunks/save-kkBEBeLg.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xa = Ve("CloudUpload", [
+  ["path", { d: "M12 13v8", key: "1l5pq0" }],
+  ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
+  ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wa = Ve("Folder", [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ya = Ve("ImagePlus", [
+  ["path", { d: "M16 5h6", key: "1vod17" }],
+  ["path", { d: "M19 2v6", key: "4bpg5p" }],
+  ["path", { d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5", key: "1ue2ih" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const va = Ve("MousePointer2", [
+  [
+    "path",
+    {
+      d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",
+      key: "edeuup"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ka = Ve("PanelLeftClose", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+]), Na = [
+  {
+    id: "customer-health",
+    title: "Customer health workspace",
+    description: "KPI cards, customer table, and segment filters for account health review.",
+    datasets: ["customers", "orders"],
+    prompt: "Build a customer health data app with KPI cards, segment and region filters, a revenue trend, and a customer health table."
+  },
+  {
+    id: "revenue-command",
+    title: "Revenue command center",
+    description: "Revenue, margin, and order trends with top accounts and category drilldowns.",
+    datasets: ["orders", "customers"],
+    prompt: "Create a revenue command center with revenue and margin KPIs, a monthly trend chart, a segment performance section, and a top customers table."
+  },
+  {
+    id: "operations-overview",
+    title: "Operations overview",
+    description: "Operational throughput, exceptions, and detail tables for daily review.",
+    datasets: ["orders", "inventory"],
+    prompt: "Create an operations dashboard with throughput KPIs, exception tables, trend charts, and filters for date, region, and status."
+  }
+], Sa = [
+  {
+    id: "context",
+    label: "Context",
+    detail: "Read the current app files and workspace capabilities.",
+    state: "idle"
+  },
+  {
+    id: "generate",
+    label: "Generate",
+    detail: "Call the hosted model to produce the next React revision.",
+    state: "idle"
+  },
+  {
+    id: "edit",
+    label: "Edit",
+    detail: "Apply source changes through the local bridge.",
+    state: "idle"
+  },
+  {
+    id: "typecheck",
+    label: "Typecheck",
+    detail: "Run the local workspace validation command.",
+    state: "idle"
+  },
+  {
+    id: "repair",
+    label: "Repair",
+    detail: "Use diagnostics for a bounded repair pass if needed.",
+    state: "idle"
+  },
+  {
+    id: "preview",
+    label: "Preview",
+    detail: "Refresh the iframe once the dev server has updated.",
+    state: "idle"
+  }
+], Jt = [
+  {
+    id: "gpt-5.5-low",
+    label: "GPT-5.5 fast",
+    model: "gpt-5.5",
+    reasoningEffort: "low"
+  },
+  {
+    id: "gpt-5.5-medium",
+    label: "GPT-5.5 balanced",
+    model: "gpt-5.5",
+    reasoningEffort: "medium"
+  },
+  {
+    id: "gpt-5.4-mini-minimal",
+    label: "GPT-5.4 mini fast",
+    model: "gpt-5.4-mini",
+    reasoningEffort: "low"
+  },
+  { id: "gpt-4.1-mini", label: "GPT-4.1 mini", model: "gpt-4.1-mini" }
+], Qr = "semaphor-data-app-builder-transcript", qr = "semaphor-data-app-builder-preview-url", Yr = "semaphor-data-app-builder-bridge-url", Zr = "semaphor-data-app-builder-project-dir", It = "http://semaphor-data-app.localhost:8088", Xr = "http://localhost:8787", Lt = "/Users/rohit/code/sandbox/semaphor-data-apps/data-app", ze = 3, Aa = 18, jt = 12;
+function he(e, a) {
+  return `${e}:${a}`;
+}
+function fe(e) {
+  return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+function Ca(e) {
+  return Jt.find((a) => a.id === e) || Jt[0];
+}
+async function O(e, a) {
+  const s = await e.text();
+  if (!s.trim())
+    return {};
+  try {
+    return JSON.parse(s);
+  } catch {
+    const d = s.replace(/\s+/g, " ").trim().slice(0, 500);
+    throw new Error(
+      `${a} returned ${e.status} ${e.statusText} with non-JSON response: ${d}`
+    );
+  }
+}
+function ln(e, a) {
+  const s = e == null ? void 0 : e.trim().replace(/\/$/, "");
+  return s ? `${s.endsWith("/api") ? s : `${s}/api`}/data-app-builder${a}` : `/api/data-app-builder${a}`;
+}
+function ye(e, a) {
+  const s = e == null ? void 0 : e.trim().replace(/\/$/, "");
+  return s ? `${s.endsWith("/api") ? s : `${s}/api`}/data-apps${a}` : `/api/data-apps${a}`;
+}
+function Re(e) {
+  return e ? { Authorization: `Bearer ${e}` } : {};
+}
+function Be(e) {
+  return e ? "omit" : "include";
+}
+function We(e) {
+  if (Array.isArray(e))
+    return e.map(We);
+  if (!e || typeof e != "object")
+    return e;
+  const a = {};
+  return Object.entries(e).forEach(([s, d]) => {
+    if (s !== "contentsBase64") {
+      if (s === "assets" && Array.isArray(d)) {
+        a.assets = d.map((l) => {
+          if (!l || typeof l != "object")
+            return l;
+          const {
+            contentsBase64: p,
+            ...h
+          } = l;
+          return We(h);
+        });
+        return;
+      }
+      a[s] = We(d);
+    }
+  }), a;
+}
+async function Ra({
+  apiServiceUrl: e,
+  accessToken: a,
+  signal: s
+}) {
+  const d = await fetch(ln(e, "/status"), {
+    cache: "no-store",
+    headers: a ? { Authorization: `Bearer ${a}` } : void 0,
+    signal: s
+  }), l = await O(
+    d,
+    "Data App Builder status"
+  );
+  return d.ok ? l : { ok: !1, error: l.error || d.statusText };
+}
+async function Ba(e, {
+  apiServiceUrl: a,
+  accessToken: s,
+  signal: d,
+  onProgress: l
+}) {
+  const p = await fetch(ln(a, "/turn"), {
+    method: "POST",
+    signal: d,
+    headers: {
+      "Content-Type": "application/json",
+      ...s ? { Authorization: `Bearer ${s}` } : {}
+    },
+    body: JSON.stringify({ ...e, stream: !0 })
+  }), h = p.headers.get("content-type") || "";
+  if (p.body && h.includes("text/event-stream"))
+    return $a(p, l);
+  const g = await O(
+    p,
+    "Data App Builder turn"
+  );
+  if (!p.ok || !g.ok || !g.turn)
+    throw new Error(g.error || "Data App Builder could not run the turn.");
+  return g.turn;
+}
+async function $a(e, a) {
+  var S, f, R;
+  const s = (S = e.body) == null ? void 0 : S.getReader();
+  if (!s)
+    throw new Error("Data App Builder turn stream was empty.");
+  const d = new TextDecoder();
+  let l = "";
+  const p = {
+    status: e.status,
+    ok: e.ok
+  }, h = (v) => {
+    var I;
+    const B = v.split(`
+`), b = ((I = B.find((F) => F.startsWith("event:"))) == null ? void 0 : I.slice(6).trim()) || "message", E = B.filter((F) => F.startsWith("data:")).map((F) => F.slice(5).trim()).join(`
+`);
+    if (!E) return;
+    const j = JSON.parse(E);
+    if (b === "progress") {
+      a == null || a(j);
+      return;
+    }
+    b === "result" && (p.status = typeof j.status == "number" ? j.status : p.status, p.ok = j.ok === !0, p.result = j.body);
+  };
+  for (; ; ) {
+    const { done: v, value: B } = await s.read();
+    if (v) break;
+    l += d.decode(B, { stream: !0 });
+    let b = l.indexOf(`
+
+`);
+    for (; b >= 0; ) {
+      const E = l.slice(0, b).trim();
+      l = l.slice(b + 2), E && h(E), b = l.indexOf(`
+
+`);
+    }
+  }
+  const g = l.trim();
+  if (g && h(g), !p.ok || !((f = p.result) != null && f.ok) || !p.result.turn)
+    throw new Error(
+      ((R = p.result) == null ? void 0 : R.error) || `Data App Builder could not run the turn (${p.status}).`
+    );
+  return p.result.turn;
+}
+async function Da(e, {
+  apiServiceUrl: a,
+  accessToken: s,
+  signal: d
+}) {
+  var R, v, B;
+  const l = e.dataAppId, p = l ? ye(a, `/${l}/draft`) : ye(a, ""), h = l ? {
+    title: e.title,
+    description: e.description,
+    manifest: e.manifest,
+    sourceSnapshot: e.sourceSnapshot,
+    sourceRevision: e.sourceRevision,
+    validationStatus: e.validationStatus,
+    bridgeWorkspaceHint: e.bridgeWorkspaceHint
+  } : {
+    projectId: e.projectId,
+    title: e.title,
+    description: e.description,
+    manifest: e.manifest,
+    sourceSnapshot: e.sourceSnapshot,
+    sourceRevision: e.sourceRevision,
+    validationStatus: e.validationStatus,
+    bridgeWorkspaceHint: e.bridgeWorkspaceHint
+  }, g = await fetch(p, {
+    method: "POST",
+    credentials: Be(s),
+    signal: d,
+    headers: {
+      "Content-Type": "application/json",
+      ...Re(s)
+    },
+    body: JSON.stringify(h)
+  }), S = await O(g, "Data App save draft");
+  if (!g.ok)
+    throw new Error(S.error || "Data App draft could not be saved.");
+  const f = l || ((R = S.dataApp) == null ? void 0 : R.id);
+  if (!f)
+    throw new Error("Data App save draft response did not include an app id.");
+  return {
+    dataAppId: f,
+    draftId: (v = S.draft) == null ? void 0 : v.id,
+    savedAt: ((B = S.draft) == null ? void 0 : B.updatedAt) || (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+async function Pa(e, {
+  apiServiceUrl: a,
+  accessToken: s,
+  signal: d
+}) {
+  var h;
+  const l = await fetch(
+    ye(a, `/${e.dataAppId}`),
+    {
+      cache: "no-store",
+      credentials: Be(s),
+      signal: d,
+      headers: Re(s)
+    }
+  ), p = await O(l, "Data App load");
+  if (!l.ok || !((h = p.dataApp) != null && h.id))
+    throw new Error(p.error || "Data App could not be loaded.");
+  return p.dataApp;
+}
+async function Fa(e, {
+  apiServiceUrl: a,
+  accessToken: s,
+  signal: d,
+  onProgress: l
+}) {
+  var f, R, v, B;
+  if (!e.draftId || !((f = e.sourceRevision) != null && f.snapshotHash))
+    throw new Error(
+      "Data App publish requires a saved draft and matching source revision."
+    );
+  const p = We(e.validationStatus);
+  l == null || l({
+    phase: "start",
+    label: "Starting publish session",
+    detail: "Creating a versioned publish record in Semaphor."
+  });
+  const h = await fetch(
+    ye(a, `/${e.dataAppId}/publish/start`),
+    {
+      method: "POST",
+      credentials: Be(s),
+      signal: d,
+      headers: {
+        "Content-Type": "application/json",
+        ...Re(s)
+      },
+      body: JSON.stringify({
+        draftId: e.draftId,
+        sourceRevisionSnapshotHash: (R = e.sourceRevision) == null ? void 0 : R.snapshotHash,
+        validationStatus: p
+      })
+    }
+  ), g = await O(h, "Data App publish start");
+  if (!h.ok || !((v = g.publishSession) != null && v.versionId))
+    throw new Error(
+      g.error || "Data App publish session could not be started."
+    );
+  const S = g.publishSession.versionId;
+  try {
+    l == null || l({
+      phase: "build",
+      label: "Building app locally",
+      detail: "The local bridge is running the app build."
+    });
+    const b = await e.buildArtifacts({
+      signal: d,
+      onProgress: l
+    }), E = We(
+      b.validationStatus
+    );
+    for (const [F, z] of b.assets.entries()) {
+      l == null || l({
+        phase: "upload",
+        label: `Uploading asset ${F + 1} of ${b.assets.length}`,
+        detail: z.path,
+        assetIndex: F + 1,
+        assetCount: b.assets.length
+      });
+      const ve = await fetch(
+        ye(a, `/${e.dataAppId}/publish/upload`),
+        {
+          method: "POST",
+          credentials: Be(s),
+          signal: d,
+          headers: {
+            "Content-Type": "application/json",
+            ...Re(s)
+          },
+          body: JSON.stringify({
+            versionId: S,
+            assetPath: z.path,
+            contentsBase64: z.contentsBase64,
+            contentType: z.contentType
+          })
+        }
+      ), Y = await O(ve, "Data App publish upload");
+      if (!ve.ok)
+        throw new Error(
+          Y.error || `Upload failed for ${z.path}.`
+        );
+    }
+    l == null || l({
+      phase: "complete",
+      label: "Finalizing published version",
+      detail: "Validating manifest and marking the version ready."
+    });
+    const j = await fetch(
+      ye(a, `/${e.dataAppId}/publish/complete`),
+      {
+        method: "POST",
+        credentials: Be(s),
+        signal: d,
+        headers: {
+          "Content-Type": "application/json",
+          ...Re(s)
+        },
+        body: JSON.stringify({
+          versionId: S,
+          manifest: b.manifest,
+          entryFile: b.entryFile,
+          styleFiles: b.styleFiles,
+          validationStatus: E
+        })
+      }
+    ), I = await O(j, "Data App publish complete");
+    if (!j.ok || !((B = I.version) != null && B.id))
+      throw new Error(
+        I.error || "Data App publish could not be completed."
+      );
+    return {
+      dataAppId: e.dataAppId,
+      versionId: I.version.id,
+      version: I.version.version,
+      publishedAt: I.version.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
+    };
+  } catch (b) {
+    throw await fetch(ye(a, `/${e.dataAppId}/publish/fail`), {
+      method: "POST",
+      credentials: Be(s),
+      signal: d,
+      headers: {
+        "Content-Type": "application/json",
+        ...Re(s)
+      },
+      body: JSON.stringify({
+        versionId: S,
+        validationStatus: {
+          ok: !1,
+          error: b instanceof Error ? b.message : String(b)
+        }
+      })
+    }).catch(() => {
+    }), b;
+  }
+}
+function en(e) {
+  const a = Array.from(new Set(e)), s = [
+    "src/App.tsx",
+    "src/data-app/index.tsx",
+    "src/data-app/styles.css",
+    "src/data-app/format.ts",
+    "src/data-app/types.ts",
+    "src/index.css",
+    "src/main.tsx"
+  ], d = [];
+  for (const l of s)
+    a.includes(l) && d.push(l);
+  for (const l of a) {
+    if (d.length >= Aa) break;
+    d.includes(l) || d.push(l);
+  }
+  return d;
+}
+function tn(e, a, s = "") {
+  const d = Array.from(new Set(e)), l = Ma(s, d), p = [
+    a,
+    "src/data-app/index.tsx",
+    "src/data-app/styles.css",
+    "src/data-app/format.ts",
+    "src/data-app/types.ts",
+    ...l,
+    "src/App.tsx",
+    "src/index.css",
+    "src/lib/utils.ts"
+  ].filter((g) => !!g), h = [];
+  for (const g of p) {
+    if (h.length >= jt) break;
+    d.includes(g) && !h.includes(g) && h.push(g);
+  }
+  for (const g of d) {
+    if (h.length >= jt) break;
+    h.includes(g) || /^src\/components\/ui\//.test(g) || /^src\/data-app\//.test(g) && h.push(g);
+  }
+  return h.length > 0 ? h : d.slice(0, jt);
+}
+function Ma(e, a) {
+  const s = e.toLowerCase(), d = a.filter(
+    (p) => p.startsWith("src/components/ui/")
+  );
+  if (/\b(shadcn|component|components|ui)\b/.test(s))
+    return d;
+  const l = [
+    ["select", "src/components/ui/select.tsx"],
+    ["dropdown", "src/components/ui/select.tsx"],
+    ["filter", "src/components/ui/select.tsx"],
+    ["progress", "src/components/ui/progress.tsx"],
+    ["calendar", "src/components/ui/calendar.tsx"],
+    ["date picker", "src/components/ui/calendar.tsx"],
+    ["datepicker", "src/components/ui/calendar.tsx"],
+    ["card", "src/components/ui/card.tsx"],
+    ["table", "src/components/ui/table.tsx"],
+    ["chart", "src/components/ui/chart.tsx"],
+    ["badge", "src/components/ui/badge.tsx"],
+    ["button", "src/components/ui/button.tsx"]
+  ].filter(([p]) => s.includes(p)).map(([, p]) => p);
+  return Array.from(new Set(l)).filter(
+    (p) => a.includes(p)
+  );
+}
+function Ta() {
+  return Sa.map((e) => ({ ...e }));
+}
+function zt(e) {
+  var s, d, l, p, h;
+  return [
+    e.error,
+    (s = e.writePolicyValidation) == null ? void 0 : s.diagnostics.join(`
+`),
+    (d = e.importValidation) == null ? void 0 : d.diagnostics.join(`
+`),
+    (l = e.dataApiValidation) == null ? void 0 : l.diagnostics.join(`
+`),
+    (p = e.command) == null ? void 0 : p.stdout,
+    (h = e.command) == null ? void 0 : h.stderr,
+    ...(e.attempts || []).flatMap((g) => [
+      g.command.stdout,
+      g.command.stderr
+    ])
+  ].filter(Boolean).join(`
+
+`).trim() || "Validation failed without diagnostics.";
+}
+function Ea(e) {
+  return /\b(type\s*script|typescript|tsc|typecheck|compile|compiler)\b/i.test(
+    e
+  );
+}
+function Gt(e) {
+  return e < 1e3 ? `${e}ms` : `${(e / 1e3).toFixed(e < 1e4 ? 1 : 0)}s`;
+}
+function Oa(e) {
+  const a = {
+    children: []
+  };
+  for (const d of e) {
+    const l = d.path.split("/").filter(Boolean);
+    let p = a, h = "";
+    l.forEach((g, S) => {
+      h = h ? `${h}/${g}` : g;
+      const f = S === l.length - 1;
+      let R = p.children.find(
+        (v) => v.name === g && v.type === (f ? "file" : "directory")
+      );
+      R || (R = {
+        name: g,
+        path: h,
+        type: f ? "file" : "directory",
+        size: f ? d.size : void 0,
+        children: []
+      }, p.children.push(R)), p = R;
+    });
+  }
+  function s(d) {
+    d.children.sort((l, p) => l.type !== p.type ? l.type === "directory" ? -1 : 1 : l.name.localeCompare(p.name)), d.children.forEach(s);
+  }
+  return s(a), a.children;
+}
+function Ia(e) {
+  return {
+    idle: "Working through your request",
+    context: "Reading app context",
+    thinking: "Thinking through the request",
+    "inspecting-data": "Inspecting Semaphor data",
+    "reading-files": "Reading requested files",
+    generating: "Generating source changes",
+    planning: "Planning the changes"
+  }[e];
+}
+function La(e) {
+  return {
+    idle: "Preparing the next step.",
+    context: "Reading the app and figuring out what to change.",
+    thinking: "Deciding whether this needs an answer, file inspection, or edits.",
+    "inspecting-data": "Reading project data and dataset fields.",
+    "reading-files": "Loading source files the model asked to inspect.",
+    generating: "Writing a bounded source revision.",
+    planning: "Mapping your request to file edits."
+  }[e];
+}
+function ja(e) {
+  var d, l, p;
+  const a = typeof e.message == "string" ? e.message.trim() : "";
+  if (a) return a;
+  const s = (p = (l = (d = e.revision) == null ? void 0 : d.plan) == null ? void 0 : l.files) == null ? void 0 : p.length;
+  return s ? `Yes - I'll make that change across ${s} file${s === 1 ? "" : "s"}, then run validation so you can review it.` : "Yes - I'll inspect the app context, make the change, and run validation so you can review it.";
+}
+function dn(e) {
+  return e.type === "screenshot" ? `Screenshot attachment: ${e.name}` : [
+    `DOM selection attachment: ${e.name}`,
+    e.text.slice(0, 1600)
+  ].join(`
+`);
+}
+function za(e) {
+  const a = e.slice(0, 3).map((d) => d.split("/").pop() || d), s = e.length > a.length ? ` +${e.length - a.length} more` : "";
+  return `${a.join(", ")}${s}`;
+}
+function Wa(e) {
+  var d, l, p, h, g;
+  if (e.type === "user") {
+    const S = (e.attachments || []).map(dn).join(`
+
+`);
+    return {
+      role: "user",
+      content: [e.content, S].filter(Boolean).join(`
+
+`).slice(0, 2200)
+    };
+  }
+  if (e.type === "assistant")
+    return {
+      role: "assistant",
+      content: e.content.slice(0, 1800)
+    };
+  const a = (l = (d = e.result) == null ? void 0 : d.changedFiles) != null && l.length ? e.result.changedFiles.join(", ") : "none", s = (g = (h = (p = e.result) == null ? void 0 : p.filePlan) == null ? void 0 : h.files) == null ? void 0 : g.map((S) => `${S.action}:${S.path}`).join(", ");
+  return {
+    role: "system",
+    content: [
+      `Build run ${e.status} for: ${e.prompt}`,
+      `Changed files: ${a}`,
+      s ? `File plan: ${s}` : "",
+      e.error ? `Error: ${e.error}` : ""
+    ].filter(Boolean).join(`
+`).slice(0, 2e3)
+  };
+}
+function Je(e) {
+  var h;
+  const a = Array.isArray(e == null ? void 0 : e.sources) ? e.sources : [], s = Array.isArray(e == null ? void 0 : e.inputs) ? e.inputs : [], d = Array.isArray(e == null ? void 0 : e.views) ? e.views : [], l = Array.isArray(e == null ? void 0 : e.interactions) ? e.interactions : [], p = Array.isArray((h = e == null ? void 0 : e.layout) == null ? void 0 : h.sections) ? e.layout.sections : [];
+  return !!(e && (a.length > 0 || s.length > 0 || d.length > 0 || l.length > 0 || p.length > 0));
+}
+function Ha(e) {
+  var d;
+  const a = (d = e == null ? void 0 : e.semaphor) == null ? void 0 : d.intentManifest;
+  if (!a || typeof a != "object") return null;
+  const s = a;
+  return s.schemaVersion === "data-app-intent/v1" && s.app && Array.isArray(s.sources) && Array.isArray(s.inputs) && Array.isArray(s.views) ? s : null;
+}
+function Ja(e) {
+  const a = e.dataAppVersions || [];
+  return a.find(
+    (s) => s.version === 0 && s.status === "draft"
+  ) || e.currentDataAppVersion || a.find((s) => s.status === "ready") || null;
+}
+function Va(e, a) {
+  var l, p, h;
+  const s = (l = e.bridgeWorkspaceHint) == null ? void 0 : l.trim();
+  if (s) return s;
+  const d = (h = (p = e.sourceSnapshot) == null ? void 0 : p.metadata) == null ? void 0 : h.projectRoot;
+  return typeof d == "string" && d.trim() ? d.trim() : a;
+}
+function _a(e) {
+  return JSON.stringify({
+    schemaVersion: e.schemaVersion,
+    files: [...e.files].map((a) => ({
+      path: a.path,
+      contents: a.contents,
+      hash: a.hash ?? null
+    })).sort((a, s) => a.path.localeCompare(s.path))
+  });
+}
+async function rn(e) {
+  const a = await window.crypto.subtle.digest(
+    "SHA-256",
+    new TextEncoder().encode(e)
+  );
+  return Array.from(new Uint8Array(a)).map((s) => s.toString(16).padStart(2, "0")).join("");
+}
+function nn(e) {
+  return e.replace(/\\/g, "/").split("/").filter(Boolean).pop();
+}
+async function Ua({
+  snapshot: e,
+  workspaceContext: a,
+  projectDir: s,
+  adapter: d
+}) {
+  const l = a.projectRoot || s;
+  return {
+    schemaVersion: "data-app-source-revision/v1",
+    snapshotHash: await rn(_a(e)),
+    workspace: {
+      adapter: d,
+      ...nn(l) ? { rootName: nn(l) } : {},
+      pathHash: await rn(l)
+    },
+    collectedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function st(e, a) {
+  const s = /* @__PURE__ */ new Map();
+  for (const d of e)
+    s.set(d.id, d);
+  for (const d of a)
+    s.set(d.id, d);
+  return Array.from(s.values());
+}
+function Ga(e, a) {
+  return !a || !Je(a) ? e : !e || !Je(e) ? a : {
+    schemaVersion: "data-app-intent/v1",
+    app: {
+      title: a.app.title || e.app.title,
+      description: a.app.description || e.app.description,
+      goal: a.app.goal || e.app.goal
+    },
+    sources: st(e.sources, a.sources),
+    inputs: st(e.inputs, a.inputs),
+    views: st(e.views, a.views),
+    interactions: e.interactions || a.interactions ? st(e.interactions || [], a.interactions || []) : void 0,
+    layout: a.layout || e.layout
+  };
+}
+function an(e, a) {
+  var S, f, R, v, B, b, E, j, I;
+  const s = e.slice(-12).map(Wa), d = e.slice().reverse().find(
+    (F) => {
+      var z;
+      return F.type === "run" && F.status === "done" && ((z = F.result) == null ? void 0 : z.ok) === !0;
+    }
+  ), l = e.slice().reverse().find(
+    (F) => {
+      var z;
+      return F.type === "user" && !!((z = F.attachments) != null && z.length);
+    }
+  ), p = (S = e.slice().reverse().find(
+    (F) => F.type === "assistant" && !!F.operation
+  )) == null ? void 0 : S.operation, h = (Je(a) ? a : void 0) || ((f = e.slice().reverse().find(
+    (F) => F.type === "assistant" && Je(F.intentManifest)
+  )) == null ? void 0 : f.intentManifest), g = [
+    (R = l == null ? void 0 : l.attachments) != null && R.length ? [
+      "Most recent selected/attached target:",
+      ...l.attachments.map(
+        dn
+      )
+    ].join(`
+`) : "",
+    (B = (v = d == null ? void 0 : d.result) == null ? void 0 : v.changedFiles) != null && B.length ? `Last successful edit changed: ${d.result.changedFiles.join(", ")}` : "",
+    p ? `Last app-builder operation: ${p.type}${(b = p.target) != null && b.label ? ` on ${p.target.label}` : ""}` : ""
+  ].filter(Boolean);
+  return {
+    messages: s,
+    activeTarget: g.join(`
+
+`) || void 0,
+    lastSuccessfulRun: d ? {
+      prompt: d.prompt,
+      changedFiles: ((E = d.result) == null ? void 0 : E.changedFiles) || [],
+      summary: (j = d.result) == null ? void 0 : j.summary,
+      filePlan: (I = d.result) == null ? void 0 : I.filePlan
+    } : void 0,
+    lastOperation: p,
+    intentManifest: h || void 0
+  };
+}
+function Ka({
+  files: e,
+  selectedPath: a,
+  onSelect: s
+}) {
+  const d = je(() => Oa(e), [e]);
+  return d.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-[5px] border border-border bg-background p-2 text-[11px] text-muted-foreground", children: "No browser files loaded yet." }) : /* @__PURE__ */ r("div", { className: "space-y-0.5", children: d.map((l) => /* @__PURE__ */ r(
+    cn,
+    {
+      node: l,
+      depth: 0,
+      selectedPath: a,
+      onSelect: s
+    },
+    l.path || l.name
+  )) });
+}
+function cn({
+  node: e,
+  depth: a,
+  selectedPath: s,
+  onSelect: d
+}) {
+  const l = e.type === "directory", p = s === e.path;
+  return /* @__PURE__ */ c(re, { children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        disabled: l,
+        onClick: () => d(e.path),
+        className: `flex w-full items-center gap-1.5 rounded-[4px] py-1.5 pr-2 text-left font-mono text-[11px] ${p ? "bg-background text-foreground" : l ? "cursor-default text-foreground" : "text-muted-foreground hover:bg-background hover:text-foreground"}`,
+        style: { paddingLeft: `${8 + a * 14}px` },
+        children: [
+          l ? /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ r(_t, { className: "h-3 w-3 rotate-90 text-muted-foreground" }),
+            /* @__PURE__ */ r(wa, { className: "h-3.5 w-3.5 text-muted-foreground" })
+          ] }) : /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ r("span", { className: "h-3 w-3" }),
+            /* @__PURE__ */ r(Vt, { className: "h-3.5 w-3.5 text-muted-foreground" })
+          ] }),
+          /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: e.name }),
+          !l && /* @__PURE__ */ r("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: e.size })
+        ]
+      }
+    ),
+    l && e.children.map((h) => /* @__PURE__ */ r(
+      cn,
+      {
+        node: h,
+        depth: a + 1,
+        selectedPath: s,
+        onSelect: d
+      },
+      h.path
+    ))
+  ] });
+}
+function Qa({
+  manifest: e
+}) {
+  if (!e) return null;
+  const a = e.packages.filter(
+    (d) => d.status === "supported"
+  ).length, s = e.packages.length - a;
+  return /* @__PURE__ */ c("div", { className: "mt-2 rounded-[5px] border border-border bg-background px-3 py-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ c("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ r("div", { className: "truncate text-[12px] font-medium text-foreground", children: e.name }),
+        /* @__PURE__ */ c("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
+          e.moduleSystem,
+          " · ",
+          e.cssPipeline.status
+        ] })
+      ] }),
+      /* @__PURE__ */ r("span", { className: "rounded-[4px] bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-[0.06em] text-muted-foreground", children: e.execution })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "mt-2 flex flex-wrap gap-1.5 text-[10.5px] text-muted-foreground", children: [
+      /* @__PURE__ */ c("span", { className: "rounded-[4px] bg-muted px-1.5 py-0.5", children: [
+        e.components.length,
+        " components"
+      ] }),
+      /* @__PURE__ */ c("span", { className: "rounded-[4px] bg-muted px-1.5 py-0.5", children: [
+        a,
+        " packages"
+      ] }),
+      s > 0 ? /* @__PURE__ */ c("span", { className: "rounded-[4px] bg-amber-50 px-1.5 py-0.5 text-amber-700", children: [
+        s,
+        " partial"
+      ] }) : null
+    ] })
+  ] });
+}
+function qa({
+  plan: e,
+  changedFiles: a
+}) {
+  const s = new Set(a || []), d = (e == null ? void 0 : e.files) || [], l = (a || []).filter(
+    (p) => !d.some((h) => h.path === p)
+  );
+  return d.length === 0 && l.length === 0 ? null : /* @__PURE__ */ c("div", { className: "mt-2 rounded-[5px] border border-white/70 bg-background/60 p-2", children: [
+    e != null && e.intent ? /* @__PURE__ */ r("div", { className: "mb-1.5 text-[11px] font-medium text-foreground", children: e.intent }) : null,
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      d.map((p) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: "flex items-start justify-between gap-2 rounded-[4px] bg-background/70 px-2 py-1",
+          children: [
+            /* @__PURE__ */ c("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ r("div", { className: "truncate font-mono text-[11px] text-foreground", children: p.path }),
+              /* @__PURE__ */ r("div", { className: "mt-0.5 line-clamp-2 text-[10.5px] text-muted-foreground", children: p.purpose })
+            ] }),
+            /* @__PURE__ */ c("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ r("span", { className: "rounded-[4px] bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-[0.04em] text-muted-foreground", children: p.action }),
+              s.has(p.path) ? /* @__PURE__ */ r("span", { className: "rounded-[4px] bg-emerald-50 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-[0.04em] text-emerald-700", children: "changed" }) : null
+            ] })
+          ]
+        },
+        p.path
+      )),
+      l.map((p) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 rounded-[4px] bg-background/70 px-2 py-1",
+          children: [
+            /* @__PURE__ */ r("span", { className: "min-w-0 truncate font-mono text-[11px] text-foreground", children: p }),
+            /* @__PURE__ */ r("span", { className: "rounded-[4px] bg-emerald-50 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-[0.04em] text-emerald-700", children: "changed" })
+          ]
+        },
+        p
+      ))
+    ] })
+  ] });
+}
+function yo({
+  projectId: e,
+  projectName: a,
+  dataAppId: s,
+  apiServiceUrl: d,
+  adapters: l
+}) {
+  var v, B;
+  const p = Zn(ea), h = typeof window > "u" ? void 0 : window.location.origin, g = d || ((v = p.tokenProps) == null ? void 0 : v.apiServiceUrl) || h, S = (B = p.authToken) == null ? void 0 : B.accessToken, [f, R] = x(() => fe("builder-session"));
+  return /* @__PURE__ */ r("main", { className: "flex h-full min-h-0 w-full min-w-0 flex-1 flex-col self-stretch bg-muted/40 text-foreground", children: /* @__PURE__ */ r(
+    Ya,
+    {
+      adapters: l,
+      apiServiceUrl: g,
+      accessToken: S,
+      initialDataAppId: s || null,
+      initialPrompt: "",
+      path: "bridge",
+      projectId: e,
+      projectName: a,
+      onRestart: () => R(fe("builder-session"))
+    },
+    f
+  ) });
+}
+function Ya({
+  adapters: e,
+  apiServiceUrl: a,
+  accessToken: s,
+  initialDataAppId: d,
+  initialPrompt: l,
+  path: p,
+  projectId: h,
+  projectName: g,
+  onRestart: S
+}) {
+  var Or, Ir;
+  const [f, R] = x(It), [v, B] = x(Xr), [b, E] = x(Lt), [j, I] = x(!1), [F, z] = x(It), [ve, Y] = x(0), [A] = x(p), [_e, ct] = x(
+    l || ""
+  ), [ut, Ue] = x([]), [$e, De] = x([]), [Z, ge] = x([]), [Qt, Ge] = x(null), [X, Ke] = x(!1), [ee, qt] = x(!1), [Pe, un] = x(!0), [pn, se] = x("idle"), [hn, ie] = x(null), [Yt, Zt] = x(null), [Xt, Qe] = x(() => Date.now()), [Fe, er] = x(null), [pt, mn] = x("gpt-5.5-low"), q = oe(null), G = oe(null), ht = oe([]), mt = oe(null), ft = oe(null), tr = oe(null), [be, ke] = x(!1), [rr, le] = x(null), [nr, gt] = x(!1), [ar, or] = x(!1), [Me, bt] = x("idle"), [sr, ir] = x(
+    null
+  ), [fn, lr] = x(""), [gn, dr] = x([]), [xt, cr] = x([]), [wt, ur] = x(null), [pr, bn] = x([]), [xn, wn] = x(null), [yt, hr] = x(null), [vt, mr] = x(null), [xe, qe] = x(
+    d || null
+  ), [Ye, kt] = x("idle"), [fr, Nt] = x("idle"), [gr, br] = x(null), [xr, wr] = x(null), [St, Ne] = x(null), [de, J] = x(null), [yr, Ze] = x(null), [Xe, At] = x(null), [Ct, et] = x(!1), [Rt, vr] = x(""), [kr, Bt] = x(null), [Nr, Sr] = x(!1), Te = oe(
+    null
+  ), $t = oe(null), Se = oe(null), Ar = (e == null ? void 0 : e.readStatus) || Ra, tt = (e == null ? void 0 : e.runTurn) || Ba, Dt = (e == null ? void 0 : e.saveDraft) || Da, yn = (e == null ? void 0 : e.loadApp) || Pa, Pt = (e == null ? void 0 : e.publish) || Fa, V = je(() => Ca(pt), [pt]), vn = je(
+    () => Z.find(
+      (t) => t.type === "run" && t.id === Qt
+    ),
+    [Qt, Z]
+  ), Ft = je(
+    () => [...Z].reverse().find((t) => t.type === "run"),
+    [Z]
+  ), Mt = je(() => {
+    const t = F.includes("?") ? "&" : "?";
+    return `${F}${t}dataAppBuilderRefresh=${ve}`;
+  }, [F, ve]);
+  W(() => {
+    const t = window.setInterval(() => Qe(Date.now()), 500);
+    return () => window.clearInterval(t);
+  }, []), W(() => {
+    ht.current = Z;
+  }, [Z]), W(() => {
+    if (!Ct) return;
+    const t = () => {
+      et(!1);
+    };
+    return window.addEventListener("blur", t), () => {
+      window.removeEventListener("blur", t);
+    };
+  }, [Ct]), W(() => {
+    I(!1);
+    const t = window.localStorage.getItem(he(qr, h)) || It, n = window.localStorage.getItem(he(Yr, h)) || Xr, i = window.localStorage.getItem(he(Zr, h)) || Lt, o = window.localStorage.getItem(
+      he(Qr, h)
+    );
+    if (R(t), z(t), B(n), E(i), I(!0), o)
+      try {
+        ge(JSON.parse(o));
+      } catch {
+        ge([]);
+      }
+  }, [h]), W(() => {
+    window.localStorage.setItem(
+      he(qr, h),
+      f
+    );
+  }, [f, h]), W(() => {
+    window.localStorage.setItem(
+      he(Yr, h),
+      v
+    );
+  }, [v, h]), W(() => {
+    window.localStorage.setItem(
+      he(Zr, h),
+      b
+    );
+  }, [b, h]), W(() => {
+    var t;
+    window.localStorage.setItem(
+      he(Qr, h),
+      JSON.stringify(Z.map(oo))
+    ), (t = mt.current) == null || t.scrollTo({
+      top: mt.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, [Z, h]), W(() => {
+    Se.current = yt;
+  }, [yt]);
+  const Tt = Ot(
+    async (t) => {
+      if (A !== "bridge" || !a) return;
+      const n = v.replace(/\/$/, ""), i = await fetch(`${n}/runtime-context`, {
+        method: "POST",
+        signal: t,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          accessToken: s || null,
+          apiBaseUrl: a,
+          dataApiBaseUrl: a,
+          dataAppId: xe,
+          projectId: h
+        })
+      }), o = await O(i, "Local bridge /runtime-context");
+      if (!i.ok || !o.ok)
+        throw new Error(o.error || "Bridge could not sync runtime context.");
+    },
+    [s, a, v, xe, h, A]
+  );
+  W(() => {
+    if (A !== "bridge" || !a) return;
+    const t = new AbortController();
+    return Tt(t.signal).then(() => {
+      Y((n) => n + 1);
+    }).catch((n) => {
+      t.signal.aborted || (gt(!1), le(
+        n instanceof Error ? n.message : "Bridge could not sync runtime context."
+      ));
+    }), () => t.abort();
+  }, [a, A, Tt]), W(() => {
+    qe(d || null);
+  }, [d]), W(() => {
+    if (!d || !j || $t.current === `${d}:${A}:${b}`)
+      return;
+    const t = new AbortController();
+    return $t.current = `${d}:${A}:${b}`, Ne(null), J({
+      state: "running",
+      label: "Opening Data App",
+      detail: "Loading the saved Data App draft from Semaphor."
+    }), (async () => {
+      var n, i;
+      try {
+        const o = await yn(
+          { dataAppId: d },
+          { apiServiceUrl: a, accessToken: s, signal: t.signal }
+        );
+        if (t.signal.aborted) return;
+        qe(o.id);
+        const u = Ja(o);
+        if (!u) {
+          J({
+            state: "done",
+            label: "Data App opened",
+            detail: "No saved source snapshot exists yet."
+          });
+          return;
+        }
+        const m = Ha(
+          u.manifest
+        );
+        m && At(m), u.status === "draft" ? br(u.updatedAt || null) : u.status === "ready" && wr(u.updatedAt || null);
+        const k = Va(u, b);
+        let w = !1;
+        if (A === "bridge" && ((i = (n = u.sourceSnapshot) == null ? void 0 : n.files) != null && i.length) && (J({
+          state: "running",
+          label: "Restore saved source",
+          detail: "Comparing the saved source snapshot with the bridge workspace."
+        }), w = await Vn({
+          snapshot: u.sourceSnapshot,
+          targetProjectDir: k,
+          signal: t.signal
+        }), w && Y((C) => C + 1)), A === "bridge" && k !== b && E(k), t.signal.aborted) return;
+        J({
+          state: "done",
+          label: "Data App opened",
+          detail: w ? "Saved source was restored into the bridge workspace." : "Saved draft metadata was loaded."
+        });
+      } catch (o) {
+        if (t.signal.aborted) return;
+        const u = o instanceof Error ? o.message : String(o);
+        $t.current = null, Ne(u), J({
+          state: "failed",
+          label: "Open Data App failed",
+          detail: u
+        }), M(`Open Data App failed: ${u}`, "blocked");
+      }
+    })(), () => t.abort();
+  }, [j, d, b, A]), W(() => {
+    function t(n) {
+      var u;
+      if (n.source !== ((u = ft.current) == null ? void 0 : u.contentWindow)) return;
+      const i = n.data;
+      if ((i == null ? void 0 : i.source) !== "semaphor-dev-bridge-inspector") return;
+      if (i.type === "ready" && be) {
+        at("inspect-enable");
+        return;
+      }
+      if (i.type === "enabled") {
+        le("Click an element in the preview. Press Esc to cancel.");
+        return;
+      }
+      if (i.type === "disabled") {
+        ke(!1);
+        return;
+      }
+      if (i.type !== "selection" || !i.payload) return;
+      const o = Mn(i.payload);
+      Ue((m) => [...m, o]), ke(!1), le(`Selected ${o.name}. Add a message and send it.`);
+    }
+    return window.addEventListener("message", t), () => window.removeEventListener("message", t);
+  }, [be]), W(() => {
+    ke(!1), gt(!1), le(null);
+  }, [v, b, A]), W(() => {
+    if (X || ee || $e.length === 0) return;
+    const [t, ...n] = $e;
+    De(n), Br(t);
+  }, [X, ee, $e]), W(() => {
+    let t = !1;
+    const n = new AbortController();
+    async function i() {
+      try {
+        const o = await Ar({
+          apiServiceUrl: a,
+          accessToken: s,
+          signal: n.signal
+        });
+        t || er(o);
+      } catch (o) {
+        t || er({
+          ok: !1,
+          error: o instanceof Error ? o.message : String(o)
+        });
+      }
+    }
+    return i(), () => {
+      t = !0;
+    };
+  }, [s, a, Ar]);
+  const rt = Ot(
+    async (t = G.current) => {
+      if (!t) return;
+      const n = await t.compileBrowserSandboxPreviewHtml();
+      lr(n.html), dr(n.diagnostics), cr(n.warnings || []), ur(n.cssMode || null), Y((i) => i + 1);
+    },
+    []
+  ), Ee = Ot(
+    (t = G.current, n = Se.current) => {
+      var m;
+      if (!t) return;
+      const i = t.listBrowserSandboxFiles(), o = t.readBrowserSandboxWorkspaceContext(), u = n && i.some((k) => k.path === n) ? n : ((m = i[0]) == null ? void 0 : m.path) || null;
+      bn(i), wn(o.runtimeManifest || null), hr(u), Se.current = u, mr(
+        u && t.readBrowserSandboxFiles([u])[0] || null
+      );
+    },
+    []
+  );
+  W(() => {
+    if (A !== "browser") return;
+    let t = !1;
+    async function n() {
+      bt("loading"), ir(null), window.__SEMAPHOR_BROWSER_SANDBOX_VENDOR__ = {
+        React: Yn,
+        ReactDOMClient: Xn
+      };
+      try {
+        const i = await ot();
+        if (t) return;
+        G.current = i, bt("ready"), await rt(i), Ee(i);
+      } catch (i) {
+        if (t) return;
+        bt("failed"), ir(
+          i instanceof Error ? i.message : String(i)
+        );
+      }
+    }
+    return n(), () => {
+      t = !0;
+    };
+  }, [A, Ee, rt]);
+  function kn(t) {
+    const n = G.current;
+    hr(t), Se.current = t, mr(
+      n && n.readBrowserSandboxFiles([t])[0] || null
+    );
+  }
+  async function Cr() {
+    const t = G.current;
+    !t || X || (t.resetBrowserSandbox(), await rt(t), Ee(t), M(
+      "Browser Sandbox reset to the approved starter template. Existing generated browser files were replaced in local browser storage.",
+      "guidance"
+    ));
+  }
+  async function Nn() {
+    if (X || ee) return;
+    if (At(null), Ze(null), vr(""), Bt(null), A === "browser") {
+      await Cr();
+      return;
+    }
+    const t = new AbortController(), n = v.replace(/\/$/, "");
+    try {
+      J({
+        state: "running",
+        label: "Resetting app",
+        detail: "Restoring the local workspace to the blank Data App template."
+      });
+      const i = await fetch(`${n}/reset-app`, {
+        method: "POST",
+        signal: t.signal,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({})
+      }), o = await O(
+        i,
+        "Local bridge /reset-app"
+      );
+      if (!i.ok || !o.ok)
+        throw new Error(o.error || "Bridge could not reset the app.");
+      z(f), Y((u) => u + 1), J({
+        state: "done",
+        label: "App reset",
+        detail: "Blank template restored and typecheck passed."
+      }), M(
+        "Reset the local app to the blank Data App template. You can start a new build from here.",
+        "guidance"
+      );
+    } catch (i) {
+      const o = i instanceof Error ? i.message : String(i);
+      J({
+        state: "failed",
+        label: "Reset failed",
+        detail: o
+      }), M(`Reset failed: ${o}`, "blocked");
+    }
+  }
+  function Sn(t) {
+    const n = t.durationMs ?? 0;
+    return t.state !== "running" || !t.startedAt ? n : n + Math.max(0, Xt - t.startedAt);
+  }
+  function An(t, n, i) {
+    const o = t.durationMs ?? 0;
+    return t.state !== "running" && n.state === "running" ? {
+      ...n,
+      startedAt: i,
+      durationMs: o
+    } : t.state === "running" && n.state !== "running" ? {
+      ...n,
+      startedAt: void 0,
+      durationMs: o + Math.max(0, i - (t.startedAt ?? i))
+    } : {
+      ...n,
+      startedAt: t.startedAt,
+      durationMs: o
+    };
+  }
+  function Cn(t, n, i) {
+    const o = Date.now();
+    Qe(o), ge(
+      (u) => u.map((m) => {
+        if (m.type !== "run" || m.id !== t) return m;
+        const k = n(m.steps), w = new Map(
+          m.steps.map((C) => [C.id, C])
+        );
+        return {
+          ...m,
+          ...i,
+          steps: k.map((C) => {
+            const y = w.get(C.id);
+            return y ? An(y, C, o) : C;
+          })
+        };
+      })
+    );
+  }
+  function nt(t, n) {
+    ge(
+      (i) => i.map(
+        (o) => o.type === "run" && o.id === t ? { ...o, ...n } : o
+      )
+    );
+  }
+  function M(t, n = "default", i) {
+    const o = Je(
+      i == null ? void 0 : i.intentManifest
+    ) ? i == null ? void 0 : i.intentManifest : void 0;
+    ge((u) => [
+      ...u,
+      {
+        id: fe("assistant"),
+        type: "assistant",
+        content: t,
+        createdAt: Date.now(),
+        tone: n,
+        artifacts: i == null ? void 0 : i.artifacts,
+        operation: i == null ? void 0 : i.operation,
+        intentManifest: o
+      }
+    ]);
+  }
+  function Rn(t) {
+    var i;
+    t.intentManifest && At(
+      (o) => Ga(o, t.intentManifest)
+    );
+    const n = (i = t.artifacts) == null ? void 0 : i.find(
+      (o) => o.type === "dataset_inspector"
+    );
+    n && Ze(n);
+  }
+  function Rr(t) {
+    se({
+      received: "context",
+      authenticating: "context",
+      routing: "thinking",
+      inspecting_data: "inspecting-data",
+      reading_files: "reading-files",
+      planning_revision: "planning",
+      generating_code: "generating",
+      done: "thinking"
+    }[t.phase]), ie(t.detail || t.label);
+  }
+  function Br(t) {
+    const n = t.prompt.trim();
+    if (!n) return;
+    const i = Date.now();
+    ge((o) => [
+      ...o,
+      {
+        id: fe("user"),
+        type: "user",
+        content: n,
+        createdAt: i,
+        attachments: t.attachments
+      }
+    ]), Zt(i), se("context"), ie("Preparing app context and available files."), Kn({ ...t, prompt: n });
+  }
+  async function Bn(t) {
+    if (!t.type.startsWith("image/")) {
+      M("Only image attachments are supported right now.", "blocked");
+      return;
+    }
+    if (t.size > 6 * 1024 * 1024) {
+      M(
+        "That screenshot is larger than 6MB. Please attach a smaller image.",
+        "blocked"
+      );
+      return;
+    }
+    const n = await new Promise((i, o) => {
+      const u = new FileReader();
+      u.onload = () => {
+        typeof u.result == "string" ? i(u.result) : o(new Error("Could not read image attachment."));
+      }, u.onerror = () => o(u.error || new Error("Could not read image attachment.")), u.readAsDataURL(t);
+    });
+    Ue((i) => [
+      ...i,
+      {
+        id: fe("attachment"),
+        type: "screenshot",
+        name: t.name || "Screenshot",
+        imageUrl: n,
+        mediaType: t.type,
+        createdAt: Date.now()
+      }
+    ]);
+  }
+  function $n(t) {
+    Ue(
+      (n) => n.filter((i) => i.id !== t)
+    );
+  }
+  function at(t) {
+    var i, o;
+    let n = "*";
+    try {
+      n = new URL(Mt).origin;
+    } catch {
+      n = "*";
+    }
+    (o = (i = ft.current) == null ? void 0 : i.contentWindow) == null || o.postMessage(
+      { source: "semaphor-data-app-builder", type: t },
+      n
+    );
+  }
+  async function Dn() {
+    const t = v.replace(/\/$/, ""), n = await fetch(`${t}/inspect/install`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectDir: b })
+    }), i = await O(n, "Local bridge /inspect/install");
+    if (!n.ok || !i.ok)
+      throw new Error(i.error || "Bridge could not install inspector.");
+    return i;
+  }
+  async function Pn() {
+    if (A !== "bridge") {
+      M(
+        "Element inspection is only available in Local Bridge mode right now.",
+        "blocked"
+      );
+      return;
+    }
+    try {
+      or(!0), le(nr ? null : "Preparing element inspector…");
+      let t = !1;
+      if (!nr) {
+        const n = await Dn();
+        gt(!!n.installed), t = !!n.changed;
+      }
+      ke(!0), le(
+        t ? "Loading inspector in the preview…" : "Click an element in the preview. Press Esc to cancel."
+      ), t ? (z(f), Y((n) => n + 1)) : window.setTimeout(() => at("inspect-enable"), 50);
+    } catch (t) {
+      ke(!1), le(null), M(
+        t instanceof Error ? t.message : String(t),
+        "blocked"
+      );
+    } finally {
+      or(!1);
+    }
+  }
+  function Fn() {
+    ke(!1), le(null), at("inspect-disable");
+  }
+  function Mn(t) {
+    const n = (y, N = "") => typeof y == "string" && y.trim() ? y.trim() : N, i = (y) => Array.isArray(y) ? y.map(
+      (N) => typeof N == "string" ? N : N && typeof N == "object" ? JSON.stringify(N) : ""
+    ).filter(Boolean) : [], o = n(t.elementLabel) || n(t.name), u = n(t.component), m = o && u && o !== u ? `${o} in ${u}` : o || u || n(t.tagName, "Selected element"), k = i(t.reactOwners), w = i(t.sourceHints), C = [
+      `Clicked element: ${o || m}`,
+      `Nearest component: ${u || "unavailable"}`,
+      `Tag: ${n(t.tagName, "unknown")}`,
+      `Role: ${n(t.role, "none")}`,
+      `Selector: ${n(t.selector, "none")}`,
+      k.length ? `React owner stack: ${k.join(" > ")}` : "React owner stack: unavailable",
+      w.length ? `Source hints: ${w.join(" | ")}` : "Source hints: unavailable",
+      `Bounds: ${JSON.stringify(t.bounds || {})}`,
+      `Ancestors: ${i(t.ancestorSummary).join(" > ") || "none"}`,
+      `Classes: ${n(t.classes, "none")}`,
+      "",
+      "Visible text:",
+      n(t.text, "(no visible text)"),
+      "",
+      "HTML excerpt:",
+      n(t.htmlExcerpt, "(no HTML excerpt)")
+    ].join(`
+`);
+    return {
+      id: fe("attachment"),
+      type: "dom-selection",
+      name: m,
+      text: C,
+      createdAt: Date.now()
+    };
+  }
+  function Tn(t, n) {
+    De(
+      (i) => i.map((o) => o.id === t ? { ...o, prompt: n } : o)
+    );
+  }
+  function En(t) {
+    De((n) => n.filter((i) => i.id !== t));
+  }
+  function On(t, n) {
+    De(
+      (i) => i.map(
+        (o) => o.id === t ? {
+          ...o,
+          attachments: o.attachments.filter(
+            (u) => u.id !== n
+          )
+        } : o
+      )
+    );
+  }
+  async function $r(t) {
+    for (const n of Array.from(t))
+      await Bn(n);
+  }
+  function Dr(t, n) {
+    var u;
+    const i = n === "browser" ? "Browser Sandbox" : "Local Bridge", o = (u = t.changedFiles) != null && u.length ? t.changedFiles.join(", ") : "no files";
+    return t.ok ? `${i} applied the revision and validation passed. Changed files: ${o}. The preview has been refreshed; inspect the file tree and run card for the exact file plan.` : `${i} could not finish the revision cleanly. Changed files: ${o}. The run card includes the validation output so you can ask a follow-up repair question or switch runtimes.`;
+  }
+  function K(t, n) {
+    Cn(
+      t,
+      (i) => i.map((o) => {
+        if (n === "failed")
+          return {
+            ...o,
+            state: o.state === "running" ? "blocked" : o.state
+          };
+        const u = {
+          reading: [],
+          generating: ["context"],
+          writing: ["context", "generate"],
+          typechecking: ["context", "generate", "edit"],
+          repairing: ["context", "generate", "edit", "typecheck"],
+          complete: ["context", "generate", "edit", "typecheck", "repair", "preview"]
+        }, k = {
+          reading: "context",
+          generating: "generate",
+          writing: "edit",
+          typechecking: "typecheck",
+          repairing: "repair"
+        }[n];
+        return {
+          ...o,
+          state: u[n].includes(o.id) ? "done" : k === o.id ? "running" : o.state === "done" ? "done" : "idle"
+        };
+      })
+    );
+  }
+  async function In(t, n, i) {
+    var k, w, C, y;
+    (k = q.current) == null || k.abort();
+    const o = new AbortController(), u = Date.now();
+    q.current = o, Ke(!0), Ge(n), Qe(u), K(n, "reading");
+    const m = window.setTimeout(() => {
+      o.abort();
+    }, 18e4);
+    try {
+      let N = G.current;
+      N || (N = await ot(), G.current = N);
+      const L = N.readBrowserSandboxWorkspaceContext(), $ = (C = (w = L.files) == null ? void 0 : w.editable) != null && C.length ? tn(
+        L.files.editable,
+        Se.current,
+        t
+      ) : ["src/App.tsx"], ce = N.readBrowserSandboxFiles($), Ae = ce.reduce(
+        (ne, te) => ne + te.contents.length,
+        0
+      );
+      let Ce = ce, Oe = [], ue = i, Q = null;
+      const pe = [];
+      for (let ne = 0; ne < ze; ne += 1) {
+        const te = Oe.length > 0 || ne > 0, Ie = te ? `repair-${ne + 1}` : "initial";
+        K(n, te ? "repairing" : "generating");
+        const _ = ue || (await tt(
+          {
+            projectId: h,
+            message: t,
+            currentFiles: Ce,
+            workspaceContext: L,
+            diagnostics: Oe,
+            repair: te,
+            generationModel: V.model,
+            generationReasoningEffort: V.reasoningEffort,
+            repairModel: V.model,
+            repairReasoningEffort: V.reasoningEffort
+          },
+          { accessToken: s, apiServiceUrl: a, signal: o.signal }
+        )).revision;
+        if (ue = void 0, !_)
+          throw new Error("Data App Builder did not return a revision.");
+        K(n, "writing");
+        const we = N.applyBrowserSandboxRevision({
+          ..._,
+          attemptLabel: Ie
+        });
+        pe.push(...we.attempts || []), K(n, "typechecking");
+        let D = {
+          ...we,
+          attempts: [...pe],
+          filePlan: _.plan,
+          telemetry: {
+            contextFileCount: ce.length,
+            contextChars: Ae,
+            generatedFileCount: _.files.length,
+            generatedChars: _.files.reduce(
+              (P, U) => P + U.contents.length,
+              0
+            ),
+            repairAttempts: pe.filter(
+              (P) => P.label.startsWith("repair")
+            ).length
+          }
+        };
+        if (we.ok) {
+          const P = await N.compileBrowserSandboxPreviewHtml();
+          if (lr(P.html), dr(P.diagnostics), cr(P.warnings || []), ur(P.cssMode || null), Y((U) => U + 1), Ee(N), P.diagnostics.length > 0) {
+            const U = {
+              command: "browser sandbox preview compile",
+              durationMs: 0,
+              exitCode: 1,
+              ok: !1,
+              stdout: "",
+              stderr: P.diagnostics.join(`
+`)
+            };
+            D = {
+              ...D,
+              ok: !1,
+              validation: "typecheck",
+              command: U,
+              attempts: [
+                ...pe,
+                { label: Ie, ok: !1, command: U }
+              ],
+              error: "Generated files failed Browser Sandbox preview compile."
+            };
+          }
+        }
+        if (Q = D, D.ok || ne === ze - 1)
+          break;
+        const T = (y = D.changedFiles) != null && y.length ? D.changedFiles : _.files.map(
+          (P) => P.path
+        );
+        Ce = N.readBrowserSandboxFiles(
+          Array.from(/* @__PURE__ */ new Set([...$, ...T]))
+        ), Oe = [zt(D)];
+      }
+      if (!Q)
+        throw new Error("The browser runtime loop ended without a validation result.");
+      K(n, Q.ok ? "complete" : "failed"), nt(n, {
+        status: Q.ok ? "done" : "failed",
+        result: Q,
+        error: Q.error,
+        finishedAt: Date.now()
+      }), M(
+        Dr(Q, "browser"),
+        Q.ok ? "default" : "blocked"
+      );
+    } catch (N) {
+      const L = N instanceof DOMException && N.name === "AbortError", $ = L ? "Timed out waiting for the browser runtime loop." : N instanceof Error ? N.message : String(N);
+      nt(n, {
+        status: L ? "cancelled" : "failed",
+        error: $,
+        result: {
+          ok: !1,
+          error: $,
+          summary: "The app-builder/browser runtime loop stopped before validation completed."
+        },
+        finishedAt: Date.now()
+      }), M(
+        `Browser Sandbox stopped before it could validate the app: ${$}`,
+        "blocked"
+      ), K(n, "failed");
+    } finally {
+      Ke(!1), Ge(null), q.current = null, window.clearTimeout(m);
+    }
+  }
+  async function Ln(t, n, i) {
+    var k, w, C, y;
+    (k = q.current) == null || k.abort();
+    const o = new AbortController(), u = Date.now();
+    q.current = o, Ke(!0), Ge(n), Qe(u), K(n, "reading");
+    const m = window.setTimeout(() => {
+      o.abort();
+    }, 18e4);
+    try {
+      const N = v.replace(/\/$/, ""), L = async (D) => {
+        const T = await fetch(`${N}/read-files`, {
+          method: "POST",
+          signal: o.signal,
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ paths: D, projectDir: b })
+        }), P = await O(
+          T,
+          "Local bridge /read-files"
+        );
+        if (!T.ok || !P.ok || !P.files)
+          throw new Error(P.error || "Bridge could not read target files.");
+        return P.files;
+      }, $ = async () => {
+        const D = await fetch(`${N}/workspace-context`, {
+          method: "POST",
+          signal: o.signal,
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ projectDir: b })
+        }), T = await O(
+          D,
+          "Local bridge /workspace-context"
+        );
+        if (!D.ok || !T.ok || !T.workspaceContext)
+          throw new Error(
+            T.error || "Bridge could not read workspace context."
+          );
+        return T.workspaceContext;
+      };
+      let ce = i;
+      const Ae = async ({
+        currentFiles: D,
+        workspaceContext: T,
+        diagnostics: P = [],
+        repair: U = !1
+      }) => {
+        const ae = ce || (await tt(
+          {
+            projectId: h,
+            message: t,
+            currentFiles: D,
+            workspaceContext: T,
+            diagnostics: P,
+            repair: U,
+            generationModel: V.model,
+            generationReasoningEffort: V.reasoningEffort,
+            repairModel: V.model,
+            repairReasoningEffort: V.reasoningEffort
+          },
+          { accessToken: s, apiServiceUrl: a, signal: o.signal }
+        )).revision;
+        if (ce = void 0, !ae)
+          throw new Error("Data App Builder did not return a revision.");
+        return ae;
+      }, Ce = async (D) => {
+        const T = await fetch(`${N}/apply-files`, {
+          method: "POST",
+          signal: o.signal,
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ revision: D, projectDir: b })
+        }), P = await O(
+          T,
+          "Local bridge /apply-files"
+        );
+        if (!T.ok && !P.command && !P.writePolicyValidation && !P.importValidation && !P.dataApiValidation)
+          throw new Error(
+            P.error || "Bridge could not apply generated files."
+          );
+        return P;
+      }, Oe = async () => {
+        const D = await fetch(`${N}/validate-typecheck`, {
+          method: "POST",
+          signal: o.signal,
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ projectDir: b })
+        }), T = await O(
+          D,
+          "Local bridge /validate-typecheck"
+        );
+        if (!D.ok && !T.command)
+          throw new Error(
+            T.error || "Bridge could not typecheck the target app."
+          );
+        return T;
+      }, ue = await $();
+      ue.projectRoot && E(ue.projectRoot);
+      let Q = (C = (w = ue.files) == null ? void 0 : w.editable) != null && C.length ? en(ue.files.editable) : ["src/App.tsx"];
+      const pe = await L(Q), ne = pe.reduce(
+        (D, T) => D + T.contents.length,
+        0
+      );
+      let te = [];
+      if (Ea(t)) {
+        const D = await Oe();
+        D.ok || (te = [
+          zt(D)
+        ]);
+      }
+      let Ie = pe, _ = null;
+      const we = [];
+      for (let D = 0; D < ze; D += 1) {
+        const T = te.length > 0 || D > 0, P = T ? `repair-${D + 1}` : "initial";
+        K(n, T ? "repairing" : "generating");
+        const U = await Ae({
+          currentFiles: Ie,
+          workspaceContext: ue,
+          diagnostics: te,
+          repair: T
+        });
+        K(n, "writing");
+        const ae = await Ce({
+          ...U,
+          attemptLabel: P
+        });
+        if (z(f), Y((Le) => Le + 1), we.push(...ae.attempts || []), _ = {
+          ...ae,
+          attempts: [...we],
+          filePlan: U.plan,
+          telemetry: {
+            contextFileCount: pe.length,
+            contextChars: ne,
+            generatedFileCount: U.files.length,
+            generatedChars: U.files.reduce(
+              (Le, qn) => Le + qn.contents.length,
+              0
+            ),
+            repairAttempts: we.filter(
+              (Le) => Le.label.startsWith("repair")
+            ).length
+          }
+        }, K(n, "typechecking"), ae.ok || D === ze - 1)
+          break;
+        Ie = (((y = ae.changedFiles) == null ? void 0 : y.length) || 0) > 0 ? await L(
+          Q = Array.from(
+            /* @__PURE__ */ new Set([
+              ...Q,
+              ...ae.changedFiles || []
+            ])
+          )
+        ) : U.files, te = [zt(ae)];
+      }
+      if (!_)
+        throw new Error("The app-builder loop ended without a validation result.");
+      K(n, _.ok ? "complete" : "failed"), nt(n, {
+        status: _.ok ? "done" : "failed",
+        result: _,
+        error: _.error,
+        finishedAt: Date.now()
+      }), M(
+        Dr(_, "bridge"),
+        _.ok ? "default" : "blocked"
+      );
+    } catch (N) {
+      const L = N instanceof DOMException && N.name === "AbortError", $ = L ? "Timed out waiting for the app-builder/bridge loop. The target app may still have updated through HMR." : N instanceof Error ? N.message : String(N);
+      nt(n, {
+        status: L ? "cancelled" : "failed",
+        error: $,
+        result: {
+          ok: !1,
+          error: $,
+          summary: "The app-builder/bridge loop stopped before validation completed."
+        },
+        finishedAt: Date.now()
+      }), M(
+        `Local Bridge stopped before it could validate the app: ${$}`,
+        "blocked"
+      ), K(n, "failed");
+    } finally {
+      Ke(!1), Ge(null), q.current = null, window.clearTimeout(m);
+    }
+  }
+  async function jn(t) {
+    var u, m;
+    let n = G.current;
+    n || (n = await ot(), G.current = n);
+    const i = n.readBrowserSandboxWorkspaceContext(), o = (m = (u = i.files) == null ? void 0 : u.editable) != null && m.length ? tn(
+      i.files.editable,
+      Se.current,
+      t
+    ) : ["src/App.tsx"];
+    return {
+      currentFiles: n.readBrowserSandboxFiles(o),
+      workspaceContext: i
+    };
+  }
+  async function zn(t) {
+    const n = G.current;
+    return n ? n.readBrowserSandboxFiles(t) : [];
+  }
+  async function Et(t, n) {
+    const i = v.replace(/\/$/, ""), o = await fetch(`${i}/read-files`, {
+      method: "POST",
+      signal: n,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ paths: t, projectDir: b })
+    }), u = await O(
+      o,
+      "Local bridge /read-files"
+    );
+    if (!o.ok || !u.ok || !u.files)
+      throw new Error(u.error || "Bridge could not read requested files.");
+    return u.files;
+  }
+  function Wn(t, n) {
+    const i = /* @__PURE__ */ new Map();
+    for (const o of t)
+      i.set(o.path, o);
+    for (const o of n)
+      i.set(o.path, o);
+    return Array.from(i.values());
+  }
+  async function Pr(t) {
+    var k, w;
+    await Tt(t);
+    const n = v.replace(/\/$/, ""), i = await fetch(`${n}/workspace-context`, {
+      method: "POST",
+      signal: t,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectDir: b })
+    }), o = await O(
+      i,
+      "Local bridge /workspace-context"
+    );
+    if (!i.ok || !o.ok || !o.workspaceContext)
+      throw new Error(
+        o.error || "Bridge could not read workspace context."
+      );
+    const u = o.workspaceContext;
+    u.projectRoot && E(u.projectRoot);
+    const m = (w = (k = u.files) == null ? void 0 : k.editable) != null && w.length ? en(u.files.editable) : ["src/App.tsx"];
+    return {
+      currentFiles: await Et(m, t),
+      workspaceContext: u
+    };
+  }
+  function Fr(t, n) {
+    return {
+      schemaVersion: "data-app/v1",
+      app: {
+        id: xe || void 0,
+        name: `${g} Data App`,
+        createdWith: "semaphor-app-builder"
+      },
+      runtime: {
+        framework: t.framework,
+        bundler: t.framework === "vite-react" ? "vite" : void 0
+      },
+      semaphor: {
+        projectId: h,
+        runtime: A,
+        intentManifest: Xe || void 0
+      },
+      build: {
+        sourceFileCount: n.files.length,
+        validation: t.validation
+      }
+    };
+  }
+  async function Mr(t) {
+    var k, w, C, y, N, L;
+    const { workspaceContext: n } = await Pr(t), i = v.replace(/\/$/, ""), o = await fetch(`${i}/source-snapshot`, {
+      method: "POST",
+      signal: t,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectDir: b })
+    });
+    if (o.ok) {
+      const $ = await O(
+        o,
+        "Local bridge /source-snapshot"
+      );
+      if (!$.ok || !((k = $.files) != null && k.length))
+        throw new Error(
+          $.error || "Bridge did not return source snapshot files."
+        );
+      return {
+        workspaceContext: n,
+        snapshot: {
+          schemaVersion: "data-app-source-snapshot/v1",
+          files: $.files,
+          metadata: {
+            ...$.metadata,
+            capturedAt: typeof ((w = $.metadata) == null ? void 0 : w.capturedAt) == "string" ? $.metadata.capturedAt : (/* @__PURE__ */ new Date()).toISOString(),
+            projectRoot: n.projectRoot || b,
+            runtime: A
+          }
+        }
+      };
+    }
+    const u = (y = (C = n.files) == null ? void 0 : C.snapshot) != null && y.length ? n.files.snapshot : [
+      ...((N = n.files) == null ? void 0 : N.source) || [],
+      ...((L = n.files) == null ? void 0 : L.root) || []
+    ], m = await Et(
+      [...new Set(u.length ? u : ["src/App.tsx"])],
+      t
+    );
+    return {
+      workspaceContext: n,
+      snapshot: {
+        schemaVersion: "data-app-source-snapshot/v1",
+        files: m,
+        metadata: {
+          capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+          projectRoot: n.projectRoot || b,
+          runtime: A
+        }
+      }
+    };
+  }
+  async function Hn(t, n) {
+    var m, k;
+    const i = v.replace(/\/$/, ""), o = await fetch(`${i}/source-snapshot`, {
+      method: "POST",
+      signal: n,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectDir: t })
+    });
+    if (!o.ok) return null;
+    const u = await O(
+      o,
+      "Local bridge /source-snapshot"
+    );
+    return !u.ok || !((m = u.files) != null && m.length) ? null : {
+      schemaVersion: "data-app-source-snapshot/v1",
+      files: u.files,
+      metadata: {
+        ...u.metadata,
+        capturedAt: typeof ((k = u.metadata) == null ? void 0 : k.capturedAt) == "string" ? u.metadata.capturedAt : (/* @__PURE__ */ new Date()).toISOString(),
+        projectRoot: t,
+        runtime: A
+      }
+    };
+  }
+  async function Jn(t, n, i) {
+    const o = v.replace(/\/$/, ""), u = await fetch(`${o}/apply-files`, {
+      method: "POST",
+      signal: i,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ revision: t, projectDir: n })
+    }), m = await O(
+      u,
+      "Local bridge /apply-files"
+    );
+    if (!u.ok || !m.ok)
+      throw new Error(m.error || "Bridge could not restore saved files.");
+    return m;
+  }
+  async function Vn({
+    snapshot: t,
+    targetProjectDir: n,
+    signal: i
+  }) {
+    const o = await Hn(
+      n,
+      i
+    );
+    if (!o)
+      throw new Error(
+        `Bridge could not compare the current workspace before restore: ${n}`
+      );
+    const u = new Map(
+      o.files.map((C) => [C.path, C.contents])
+    ), m = t.files.filter(
+      (C) => u.get(C.path) !== C.contents
+    ), k = Math.max(
+      0,
+      o.files.length - t.files.length
+    );
+    return o && m.length === 0 || !window.confirm(
+      [
+        "Restore this saved Data App source snapshot into the bridge workspace?",
+        "",
+        `Target workspace: ${n}`,
+        "",
+        `${m.length || t.files.length} saved file${(m.length || t.files.length) === 1 ? "" : "s"} will be written. Extra local files are left unchanged.`,
+        k ? `${k} extra local file${k === 1 ? "" : "s"} may remain in the workspace.` : ""
+      ].filter(Boolean).join(`
+`)
+    ) ? !1 : (await Jn(
+      {
+        provider: "semaphor",
+        summary: "Restore saved Data App source snapshot",
+        files: t.files.map((C) => ({
+          path: C.path,
+          contents: C.contents
+        })),
+        changes: t.files.map((C) => ({
+          kind: "edit",
+          label: C.path
+        }))
+      },
+      n,
+      i
+    ), !0);
+  }
+  async function _n() {
+    var u, m, k, w;
+    let t = G.current;
+    t || (t = await ot(), G.current = t);
+    const n = t.readBrowserSandboxWorkspaceContext(), i = (m = (u = n.files) == null ? void 0 : u.snapshot) != null && m.length ? n.files.snapshot : [
+      ...((k = n.files) == null ? void 0 : k.source) || [],
+      ...((w = n.files) == null ? void 0 : w.root) || []
+    ], o = t.readBrowserSandboxFiles(
+      [...new Set(i.length ? i : ["src/App.tsx"])]
+    );
+    return {
+      workspaceContext: n,
+      snapshot: {
+        schemaVersion: "data-app-source-snapshot/v1",
+        files: o,
+        metadata: {
+          capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+          projectRoot: "browser-sandbox",
+          runtime: A
+        }
+      }
+    };
+  }
+  async function Tr() {
+    const t = new AbortController();
+    Sr(!0), Bt(null);
+    try {
+      const { workspaceContext: n, snapshot: i } = A === "browser" ? await _n() : await Mr(t.signal), o = Fr(n, i);
+      vr(JSON.stringify(o, null, 2));
+    } catch (n) {
+      Bt(
+        n instanceof Error ? n.message : String(n)
+      );
+    } finally {
+      Sr(!1);
+    }
+  }
+  async function Er() {
+    if (Te.current)
+      return Te.current;
+    if (!Dt)
+      return M(
+        "Save draft is not configured in this host yet.",
+        "blocked"
+      ), null;
+    const t = new AbortController();
+    kt("saving"), Ne(null), J({
+      state: "running",
+      label: "Saving draft",
+      detail: "Reading the bridge source snapshot."
+    });
+    const n = (async () => {
+      var i;
+      try {
+        const { snapshot: o, workspaceContext: u } = await Mr(
+          t.signal
+        ), m = Fr(u, o), k = await Ua({
+          snapshot: o,
+          workspaceContext: u,
+          projectDir: b,
+          adapter: "bridge"
+        }), w = await Dt(
+          {
+            projectId: h,
+            dataAppId: xe,
+            title: xe ? void 0 : ((i = m.app) == null ? void 0 : i.name) || `${g} Data App`,
+            description: xe ? void 0 : null,
+            manifest: m,
+            sourceSnapshot: o,
+            sourceRevision: k,
+            validationStatus: (Ft == null ? void 0 : Ft.result) || null,
+            bridgeWorkspaceHint: u.projectRoot || b
+          },
+          { apiServiceUrl: a, accessToken: s, signal: t.signal }
+        );
+        return qe(w.dataAppId), br(w.savedAt || (/* @__PURE__ */ new Date()).toISOString()), kt("saved"), J({
+          state: "done",
+          label: "Draft saved",
+          detail: "Semaphor has the latest source snapshot."
+        }), M("Draft saved to Semaphor.", "default"), {
+          dataAppId: w.dataAppId,
+          draftId: w.draftId,
+          manifest: m,
+          snapshot: o,
+          sourceRevision: k,
+          workspaceContext: u
+        };
+      } catch (o) {
+        const u = o instanceof Error ? o.message : String(o);
+        return Ne(u), kt("failed"), J({
+          state: "failed",
+          label: "Save draft failed",
+          detail: u
+        }), M(`Save draft failed: ${u}`, "blocked"), null;
+      } finally {
+        Te.current = null;
+      }
+    })();
+    return Te.current = n, n;
+  }
+  async function Un(t) {
+    var u;
+    const n = v.replace(/\/$/, ""), i = await fetch(`${n}/publish-build`, {
+      method: "POST",
+      signal: t,
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectDir: b })
+    }), o = await O(
+      i,
+      "Local bridge /publish-build"
+    );
+    if (!i.ok || !o.ok || !o.manifest || !o.entryFile || !((u = o.assets) != null && u.length))
+      throw new Error(
+        o.error || "Bridge could not build publish artifacts."
+      );
+    return o;
+  }
+  async function Gn() {
+    if (!Pt) {
+      M(
+        "Publish is not configured in this host yet.",
+        "blocked"
+      );
+      return;
+    }
+    if (Ye === "saving" && !Te.current) {
+      M("Save draft is already in progress.", "blocked");
+      return;
+    }
+    const t = await Er(), n = (t == null ? void 0 : t.dataAppId) || xe;
+    if (!t || !n || !t.draftId) {
+      M("Save the Data App before publishing.", "blocked");
+      return;
+    }
+    const i = new AbortController();
+    Nt("publishing"), Ne(null), J({
+      state: "running",
+      label: "Preparing publish",
+      detail: "Checking draft state before the local build."
+    });
+    try {
+      J({
+        state: "running",
+        label: "Starting publish",
+        detail: "Creating a publish session from the saved draft."
+      });
+      const o = await Pt(
+        {
+          projectId: h,
+          dataAppId: n,
+          draftId: t.draftId,
+          title: `${g} Data App`,
+          description: null,
+          sourceSnapshot: t.snapshot,
+          sourceRevision: t.sourceRevision,
+          bridgeWorkspaceHint: t.workspaceContext.projectRoot || b,
+          buildArtifacts: async ({
+            signal: u
+          }) => {
+            const m = await Un(u), k = m.assets;
+            return {
+              manifest: {
+                ...m.manifest,
+                semaphor: {
+                  ...m.manifest.semaphor || {},
+                  projectId: h,
+                  runtime: A,
+                  intentManifest: Xe || void 0
+                }
+              },
+              validationStatus: m,
+              bridgeWorkspaceHint: t.workspaceContext.projectRoot || b,
+              assets: k,
+              entryFile: m.entryFile,
+              styleFiles: m.styleFiles || []
+            };
+          }
+        },
+        {
+          apiServiceUrl: a,
+          accessToken: s,
+          signal: i.signal,
+          onProgress: (u) => {
+            J({
+              state: "running",
+              label: u.label,
+              detail: u.detail
+            });
+          }
+        }
+      );
+      qe(o.dataAppId), wr(o.publishedAt || (/* @__PURE__ */ new Date()).toISOString()), Nt("published"), J({
+        state: "done",
+        label: "Published",
+        detail: `Version ${o.version ?? o.versionId} is ready.`
+      }), M(
+        `Published Data App version ${o.version ?? o.versionId}.`,
+        "default"
+      );
+    } catch (o) {
+      const u = o instanceof Error ? o.message : String(o);
+      Ne(u), Nt("failed"), J({
+        state: "failed",
+        label: "Publish failed",
+        detail: u
+      }), M(`Publish failed: ${u}`, "blocked");
+    }
+  }
+  async function Kn(t) {
+    var m, k;
+    const { attachments: n, prompt: i } = t, o = new AbortController();
+    q.current = o, qt(!0);
+    const u = window.setTimeout(() => {
+      o.abort();
+    }, 18e4);
+    try {
+      se("context"), ie("Reading the app manifest and starter context.");
+      let w = A === "browser" ? await jn(i) : await Pr(o.signal);
+      const C = [];
+      let y = null;
+      for (; se("thinking"), ie(
+        w.currentFiles.length > 0 ? "Reviewing the app context and deciding the next step." : "Deciding whether this needs an answer, file inspection, or edits."
+      ), y = await tt(
+        {
+          projectId: h,
+          message: i,
+          currentFiles: w.currentFiles,
+          workspaceContext: w.workspaceContext,
+          conversationContext: an(
+            ht.current,
+            Xe
+          ),
+          attachments: n,
+          repair: !1,
+          allowFileReads: !0,
+          generationModel: V.model,
+          generationReasoningEffort: V.reasoningEffort,
+          repairModel: V.model,
+          repairReasoningEffort: V.reasoningEffort
+        },
+        {
+          accessToken: s,
+          apiServiceUrl: a,
+          signal: o.signal,
+          onProgress: Rr
+        }
+      ), !(!y || y.mode !== "read_files"); ) {
+        const $ = (y.requestedFiles || []).filter(
+          (Ae) => typeof Ae == "string" && !w.currentFiles.some((Ce) => Ce.path === Ae)
+        );
+        if ($.length === 0) {
+          se("thinking"), ie(
+            "No additional source files are needed; preparing the response."
+          ), y = await tt(
+            {
+              projectId: h,
+              message: i,
+              currentFiles: w.currentFiles,
+              workspaceContext: w.workspaceContext,
+              conversationContext: an(
+                ht.current,
+                Xe
+              ),
+              attachments: n,
+              repair: !1,
+              allowFileReads: !1,
+              generationModel: V.model,
+              generationReasoningEffort: V.reasoningEffort,
+              repairModel: V.model,
+              repairReasoningEffort: V.reasoningEffort
+            },
+            {
+              accessToken: s,
+              apiServiceUrl: a,
+              signal: o.signal,
+              onProgress: Rr
+            }
+          );
+          break;
+        }
+        se("reading-files"), ie(
+          `Reading ${$.length} requested file${$.length === 1 ? "" : "s"}: ${za($)}.`
+        ), C.push({
+          tool: "read_files",
+          status: "done",
+          detail: $.join(", ")
+        });
+        const ce = A === "browser" ? await zn($) : await Et($, o.signal);
+        w = {
+          ...w,
+          currentFiles: Wn(
+            w.currentFiles,
+            ce
+          )
+        };
+      }
+      if (!y)
+        throw new Error("Data App Builder did not return a turn.");
+      if (C.length > 0 && (y = {
+        ...y,
+        toolEvents: [...C, ...y.toolEvents || []]
+      }), Rn(y), y.mode === "read_files") {
+        M(
+          "I could not gather enough additional source context for that change. Please point me at the component or file you want to change, or try a narrower instruction.",
+          "guidance"
+        );
+        return;
+      }
+      if (y.mode !== "edit") {
+        M(
+          y.message,
+          y.mode === "clarify" ? "guidance" : "default",
+          {
+            artifacts: y.artifacts,
+            operation: y.operation,
+            intentManifest: y.intentManifest
+          }
+        );
+        return;
+      }
+      if (!y.revision)
+        throw new Error("Data App Builder chose an edit but returned no revision.");
+      M(ja(y), "guidance", {
+        operation: y.operation,
+        intentManifest: y.intentManifest
+      }), se("planning"), ie(
+        (k = (m = y.revision.plan) == null ? void 0 : m.files) != null && k.length ? `Preparing edits for ${y.revision.plan.files.length} file${y.revision.plan.files.length === 1 ? "" : "s"}.` : "Preparing the file edit and validation run."
+      );
+      const N = fe("run"), L = Date.now();
+      ge(($) => [
+        ...$,
+        {
+          id: N,
+          type: "run",
+          prompt: i,
+          status: "running",
+          steps: Ta(),
+          createdAt: L,
+          startedAt: L
+        }
+      ]), q.current = null, A === "browser" ? In(i, N, y.revision) : Ln(i, N, y.revision);
+    } catch (w) {
+      const C = w instanceof DOMException && w.name === "AbortError";
+      M(
+        C ? "The app-builder turn timed out before a response was produced." : w instanceof Error ? w.message : String(w),
+        "blocked"
+      );
+    } finally {
+      qt(!1), se("idle"), ie(null), Zt(null), q.current === o && (q.current = null), window.clearTimeout(u);
+    }
+  }
+  function Qn(t) {
+    t.preventDefault();
+    const n = _e.trim();
+    if (!n) return;
+    const i = Date.now(), o = ut, u = {
+      id: fe("turn"),
+      prompt: n,
+      attachments: o,
+      createdAt: i
+    };
+    if (ct(""), Ue([]), X || ee) {
+      De((m) => [...m, u]);
+      return;
+    }
+    Br(u);
+  }
+  return /* @__PURE__ */ c(
+    ta,
+    {
+      autoSaveId: `semaphor-data-app-builder-${h}`,
+      className: "h-full min-h-0 flex-1",
+      direction: "horizontal",
+      children: [
+        Pe ? /* @__PURE__ */ c(re, { children: [
+          /* @__PURE__ */ r(
+            Lr,
+            {
+              className: "min-w-[320px] max-w-[760px]",
+              defaultSize: 28,
+              maxSize: 55,
+              minSize: 18,
+              order: 1,
+              children: /* @__PURE__ */ c("aside", { className: "flex h-full min-h-0 flex-col border-r border-border", children: [
+                /* @__PURE__ */ c("div", { className: "flex h-10 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+                  /* @__PURE__ */ r("span", { className: "text-[11px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Chat" }),
+                  /* @__PURE__ */ r("div", { className: "ml-auto flex min-w-0 items-center gap-2", children: S ? /* @__PURE__ */ c(jr, { children: [
+                    /* @__PURE__ */ r(zr, { asChild: !0, children: /* @__PURE__ */ c(
+                      H,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "gap-1.5 px-1.5 text-muted-foreground",
+                        title: "Discard this conversation",
+                        children: [
+                          /* @__PURE__ */ r(ra, { className: "h-3.5 w-3.5" }),
+                          "New session"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ c(Wr, { children: [
+                      /* @__PURE__ */ c(Hr, { children: [
+                        /* @__PURE__ */ r(Jr, { children: "Discard this conversation?" }),
+                        /* @__PURE__ */ r(Vr, { children: "This clears the chat and run history in the builder and starts a new session. Generated files in your project are not affected." })
+                      ] }),
+                      /* @__PURE__ */ c(_r, { children: [
+                        /* @__PURE__ */ r(Ur, { children: "Cancel" }),
+                        /* @__PURE__ */ r(Gr, { onClick: S, children: "Discard" })
+                      ] })
+                    ] })
+                  ] }) : null })
+                ] }),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    ref: mt,
+                    className: "min-h-0 flex-1 overflow-y-auto px-3 py-4",
+                    children: /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+                      Z.length === 0 && /* @__PURE__ */ c("div", { children: [
+                        /* @__PURE__ */ r("p", { className: "text-[12.5px] font-medium text-foreground", children: "Start with a question or a build instruction" }),
+                        /* @__PURE__ */ r("p", { className: "mt-1 text-[11.5px] leading-relaxed text-muted-foreground", children: "Ask about the current files, or describe the app you want." }),
+                        /* @__PURE__ */ r("div", { className: "mt-3 grid gap-1.5", children: Na.slice(0, 3).map((t) => /* @__PURE__ */ c(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => ct(t.prompt),
+                            className: "rounded-[5px] border border-border px-2.5 py-2 text-left transition-colors hover:border-foreground/40",
+                            children: [
+                              /* @__PURE__ */ r("div", { className: "truncate text-[11.5px] font-medium text-foreground", children: t.title }),
+                              /* @__PURE__ */ r("div", { className: "mt-0.5 line-clamp-2 text-[10.5px] leading-relaxed text-muted-foreground", children: t.description })
+                            ]
+                          },
+                          t.id
+                        )) })
+                      ] }),
+                      Z.map(
+                        (t) => t.type === "user" ? /* @__PURE__ */ r(ao, { message: t }, t.id) : t.type === "assistant" ? /* @__PURE__ */ r(
+                          so,
+                          {
+                            message: t,
+                            onOpenDatasetInspector: Ze
+                          },
+                          t.id
+                        ) : /* @__PURE__ */ r(
+                          uo,
+                          {
+                            getStepDuration: Sn,
+                            run: t
+                          },
+                          t.id
+                        )
+                      ),
+                      ee && !vn && /* @__PURE__ */ r(
+                        co,
+                        {
+                          phase: pn,
+                          detail: hn,
+                          elapsedMs: Yt ? Math.max(0, Xt - Yt) : 0
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ c(
+                  "form",
+                  {
+                    onSubmit: Qn,
+                    className: "border-t border-border p-3",
+                    children: [
+                      $e.length > 0 ? /* @__PURE__ */ r(
+                        no,
+                        {
+                          turns: $e,
+                          onDelete: En,
+                          onRemoveAttachment: On,
+                          onUpdatePrompt: Tn
+                        }
+                      ) : null,
+                      /* @__PURE__ */ c("div", { className: "rounded-[6px] border border-border focus-within:border-ring", children: [
+                        /* @__PURE__ */ r(
+                          "textarea",
+                          {
+                            value: _e,
+                            onChange: (t) => ct(t.target.value),
+                            onPaste: (t) => {
+                              const n = Array.from(t.clipboardData.files).filter(
+                                (i) => i.type.startsWith("image/")
+                              );
+                              n.length !== 0 && (t.preventDefault(), $r(n));
+                            },
+                            onKeyDown: (t) => {
+                              var n;
+                              t.key === "Enter" && !t.shiftKey && (t.preventDefault(), (n = t.currentTarget.form) == null || n.requestSubmit());
+                            },
+                            placeholder: "Ask a question, or write a build instruction like “Add a select filter for region”",
+                            className: "block min-h-[64px] w-full resize-none bg-transparent px-2.5 py-2 text-[13px] leading-relaxed text-foreground placeholder:text-muted-foreground focus:outline-none"
+                          }
+                        ),
+                        ut.length > 0 ? /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1.5 border-t border-border px-2 py-2", children: ut.map((t) => /* @__PURE__ */ r(
+                          Kt,
+                          {
+                            attachment: t,
+                            onRemove: $n
+                          },
+                          t.id
+                        )) }) : null,
+                        /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 border-t border-border px-2 py-1.5", children: [
+                          /* @__PURE__ */ c("div", { className: "flex min-w-0 items-center gap-1", children: [
+                            /* @__PURE__ */ r(
+                              "input",
+                              {
+                                ref: tr,
+                                type: "file",
+                                accept: "image/*",
+                                className: "hidden",
+                                multiple: !0,
+                                onChange: (t) => {
+                                  t.target.files && $r(t.target.files), t.target.value = "";
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ c(it, { children: [
+                              /* @__PURE__ */ r(lt, { asChild: !0, children: /* @__PURE__ */ r(
+                                H,
+                                {
+                                  type: "button",
+                                  variant: "ghost",
+                                  size: "icon",
+                                  className: "h-7 w-7 text-muted-foreground",
+                                  title: "Add context",
+                                  "aria-label": "Add context",
+                                  children: /* @__PURE__ */ r(na, { className: "h-3.5 w-3.5" })
+                                }
+                              ) }),
+                              /* @__PURE__ */ r(
+                                dt,
+                                {
+                                  align: "start",
+                                  side: "top",
+                                  className: "w-44 p-1",
+                                  children: /* @__PURE__ */ c(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      className: "flex w-full items-center gap-2 rounded-[5px] px-2 py-1.5 text-left text-[12px] text-foreground hover:bg-muted",
+                                      onClick: () => {
+                                        var t;
+                                        return (t = tr.current) == null ? void 0 : t.click();
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ r(ya, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                                        "Screenshot"
+                                      ]
+                                    }
+                                  )
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ c(ua, { value: pt, onValueChange: mn, children: [
+                              /* @__PURE__ */ r(
+                                pa,
+                                {
+                                  "aria-label": "Generation model",
+                                  title: "Model used to generate changes",
+                                  className: "h-7 w-auto gap-1.5 border-0 bg-transparent px-1.5 text-[11px] text-muted-foreground shadow-none hover:text-foreground focus:ring-0",
+                                  children: /* @__PURE__ */ r(ha, { placeholder: "Model" })
+                                }
+                              ),
+                              /* @__PURE__ */ r(ma, { align: "start", children: Jt.map((t) => /* @__PURE__ */ r(
+                                fa,
+                                {
+                                  value: t.id,
+                                  className: "text-[12px]",
+                                  children: t.label
+                                },
+                                t.id
+                              )) })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-1.5", children: X || ee ? /* @__PURE__ */ c(re, { children: [
+                            /* @__PURE__ */ r(
+                              H,
+                              {
+                                type: "submit",
+                                size: "xs",
+                                variant: "outline",
+                                className: "gap-1.5",
+                                disabled: !_e.trim(),
+                                children: "Queue"
+                              }
+                            ),
+                            /* @__PURE__ */ c(
+                              H,
+                              {
+                                type: "button",
+                                variant: "outline",
+                                size: "xs",
+                                className: "gap-1.5",
+                                title: "Stop the current run",
+                                onClick: () => {
+                                  var t;
+                                  return (t = q.current) == null ? void 0 : t.abort();
+                                },
+                                children: [
+                                  /* @__PURE__ */ r(He, { className: "h-3 w-3" }),
+                                  "Stop"
+                                ]
+                              }
+                            )
+                          ] }) : /* @__PURE__ */ c(
+                            H,
+                            {
+                              type: "submit",
+                              size: "xs",
+                              className: "gap-1.5",
+                              disabled: !_e.trim(),
+                              children: [
+                                /* @__PURE__ */ r(aa, { className: "h-3 w-3" }),
+                                "Send"
+                              ]
+                            }
+                          ) })
+                        ] })
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ r(
+            oa,
+            {
+              className: "w-px bg-border/60 transition-colors hover:bg-border"
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ r(
+          Lr,
+          {
+            className: "min-w-0",
+            defaultSize: Pe ? 72 : 100,
+            minSize: 35,
+            order: 2,
+            children: /* @__PURE__ */ c("main", { className: "flex h-full min-w-0 flex-col bg-muted/40", children: [
+              /* @__PURE__ */ c("div", { className: "flex h-10 shrink-0 items-center gap-3 border-b border-border px-3", children: [
+                /* @__PURE__ */ r(
+                  H,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "xs",
+                    className: "-ml-1 gap-1.5 px-1.5 text-muted-foreground",
+                    title: Pe ? "Hide chat" : "Show chat",
+                    "aria-label": Pe ? "Hide chat" : "Show chat",
+                    onClick: () => un((t) => !t),
+                    children: Pe ? /* @__PURE__ */ r(ka, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(sa, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ c("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+                  /* @__PURE__ */ r("span", { className: "shrink-0 text-[12px] font-medium text-foreground", children: "Live preview" }),
+                  /* @__PURE__ */ r("span", { className: "min-w-0 truncate font-mono text-[11px] text-muted-foreground", children: A === "browser" ? "browser sandbox" : F })
+                ] }),
+                A === "browser" && wt && /* @__PURE__ */ c(
+                  "span",
+                  {
+                    className: `text-[10.5px] ${wt === "tailwind" ? "text-emerald-700 dark:text-emerald-400" : "text-amber-700 dark:text-amber-400"}`,
+                    children: [
+                      "CSS: ",
+                      wt
+                    ]
+                  }
+                ),
+                rr ? /* @__PURE__ */ r("span", { className: "min-w-0 truncate text-[11px] text-blue-700 dark:text-blue-400", children: rr }) : null,
+                St ? /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: "min-w-0 truncate text-[11px] text-destructive",
+                    title: St,
+                    children: St
+                  }
+                ) : xr ? /* @__PURE__ */ c("span", { className: "min-w-0 truncate text-[11px] text-emerald-700 dark:text-emerald-400", children: [
+                  "Published ",
+                  new Date(xr).toLocaleTimeString()
+                ] }) : gr ? /* @__PURE__ */ c("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
+                  "Saved ",
+                  new Date(gr).toLocaleTimeString()
+                ] }) : null,
+                /* @__PURE__ */ c("div", { className: "ml-auto flex items-center gap-1", children: [
+                  /* @__PURE__ */ c(
+                    it,
+                    {
+                      open: Ct,
+                      onOpenChange: (t) => {
+                        et(t), t && Tr();
+                      },
+                      children: [
+                        /* @__PURE__ */ r(lt, { asChild: !0, children: /* @__PURE__ */ c(
+                          H,
+                          {
+                            type: "button",
+                            variant: "ghost",
+                            size: "xs",
+                            className: "gap-1.5 text-muted-foreground",
+                            title: "Inspect the current Data App manifest",
+                            children: [
+                              Nr ? /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(Ht, { className: "h-3.5 w-3.5" }),
+                              "Manifest"
+                            ]
+                          }
+                        ) }),
+                        /* @__PURE__ */ c(
+                          dt,
+                          {
+                            align: "end",
+                            sideOffset: 6,
+                            className: "w-[520px] p-0",
+                            onInteractOutside: () => et(!1),
+                            onEscapeKeyDown: () => et(!1),
+                            children: [
+                              /* @__PURE__ */ c("div", { className: "flex h-10 items-center gap-2 border-b border-border px-3", children: [
+                                /* @__PURE__ */ r(Ht, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                                /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
+                                  /* @__PURE__ */ r("div", { className: "text-[12px] font-medium text-foreground", children: "App manifest" }),
+                                  /* @__PURE__ */ r("div", { className: "truncate text-[10.5px] text-muted-foreground", children: "Current draft shape generated from the active runtime context" })
+                                ] }),
+                                /* @__PURE__ */ r(
+                                  H,
+                                  {
+                                    type: "button",
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: "h-7 w-7 text-muted-foreground",
+                                    disabled: !Rt,
+                                    title: "Copy manifest JSON",
+                                    "aria-label": "Copy manifest JSON",
+                                    onClick: () => {
+                                      var t;
+                                      (t = navigator.clipboard) == null || t.writeText(Rt);
+                                    },
+                                    children: /* @__PURE__ */ r(on, { className: "h-3.5 w-3.5" })
+                                  }
+                                ),
+                                /* @__PURE__ */ r(
+                                  H,
+                                  {
+                                    type: "button",
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: "h-7 w-7 text-muted-foreground",
+                                    title: "Refresh manifest",
+                                    "aria-label": "Refresh manifest",
+                                    onClick: () => void Tr(),
+                                    children: /* @__PURE__ */ r(Kr, { className: "h-3.5 w-3.5" })
+                                  }
+                                )
+                              ] }),
+                              /* @__PURE__ */ r("div", { className: "max-h-[520px] overflow-auto bg-muted/30 p-3", children: Nr ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2 rounded-[5px] border border-border bg-background px-3 py-2 text-[12px] text-muted-foreground", children: [
+                                /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin" }),
+                                "Reading current runtime manifest..."
+                              ] }) : kr ? /* @__PURE__ */ r("div", { className: "rounded-[5px] border border-destructive/30 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: kr }) : /* @__PURE__ */ r("pre", { className: "whitespace-pre-wrap break-words rounded-[5px] border border-border bg-background p-3 font-mono text-[11px] leading-relaxed text-muted-foreground", children: Rt || "Open or refresh to inspect the manifest." }) })
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ c(jr, { children: [
+                    /* @__PURE__ */ r(zr, { asChild: !0, children: /* @__PURE__ */ c(
+                      H,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "gap-1.5 text-muted-foreground",
+                        disabled: X || ee,
+                        title: "Reset the app to a blank development template",
+                        children: [
+                          /* @__PURE__ */ r(ga, { className: "h-3.5 w-3.5" }),
+                          "Reset app"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ c(Wr, { children: [
+                      /* @__PURE__ */ c(Hr, { children: [
+                        /* @__PURE__ */ r(Jr, { children: "Reset this app?" }),
+                        /* @__PURE__ */ r(Vr, { children: "This restores the active Data App workspace to the blank starter template and clears the builder's current app memory. Saved or published versions in Semaphor are not changed." })
+                      ] }),
+                      /* @__PURE__ */ c(_r, { children: [
+                        /* @__PURE__ */ r(Ur, { children: "Cancel" }),
+                        /* @__PURE__ */ r(Gr, { onClick: () => void Nn(), children: "Reset app" })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ c(
+                    H,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "xs",
+                      className: "gap-1.5 text-muted-foreground",
+                      disabled: X || ee || Ye === "saving" || A !== "bridge" || !Dt,
+                      title: "Save the current local source snapshot as a Semaphor draft",
+                      onClick: () => void Er(),
+                      children: [
+                        Ye === "saving" ? /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(ba, { className: "h-3.5 w-3.5" }),
+                        "Save draft"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ c(
+                    H,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "xs",
+                      className: "gap-1.5 text-muted-foreground",
+                      disabled: X || ee || Ye === "saving" || fr === "publishing" || A !== "bridge" || !Pt,
+                      title: "Build, upload, and publish the current Data App",
+                      onClick: () => void Gn(),
+                      children: [
+                        fr === "publishing" ? /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(xa, { className: "h-3.5 w-3.5" }),
+                        "Publish"
+                      ]
+                    }
+                  ),
+                  A === "bridge" ? /* @__PURE__ */ c(
+                    H,
+                    {
+                      type: "button",
+                      variant: be ? "default" : "ghost",
+                      size: "xs",
+                      disabled: ar,
+                      className: be ? "gap-1.5" : "gap-1.5 text-muted-foreground",
+                      title: "Select an element in the preview and attach its DOM/React context",
+                      onClick: () => be ? Fn() : void Pn(),
+                      children: [
+                        ar ? /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(va, { className: "h-3.5 w-3.5" }),
+                        be ? "Cancel inspect" : "Inspect"
+                      ]
+                    }
+                  ) : null,
+                  /* @__PURE__ */ c(it, { children: [
+                    /* @__PURE__ */ r(lt, { asChild: !0, children: /* @__PURE__ */ c(
+                      H,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "gap-1.5 text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ r(ia, { className: "h-3.5 w-3.5" }),
+                          "Runtime",
+                          A === "browser" && xt.length > 0 ? /* @__PURE__ */ r("span", { className: "text-[10px] text-amber-600", children: "CSS fallback" }) : null
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(
+                      dt,
+                      {
+                        align: "end",
+                        sideOffset: 6,
+                        className: "w-[380px] p-3",
+                        children: A === "bridge" ? /* @__PURE__ */ c("div", { className: "space-y-2.5", children: [
+                          /* @__PURE__ */ r(
+                            Wt,
+                            {
+                              label: "App Directory",
+                              value: b,
+                              placeholder: Lt,
+                              onChange: E
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            Wt,
+                            {
+                              label: "App Local URL",
+                              value: f,
+                              onChange: R
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            Wt,
+                            {
+                              label: "Bridge URL",
+                              value: v,
+                              onChange: B
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ c("div", { className: "text-[11px] leading-relaxed text-muted-foreground", children: [
+                          /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
+                            /* @__PURE__ */ r("span", { className: "min-w-0", children: "Browser files are stored locally in this browser." }),
+                            /* @__PURE__ */ r(
+                              H,
+                              {
+                                type: "button",
+                                variant: "outline",
+                                size: "xs",
+                                className: "h-6 shrink-0 text-[10.5px]",
+                                disabled: X || ee || Me !== "ready",
+                                onClick: () => void Cr(),
+                                children: "Reset"
+                              }
+                            )
+                          ] }),
+                          xt[0] ? /* @__PURE__ */ r("div", { className: "mt-2 rounded-[5px] border border-border bg-muted/40 px-2 py-1.5 text-muted-foreground", children: xt[0] }) : null,
+                          /* @__PURE__ */ r(Qa, { manifest: xn })
+                        ] })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ r(
+                    H,
+                    {
+                      variant: "ghost",
+                      size: "xs",
+                      className: "h-7 w-7 p-0 text-muted-foreground",
+                      title: "Reload the live preview",
+                      "aria-label": "Reload the live preview",
+                      onClick: () => {
+                        A === "browser" ? (rt(), Ee()) : (z(f), Y((t) => t + 1));
+                      },
+                      children: /* @__PURE__ */ r(Kr, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ] })
+              ] }),
+              de ? /* @__PURE__ */ r("div", { className: "shrink-0 border-b border-border bg-background px-3 py-2", children: /* @__PURE__ */ c(
+                "div",
+                {
+                  className: `flex items-start gap-2 rounded-[6px] border px-2.5 py-2 text-[11.5px] leading-relaxed ${de.state === "failed" ? "border-destructive/30 bg-destructive/10 text-destructive" : de.state === "done" ? "border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/60 dark:bg-emerald-950/30 dark:text-emerald-300" : "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-900/60 dark:bg-blue-950/30 dark:text-blue-300"}`,
+                  children: [
+                    de.state === "running" ? /* @__PURE__ */ r(me, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 animate-spin" }) : de.state === "done" ? /* @__PURE__ */ r(Ut, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ r(He, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ c("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ r("div", { className: "font-medium", children: de.label }),
+                      de.detail ? /* @__PURE__ */ r("div", { className: "mt-0.5 truncate opacity-80", children: de.detail }) : null
+                    ] })
+                  ]
+                }
+              ) }) : null,
+              (A === "browser" && (Me === "loading" || Me === "failed") || Fe && !((Or = Fe.appBuilder) != null && Or.hasOpenAiKey)) && /* @__PURE__ */ c("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
+                A === "browser" && Me === "loading" && /* @__PURE__ */ r("p", { className: "text-[11px] leading-relaxed text-muted-foreground", children: "Loading the in-browser runtime…" }),
+                A === "browser" && Me === "failed" && /* @__PURE__ */ c("div", { className: "rounded-[5px] border border-border bg-muted/40 px-2 py-1.5 text-[11px] leading-relaxed text-muted-foreground", children: [
+                  "Browser runtime is unavailable. Link or install semaphor-browser-runtime, or use the local bridge path.",
+                  sr ? /* @__PURE__ */ r("pre", { className: "mt-1.5 whitespace-pre-wrap font-mono text-[10.5px] text-muted-foreground", children: sr }) : null
+                ] }),
+                Fe && !((Ir = Fe.appBuilder) != null && Ir.hasOpenAiKey) && /* @__PURE__ */ r("div", { className: "rounded-[5px] border border-destructive/30 bg-destructive/10 px-2 py-1.5 text-[11px] text-destructive", children: Fe.error || "OPENAI_API_KEY is not configured." })
+              ] }),
+              A === "browser" && gn.length > 0 && /* @__PURE__ */ r("div", { className: "shrink-0 border-b border-border px-3 py-1.5 text-[11px] text-amber-700 dark:text-amber-400", children: "Preview compiled with diagnostics. The next prompt can use them for repair." }),
+              /* @__PURE__ */ c("div", { className: "flex min-h-0 flex-1", children: [
+                A === "browser" && /* @__PURE__ */ c("aside", { className: "flex w-[300px] shrink-0 flex-col border-r border-border", children: [
+                  /* @__PURE__ */ c("div", { className: "flex h-10 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+                    /* @__PURE__ */ r(Vt, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                    /* @__PURE__ */ r("span", { className: "text-[11.5px] font-medium text-foreground", children: "Files" }),
+                    /* @__PURE__ */ r("span", { className: "ml-auto font-mono text-[10px] text-muted-foreground", children: pr.length })
+                  ] }),
+                  /* @__PURE__ */ r("div", { className: "max-h-72 shrink-0 overflow-y-auto border-b border-border p-2", children: /* @__PURE__ */ r(
+                    Ka,
+                    {
+                      files: pr,
+                      selectedPath: yt,
+                      onSelect: kn
+                    }
+                  ) }),
+                  /* @__PURE__ */ r("pre", { className: "min-h-0 flex-1 overflow-auto p-3 font-mono text-[11px] leading-relaxed text-muted-foreground", children: (vt == null ? void 0 : vt.contents) || "Select a file to inspect its source." })
+                ] }),
+                /* @__PURE__ */ r(
+                  "iframe",
+                  {
+                    ref: ft,
+                    className: "min-h-0 flex-1 bg-background",
+                    onLoad: () => {
+                      be && window.setTimeout(() => at("inspect-enable"), 100);
+                    },
+                    src: A === "browser" ? void 0 : Mt,
+                    srcDoc: A === "browser" ? fn : void 0,
+                    title: "Data app preview"
+                  },
+                  A === "browser" ? `browser-${ve}` : Mt
+                ),
+                yr ? /* @__PURE__ */ r(
+                  lo,
+                  {
+                    artifact: yr,
+                    onClose: () => Ze(null)
+                  }
+                ) : null
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function Wt({
+  label: e,
+  value: a,
+  placeholder: s,
+  onChange: d
+}) {
+  return /* @__PURE__ */ c("label", { className: "grid min-w-0 gap-1", children: [
+    /* @__PURE__ */ r("span", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: e }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        value: a,
+        placeholder: s,
+        spellCheck: !1,
+        autoComplete: "off",
+        onChange: (l) => d(l.target.value),
+        onFocus: (l) => l.target.select(),
+        className: "h-8 w-full min-w-0 rounded-[5px] border border-border bg-background px-2 font-mono text-[12px] text-foreground outline-none focus:border-ring"
+      }
+    )
+  ] });
+}
+function Za({ code: e, lang: a }) {
+  const [s, d] = x(!1);
+  return /* @__PURE__ */ c("div", { className: "my-2 overflow-hidden rounded-[6px] border border-border", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-muted/40 px-2.5 py-1", children: [
+      /* @__PURE__ */ r("span", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-muted-foreground", children: a || "code" }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            var l;
+            (l = navigator.clipboard) == null || l.writeText(e), d(!0), window.setTimeout(() => d(!1), 1500);
+          },
+          className: "inline-flex items-center gap-1 rounded-[4px] px-1.5 py-0.5 text-[10.5px] font-medium text-muted-foreground hover:bg-accent hover:text-foreground",
+          children: s ? /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ r(Ut, { className: "h-3 w-3" }),
+            "Copied"
+          ] }) : /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ r(on, { className: "h-3 w-3" }),
+            "Copy"
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: "overflow-x-auto bg-background", children: /* @__PURE__ */ r(da, { code: e, language: a || "tsx" }) })
+  ] });
+}
+const Xa = /(\b[A-Za-z0-9_.-]+(?:\/[A-Za-z0-9_.-]+)*\.(?:tsx?|jsx?|mjs|cjs|css|scss|json|mdx?|html?|ya?ml|toml|sql|sh|py|rb|go|rs)\b)/g;
+function eo(e, a) {
+  return e.split(Xa).map(
+    (s, d) => d % 2 === 1 ? /* @__PURE__ */ c(
+      "span",
+      {
+        className: "mx-px inline-flex items-baseline gap-1 rounded-[4px] border border-border bg-muted/60 px-1 font-mono text-[0.82em] text-foreground",
+        children: [
+          /* @__PURE__ */ r(Ht, { className: "h-3 w-3 shrink-0 translate-y-[1px] text-muted-foreground" }),
+          s
+        ]
+      },
+      `${a}-f${d}`
+    ) : /* @__PURE__ */ r("span", { children: s }, `${a}-t${d}`)
+  );
+}
+function to(e, a) {
+  return e.split(`
+`).map((s, d) => /* @__PURE__ */ c("span", { children: [
+    d > 0 ? /* @__PURE__ */ r("br", {}) : null,
+    s.split(/(`[^`]+`|\*\*[^*]+\*\*)/g).map((l, p) => l.length > 1 && l.startsWith("`") && l.endsWith("`") ? /* @__PURE__ */ r(
+      "code",
+      {
+        className: "mx-px rounded-[4px] bg-foreground/10 px-1 font-mono text-[0.85em] text-foreground",
+        children: l.slice(1, -1)
+      },
+      p
+    ) : l.length > 4 && l.startsWith("**") && l.endsWith("**") ? /* @__PURE__ */ r(
+      "strong",
+      {
+        className: "font-semibold text-foreground",
+        children: l.slice(2, -2)
+      },
+      p
+    ) : /* @__PURE__ */ r("span", { children: eo(l, `${a}-${d}-${p}`) }, p))
+  ] }, `${a}-${d}`));
+}
+function ro(e) {
+  return e.split("```").map((a, s) => {
+    if (s % 2 === 1) {
+      let d = "", l = a;
+      const p = a.indexOf(`
+`);
+      if (p !== -1) {
+        const h = a.slice(0, p).trim();
+        h && /^[A-Za-z0-9_.+-]{1,16}$/.test(h) && (d = h, l = a.slice(p + 1));
+      }
+      return l = l.replace(/^\n/, "").replace(/\s+$/, ""), /* @__PURE__ */ r(Za, { code: l, lang: d }, s);
+    }
+    return /* @__PURE__ */ r("span", { children: to(a, s) }, s);
+  });
+}
+function no({
+  turns: e,
+  onDelete: a,
+  onRemoveAttachment: s,
+  onUpdatePrompt: d
+}) {
+  var g;
+  const [l, p] = x(!1), h = e.length;
+  return /* @__PURE__ */ c("div", { className: "mb-2 overflow-hidden rounded-[6px] border border-border bg-muted/40", children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: () => p((S) => !S),
+        "aria-expanded": l,
+        className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left",
+        children: [
+          /* @__PURE__ */ r(
+            _t,
+            {
+              className: `h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform ${l ? "rotate-90" : ""}`
+            }
+          ),
+          /* @__PURE__ */ c("span", { className: "shrink-0 text-[12px] font-medium text-foreground", children: [
+            h,
+            " queued"
+          ] }),
+          l ? null : /* @__PURE__ */ c("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
+            "· ",
+            ((g = e[0]) == null ? void 0 : g.prompt.trim()) || "Queued instruction"
+          ] }),
+          /* @__PURE__ */ r("span", { className: "ml-auto shrink-0 text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: l ? "Hide" : "Show" })
+        ]
+      }
+    ),
+    l ? /* @__PURE__ */ r("div", { className: "max-h-[200px] space-y-1.5 overflow-y-auto border-t border-border p-2", children: e.map((S, f) => /* @__PURE__ */ c(
+      "div",
+      {
+        className: "rounded-[5px] border border-border bg-background p-2",
+        children: [
+          /* @__PURE__ */ c("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ c("span", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: [
+              "Next ",
+              f + 1
+            ] }),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                className: "rounded-[4px] px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground",
+                onClick: () => a(S.id),
+                children: "Remove"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            "textarea",
+            {
+              value: S.prompt,
+              onChange: (R) => d(S.id, R.target.value),
+              className: "block min-h-[44px] w-full resize-none rounded-[4px] border border-border bg-transparent px-2 py-1.5 text-[12px] leading-relaxed text-foreground focus:border-ring focus:outline-none",
+              placeholder: "Queued instruction"
+            }
+          ),
+          S.attachments.length > 0 ? /* @__PURE__ */ r("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: S.attachments.map((R) => /* @__PURE__ */ r(
+            Kt,
+            {
+              attachment: R,
+              onRemove: (v) => s(S.id, v)
+            },
+            R.id
+          )) }) : null
+        ]
+      },
+      S.id
+    )) }) : null
+  ] });
+}
+function ao({ message: e }) {
+  var a;
+  return /* @__PURE__ */ c("div", { className: "ml-auto max-w-[88%] rounded-[6px] rounded-br-[2px] bg-foreground/10 px-3 py-2 text-[13px] leading-relaxed text-foreground", children: [
+    /* @__PURE__ */ r("div", { children: e.content }),
+    (a = e.attachments) != null && a.length ? /* @__PURE__ */ r("div", { className: "mt-2 flex flex-wrap gap-1.5", children: e.attachments.map((s) => /* @__PURE__ */ r(Kt, { attachment: s }, s.id)) }) : null
+  ] });
+}
+function Kt({
+  attachment: e,
+  onRemove: a
+}) {
+  const s = /* @__PURE__ */ c(re, { children: [
+    e.type === "screenshot" ? /* @__PURE__ */ c(re, { children: [
+      /* @__PURE__ */ r(
+        "img",
+        {
+          alt: "",
+          className: "h-5 w-7 rounded-[3px] border border-border object-cover",
+          src: e.imageUrl
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "max-w-[140px] truncate", children: e.name })
+    ] }) : /* @__PURE__ */ c(re, { children: [
+      /* @__PURE__ */ r(Vt, { className: "h-3 w-3" }),
+      /* @__PURE__ */ r("span", { className: "max-w-[140px] truncate", children: e.name })
+    ] }),
+    a ? /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: "rounded-[3px] p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+        onClick: () => a(e.id),
+        "aria-label": `Remove ${e.name}`,
+        children: /* @__PURE__ */ r(He, { className: "h-3 w-3" })
+      }
+    ) : null
+  ] });
+  return e.type === "dom-selection" ? /* @__PURE__ */ c(it, { children: [
+    /* @__PURE__ */ r(lt, { asChild: !0, children: /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex max-w-full items-center gap-1.5 rounded-[5px] border border-border bg-background px-1.5 py-1 text-[11px] text-muted-foreground hover:border-ring hover:text-foreground",
+        title: "View captured DOM context",
+        children: s
+      }
+    ) }),
+    /* @__PURE__ */ c(dt, { align: "start", sideOffset: 6, className: "w-[420px] p-0", children: [
+      /* @__PURE__ */ c("div", { className: "border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ r("div", { className: "text-[12px] font-medium text-foreground", children: "Captured DOM context" }),
+        /* @__PURE__ */ r("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: e.name })
+      ] }),
+      /* @__PURE__ */ r("pre", { className: "max-h-[360px] overflow-auto whitespace-pre-wrap p-3 font-mono text-[11px] leading-relaxed text-muted-foreground", children: e.text })
+    ] })
+  ] }) : /* @__PURE__ */ r("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-[5px] border border-border bg-background px-1.5 py-1 text-[11px] text-muted-foreground", children: s });
+}
+function oo(e) {
+  var a;
+  if (e.type === "assistant") {
+    const { artifacts: s, ...d } = e;
+    return d;
+  }
+  return e.type === "user" && ((a = e.attachments) != null && a.length) ? {
+    ...e,
+    attachments: e.attachments.filter(
+      (s) => s.type !== "screenshot"
+    )
+  } : e;
+}
+function so({
+  message: e,
+  onOpenDatasetInspector: a
+}) {
+  var d;
+  const s = e.tone === "blocked" ? "border-destructive/30 bg-destructive/10 text-destructive" : e.tone === "guidance" ? "border-blue-100 bg-blue-50/60 text-blue-950" : "border-border bg-background text-foreground";
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `max-w-[92%] rounded-[6px] rounded-bl-[2px] border px-3 py-2 text-[13px] leading-relaxed ${s}`,
+      children: [
+        /* @__PURE__ */ r("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Assistant" }),
+        ro(e.content),
+        (d = e.artifacts) == null ? void 0 : d.map(
+          (l) => l.type === "dataset_inspector" ? /* @__PURE__ */ r(
+            io,
+            {
+              artifact: l,
+              onOpen: () => a(l)
+            },
+            l.id
+          ) : null
+        )
+      ]
+    }
+  );
+}
+function io({
+  artifact: e,
+  onOpen: a
+}) {
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      onClick: a,
+      className: "mt-2 flex w-full items-center gap-2 rounded-[5px] border border-border bg-background px-2.5 py-2 text-left transition-colors hover:border-foreground/40",
+      children: [
+        /* @__PURE__ */ r(sn, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ c("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ r("span", { className: "block truncate text-[12px] font-medium text-foreground", children: e.title }),
+          /* @__PURE__ */ c("span", { className: "block truncate text-[10.5px] text-muted-foreground", children: [
+            e.counts.total,
+            " fields · ",
+            e.counts.measures,
+            " measures ·",
+            " ",
+            e.counts.dimensions,
+            " dimensions"
+          ] })
+        ] }),
+        /* @__PURE__ */ r("span", { className: "shrink-0 text-[10.5px] font-medium text-muted-foreground", children: "Open" })
+      ]
+    }
+  );
+}
+function lo({
+  artifact: e,
+  onClose: a
+}) {
+  const [s, d] = x(""), [l, p] = x("all"), h = s.trim().toLowerCase(), g = e.fields.filter((f) => {
+    var E, j;
+    const R = (E = f.role) == null ? void 0 : E.toLowerCase(), v = (j = f.dataType) == null ? void 0 : j.toLowerCase(), B = l === "all" || l === "measures" && (R === "measure" || R === "metric") || l === "dimensions" && R === "dimension" || l === "dates" && (R === "date" || v === "date" || v === "timestamp") || l === "identifiers" && R === "identifier" || l === "calculated" && f.source === "calculated", b = !h || [f.name, f.label, f.role, f.dataType].filter((I) => typeof I == "string").some((I) => I.toLowerCase().includes(h));
+    return B && b;
+  }), S = [
+    { id: "all", label: "All", count: e.counts.total },
+    { id: "measures", label: "Measures", count: e.counts.measures },
+    {
+      id: "dimensions",
+      label: "Dimensions",
+      count: e.counts.dimensions
+    },
+    { id: "dates", label: "Dates", count: e.counts.dates },
+    {
+      id: "identifiers",
+      label: "IDs",
+      count: e.counts.identifiers
+    },
+    {
+      id: "calculated",
+      label: "Calc",
+      count: e.counts.calculated
+    }
+  ];
+  return /* @__PURE__ */ c("aside", { className: "flex w-[360px] shrink-0 flex-col border-l border-border bg-background", children: [
+    /* @__PURE__ */ c("div", { className: "flex h-10 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+      /* @__PURE__ */ r(sn, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ r("div", { className: "truncate text-[12px] font-medium text-foreground", children: "Field inspector" }) }),
+      /* @__PURE__ */ r(
+        H,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "h-7 w-7 text-muted-foreground",
+          "aria-label": "Close field inspector",
+          onClick: a,
+          children: /* @__PURE__ */ r(He, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "shrink-0 border-b border-border p-3", children: [
+      /* @__PURE__ */ r("div", { className: "text-[13px] font-medium text-foreground", children: e.title }),
+      /* @__PURE__ */ c("div", { className: "mt-0.5 truncate font-mono text-[10.5px] text-muted-foreground", children: [
+        e.domain.label,
+        " · ",
+        e.dataset.name
+      ] }),
+      e.dataset.primaryDateField ? /* @__PURE__ */ c("div", { className: "mt-2 rounded-[5px] bg-muted px-2 py-1 text-[11px] text-muted-foreground", children: [
+        "Primary date: ",
+        e.dataset.primaryDateField
+      ] }) : null,
+      /* @__PURE__ */ c("label", { className: "mt-3 flex h-8 items-center gap-2 rounded-[5px] border border-border bg-background px-2", children: [
+        /* @__PURE__ */ r(la, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            value: s,
+            onChange: (f) => d(f.target.value),
+            placeholder: "Search fields",
+            className: "min-w-0 flex-1 bg-transparent text-[12px] outline-none placeholder:text-muted-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "mt-2 flex flex-wrap gap-1", children: S.map((f) => /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => p(f.id),
+          className: `rounded-[5px] px-2 py-1 text-[10.5px] ${l === f.id ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+          children: [
+            f.label,
+            " ",
+            f.count
+          ]
+        },
+        f.id
+      )) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: g.length > 0 ? /* @__PURE__ */ r("div", { className: "space-y-1", children: g.map((f) => /* @__PURE__ */ c(
+      "div",
+      {
+        className: "rounded-[5px] border border-border px-2 py-1.5",
+        children: [
+          /* @__PURE__ */ r("div", { className: "truncate text-[12px] font-medium text-foreground", children: f.label || f.name }),
+          /* @__PURE__ */ c("div", { className: "mt-0.5 flex min-w-0 items-center gap-1.5 text-[10.5px] text-muted-foreground", children: [
+            /* @__PURE__ */ r("span", { className: "truncate font-mono", children: f.name }),
+            f.role ? /* @__PURE__ */ c("span", { children: [
+              "· ",
+              f.role
+            ] }) : null,
+            f.dataType ? /* @__PURE__ */ c("span", { children: [
+              "· ",
+              f.dataType
+            ] }) : null,
+            f.source === "calculated" ? /* @__PURE__ */ r("span", { children: "· calculated" }) : null
+          ] })
+        ]
+      },
+      `${f.source}:${f.name}`
+    )) }) : /* @__PURE__ */ r("div", { className: "rounded-[5px] border border-dashed border-border px-3 py-6 text-center text-[12px] text-muted-foreground", children: "No fields match this search." }) })
+  ] });
+}
+function co({
+  phase: e,
+  detail: a,
+  elapsedMs: s
+}) {
+  const d = Ia(e), l = a || La(e);
+  return /* @__PURE__ */ c("div", { className: "max-w-[92%] rounded-[6px] rounded-bl-[2px] border border-border bg-background px-3 py-2.5", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ r("span", { className: "text-[12.5px] font-medium text-foreground", children: d }),
+      /* @__PURE__ */ r("span", { className: "ml-auto shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground", children: Gt(s) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "mt-1 flex items-center justify-between gap-3", children: /* @__PURE__ */ r("span", { className: "text-[11px] leading-relaxed text-muted-foreground", children: l }) })
+  ] });
+}
+function uo({
+  run: e,
+  getStepDuration: a
+}) {
+  var f, R, v;
+  const s = e.steps.filter((B) => B.state === "done").length, d = e.steps.length, l = (R = (f = e.result) == null ? void 0 : f.generationMeta) == null ? void 0 : R.durationMs, p = (B) => B.id === "generate" && typeof l == "number" ? l : a(B), h = e.steps.reduce(
+    (B, b) => B + p(b),
+    0
+  ), g = e.status === "running", S = g ? "running" : e.result ? e.result.ok ? "passed" : "failed" : e.status;
+  return /* @__PURE__ */ c(
+    "details",
+    {
+      open: g,
+      className: "group rounded-[6px] border border-border/60 bg-muted/20",
+      children: [
+        /* @__PURE__ */ c("summary", { className: "flex cursor-pointer list-none items-center gap-2 px-2.5 py-1.5 text-[12px] marker:hidden", children: [
+          /* @__PURE__ */ r(_t, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform group-open:rotate-90" }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: `h-1.5 w-1.5 shrink-0 rounded-full ${g ? "animate-pulse bg-amber-500" : e.status === "done" ? "bg-emerald-500" : "bg-destructive"}`
+            }
+          ),
+          /* @__PURE__ */ r("span", { className: "shrink-0 font-medium text-foreground", children: "Build" }),
+          /* @__PURE__ */ c("span", { className: "min-w-0 truncate text-muted-foreground", children: [
+            "· ",
+            e.prompt
+          ] }),
+          /* @__PURE__ */ c("span", { className: "ml-auto shrink-0 font-mono text-[11px] text-muted-foreground", children: [
+            S,
+            " · ",
+            s,
+            "/",
+            d,
+            " ·",
+            " ",
+            Gt(h)
+          ] })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "space-y-2.5 border-t border-border/60 px-2.5 py-2", children: [
+          g ? /* @__PURE__ */ r("div", { className: "h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: "h-full rounded-full bg-foreground",
+              style: {
+                width: `${Math.round(s / Math.max(1, d) * 100)}%`
+              }
+            }
+          ) }) : null,
+          /* @__PURE__ */ r("div", { className: "space-y-0.5", children: e.steps.map((B) => {
+            var b, E;
+            return /* @__PURE__ */ r(
+              po,
+              {
+                duration: p(B),
+                repairAttempts: (E = (b = e.result) == null ? void 0 : b.telemetry) == null ? void 0 : E.repairAttempts,
+                step: B
+              },
+              B.id
+            );
+          }) }),
+          e.result && /* @__PURE__ */ c("div", { className: "space-y-1.5 border-t border-border pt-2.5 text-[12px] leading-relaxed text-muted-foreground", children: [
+            /* @__PURE__ */ c("div", { className: "font-medium text-foreground", children: [
+              "Runtime result:",
+              " ",
+              /* @__PURE__ */ r(
+                "span",
+                {
+                  className: e.result.ok ? "text-emerald-600" : "text-destructive",
+                  children: e.result.ok ? "passed" : "failed"
+                }
+              )
+            ] }),
+            e.result.telemetry && /* @__PURE__ */ c("div", { className: "grid gap-1 font-mono text-[11px] sm:grid-cols-2", children: [
+              /* @__PURE__ */ c("span", { children: [
+                "context: ",
+                e.result.telemetry.contextFileCount ?? 0,
+                " ",
+                "files · ",
+                e.result.telemetry.contextChars ?? 0,
+                " chars"
+              ] }),
+              /* @__PURE__ */ c("span", { children: [
+                "generated:",
+                " ",
+                e.result.telemetry.generatedFileCount ?? 0,
+                " files ·",
+                " ",
+                e.result.telemetry.generatedChars ?? 0,
+                " chars"
+              ] })
+            ] }),
+            (v = e.result.changedFiles) != null && v.length ? /* @__PURE__ */ c("div", { children: [
+              "Changed ",
+              e.result.changedFiles.join(", ")
+            ] }) : null,
+            /* @__PURE__ */ r(
+              qa,
+              {
+                plan: e.result.filePlan,
+                changedFiles: e.result.changedFiles
+              }
+            ),
+            e.result.generationMeta && /* @__PURE__ */ c("div", { children: [
+              "Model: ",
+              e.result.generationMeta.model
+            ] }),
+            e.result.error && /* @__PURE__ */ r("pre", { className: "mt-1 max-h-44 overflow-auto whitespace-pre-wrap rounded-[4px] border border-border bg-muted/40 p-2 font-mono text-[11px] text-foreground", children: e.result.error })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function po({
+  duration: e,
+  repairAttempts: a,
+  step: s
+}) {
+  return /* @__PURE__ */ c("div", { className: "grid grid-cols-[16px_minmax(0,1fr)_auto] items-center gap-2 rounded-[4px] px-1.5 py-1 text-[11.5px]", children: [
+    /* @__PURE__ */ r(ho, { state: s.state }),
+    /* @__PURE__ */ c("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: `truncate font-mono ${s.state === "idle" ? "text-muted-foreground" : "text-foreground"}`,
+          children: s.label
+        }
+      ),
+      s.state === "running" && /* @__PURE__ */ r("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: s.detail })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-mono text-[11px] text-muted-foreground", children: s.id === "repair" && s.state === "running" ? /* @__PURE__ */ c("span", { children: [
+      "attempt ",
+      (a || 0) + 1,
+      " / ",
+      ze
+    ] }) : /* @__PURE__ */ r("span", { children: Gt(e) }) })
+  ] });
+}
+function ho({ state: e }) {
+  return e === "done" ? /* @__PURE__ */ r(Ut, { className: "h-3.5 w-3.5 text-emerald-600" }) : e === "running" ? /* @__PURE__ */ r(me, { className: "h-3.5 w-3.5 animate-spin text-blue-600" }) : e === "blocked" ? /* @__PURE__ */ r(He, { className: "h-3.5 w-3.5 text-destructive" }) : /* @__PURE__ */ r(ca, { className: "h-2.5 w-2.5 fill-zinc-300 stroke-none" });
+}
 export {
-  r as DataAppBuilder
+  yo as DataAppBuilder
 };